@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090b0d;--fg:#f2f3f3;--muted:#989fa5;--line:#2a2d30;--cyan:#29b7ed;--font:'Manrope',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 var(--font)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a,summary,input,textarea{outline-offset:6px}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan)}button{border:0}button:disabled{cursor:default}::selection{background:var(--cyan);color:var(--bg)}.skip-link{position:fixed;top:-70px;left:20px;background:white;color:black;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;position:absolute;z-index:10;top:0;left:0;width:100%;border-bottom:1px solid #ffffff24}.logo{position:relative;display:block;overflow:hidden;width:220px;height:43px;flex-shrink:0}.logo img{position:absolute;width:380px;max-width:none;left:-81px;top:-74px;filter:grayscale(1) invert(1);mix-blend-mode:screen}.site-header nav{display:flex;gap:38px;font-size:14px}.site-header nav a{position:relative}.site-header nav a:after{content:'';position:absolute;bottom:-8px;left:0;width:0;height:1px;background:var(--cyan);transition:width .2s}.site-header nav a:hover:after{width:100%}.header-contact{font-size:14px;display:flex;gap:35px;align-items:center}.small-plus{font-size:25px;font-weight:400;line-height:1}.menu-toggle{display:none}.hero{position:relative;min-height:760px;height:100svh;max-height:1150px;isolation:isolate;overflow:hidden;background:#10191f}.hero-art{position:absolute;inset:0;background-image:url('assets/hero.png');background-position:60% center;background-size:cover;z-index:-3;transform:scale(1.035);animation:arrival 2s ease-out}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,12,.76),rgba(3,8,12,.28) 57%,rgba(3,8,12,.05)),linear-gradient(0deg,#090b0d 0%,transparent 30%,rgba(0,0,0,.18));z-index:-2}.hero-inner{position:relative;padding:clamp(175px,22vh,270px) 4.5% 170px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;line-height:1.5;margin:0;text-transform:uppercase}.hero .eyebrow{display:flex;align-items:center;gap:15px;font-size:12px}.crosshair{color:var(--cyan);font-size:25px;line-height:1}.hero h1{font:600 clamp(78px,8.5vw,150px)/.91 var(--display);letter-spacing:-.012em;margin:32px 0 25px}.hero h1 span{color:var(--cyan)}.hero-description{font-size:16px;line-height:1.8;color:#d5dadc}.round-link{display:inline-flex;align-items:center;gap:17px;margin-top:22px;font-size:14px}.round-link small{display:block;font-size:10px;letter-spacing:1.7px;color:#b9c2c7;margin-top:4px}.play-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid #a5b0b966;border-radius:50%;font-size:13px;padding-left:2px;transition:background .25s,border-color .25s}.round-link:hover .play-icon{background:var(--cyan);border-color:var(--cyan);color:#000}.hero-coordinate{position:absolute;right:17%;top:51%;display:flex;gap:10px;align-items:center;color:#b9def0b3}.hero-coordinate span{font:300 40px var(--font)}.hero-coordinate small{font:10px/1.5 monospace;letter-spacing:1px}.hero-bottom{position:absolute;left:4.5%;right:4.5%;bottom:38px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px;border-top:1px solid #ffffff33;padding-top:25px}.hero-bottom i{color:var(--cyan);font-style:normal;margin:0 14px}.hero-bottom a{display:flex;align-items:center;gap:15px}.scroll-line{display:inline-block;height:32px;width:1px;background:linear-gradient(white,transparent)}.concept-caption{position:absolute;right:4.5%;bottom:112px;font:9px monospace;letter-spacing:1px;color:#a8b0b4}.section-pad{padding:90px 6%}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.section-heading .eyebrow,.contact .eyebrow{color:var(--cyan)}.minor-label{font-size:10px;letter-spacing:1.7px;color:var(--muted)}h2{font:500 clamp(42px,4.3vw,72px)/1.04 var(--display);letter-spacing:-.02em;margin:0}h3{font-weight:500}.split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:45px}.split-heading p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 4px}.lab{position:relative;background:radial-gradient(ellipse at 65% 40%,#10232d,#0b1014 70%);border:1px solid #27343c;height:590px;overflow:hidden}.lab-top{position:absolute;left:26px;right:26px;top:23px;display:flex;justify-content:space-between;z-index:2;pointer-events:none}.lab-top .eyebrow{font:11px/1.5 monospace;letter-spacing:1.4px;color:#acbdc7}.lab-tag{font-size:10px;border:1px solid #3d5663;padding:3px 8px;letter-spacing:1px;color:#7acaeb}#scene{position:absolute;inset:0;touch-action:pan-y}#scene canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}#scene canvas:active{cursor:grabbing}.scene-label{position:absolute;left:30px;bottom:120px;pointer-events:none;max-width:370px;text-shadow:0 2px 20px #000}.micro{font:10px monospace;letter-spacing:1.5px;color:var(--cyan)}.scene-label h3{font:500 38px/1.1 var(--display);margin:10px 0}.scene-label p{color:#a8b5be;font-size:14px;line-height:1.6}.lab-controls{position:absolute;left:26px;right:26px;bottom:46px;display:flex;gap:16px;justify-content:space-between;align-items:center}.mode-tabs{display:flex;border:1px solid #35424b;padding:4px;background:#081014d9}.mode-tabs button{background:transparent;padding:9px 18px;font-size:13px;color:#b5c2c9}.mode-tabs button.active{background:var(--cyan);color:#06151f}.view-controls{display:flex;gap:20px}.view-controls button{background:none;font-size:12px;color:#afc0c9;padding:8px 0}.view-controls button span{font-size:10px;color:var(--cyan);margin-left:6px}.scene-hint{position:absolute;bottom:4px;left:26px;color:#738795;font:9px monospace;letter-spacing:1px;pointer-events:none}.scene-hint span{padding:0 10px}.scene-fallback{position:absolute;top:35%;padding:30px;color:var(--muted)}.reel-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0;border-bottom:1px solid var(--line)}.reel-banner .eyebrow{color:#8d979e;font-size:10px}.reel-banner h3{font:500 28px var(--display);margin:10px 0 5px}.reel-banner p{font-size:13px;color:var(--muted);margin:0}.outline-button{background:none;border:1px solid #58616a;padding:14px 20px;font-size:13px;display:inline-flex;align-items:center;gap:30px;white-space:nowrap}.outline-button:hover{border-color:var(--cyan);color:var(--cyan)}.expertise{background:#111416}.expertise h2{margin-bottom:38px}.service{border-top:1px solid #363a3c}.service:last-child{border-bottom:1px solid #363a3c}.service summary{display:flex;align-items:center;padding:28px 0;cursor:pointer;list-style:none;gap:35px}.service summary::-webkit-details-marker{display:none}.service-number{font:12px monospace;color:#77858e}.service h3{font:500 clamp(30px,3.2vw,48px)/1.1 var(--display);margin:0}.service-symbol{margin-left:auto;font:300 33px var(--font);color:var(--cyan);transition:transform .2s}.service[open] .service-symbol{transform:rotate(45deg)}.service-body{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;padding:0 0 32px 60px}.service-body p{color:var(--muted);font-size:15px;max-width:590px;margin:0}.service-deliverables{display:flex;flex-direction:column;gap:8px;color:#c5ccd0;font-size:13px}.service-deliverables span:before{content:'+';color:var(--cyan);margin-right:12px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:110px;padding-bottom:110px;border-bottom:1px solid var(--line)}.studio .eyebrow{color:var(--cyan);margin-bottom:34px}.studio h2 span{color:#687780}.studio-copy p{font-size:15px;color:var(--muted)}.studio-copy .large-copy{font-size:23px;color:#e1e7ea;line-height:1.55;margin-top:0}.studio-industries{display:flex;gap:25px;font-size:10px;letter-spacing:1.4px;padding-top:20px;color:#bac5cd}.workflow{padding-top:75px;padding-bottom:80px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps article{border-top:1px solid #353e44;padding-top:20px}.steps article>span{font:11px monospace;letter-spacing:1px;color:#8c9ba6}.steps h3{font:500 28px var(--display);margin:18px 0 12px}.steps p{font-size:14px;color:var(--muted);margin:0}.contact{background:#dce9ed;color:#101c23;display:grid;grid-template-columns:1.15fr 1fr;gap:8%;padding-top:85px;padding-bottom:85px}.contact .eyebrow{color:#356478}.contact h2{font-weight:600;font-size:clamp(54px,5.8vw,95px);line-height:.95;margin:30px 0}.contact h2 span{color:#158cba}.contact-copy>p:not(.eyebrow){color:#425d6a;font-size:15px}.contact-note{display:flex;gap:18px;align-items:center;margin-top:65px}.contact-note p{font-size:12px;color:#57717d}.contact-note .crosshair{color:#1487b2}form{padding-top:10px}form label{display:block;font-size:12px;font-weight:600;letter-spacing:.3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}input,textarea{display:block;background:none;color:#122631;border:0;border-bottom:1px solid #9dB3be;border-radius:0;padding:10px 0 13px;width:100%;margin:0 0 24px;resize:vertical;font-size:14px}input::placeholder,textarea::placeholder{color:#607b89}input:focus,textarea:focus{outline:none;border-color:#027ba9;box-shadow:0 1px #027ba9}fieldset{border:0;padding:0;margin:0 0 23px}legend{padding:0;font-size:12px;font-weight:600;margin-bottom:12px}.check{display:inline-flex;position:relative;cursor:pointer;margin:0 4px 7px 0}.check input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.check span{border:1px solid #a0b5bf;padding:7px 11px;font-size:11px;font-weight:500}.check input:checked+span{background:#183b4c;border-color:#183b4c;color:white}.check input:focus-visible+span{outline:2px solid #167aa2;outline-offset:3px}.form-help{font-size:11px;color:#506c7a;line-height:1.6;margin-top:-8px}.submit-button{width:100%;background:#0c222e;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:13px;color:white;margin-top:20px}.submit-button:hover{background:#156889}#form-status{font-size:13px;margin-bottom:0}footer{padding:42px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>p{font-size:10px;letter-spacing:2px;color:#8c9da7}footer>div{display:flex;gap:22px;font-size:11px;color:#95a0a6}footer button{font:inherit;background:none;padding:0}dialog{background:#10171c;color:#dbe2e6;border:1px solid #45545e;padding:45px;max-width:580px;width:calc(100% - 35px)}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}dialog h2{font-size:42px;margin:25px 0}dialog p{font-size:14px;color:#afbdc5}.dialog-close{position:absolute;right:15px;top:10px;background:none;font-size:28px}.dialog-done{margin-top:15px}@keyframes arrival{from{transform:scale(1.08);opacity:.5}to{transform:scale(1.035);opacity:1}}
@media(min-width:1600px){.section-pad{padding-left:max(6%,calc((100vw - 1500px)/2));padding-right:max(6%,calc((100vw - 1500px)/2))}}
@media(max-width:900px){.site-header{height:80px}.site-header nav{gap:22px}.logo{transform:scale(.88);transform-origin:left center;width:220px}.hero{min-height:700px;max-height:1000px}.hero h1{font-size:clamp(70px,11vw,100px)}.hero-inner{padding-top:200px}.hero-coordinate{right:10%;top:60%}.section-pad{padding:65px 5%}.minor-label{display:none}.split-heading{align-items:flex-start}.split-heading p{max-width:270px}.view-controls{gap:12px}.studio{gap:7%}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:85px}.contact-note{margin-top:25px}.contact form{max-width:680px;width:100%}.steps{gap:25px}footer{flex-wrap:wrap}footer>div{width:100%;border-top:1px solid var(--line);padding-top:25px}}
@media(max-width:600px){.site-header{padding:0 6%;height:78px}.site-header nav,.header-contact{display:none}.menu-toggle{display:flex;width:40px;height:40px;flex-direction:column;justify-content:center;gap:6px;background:none}.menu-toggle span{width:24px;height:1px;background:white}.mobile-nav{position:absolute;top:78px;left:0;right:0;background:#0a1015;z-index:9;padding:22px 6%;border-bottom:1px solid #3a4953}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:20px}.hero{height:850px;min-height:700px;max-height:100svh}.hero-inner{padding:180px 6% 150px}.hero-art{background-position:65% center}.hero-shade{background:linear-gradient(90deg,#03080cc9,#03080c26),linear-gradient(0deg,#090b0d,transparent 55%)}.hero h1{font-size:clamp(62px,15vw,89px);margin-top:25px}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}.hero-description{font-size:14px}.hero-bottom{left:6%;right:6%;bottom:28px;display:block;font-size:8px;letter-spacing:.8px}.hero-bottom i{margin:0 5px}.hero-bottom a{margin-top:15px;font-size:9px}.scroll-line{height:18px}.hero-coordinate{display:none}.concept-caption{font-size:8px;bottom:127px}.round-link{margin-top:17px}.round-link small{font-size:9px}.section-heading{margin-bottom:25px}.eyebrow{font-size:10px}.split-heading{display:block}.split-heading p{margin-top:22px;max-width:none;font-size:14px}.split-heading p br{display:none}.lab{height:610px}.lab-top{left:18px;right:18px}.lab-top .eyebrow{font-size:9px}.lab-tag{font-size:8px}.scene-label{left:20px;right:20px;bottom:148px}.scene-label h3{font-size:33px}.scene-label p{font-size:13px;max-width:270px}.lab-controls{left:16px;right:16px;bottom:42px;display:block}.mode-tabs{justify-content:space-between}.mode-tabs button{padding:8px 13px;font-size:12px}.view-controls{justify-content:space-between;margin-top:8px}.view-controls button{font-size:11px}.scene-hint{left:17px;font-size:7px;letter-spacing:.5px}.scene-hint span{padding:0 4px}.reel-banner{display:block;padding:28px 0}.reel-banner .outline-button{margin-top:22px}.reel-banner h3{font-size:26px}.expertise h2{font-size:43px}.service summary{gap:20px;padding:25px 0}.service h3{font-size:33px}.service-body{display:block;padding-left:33px}.service-body p{font-size:14px;margin-bottom:22px}.studio{display:block}.studio-copy{margin-top:32px}.studio-copy .large-copy{font-size:20px}.studio h2{font-size:56px}.steps{display:block}.steps article{margin-top:32px}.steps p{max-width:370px}.contact h2{font-size:clamp(51px,13.5vw,78px)}.contact .form-row{grid-template-columns:1fr;gap:0}footer{padding:30px 6%;gap:10px}footer>p{font-size:8px}footer>div{gap:15px;justify-content:space-between;font-size:10px}.section-pad{padding:55px 6%}dialog{padding:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

button.round-link{background:none;padding:0;text-align:left;color:var(--fg)}.contact-email{display:inline-block;font-size:clamp(18px,2vw,27px);border-bottom:1px solid #7193a2;padding-bottom:4px;margin-top:12px}.contact-email:hover{color:#167da4}#download-brief{background:none;text-decoration:underline;font-size:12px;color:#355d70;padding:14px 0 0}#reel-dialog{max-width:1100px;width:92vw;padding:30px}#reel-dialog .eyebrow{margin-bottom:20px}#reel-dialog>a{font-size:13px;color:#75cef5;display:inline-block;margin-top:15px}#reel-player{aspect-ratio:16/9;background:#000}#reel-player iframe{width:100%;height:100%;border:0}

.logo{mix-blend-mode:screen}.scene-label{pointer-events:none}@media(max-width:700px){.site-header nav{gap:18px}.header-contact{gap:20px}}
.site-header{mix-blend-mode:screen}