@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Instrument+Serif:ital@0;1&display=swap";@font-face{font-family:FSHaskumo;src:url(/fonts/FsHakumoRegular-V49Ky.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"ZT Bros Oskon 90s";src:url(/fonts/ZTBrosOskon90s-Light.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"ZT Bros Oskon 90s";src:url(/fonts/ZTBrosOskon90s-Regular.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}html,body,#root{width:100%;height:100%;margin:0}body{background:#000;overflow:hidden}body:before{z-index:100;content:"";image-rendering:pixelated;mix-blend-mode:multiply;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000'%3E%3Crect x='0' y='0' width='2' height='2' opacity='.94'/%3E%3Crect x='2' y='0' width='2' height='2' opacity='.29'/%3E%3Crect x='4' y='0' width='2' height='2' opacity='.76'/%3E%3Crect x='6' y='0' width='2' height='2' opacity='.06'/%3E%3Crect x='0' y='2' width='2' height='2' opacity='.41'/%3E%3Crect x='2' y='2' width='2' height='2' opacity='.65'/%3E%3Crect x='4' y='2' width='2' height='2' opacity='.18'/%3E%3Crect x='6' y='2' width='2' height='2' opacity='.53'/%3E%3Crect x='0' y='4' width='2' height='2' opacity='.82'/%3E%3Crect x='2' y='4' width='2' height='2' opacity='.12'/%3E%3Crect x='4' y='4' width='2' height='2' opacity='.88'/%3E%3Crect x='6' y='4' width='2' height='2' opacity='.24'/%3E%3Crect x='0' y='6' width='2' height='2' opacity='.35'/%3E%3Crect x='2' y='6' width='2' height='2' opacity='.59'/%3E%3Crect x='4' y='6' width='2' height='2' opacity='.47'/%3E%3Crect x='6' y='6' width='2' height='2' opacity='.71'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:8px 8px;position:fixed;inset:0}body:after{z-index:105;content:"";filter:contrast(180%);mix-blend-mode:normal;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.8'/%3E%3C/svg%3E");background-repeat:repeat;background-size:140px 140px;position:fixed;inset:-50%}#root{background:#000;overflow:hidden}.hero-page{background:#000;place-items:center;display:grid}.black-page{--about-navy:#0b2f4f;--about-line:#294c68;--about-white:#f7f5ef;--about-muted:#8297a8;z-index:102;background:var(--about-navy);width:100vw;height:100vh;color:var(--about-white);letter-spacing:.035em;transform:translate3d(0, var(--slide-offset,100%), 0);pointer-events:none;will-change:transform;margin:0;font-family:Instrument Serif,Didot,Georgia,serif;font-weight:300;font-stretch:105%;transition:transform 1s cubic-bezier(.45,0,.2,1);position:fixed;inset:0;overflow:hidden;container-type:size}.black-page.is-active{pointer-events:auto}.black-page.is-peeking{transition-duration:.3s;transition-timing-function:linear}.black-page:before{z-index:0;content:"";pointer-events:none;background:#0b2b49;width:34.75%;position:absolute;top:0;bottom:0;left:60.9375%}.black-page:after{z-index:0;content:"";pointer-events:none;background:#0b2b49;width:4.6875%;position:absolute;top:0;bottom:0;left:0}.about-geometry{z-index:1;fill:none;width:100%;height:100%;stroke:var(--about-line);stroke-width:3.5px;stroke-linecap:butt;stroke-linejoin:miter;vector-effect:non-scaling-stroke;shape-rendering:geometricprecision;position:absolute;inset:0}.golden-spiral{stroke-linecap:round;stroke-linejoin:round}.about-brand{z-index:2;width:8cqw;height:3cqw;position:absolute;top:6.2%;left:3.1%;overflow:hidden}.about-brand img{width:13cqw;height:13cqw;display:block;position:absolute;top:-4.42cqw;left:-2.54cqw}.about-back{z-index:3;cursor:pointer;background:0 0;border:0;width:3.8cqw;padding:0;position:absolute;top:3.2%;left:50%;transform:translate(-50%)}.about-back svg{fill:none;width:100%;stroke:var(--about-white);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;display:block}.about-copy,.contact-panel{z-index:2;position:absolute}.about-copy{width:23%;top:33%;left:20.2%}.about-copy h2,.contact-panel h2{color:var(--about-white);transform-origin:0;margin:0;font-family:DM Serif Display,Didot,Georgia,serif;font-size:2.85cqw;font-weight:400;line-height:1;transform:scaleX(1.04)}.about-copy h2{margin-bottom:2.1cqw;margin-left:3.4cqw}.about-copy p{transform-origin:0;margin:0 0 2.65cqw;font-family:Instrument Serif,Didot,Georgia,serif;font-size:1.85cqw;font-weight:300;line-height:1.42;transform:scaleX(1.04)}.contact-panel{width:28.5%;top:21.8%;left:57%}.contact-panel h2{margin-bottom:.45cqw;margin-left:3.2cqw}.contact-email{color:var(--about-muted);margin:0 0 1.3cqw 3.2cqw;font-family:Instrument Serif,Didot,Georgia,serif;font-size:.9cqw;font-weight:300;line-height:1.2;transform:scaleX(1.15)}.contact-panel form{flex-direction:column;display:flex}.contact-panel label{width:62%;margin-left:0}.contact-panel label:nth-of-type(2){width:80%}.contact-panel input,.contact-panel textarea{box-sizing:border-box;border:0;border-bottom:2px solid var(--about-muted);width:100%;color:var(--about-white);font:inherit;background:0 0;border-radius:0;outline:0;font-size:1.35cqw}.contact-panel input{height:3cqw;padding:.45cqw 1.7cqw .1cqw}.contact-panel input::placeholder,.contact-panel textarea::placeholder{color:var(--about-muted);opacity:1}.message-field{width:115%;height:11.8cqw;margin-top:.25cqw;position:relative}.contact-panel textarea{resize:none;text-align:left;height:100%;padding:.65cqw 1.7cqw}.message-field>span{color:var(--about-muted);letter-spacing:.035em;transform-origin:0;pointer-events:none;font-size:1.35cqw;position:absolute;top:7.6cqw;left:15.2cqw;transform:scaleX(1.08)}.message-field textarea:not(:placeholder-shown)+span{opacity:0}.contact-panel button{border:2px solid var(--about-muted);color:var(--about-muted);font:inherit;cursor:pointer;background:0 0;align-self:flex-end;margin-top:1.15cqw;margin-right:2%;padding:.45cqw 1.45cqw;font-family:DM Serif Display,Didot,Georgia,serif;font-size:1.25cqw;font-weight:400}.contact-panel input:focus,.contact-panel textarea:focus{border-color:var(--about-white)}.contact-panel button:hover,.contact-panel button:focus-visible{border-color:var(--about-white);color:var(--about-white)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.main{isolation:isolate;background-color:#fafafa;background-image:linear-gradient(#858f961f 1px,#0000 1px),linear-gradient(90deg,#858f961f 1px,#0000 1px);background-size:5px 5px;width:100vw;height:100vh;position:relative;overflow:hidden;container-type:size}.main:before{z-index:0;aspect-ratio:1;filter:blur(20px);content:"";pointer-events:none;background:radial-gradient(circle,#00000047 0 92%,#0000002e 96%,#0000 100%);border-radius:50%;width:68%;position:absolute;bottom:-48%;left:-9%;-webkit-mask:radial-gradient(circle,#0000 0 31%,#00000073 34%,#000 38% 100%);mask:radial-gradient(circle,#0000 0 31%,#00000073 34%,#000 38% 100%)}.top-disc{z-index:0;aspect-ratio:1;clip-path:inset(0 0 50%);pointer-events:none;background:#00000014;border-radius:50%;width:130%;position:absolute;top:-50%;left:-2%;transform:rotate(45deg);-webkit-mask:radial-gradient(circle,#0000 0 32%,#00000073 34%,#000 37% 94%,#00000073 97%,#0000 100%);mask:radial-gradient(circle,#0000 0 32%,#00000073 34%,#000 37% 94%,#00000073 97%,#0000 100%)}.scene{z-index:1;position:absolute;inset:0}.particle-overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.particle-overlay,.particle-overlay *{pointer-events:none!important}.particle-overlay--inversion{mix-blend-mode:difference}.particle-overlay--color{z-index:5}.main-nav{z-index:3;align-items:center;gap:min(2.25cqw,2.75rem);display:flex;position:absolute;top:2.5%;right:2%}.main-nav a{color:#131313;text-transform:lowercase;font-family:FSHaskumo,sans-serif;font-size:min(1.25cqw,1.5rem);line-height:1;text-decoration:none;transition:opacity .16s}.main-nav a:hover,.main-nav a:focus-visible{opacity:.5}.main-nav a:focus-visible{outline-offset:.35em;outline:1px solid}.title{z-index:2;color:#0b2f4f;text-align:center;letter-spacing:-.05em;pointer-events:none;width:min(48cqw,760px);margin:0;font-family:FSHaskumo,sans-serif;font-size:min(7.8cqw,10rem);font-weight:1;line-height:1;position:absolute;top:50%;left:60%;transform:translate(-50%,-50%)scaleX(.85)}.title span{display:block}.title-inversion-mask{z-index:2;clip-path:circle(34cqw at 25cqw calc(148cqh - 34cqw));pointer-events:none;position:absolute;inset:0}.title--inverted{color:#fff}.scroll-cue{z-index:2;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:min(.5cqw,.6rem);padding:0;display:flex;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.title-arrow{fill:none;stroke:#2c2c2c;stroke-width:3.5px;stroke-linecap:square;stroke-linejoin:miter;width:min(5cqw,72px);height:auto;overflow:visible}.scroll-label{color:#2c2c2c;letter-spacing:.08em;font-family:FSHaskumo,sans-serif;font-size:min(.833cqw,2rem);font-weight:1200;line-height:1}.portfolio-caption{z-index:2;color:#131313;text-align:right;width:42%;margin:0;font-family:FSHaskumo,sans-serif;font-size:min(1.8cqw,2.22rem);font-weight:400;line-height:1;position:absolute;bottom:2%;right:1%}