html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:new-order,sans-serif;font-size:1.2em;margin:0}.contact textarea::-webkit-input-placeholder,input::-webkit-input-placeholder{font-family:new-order,sans-serif}.contact textarea:-ms-input-placeholder,input:-ms-input-placeholder{font-family:new-order,sans-serif}.contact textarea::placeholder,input::placeholder{font-family:new-order,sans-serif}button{font-family:new-order,sans-serif}h1,h2{font-family:Rozha One,serif;font-weight:700!important}h2{font-size:1.2em;letter-spacing:1.5px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media only screen and (min-width:800px){.gallery{cursor:pointer;position:relative}.gallery,.gallery-cats{background:var(--main-bg)}.gallery-cats{display:grid;grid-template-columns:repeat(5,1fr)}}@media (min-width:800px) and (max-width:1500px){.gallery-cats{background:var(--main-bg);display:grid;grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:490px) and (max-width:799px){.gallery{display:grid;grid-template-columns:repeat(3,minmax(auto,auto))}.container{grid-area:unset!important}}@media only screen and (max-width:490px){.img{scale:unset!important;-webkit-transform:unset!important;transform:unset!important;width:100%}}@-webkit-keyframes loadGallery{0%{opacity:0;position:relative;top:-10px}55%{opacity:.3}to{opacity:1;position:relative;top:0}}@keyframes loadGallery{0%{opacity:0;position:relative;top:-10px}55%{opacity:.3}to{opacity:1;position:relative;top:0}}.container{-webkit-animation:loadGallery .3s linear;animation:loadGallery .3s linear;cursor:pointer;overflow:hidden;position:relative}.container:hover{-webkit-filter:grayscale();filter:grayscale()}.img{-webkit-clip-path:inset(0);clip-path:inset(0);display:block;-webkit-filter:blur(20px);filter:blur(20px);height:100%;object-fit:cover;opacity:100%;scale:60%;-webkit-transform:translateY(-50vh);transform:translateY(-50vh);-webkit-transform-origin:top;transform-origin:top;width:100%}.loaded{-webkit-filter:blur(0);filter:blur(0);opacity:100%;scale:100%;-webkit-transform:translateY(0);transform:translateY(0)}.overlay{align-items:center;background-color:rgba(0,0,0,.4);bottom:0;color:#fff;display:flex;font-family:Rozha One,serif;font-size:1.5em;height:100%;justify-content:center;left:0;mix-blend-mode:unset;opacity:0;position:absolute;right:0;text-align:center;top:0;transition:.2s ease;width:100%}.reverse-color{-webkit-filter:grayscale();filter:grayscale()}.reverse-color:hover{-webkit-filter:none!important;filter:none!important}.reverse-color:hover img{-webkit-filter:brightness(2);filter:brightness(2)}.reverse-color:hover .overlay p{background-color:var(--gold);border-radius:10px;padding:10px}.overlay p{break-word:break-all;display:hidden!important}.container:hover .overlay{opacity:1}.container:hover.active div.img div.overlay{display:hidden!important}.react-spinner-loader-swing div{border-radius:50%;float:left;height:1em;width:1em}.react-spinner-loader-swing div:first-of-type{background:linear-gradient(90deg,#385c78 0,#325774)}.react-spinner-loader-swing div:nth-of-type(2){background:linear-gradient(90deg,#325774 0,#47536a)}.react-spinner-loader-swing div:nth-of-type(3){background:linear-gradient(90deg,#4a5369 0,#6b4d59)}.react-spinner-loader-swing div:nth-of-type(4){background:linear-gradient(90deg,#744c55 0,#954646)}.react-spinner-loader-swing div:nth-of-type(5){background:linear-gradient(90deg,#9c4543 0,#bb4034)}.react-spinner-loader-swing div:nth-of-type(6){background:linear-gradient(90deg,#c33f31 0,#d83b27)}.react-spinner-loader-swing div:nth-of-type(7){background:linear-gradient(90deg,#da3b26 0,#db412c)}.react-spinner-loader-shadow{clear:left;padding-top:1.5em}.react-spinner-loader-shadow div{background:#e3dbd2;border-radius:50%;-webkit-filter:blur(1px);filter:blur(1px);float:left;height:.25em;width:1em}.react-spinner-loader-shadow .react-spinner-loader-shadow-l{background:#d5d8d6}.react-spinner-loader-shadow .react-spinner-loader-shadow-r{background:#eed3ca}@-webkit-keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@-webkit-keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@-webkit-keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.57em);transform:translateX(-1.75em)}}@keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.75);transform:translateX(-1.75em)}}@-webkit-keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}.react-spinner-loader-swing-l{-webkit-animation:ball-l .425s ease-in-out infinite alternate;animation:ball-l .425s ease-in-out infinite alternate}.react-spinner-loader-swing-r{-webkit-animation:ball-r .425s ease-in-out infinite alternate;animation:ball-r .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-l{-webkit-animation:shadow-l-n .425s ease-in-out infinite alternate;animation:shadow-l-n .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-r{-webkit-animation:shadow-r-n .425s ease-in-out infinite alternate;animation:shadow-r-n .425s ease-in-out infinite alternate}.react-spinner-loader-svg-calLoader{animation:loader-spin 1.4s linear infinite;-webkit-animation:loader-spin 1.4s linear infinite;height:230px;-webkit-transform-origin:115px 115px;transform-origin:115px 115px;width:230px}.react-spinner-loader-svg-cal-loader__path{animation:loader-path 1.4s ease-in-out infinite;-webkit-animation:loader-path 1.4s ease-in-out infinite}@-webkit-keyframes loader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}@keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}.react-spinner-loader-svg svg{-webkit-transform-origin:50% 65%;transform-origin:50% 65%}.react-spinner-loader-svg svg polygon{stroke-dasharray:17;-webkit-animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite;animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite}@-webkit-keyframes dash{to{stroke-dashoffset:136}}@keyframes dash{to{stroke-dashoffset:136}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.modal{height:100vh;position:fixed;top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transform-origin:top center;transform-origin:top center;transition:all .4s cubic-bezier(.165,.84,.44,1);width:100vw;z-index:-10}.modal h2{font-size:1.7em}.modal-open{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background:rgba(0,0,0,.808);-webkit-transform:translateY(0);transform:translateY(0);transition:all .4s cubic-bezier(.165,.84,.44,1);z-index:20}.modal-content{align-self:center;display:flex;gap:30px;height:100vh;justify-content:space-evenly;overflow:scroll;position:relative;width:100vw}.modal-text{padding:40px;width:400px}.fullscreen{display:none}.modal-img{background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:zoom-in;flex:1 1;transition:all .4s ease-in-out}.arrow-buttons-container{bottom:3vh;display:flex;font-size:2em;gap:20px;position:absolute;right:20px}@media only screen and (min-width:489px) and (max-width:1200px){.modal-content{flex-direction:column;padding-top:3em}.modal-text{width:100%}}@media only screen and (max-width:489px){.modal-content{flex-direction:column;gap:0;padding:20px}.arrow-buttons-container{bottom:unset;gap:0;padding:8px;right:unset;top:70px;width:100%}.modal-img{flex:50% 1}.modal-text{flex:1 1;padding:30px 10px 10px;width:unset}.left-arrow-button{-webkit-tap-highlight-color:transparent;padding:100% 25%}}a#project-link{align-items:center;color:#6094ff;display:flex;font-weight:600;margin-top:10px}a#project-link:hover{-webkit-filter:brightness(130%);filter:brightness(130%)}a#project-link svg{display:inline-block;font-size:1.8em}#fullscreen-img{cursor:zoom-out;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.home{font-style:normal;position:relative;text-align:center}.contact p{color:#fff;font-size:20px;line-height:1.5em;word-spacing:2px}.contact{width:100%}.contact form{display:flex;flex-direction:column;gap:20px}.contact h2{font-size:1.85em;line-height:3em}p.thankyou{font-size:1em;font-weight:semibold}@-webkit-keyframes load{0%{opacity:1;z-index:0}40%{opacity:1;z-index:0}90%{opacity:0;z-index:0}}@keyframes load{0%{opacity:1;z-index:0}40%{opacity:1;z-index:0}90%{opacity:0;z-index:0}}.about-overlay{-webkit-animation:load 1s ease;animation:load 1s ease;height:100%;left:0;opacity:0;position:absolute;top:0;width:100vw;z-index:-1}.hi{z-index:1}.about-container{align-items:center;display:flex;flex-wrap:wrap;gap:100px;justify-content:center;margin:120px auto 0;max-width:1250px}.profile-img{align-self:flex-start;background:var(--main-bg);border-radius:250px;max-width:400px;object-fit:cover;width:100%}.gold-text{color:var(--gold)}.about-info-section{flex:1 1;font-size:20px;line-height:1.5em;padding:0 30px;word-spacing:2px}@media only screen and (max-width:490px){.about-container{flex-wrap:wrap;gap:20px;margin:0}.profile-img{background:var(--main-bg);border-radius:0;-webkit-filter:brightness(.7);filter:brightness(.7);flex:50% 1;max-width:unset;min-height:500px;object-fit:cover}}.social-media-container a:hover{color:var(--gold)}:root{--main-bg:#121212;--gold:#87712d;box-sizing:border-box}.nav-other-options-container{align-items:center;display:flex;flex-direction:column;gap:23px;justify-content:center}@media only screen and (min-width:490px){.nav-other-options-container{align-items:center;display:flex;flex-direction:row;justify-content:center}}@-webkit-keyframes loadNav{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes loadNav{0%{opacity:0}50%{opacity:0}to{opacity:1}}.nav{align-items:center;-webkit-animation:loadNav 1s linear;animation:loadNav 1s linear;display:flex;font-family:Bebas Neue,new-order,sans-serif;justify-content:space-between;letter-spacing:0;padding:20px 40px;width:100vw;z-index:2}.nav p,h2{margin:0}a{text-decoration:none}html{background-color:#121212;background-color:var(--main-bg);scroll-behavior:smooth}.App{font-style:normal;position:relative;text-align:center}a p{font-size:.8em;letter-spacing:4px;text-transform:uppercase}ul{flex-wrap:wrap;list-style-type:none;margin:8px 0;padding:0}ul,ul ul{display:flex;justify-content:center}ul ul{background:hsla(0,0%,100%,.261);flex-direction:column;flex-wrap:nowrap;height:0;opacity:0;overflow:hidden;padding:10px;position:absolute}ul ul a p{font-size:.8em;letter-spacing:1.5px;text-decoration:none;text-transform:uppercase}ul ul.active,ul ul:hover{height:120px;opacity:1;text-transform:uppercase;transition:height .3s,opacity .6s}li a{display:block;letter-spacing:4px;padding:.2em 0;position:relative;text-transform:uppercase}li a:after{background-color:#87712d;background-color:var(--gold);bottom:0;content:"";height:.2em;left:-2px;opacity:0;position:absolute;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;width:50px}li a:focus:after,li a:hover:after{opacity:1;-webkit-transform:translate3d(0,.2em,0);transform:translate3d(0,.2em,0)}li a{overflow:hidden}li a:after{opacity:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}li a:focus:after,li a:hover:after{-webkit-transform:translateZ(0);transform:translateZ(0)}.main-layout{display:flex;flex-direction:column;height:100%;min-height:100vh}.menu{position:absolute;visibility:hidden}@media only screen and (max-width:490px){.nav{align-items:flex-start;display:flex;flex-direction:column;font-size:1.3em;gap:20px;padding:100px 12px 12px 30px;position:fixed;transition:all .2s ease-in-out;width:100px}.main-layout{overflow-x:hidden}.about-container,.gallery,.projects-gallery{transition:all .23s ease-in-out;width:100vw}.img{padding:5px 0}.nav ul{flex-direction:column;gap:16px;justify-content:unset}.nav .social-media-container{flex-direction:column;gap:26px}.nav li a{letter-spacing:0;padding:0;text-transform:unset}.menu{cursor:pointer;font-size:1.2em;font-size:1.3em;margin-top:20px;padding:30px;position:fixed;visibility:visible;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:3}.menu:before{border-left:5px solid var(--gold);content:"";height:26%;left:23px;position:absolute}.nav-closed .nav{-webkit-transform:translateX(-110px);transform:translateX(-110px)}.nav-open .nav{-webkit-transform:translateX(0);transform:translateX(0)}.about-container,.nav-closed .about-container,.nav-closed .gallery{margin-left:0}.projects-gallery{margin:0;width:100vw}.about-container,.nav-open .gallery,.nav-open .projects-gallery{margin-left:120px}ul ul{margin:0;padding:0;position:relative}ul ul.active,ul ul:hover{height:220px;margin:8px 0;padding:10px}}.projects-gallery{cursor:pointer;display:flex;flex:1 1;flex-wrap:wrap;height:100%;overflow:hidden}@media only screen and (min-width:800px){.projects-gallery{margin:0 40px}}.projects-gallery>div{flex:1 1;min-width:300px;transition:all .4s cubic-bezier(.165,.84,.44,1)}.projects-gallery>div:hover{flex:3 1;min-width:300px;-webkit-transform:scale(1.25);transform:scale(1.25)}.projects .banner{height:220px;margin-bottom:60px;overflow:hidden}.projects p,h1{font-size:20px;line-height:1.5em;padding:30px;word-spacing:2px}.projects h1,.projects h2{font-size:60px;line-height:1em}.projects h2{font-size:40px;line-height:2.5em}.projects-gallery .overlay p{display:block!important}.projects-gallery .container .overlay{opacity:1}.projects-gallery .container:hover{-webkit-filter:grayscale();filter:grayscale()}.featherfell-container{display:flex;flex-direction:column;gap:60px;margin:0 auto;max-width:1010px;width:100%}.aswang-container,.fish-container{display:flex;flex-direction:column;gap:60px;margin:0 auto;max-width:1560px;width:100%}.fish-gallery{grid-gap:30px;gap:30px;grid-template-areas:"a b c" "d d d" "blank1 e blank2";grid-template-columns:repeat(3,minmax(auto,28vw));grid-template-rows:repeat(3);margin:0 auto}.fish-gallery,.trailer{display:grid;position:relative}.trailer{grid-gap:12px;gap:12px;grid-template-areas:"a b c e" "d d d e";grid-template-columns:repeat(3,275px) 147px;grid-template-rows:repeat(2);overflow:scroll;width:100%}.aswang-gallery{flex-direction:column;gap:60px}.aswang-gallery,.aswang-gallery-section{align-items:center;display:flex;width:100%}.aswang-gallery-section{flex-direction:row;justify-content:space-evenly}.aswang-gallery-section>p{max-width:400px}
/*# sourceMappingURL=main.10678c4e.css.map*/