@font-face{font-family:Manrope;src:url(/assets/manrope-400.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/manrope-500.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/manrope-600.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/manrope-700.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/manrope-800.ttf) format("truetype");font-weight:800;font-display:swap}
:root{--bg:#10110f;--panel:#181a16;--ink:#f3f4ed;--muted:#a2a59a;--line:#34372e;--lime:#c7ff4a;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:40;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}img{max-width:100%;display:block}::selection{background:var(--lime);color:var(--bg)}.skip{position:fixed;top:-100px;left:20px;background:var(--lime);color:#000;padding:16px;z-index:200}.skip:focus{top:20px}.progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:100;background:var(--lime)}
.header{height:100px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);position:relative;z-index:30;background:var(--bg)}.wordmark{font-size:30px;letter-spacing:-2px;font-weight:800;white-space:nowrap}.wordmark span{font-weight:500}.wordmark sup{font-size:10px;vertical-align:top;position:relative;top:8px;margin-left:4px;letter-spacing:0}.desktop-nav{display:flex;align-items:center;gap:34px;margin-left:5%}.desktop-nav a{font-size:13px;position:relative}.desktop-nav a:after{content:"";position:absolute;bottom:-7px;left:0;height:1px;width:0;background:var(--lime);transition:width .3s}.desktop-nav a:hover:after{width:100%}.desktop-nav sup{font-size:9px;color:var(--muted);margin-left:3px}.desktop-nav i{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;vertical-align:top;margin:2px 0 0 3px}.nav-contact{border:1px solid #606453;border-radius:30px;padding:13px 20px;font-size:12px;display:flex;gap:26px;align-items:center;transition:.3s}.nav-contact:hover{background:var(--lime);border-color:var(--lime);color:var(--bg)}.nav-contact span{font-size:19px}.menu-button{display:none}.mobile-nav{display:none}
.hero{min-height:780px;height:calc(100svh - 100px);max-height:1100px;position:relative;isolation:isolate;overflow:hidden;padding:66px 4.2% 30px}.hero .eyebrow{position:relative;z-index:5}.eyebrow,.micro{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:600}.eyebrow{display:flex;gap:11px;align-items:center;color:var(--muted)}.dot{height:6px;width:6px;display:inline-block;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #c7ff4a55}.hero h1{position:relative;z-index:3;font-size:clamp(86px,9.25vw,154px);font-weight:800;line-height:.91;letter-spacing:-.075em;margin:43px 0 0;max-width:68%;pointer-events:none}.hero h1 .lime{color:var(--lime)}.hero h1 small{display:block;font-size:.267em;line-height:1.15;letter-spacing:-.035em;font-weight:500;margin:27px 0 0 4px}.hero-description{position:relative;z-index:5;font-size:14px;line-height:1.75;color:var(--muted);max-width:330px;margin:29px 0 24px 4px}.hero-cta{position:relative;z-index:5;display:inline-flex;align-items:center;gap:24px;margin-left:4px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:36px;border-radius:40px;font-size:12px;font-weight:700;padding:17px 25px;transition:background .3s,transform .3s}.pill.lime{background:var(--lime);color:#171a10}.pill span{font-size:20px;line-height:1}.pill:hover{transform:translateY(-4px);background:#e0ff94}.text-link{font-size:12px;display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #747768;padding:10px 0}.text-link span{font-size:24px;transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.hero-scene{position:absolute;width:64%;height:100%;right:-5%;top:-1%;z-index:1;perspective:900px;touch-action:pan-y}.scene-canvas{position:absolute;width:100%;height:100%;inset:0;opacity:.65}.orbital{position:absolute;width:76%;aspect-ratio:1;left:8%;top:13%;border:1px solid #c7ff4a22;border-radius:50%;transform:rotateX(56deg) rotateZ(-30deg);box-shadow:inset 0 0 80px #c7ff4a03;animation:orbit 23s linear infinite}.orbital:after{content:"";position:absolute;left:12%;top:12%;width:10px;height:10px;background:var(--lime);border-radius:50%;box-shadow:0 0 25px #c7ff4a66}.mascot-wrap{position:absolute;width:92%;height:100%;top:0;left:0;transform-style:preserve-3d;will-change:transform;display:flex;align-items:center;justify-content:center}.mascot{width:100%;max-height:96%;object-fit:contain;filter:drop-shadow(0 30px 40px #0008);animation:float 7s ease-in-out infinite;user-select:none;-webkit-user-drag:none}.scene-floor{position:absolute;width:50%;height:8%;background:#000;filter:blur(20px);border-radius:50%;left:20%;bottom:9%;opacity:.5}.scene-coord{position:absolute;top:18%;right:14%;color:#797e6e;font-family:monospace;font-size:9px;letter-spacing:.1em;line-height:1.7}.scene-note{position:absolute;bottom:15%;left:26%;display:flex;gap:10px;align-items:center;color:#8d9282;font-size:10px}.scene-note:before{content:"+";font-size:22px;color:var(--lime)}.hero-bottom{position:absolute;bottom:28px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:end;z-index:5}.hero-bottom .micro{color:#858a7a;font-size:9px;line-height:1.8}.scroll-cue{display:flex;align-items:center;gap:17px;font-size:10px;color:#d8dccf}.scroll-cue .circle{display:grid;place-items:center;width:45px;height:45px;border:1px solid #555a4b;border-radius:50%;font-size:22px;animation:arrow 2.3s ease-in-out infinite}.hero-edition{color:#6e7564;font-family:monospace;font-size:9px;margin-right:20px}
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:20px 0;background:#141610}.marquee-inner{display:flex;align-items:center;width:max-content;gap:42px;animation:marquee 36s linear infinite;color:#c9cfba;font-size:11px;font-weight:600;letter-spacing:.16em}.marquee-inner .marquee-separator{color:var(--lime);font-size:22px;font-weight:400;line-height:16px;letter-spacing:0}.section{padding:112px 4.5%}.section-label{display:flex;gap:20px;align-items:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.section-label span{color:var(--lime);font-family:monospace}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px;gap:40px}.section-head h2{font-size:clamp(40px,5.3vw,82px);line-height:1.02;letter-spacing:-.065em;margin:25px 0 0;font-weight:500}.section-head h2 em{font-style:normal;color:var(--muted)}.section-head .text-link{margin-bottom:4px}.projects-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:55px 36px}.project-card:nth-child(even){margin-top:95px}.project-card .project-image{overflow:hidden;background:#21231d;aspect-ratio:1.36;position:relative;border-radius:3px}.project-card:nth-child(even) .project-image{aspect-ratio:1.1}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),filter .6s;filter:saturate(.83)}.project-card:hover img{transform:scale(1.045);filter:saturate(1)}.project-arrow{position:absolute;right:20px;top:20px;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--bg);font-size:24px;transform:translateY(10px);opacity:0;transition:.4s}.project-card:hover .project-arrow,.project-card:focus-visible .project-arrow{opacity:1;transform:none}.project-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:20px;gap:20px}.project-meta h3{font-size:21px;font-weight:500;letter-spacing:-.04em;margin:0}.project-meta p{font-size:10px;color:var(--muted);text-align:right;line-height:1.6;margin:0}.project-index{position:absolute;bottom:20px;left:20px;background:#10110fd9;border:1px solid #ffffff38;border-radius:20px;padding:7px 12px;font-family:monospace;font-size:10px}.all-projects{display:flex;justify-content:center;margin-top:65px}.all-projects a{display:flex;align-items:center;gap:45px;font-size:12px;border:1px solid #525847;border-radius:40px;padding:18px 26px}.all-projects a span{color:var(--lime);font-size:20px}.all-projects a:hover{background:var(--panel)}
.statement{padding:65px 4.5% 110px;display:grid;grid-template-columns:1fr 2.1fr;gap:8%;border-bottom:1px solid var(--line)}.statement .section-label{align-items:start;padding-top:14px}.statement p{font-size:clamp(26px,3.6vw,55px);line-height:1.25;letter-spacing:-.045em;margin:0}.statement p span{color:#747c67}.services{display:grid;grid-template-columns:1fr 2fr;gap:9%}.service-intro h2{font-size:clamp(38px,4.5vw,70px);line-height:1.02;letter-spacing:-.06em;font-weight:500;margin:25px 0}.service-intro p{color:var(--muted);line-height:1.8;font-size:13px;max-width:240px}.service-list details{border-top:1px solid var(--line)}.service-list details:last-child{border-bottom:1px solid var(--line)}.service-list summary{list-style:none;display:flex;align-items:center;gap:28px;padding:28px 0;cursor:pointer;font-size:24px;letter-spacing:-.035em}.service-list summary::-webkit-details-marker{display:none}.service-num{font-size:10px;font-family:monospace;color:#828a73}.service-list summary i{font-size:25px;font-weight:300;font-style:normal;margin-left:auto;transition:transform .3s;color:var(--lime)}.service-list details[open] summary i{transform:rotate(45deg)}.service-list details p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 50px 28px;max-width:430px}.service-list details[open] summary{color:var(--lime)}
.ai-section{background:#c7ff4a;color:#12150b;padding:75px 4.5%;overflow:hidden;position:relative}.ai-section .section-label,.ai-section .section-label span{color:#4c5c26}.ai-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center}.ai-copy h2{font-size:clamp(45px,6.5vw,95px);letter-spacing:-.07em;line-height:1.02;font-weight:500;margin:28px 0}.ai-copy p{max-width:300px;line-height:1.8;font-size:13px;color:#3b4b20}.ai-copy .pill{background:#15180e;color:var(--lime);margin-top:23px}.ai-copy .pill:hover{background:#354224}.ai-preview{position:relative;transform:rotate(3deg);margin:15px 25px}.ai-main{aspect-ratio:1.1;width:100%;object-fit:cover;border-radius:3px;box-shadow:0 30px 65px #3d4a1f33}.ai-source{position:absolute;bottom:-27px;left:-45px;background:white;width:32%;padding:10px;transform:rotate(-12deg);box-shadow:0 10px 30px #0003}.ai-source img{width:100%;aspect-ratio:.9;object-fit:cover}.ai-source span{display:block;font-family:monospace;font-size:9px;margin-top:8px;color:#333}.ai-tag{position:absolute;top:20px;left:20px;background:#10110fe8;padding:10px 13px;color:var(--lime);font-size:9px;border-radius:20px;letter-spacing:.1em}.ai-orbit{position:absolute;right:-35px;bottom:-40px;width:100px;height:100px;border-radius:50%;background:#15180e;color:var(--lime);display:grid;place-items:center;font-size:46px;animation:spin 18s linear infinite}
.about-section{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;align-items:center}.about-portrait{position:relative;max-width:430px;margin:25px 0 0 40px}.about-portrait img{width:100%;aspect-ratio:1.05;object-fit:cover;filter:grayscale(1);border-radius:3px}.portrait-label{position:absolute;bottom:20px;left:-30px;transform:rotate(-5deg);background:var(--lime);color:#18200b;padding:13px 20px;font-size:12px;font-weight:700}.about-copy h2{font-size:clamp(36px,4.6vw,70px);letter-spacing:-.06em;font-weight:500;line-height:1.05;margin:24px 0}.about-copy p{font-size:14px;line-height:1.9;color:var(--muted);max-width:460px}.about-copy .text-link{margin-top:15px}.brands{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.brands>span{font-size:9px;color:#939c82;letter-spacing:.12em;line-height:1.7;text-transform:uppercase;max-width:130px}.brands strong{font-size:22px;letter-spacing:-.06em;color:#929a87;font-weight:800}.brands .thin{font-weight:500;letter-spacing:-.035em}.brands .condensed{font-size:17px;letter-spacing:-.03em}
.contact-section{padding:100px 4.5% 72px;position:relative;overflow:hidden}.contact-section h2{font-size:clamp(65px,10.5vw,165px);letter-spacing:-.075em;line-height:1;margin:40px 0 50px;font-weight:500}.contact-section h2 .lime{color:var(--lime)}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.email-link{font-size:clamp(18px,2vw,28px);letter-spacing:-.04em;display:flex;gap:50px;align-items:center;border-bottom:1px solid #555d48;padding-bottom:12px}.email-link span{color:var(--lime)}.contact-note{color:var(--muted);font-size:11px;line-height:1.8;max-width:200px}.contact-orb{position:absolute;right:7%;top:110px;font-size:150px;color:var(--lime);font-weight:200;animation:spin 25s linear infinite}.footer{display:flex;align-items:center;gap:28px;padding:30px 4.5%;border-top:1px solid var(--line);color:#919986;flex-wrap:wrap}.footer .wordmark{font-size:22px;color:var(--ink)}.footer>p{font-size:10px}.footer>span{margin-left:auto;font-size:9px}.motion-toggle{display:flex;align-items:center;gap:7px;font-size:9px}.motion-toggle span{color:var(--ink)}.motion-toggle i{width:5px;height:5px;background:var(--lime);border-radius:50%}.back-top{font-size:20px;margin-left:12px}
.reveal{opacity:0;transform:translateY(35px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.visible{opacity:1;transform:none}.cursor-label{position:fixed;pointer-events:none;z-index:110;width:85px;height:85px;background:var(--lime);border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700;color:#10110f;opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity .2s,transform .25s}.cursor-label.active{opacity:1;transform:translate(-50%,-50%) scale(1)}
.page-intro{padding:75px 4.5% 55px}.page-intro h1{font-size:clamp(62px,9vw,130px);line-height:1.03;letter-spacing:-.07em;font-weight:500;margin:30px 0}.page-intro h1 em{color:var(--lime);font-style:normal}.page-intro p{max-width:600px;line-height:1.9;font-size:15px;color:var(--muted)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px}.filters button{border:1px solid var(--line);border-radius:30px;padding:11px 20px;font-size:11px;transition:.3s}.filters button.active,.filters button:hover{background:var(--lime);color:var(--bg);border-color:var(--lime)}.portfolio-all{padding-top:15px}.portfolio-all .project-card{margin-top:0}.hidden-card{display:none}.project-detail-meta{display:flex;gap:60px;flex-wrap:wrap;margin-top:35px}.project-detail-meta div{font-size:12px}.project-detail-meta span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-bottom:10px}.project-detail-hero{margin:0 4.5%;height:65vw;max-height:720px;min-height:300px;overflow:hidden;background:var(--panel)}.project-detail-hero img{width:100%;height:100%;object-fit:cover}.project-story{display:grid;grid-template-columns:1fr 2fr;gap:12%;padding:80px 9%}.project-story h2{font-size:32px;font-weight:500;letter-spacing:-.04em;margin:0}.project-story p{line-height:1.9;color:var(--muted);margin:0;font-size:15px}.project-gallery{padding:0 9% 100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.gallery-tile{padding:0;text-align:left;position:relative;align-self:start}.gallery-tile img{width:100%;border-radius:2px}.gallery-tile .zoom{position:absolute;right:16px;top:16px;background:#10110fe6;border:1px solid #fff5;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.gallery-tile p{font-size:11px;color:var(--muted)}.next-project{display:block;margin:0 4.5% 70px;padding:45px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.next-project span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.next-project h2{font-size:clamp(36px,6vw,80px);font-weight:500;letter-spacing:-.05em;margin:15px 0 0;display:flex;justify-content:space-between}.next-project b{color:var(--lime);font-weight:400}
.lightbox{background:#10110ff5;color:var(--ink);border:0;padding:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;margin:0}.lightbox::backdrop{background:#000d}.lightbox-top{position:absolute;top:0;left:0;right:0;height:70px;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:0 30px;z-index:2;background:#10110ff5;border-bottom:1px solid var(--line);font-size:11px}.gallery-caption{margin-right:auto}.close-lightbox{font-size:21px;padding:12px}.lightbox-scroll{height:100%;overflow:auto;padding:90px max(65px,15%) 35px}.lightbox-scroll img{width:100%;height:auto;margin:auto}.gallery-prev,.gallery-next{position:fixed;top:50%;font-size:25px;width:45px;height:45px;border-radius:50%;background:var(--lime);color:#13170e}.gallery-prev{left:15px}.gallery-next{right:15px}.ai-lab-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:6%;padding:0 4.5% 90px;align-items:center}.comparison{position:relative;aspect-ratio:1.15;overflow:hidden;background:#23261f}.comparison img{position:absolute;width:100%;height:100%;object-fit:cover}.comparison .before-wrap{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.comparison input{position:absolute;inset:0;opacity:0;z-index:5;width:100%;height:100%;cursor:ew-resize}.comparison .handle{position:absolute;height:100%;width:2px;background:var(--lime);left:50%;top:0;pointer-events:none;z-index:4}.comparison .handle:after{content:'+';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;border-radius:50%;background:var(--lime);color:#12170b;display:grid;place-items:center;font-size:22px}.compare-label{position:absolute;bottom:18px;padding:8px 12px;background:#10110fdd;border-radius:20px;font-size:10px;z-index:3}.compare-label.left{left:18px}.compare-label.right{right:18px}.ai-explanation h2{font-size:42px;line-height:1.1;font-weight:500;letter-spacing:-.05em}.ai-explanation p{color:var(--muted);line-height:1.9;font-size:14px}.number-list{list-style:none;padding:0;font-size:13px;line-height:2.8;counter-reset:steps}.number-list li{counter-increment:steps}.number-list li:before{content:'0' counter(steps);color:var(--lime);font-family:monospace;font-size:10px;margin-right:18px}.ai-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0 4.5% 95px}.ai-gallery img{aspect-ratio:.8;object-fit:cover;width:100%}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:0 4.5% 100px}.contact-details{display:flex;flex-direction:column;align-items:start;gap:25px}.contact-details a{font-size:clamp(16px,2.4vw,34px);letter-spacing:-.045em}.contact-details p{font-size:13px;color:var(--muted);line-height:1.8}.contact-form{display:flex;flex-direction:column;gap:25px}.contact-form label{display:block;font-size:11px;color:var(--muted)}.contact-form input,.contact-form textarea{display:block;width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);border-radius:0;padding:14px 0;font-size:15px;resize:vertical}.contact-form .pill{align-self:start;border:0}.form-note{font-size:10px;line-height:1.7;color:var(--muted);margin:0}.about-full{padding-top:0}.about-full .about-copy h2{font-size:45px}.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0 4.5% 100px}.principle{border-top:1px solid var(--line);padding-top:25px}.principle span{color:var(--lime);font-size:11px}.principle h3{font-size:24px;letter-spacing:-.04em;font-weight:500}.principle p{font-size:13px;line-height:1.9;color:var(--muted)}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-20px) rotate(1deg)}}@keyframes orbit{to{transform:rotateX(56deg) rotateZ(330deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrow{50%{transform:translateY(5px)}}
body.reduced *{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reduced .reveal{opacity:1;transform:none}.reduced .mascot-wrap{transform:none!important}.reduced .cursor-label{display:none}
@media(min-width:1600px){.hero{padding-top:80px}.hero-description{margin-top:40px}.hero h1{margin-top:55px}}
@media(max-width:1100px){.hero{min-height:730px}.hero h1{font-size:10vw}.desktop-nav{gap:24px;margin-left:0}.hero-scene{right:-12%;width:72%}.hero h1 small{font-size:.3em}.contact-orb{font-size:110px}.brands strong{font-size:18px}.project-meta{display:block}.project-meta p{text-align:left;margin-top:8px}.hero-description{max-width:270px}.about-section{gap:8%}.footer>p{display:none}.hero-edition{display:none}}
@media(max-width:760px){.header{height:78px;padding:0 6%;gap:20px}.wordmark{font-size:27px}.desktop-nav,.nav-contact{display:none}.menu-button{display:flex;flex-direction:column;gap:6px;padding:15px 0 15px 15px}.menu-button span{display:block;width:25px;height:1px;background:var(--ink);transition:.3s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:78px;left:0;right:0;padding:35px 7% 45px;background:var(--bg);border-bottom:1px solid var(--line);z-index:25;flex-direction:column;gap:23px;font-size:29px;letter-spacing:-.04em}.mobile-nav sup{font-size:11px;color:var(--lime)}.hero{height:auto;min-height:970px;padding:36px 6% 25px}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero h1{font-size:clamp(76px,17vw,120px);max-width:100%;margin-top:33px;line-height:.94}.hero h1 small{font-size:.28em;margin:20px 0 0}.hero-description{margin-top:24px;max-width:290px;font-size:12px}.hero-cta{margin-top:0}.pill{font-size:11px;padding:15px 21px;gap:25px}.hero-scene{width:110%;height:520px;top:auto;bottom:38px;right:-10%;z-index:1;pointer-events:auto}.mascot-wrap{width:95%}.mascot{max-height:98%}.scene-coord{top:15%;right:15%;font-size:8px}.scene-note{bottom:9%;left:22%;font-size:9px}.orbital{top:15%}.hero-bottom{bottom:22px;left:6%;right:6%}.hero-bottom .micro{display:none}.scroll-cue{font-size:9px;margin-left:auto}.scroll-cue .circle{height:32px;width:32px;font-size:17px}.marquee{padding:17px 0}.marquee-inner{gap:28px;font-size:9px}.section{padding:70px 6%}.section-head{display:block;margin-bottom:35px}.section-head h2{font-size:45px}.section-head .text-link{margin-top:20px;font-size:11px}.section-label{font-size:8px;gap:14px}.projects-grid{grid-template-columns:1fr;gap:35px}.project-card:nth-child(even){margin-top:0}.project-card .project-image,.project-card:nth-child(even) .project-image{aspect-ratio:1.2}.project-arrow{opacity:1;transform:none;width:36px;height:36px;right:14px;top:14px;font-size:20px}.project-meta{display:flex;margin-top:15px}.project-meta h3{font-size:20px}.project-meta p{font-size:9px;text-align:right;margin-top:0;max-width:135px}.all-projects{margin-top:40px}.statement{padding:10px 6% 60px;grid-template-columns:1fr;gap:27px}.statement p{font-size:30px}.services{grid-template-columns:1fr;gap:30px}.service-intro h2{font-size:45px;margin-bottom:20px}.service-intro p{max-width:300px}.service-list summary{font-size:21px;padding:23px 0;gap:20px}.service-list details p{margin-left:34px;margin-right:12px;font-size:12px}.ai-section{padding:60px 6% 80px}.ai-grid{grid-template-columns:1fr;gap:30px}.ai-copy h2{font-size:62px}.ai-copy p{font-size:12px}.ai-preview{margin:35px 10px 15px 22px}.ai-source{left:-25px}.ai-orbit{width:75px;height:75px;font-size:35px;right:-15px;bottom:-30px}.about-section{grid-template-columns:1fr;gap:45px}.about-portrait{max-width:100%;margin:0 15px 0 25px}.about-copy h2{font-size:45px}.about-copy p{font-size:13px}.brands{padding:28px 6%;justify-content:center;gap:26px 30px}.brands>span{max-width:none;width:100%;text-align:center;font-size:8px}.brands strong{font-size:20px}.brands .condensed{font-size:15px}.contact-section{padding:65px 6% 50px}.contact-section h2{font-size:16vw;margin:35px 0}.contact-orb{font-size:55px;top:100px;right:8%}.contact-row{display:block}.contact-note{margin-top:27px;font-size:10px;max-width:230px}.email-link{font-size:19px;justify-content:space-between;gap:15px}.footer{padding:25px 6%;gap:20px;justify-content:space-between}.footer>span{order:5;width:100%;margin:0;font-size:8px}.footer .wordmark{font-size:24px}.motion-toggle{margin-left:auto}.back-top{margin:0}.cursor-label{display:none!important}.page-intro{padding:50px 6% 38px}.page-intro h1{font-size:65px;margin:25px 0}.page-intro p{font-size:13px}.filters{gap:7px;margin-top:27px}.filters button{padding:10px 14px;font-size:10px}.portfolio-all{padding-top:0}.project-detail-meta{gap:25px;margin-top:25px}.project-detail-meta div{font-size:11px}.project-detail-meta span{font-size:8px}.project-detail-hero{margin:0 6%;height:85vw;min-height:0}.project-story{grid-template-columns:1fr;gap:20px;padding:45px 6%}.project-story h2{font-size:30px}.project-story p{font-size:13px}.project-gallery{grid-template-columns:1fr;padding:0 6% 55px;gap:20px}.next-project{margin:0 6% 45px;padding:30px 0}.next-project h2{font-size:38px}.ai-lab-grid{grid-template-columns:1fr;gap:25px;padding:0 6% 45px}.ai-explanation h2{font-size:36px}.ai-gallery{grid-template-columns:1fr 1fr;gap:12px;padding:0 6% 55px}.ai-gallery p{font-size:9px}.contact-layout{grid-template-columns:1fr;padding:0 6% 65px;gap:40px}.contact-details{gap:15px}.contact-details a{font-size:24px}.contact-form{gap:20px}.about-full{padding-top:0}.about-full .about-copy h2{font-size:38px}.about-principles{grid-template-columns:1fr;padding:0 6% 55px;gap:25px}.principle h3{margin:15px 0}.lightbox-top{padding:0 18px;height:60px;font-size:9px}.lightbox-scroll{padding:77px 40px 25px}.gallery-prev,.gallery-next{width:30px;height:30px;font-size:18px}.gallery-prev{left:4px}.gallery-next{right:4px}.gallery-caption{max-width:65%}.lightbox-top .gallery-count{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.cursor-label{display:none}.mascot-wrap{transform:none!important}}

.mascot-wrap canvas{width:100%;height:100%;cursor:grab;display:block}.mascot-wrap canvas:active{cursor:grabbing}.hero-scene{z-index:2}.hero h1{z-index:3}.model-unavailable .mascot{object-fit:contain}

@media(max-width:760px){.hero{min-height:800px}.hero-scene{height:430px;bottom:38px}.scene-coord{display:none}.scene-note{font-size:8px;left:19%;bottom:7%}}

/* Supplied APEworld logo: preserve the original artwork, display in white. */
.wordmark{display:block;flex-shrink:0;line-height:0}
.wordmark .brand-logo{width:92px;height:auto;filter:grayscale(1) invert(1);mix-blend-mode:screen}
.footer .wordmark .brand-logo{width:80px}
@media(max-width:760px){.wordmark .brand-logo{width:72px}.footer .wordmark .brand-logo{width:68px}}
