@font-face{font-family:Polaris;src:local('Helvetica Neue');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#111210;color:#f3f3ec;font-family:Polaris,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}::selection{background:#d5ff5f;color:#111}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #a4bd6c;outline-offset:6px}.skip{position:fixed;top:-70px;background:#d5ff5f;color:#111;padding:16px;z-index:100}.skip:focus{top:10px}.progress{position:fixed;top:0;left:0;height:2px;background:#d5ff5f;width:100%;transform:scaleX(0);transform-origin:left;z-index:90}header{height:95px;padding:0 4.5%;position:absolute;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;z-index:30;border-bottom:1px solid #ffffff20}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:-.7px}.brand-mark{font-size:43px;font-weight:300}.brand-sub{display:block;font-size:8px;letter-spacing:2px;margin-top:4px}nav{display:flex;align-items:center;gap:38px;font-size:12px}nav a{transition:color .2s}nav a:hover{color:#d5ff5f}.nav-contact{border:1px solid #ffffff55;padding:12px 18px;border-radius:30px}.nav-contact span{margin-left:25px}.hero{height:150svh}.hero-pin{height:100svh;min-height:690px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 70% 55%,#293022 0, #141711 30%,#111210 65%)}#cosmos{position:absolute;width:100%;height:100%;opacity:.65}.hero-kicker{position:absolute;top:130px;left:4.5%;right:4.5%;font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#d5ff5f;box-shadow:0 0 15px #d5ff5f80}.coordinates{margin-left:auto;color:#8e9489}.hero-title{position:absolute;left:4.5%;top:26%;z-index:3;pointer-events:none}.hero h1{font-size:clamp(75px,8.8vw,155px);letter-spacing:-.085em;line-height:.98;font-weight:500;margin:0}.outline{font-style:italic;font-weight:400;color:#d5ff5f}.hero-title p{font-size:14px;line-height:1.6;margin-top:32px;color:#a9aea2}.star-scene{position:absolute;width:54vw;height:54vw;right:-2%;top:12%;perspective:800px;will-change:transform}.chrome-star{width:83%;height:83%;position:absolute;top:8%;left:8%;filter:drop-shadow(0 22px 35px #0008);transform:rotate(-14deg)}.orbit{border:1px solid #c9d3bb50;border-radius:50%;position:absolute;width:100%;height:70%;top:15%;transform:rotate(-35deg) rotateX(50deg)}.orbit-two{transform:rotate(55deg) rotateX(65deg);border-color:#d5ff5f55}.orbit:after{content:'';position:absolute;width:8px;height:8px;left:22%;top:6%;border-radius:50%;background:#d5ff5f;box-shadow:0 0 20px #d5ff5f}.orbital-label{position:absolute;bottom:7%;right:24%;font-size:7px;letter-spacing:3px;color:#858f7a}.hero-bottom{position:absolute;bottom:35px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;z-index:4}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:19px 24px;border-radius:40px;font-size:12px;border:0;cursor:pointer;transition:transform .25s,background .25s}.pill:hover{transform:translateY(-3px);background:#e1ff91}.pill span{font-size:22px;line-height:16px}.lime{background:#d5ff5f;color:#111210}.scroll-cue,.edition{font-size:8px;letter-spacing:1.5px;line-height:1.7}.scroll-cue span{margin-left:22px;font-size:18px}.edition{text-align:right;color:#a8afa0}.section-label{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.5px}.manifesto{background:#efefe9;color:#20211d;padding:65px 6% 85px}.manifesto h2{font-size:clamp(36px,5.5vw,86px);line-height:1.1;letter-spacing:-.06em;font-weight:500;margin:90px 0 50px}em{font-weight:400;font-family:Georgia,serif}h2 em{color:#777c6a}.manifesto-bottom{display:flex;justify-content:space-between;align-items:center;margin-bottom:70px}.asterisk{font-size:85px;line-height:1;color:#616c47}.manifesto-bottom p{line-height:1.65;font-size:15px;margin-right:auto;margin-left:12%}.small-note{font-size:8px;line-height:1.7;letter-spacing:1px;color:#737769}.services a{display:grid;grid-template-columns:7% 43% 1fr 25px;align-items:center;border-top:1px solid #bfc2b6;padding:25px 0;transition:padding .3s,color .3s}.services a:last-child{border-bottom:1px solid #bfc2b6}.services a:hover{padding-left:15px;color:#6a7d3d}.services span{font-size:10px}.services h3{font-size:clamp(20px,2.5vw,36px);letter-spacing:-1px;margin:0;font-weight:400}.services p{font-size:12px;color:#686e60}.services b{font-size:27px;font-weight:400}.experience{height:260svh}.experience-pin{height:100svh;min-height:650px;position:sticky;top:0;padding:40px 6%;overflow:hidden;background:radial-gradient(ellipse at 65% 80%,#252c1e,#111210 65%)}.experience-title{position:absolute;top:24%;left:6%;z-index:2}.eyebrow{font-size:8px;letter-spacing:1.5px}.experience h2{font-size:clamp(48px,6vw,92px);line-height:1.02;letter-spacing:-.065em;font-weight:400;margin:30px 0}.experience h2 em{color:#d5ff5f}.browser-art{width:52%;position:absolute;right:5%;top:25%;background:#dfdfcf;border-radius:8px;overflow:hidden;transform:perspective(1100px) rotateY(-22deg) rotateX(14deg) rotateZ(6deg);transform-origin:center;box-shadow:0 50px 80px #0009;will-change:transform}.browser-bar{padding:12px 15px;display:flex;justify-content:space-between;color:#727668;background:#eaece3;font-size:7px;letter-spacing:1px}.demo-site{position:relative;padding:22px;background:#c8ceb8;height:340px;color:#20271e;overflow:hidden}.demo-nav{font-size:18px;letter-spacing:-1px}.demo-nav span{float:right;font-size:6px;letter-spacing:.7px}.demo-site>p{font-size:clamp(38px,5.5vw,80px);line-height:.9;letter-spacing:-5px;position:relative;z-index:2;margin:50px 0}.demo-site i{font-family:Georgia,serif;font-weight:400}.sculpture{position:absolute;right:10%;top:60px;width:170px;height:240px;transform:rotate(20deg)}.sculpture div{width:160px;height:110px;border-radius:50%;background:radial-gradient(ellipse at 35% 25%,#f3f3e5,#959f7c 40%,#3a4630 70%,#151c12);position:absolute;box-shadow:10px 25px 30px #35412555}.sculpture div:nth-child(2){top:55px}.sculpture div:nth-child(3){top:110px}.demo-bottom{position:absolute;bottom:20px;left:22px;right:22px;font-size:6px;display:flex;justify-content:space-between;letter-spacing:1px}.experience-caption{position:absolute;bottom:40px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.stage-copy{color:#d5ff5f}.work{height:230svh;background:#e9eae3;color:#24271d}.work-pin{height:100svh;min-height:740px;position:sticky;top:0;padding:38px 6%;overflow:hidden}.work-heading{display:flex;align-items:center;justify-content:space-between;margin:35px 0}.work-heading h2{font-size:clamp(40px,4.8vw,74px);line-height:.98;letter-spacing:-.05em;font-weight:400;margin:0}.work-heading p{font-size:12px;line-height:1.7}.work-arrow{font-size:80px;font-weight:200}.project-track{display:flex;gap:28px;will-change:transform}.project{flex:0 0 52%;min-width:0}.project-visual{height:350px;padding:24px;position:relative;overflow:hidden}.project-visual>span{font-size:7px;letter-spacing:1.5px;position:relative;z-index:2}.portfolio{background:#7f88bc;color:#151b35}.portfolio h3{font-size:85px;letter-spacing:-6px;line-height:.85;font-weight:500;margin:60px 0;position:relative;z-index:2}.portfolio h3 i{font-family:Georgia,serif;font-weight:400}.portrait-shape{position:absolute;width:220px;height:290px;background:repeating-radial-gradient(ellipse at 0% 30%,#182343 0 2px,#a6b6dc 3px 5px);border-radius:50% 50% 0 0;right:30px;top:50px;transform:rotate(18deg)}.project-stamp{position:absolute!important;bottom:20px;right:20px;line-height:1.6}.ecommerce{background:#d9c3a8;color:#42362c}.ecommerce h3{font-size:90px;font-weight:400;letter-spacing:-6px;margin:55px 0;position:relative;z-index:2}.ecommerce h3 span{display:block;font-size:12px;letter-spacing:0}.vase{width:160px;height:240px;border-radius:28% 28% 43% 43%;position:absolute;right:15%;top:75px;background:linear-gradient(100deg,#6f452a,#d69d70 32%,#ac6d49 60%,#623e2b);box-shadow:20px 30px 35px #5f3d3950;transform:rotate(12deg)}.vase:before{content:'';position:absolute;width:85px;height:18px;background:#36281e;border:6px solid #a76b46;border-radius:50%;left:38px;top:-5px}.event{background:#dcff67;color:#171d13}.event h3{font-size:70px;line-height:.9;letter-spacing:-4px;position:relative;z-index:2;margin-top:75px}.event-orbit{position:absolute;width:320px;height:320px;border:35px solid #242e13;border-radius:50%;right:-20px;top:50px;transform:rotateX(55deg) rotate(-35deg);box-shadow:0 0 0 10px #adca49,0 0 0 13px #242e13}.project-info{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px}.project-info h3{font-size:14px;font-weight:400;margin:0}.project-info span{font-size:7px;letter-spacing:1px}.process{padding:65px 6% 110px;background:#d5ff5f;color:#202619}.process h2{font-size:clamp(40px,5.7vw,85px);font-weight:400;line-height:1.06;letter-spacing:-.055em;margin:70px 0}.process h2 em{color:#526b27}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.process-grid article{border-top:1px solid #849f3a;padding-top:22px}.process-grid span{font-size:9px;letter-spacing:1px}.process-grid h3{font-size:23px;font-weight:400;letter-spacing:-.8px;margin-top:35px}.process-grid p{font-size:13px;line-height:1.7;max-width:300px;color:#44532f}.contact{padding:60px 6% 70px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:90px}.contact h2{font-size:clamp(45px,6vw,90px);font-weight:400;line-height:1;letter-spacing:-.06em;margin:30px 0}.contact h2 em{color:#d5ff5f;font-size:.87em}.contact-star{display:block;font-size:70px;color:#d5ff5f;margin-top:35px}.contact-grid>div>p{font-size:12px;line-height:1.7;color:#a5ab9c}form label{display:block;font-size:8px;letter-spacing:1px;margin-bottom:25px;color:#c2c9b6}input,select,textarea{display:block;width:100%;margin-top:10px;border:0;border-bottom:1px solid #454a3e;background:transparent;padding:12px 0 18px;color:#eee;font-size:16px;border-radius:0;resize:vertical}select option{background:#191d15}input::placeholder,textarea::placeholder{color:#858b7d}form .pill{width:100%;margin-top:14px}.form-note{font-size:10px;line-height:1.7;color:#939b85;max-width:350px}#form-status{font-size:12px;line-height:1.5;color:#d5ff5f;min-height:20px}footer{padding:25px 6%;border-top:1px solid #34382d}.footer-name{font-size:clamp(30px,7vw,110px);letter-spacing:-.065em;display:flex;justify-content:space-between;border-bottom:1px solid #34382d;padding-bottom:30px}footer>div{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;padding:25px 0;color:#969e89}
@media(min-width:1700px){.demo-site{height:440px}.project-visual{height:430px}}@media(max-width:760px){header{height:80px;padding:0 6%}.brand{font-size:14px}.brand-mark{font-size:34px}.brand-sub{font-size:6px}nav{gap:10px}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:10px;padding:10px 14px}.nav-contact span{margin-left:10px}.hero{height:130svh}.hero-pin{min-height:720px}.hero-kicker{top:108px;left:6%;font-size:7px;letter-spacing:1px}.coordinates{display:none}.hero-title{top:23%;left:6%}.hero h1{font-size:clamp(65px,14vw,105px)}.hero-title p{font-size:12px;margin-top:23px}.star-scene{width:80vw;height:80vw;top:43%;right:-15%;opacity:.85}.hero-bottom{left:6%;bottom:30px}.hero-bottom .pill{padding:15px 18px;font-size:10px;gap:20px}.scroll-cue{font-size:6px;letter-spacing:.6px}.scroll-cue span{margin-left:5px}.edition{display:none}.section-label{font-size:7px;letter-spacing:.8px}.section-label>span:last-child{max-width:45%;text-align:right;line-height:1.5}.manifesto{padding-top:35px;padding-bottom:55px}.manifesto h2{margin:60px 0 35px;font-size:9vw}.manifesto-bottom{margin-bottom:45px}.asterisk{font-size:55px}.manifesto-bottom p{font-size:11px;margin-left:8%}.small-note{display:none}.services a{grid-template-columns:8% 1fr 25px;gap:8px;padding:22px 0}.services h3{font-size:24px}.services p{grid-column:2;grid-row:2;margin:0;font-size:10px}.services b{grid-row:1/3;grid-column:3}.experience{height:210svh}.experience-pin{min-height:720px;padding-top:30px}.experience-title{top:14%}.eyebrow{font-size:6px}.experience h2{font-size:12vw;margin-top:20px}.browser-art{top:49%;width:86%;right:7%}.demo-site{height:230px;padding:15px}.demo-site>p{font-size:50px;letter-spacing:-3px;margin-top:35px}.sculpture{transform:scale(.7) rotate(20deg);transform-origin:right top;right:6%;top:40px}.experience-caption{bottom:22px;font-size:7px;gap:30px;line-height:1.6}.experience-caption>span{max-width:48%}.work{height:auto}.work-pin{height:auto;min-height:0;position:relative;padding-top:35px;padding-bottom:55px}.work-heading{margin:40px 0 30px}.work-heading h2{font-size:42px}.work-heading p{font-size:10px;max-width:40%}.work-arrow{display:none}.project-track{display:grid;gap:35px;transform:none!important}.project-visual{height:330px}.project-info h3{font-size:12px}.project-info span{font-size:6px}.portfolio h3{font-size:75px}.process{padding-top:35px;padding-bottom:50px}.process h2{font-size:10vw;margin:45px 0}.process-grid{grid-template-columns:1fr;gap:25px}.process-grid article{padding-top:15px}.process-grid h3{margin:20px 0 10px}.process-grid p{max-width:100%;font-size:12px}.contact{padding-top:35px}.contact-grid{grid-template-columns:1fr;gap:40px;margin-top:50px}.contact h2{font-size:16vw}.contact-star{font-size:50px}.contact-grid>div>p{font-size:13px}footer>div{flex-wrap:wrap;gap:20px;font-size:6px}.footer-name{padding-bottom:20px;font-size:8vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero{height:100svh;min-height:720px}.experience{height:100svh;min-height:720px}.work{height:auto}.work-pin{height:auto;position:relative;padding-bottom:70px}.project-track{flex-wrap:wrap;transform:none!important}.project{flex-basis:calc(50% - 14px);margin-bottom:20px}.browser-art{transform:none!important}.star-scene{transform:none!important}.hero-title{transform:none!important;opacity:1!important}@media(max-width:760px){.project{flex-basis:100%}}}

/* POLARIS / ICE EDITION */
:root{--ink:#18334e;--blue:#2887c8;--ice:#c9ebff;--line:#bad6e7}
body{background:#f8fcff;color:var(--ink)}::selection{background:#a8ddff;color:#17364f}.progress{background:#3a9ddd}header{border-color:#bdd6e480}.brand-mark{color:#459bd3}.nav-contact{border-color:#9fbfd2}nav a:hover{color:#2587c7}.hero-pin{background:radial-gradient(ellipse at 74% 47%,#caeaff 0,#e9f6ff 35%,#f8fcff 68%)}.hero-pin:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx,70%) var(--my,50%),#ffffffb3,transparent 28%);mix-blend-mode:soft-light}.hero-title p{color:#55728a}.outline{color:#369bdb}.coordinates,.orbital-label{color:#557d99}.status-dot{background:#349cdd;box-shadow:0 0 15px #59bfff80}.orbit{border-color:#75b6df80}.orbit-two{border-color:#4c9fd780}.orbit:after{background:#58b4ee;box-shadow:0 0 18px #56b8ee}.chrome-star{filter:drop-shadow(0 30px 35px #468bb333);transform:rotate(-14deg) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transition:transform .5s ease-out}.lime{background:#b6e3ff;color:#183c59}.pill:hover{background:#92d4ff;box-shadow:0 12px 30px #3299d324}.pill{position:relative;overflow:hidden;transition:background .25s,box-shadow .25s,translate .35s}.pill:before{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#ffffff90 50%,transparent 60%);transform:translateX(-100%);transition:transform .65s}.pill:hover:before{transform:translateX(100%)}.pill span{transition:transform .3s}.pill:hover span{transform:rotate(45deg)}.edition{color:#57788e}.manifesto{background:#fff;color:var(--ink)}h2 em{color:#439aca}.asterisk{color:#55a9df;transition:transform .8s}.asterisk:hover{transform:rotate(180deg)}.manifesto-bottom p,.small-note{color:#597489}.services a{border-color:var(--line);position:relative;isolation:isolate;overflow:hidden;padding-left:8px;padding-right:8px}.services a:last-child{border-color:var(--line)}.services a:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--sx,50%) 50%,#c9eaff,#edf8ff);transform:translateY(101%);transition:transform .4s;z-index:-1}.services a:hover:before{transform:translateY(0)}.services a:hover{padding-left:24px;color:#187dbd}.services p{color:#5a7b92}.services b{transition:transform .4s}.services a:hover b{transform:rotate(45deg)}.experience-pin{background:radial-gradient(ellipse at 65% 65%,#bde4ff,#edf8ff 65%)}.experience h2 em,.stage-copy{color:#288acb}.experience-title{will-change:transform,opacity}.browser-art{box-shadow:0 45px 80px #3f7fa33d;border:1px solid #fff}.browser-bar{background:#f6fcff;color:#698b9f}.demo-site{background:#d1e9f5;color:#224a65}.sculpture div{background:radial-gradient(ellipse at 35% 25%,#fff,#9dd1f5 40%,#438bbd 70%,#163c66);box-shadow:10px 25px 30px #568fb855}.work{background:#f8fcff;color:var(--ink)}.project-visual{transform:perspective(900px) rotateX(var(--tilty,0deg)) rotateY(var(--tiltx,0deg));transition:transform .35s ease-out,box-shadow .35s;transform-style:preserve-3d}.project-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--px,50%) var(--py,50%),#ffffff70,transparent 55%);opacity:0;transition:opacity .3s}.project-visual:hover:after{opacity:1}.project-visual:hover{box-shadow:0 25px 40px #3576a52b}.portfolio{background:#b9dcf5;color:#173953}.portrait-shape{background:repeating-radial-gradient(ellipse at 0% 30%,#284e7a 0 2px,#d8efff 3px 5px)}.ecommerce{background:#dceef7;color:#2c5773}.vase{background:linear-gradient(100deg,#387ca9,#b4e4ff 32%,#70b1dc 60%,#25567c);box-shadow:20px 30px 35px #427ba140}.vase:before{background:#1a496b;border-color:#80bee4}.event{background:#acdfff;color:#153e60}.event-orbit{border-color:#3a7eac;box-shadow:0 0 0 10px #d9f0ff,0 0 0 13px #428abc}.process{background:#c6e9ff;color:var(--ink)}.process h2 em{color:#3c8eba}.process-grid article{border-color:#94bed8;transition:transform .35s}.process-grid article:hover{transform:translateY(-8px)}.process-grid p{color:#416c87}.contact{background:#fff}.contact h2 em,.contact-star{color:#4da4dd}.contact-star{transition:transform .6s}.contact-star:hover{transform:rotate(90deg)}.contact-grid>div>p,form label,.form-note{color:#58798f}input,select,textarea{color:#183f5c;border-color:#b7d3e6;transition:border-color .3s,padding .3s}input:focus,select:focus,textarea:focus{border-color:#349cdd;padding-left:8px;outline:none;box-shadow:0 2px 0 #349cdd}input::placeholder,textarea::placeholder{color:#7e9bad}select option{background:#f6fbff}#form-status{color:#2075a9}footer{background:#f0f9ff;border-color:#c3ddeb}.footer-name{border-color:#c3ddeb}footer>div{color:#66869a}.skip{background:#b6e3ff;color:#183c59}
.motion-ready .reveal{opacity:0;transform:translateY(45px);filter:blur(7px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1),filter .9s;transition-delay:var(--delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}.word-reveal .word{color:var(--ink);opacity:var(--word-opacity,1);transition:opacity .15s}.word-reveal em .word{color:#439aca}.motion-ribbon{padding:30px 0;overflow:hidden;background:#d9f0ff;border-block:1px solid #b5daef;color:#328ac2}.ribbon-track{display:flex;gap:45px;width:max-content;will-change:transform;font-size:clamp(30px,5vw,75px);letter-spacing:-.05em;white-space:nowrap}.ribbon-track span:nth-child(even){font-family:Georgia,serif;font-style:italic;color:#77b8df}.cursor-aura{position:fixed;left:0;top:0;width:32px;height:32px;border:1px solid #4fa9dc;border-radius:50%;pointer-events:none;z-index:100;opacity:0;translate:-50% -50%;transition:width .25s,height .25s,background .25s,opacity .3s;mix-blend-mode:multiply}.cursor-aura.active{width:65px;height:65px;background:#a7dfff40}.scene-halo{position:absolute;width:44vw;height:44vw;right:5%;top:16%;border:1px solid #8cc6eb80;border-radius:50%;box-shadow:0 0 0 35px #b5dffc25,0 0 0 70px #b5dffc15;pointer-events:none;will-change:transform;opacity:.7}
@media(max-width:760px){.scene-halo{width:90vw;height:90vw;top:45%;right:-20%}.motion-ribbon{padding:23px 0}.ribbon-track{gap:25px}.cursor-aura{display:none}.services a:hover{padding-left:8px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;filter:none}.word-reveal .word{opacity:1!important}.cursor-aura{display:none}.ribbon-track,.scene-halo,.experience-title{transform:none!important}.project-visual{transform:none!important}}

/* Local language and appearance preferences */
header nav{margin-left:auto;gap:25px}.preferences{display:flex;align-items:center;gap:7px;margin-left:20px}.preference-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #9fbfd2;border-radius:50%;background:transparent;color:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.preference-button:hover{background:#b6e3ff55;border-color:#349cdd}#theme-toggle{font-size:20px}.preference-button:focus-visible{outline:2px solid #349cdd;outline-offset:4px}html[data-theme="dark"]{color-scheme:dark;--ink:#e2f2ff;--line:#2e4a62}
[data-theme="dark"] body{background:#0b1725;color:#e2f2ff}[data-theme="dark"] .hero-pin{background:radial-gradient(ellipse at 74% 47%,#173e60,#10263c 35%,#0b1725 68%)}[data-theme="dark"] header{border-color:#3c65844d}[data-theme="dark"] .hero-title p,[data-theme="dark"] .coordinates,[data-theme="dark"] .orbital-label,[data-theme="dark"] .edition{color:#a5c6df}[data-theme="dark"] .hero-pin:after{opacity:.22}[data-theme="dark"] .outline,[data-theme="dark"] h2 em,[data-theme="dark"] .word-reveal em .word{color:#83cbfa}[data-theme="dark"] .manifesto,[data-theme="dark"] .contact{background:#0e1e2e;color:#e2f2ff}[data-theme="dark"] .manifesto-bottom p,[data-theme="dark"] .small-note,[data-theme="dark"] .services p,[data-theme="dark"] .process-grid p,[data-theme="dark"] .contact-grid>div>p,[data-theme="dark"] form label,[data-theme="dark"] .form-note{color:#a6c4dc}[data-theme="dark"] .services a:before{background:radial-gradient(circle at var(--sx,50%) 50%,#234d70,#172e45)}[data-theme="dark"] .services a:hover{color:#a3dcff}[data-theme="dark"] .experience-pin{background:radial-gradient(ellipse at 65% 65%,#234f72,#0c1d30 65%)}[data-theme="dark"] .experience h2 em,[data-theme="dark"] .stage-copy,[data-theme="dark"] .contact h2 em{color:#83cbfa}[data-theme="dark"] .work{background:#0b1725;color:#e2f2ff}[data-theme="dark"] .process{background:#15314a;color:#e2f2ff}[data-theme="dark"] .process-grid article{border-color:#3e6481}[data-theme="dark"] .motion-ribbon{background:#183852;color:#9bd9ff;border-color:#335774}[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{color:#e2f2ff;border-color:#46667e}[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#9eb6c9}[data-theme="dark"] select option{background:#12283b}[data-theme="dark"] #form-status{color:#8bd3ff}[data-theme="dark"] footer{background:#091521;border-color:#2e4a62}[data-theme="dark"] .footer-name{border-color:#2e4a62}[data-theme="dark"] footer>div{color:#9ebed5}[data-theme="dark"] .cursor-aura{mix-blend-mode:screen}[data-theme="dark"] .browser-art{box-shadow:0 45px 80px #0006}[data-theme="dark"] .preference-button{border-color:#52758f}[data-theme="dark"] .preference-button:hover{background:#254762}[data-theme="dark"] .pill{color:#183c59}
html[lang="en"] .hero h1{font-size:clamp(65px,7.6vw,135px)}html[lang="en"] .contact h2 em{font-size:.72em}
@media(max-width:760px){header nav{gap:0}.preferences{gap:5px;margin-left:10px}.preference-button{width:32px;height:32px;font-size:10px}#theme-toggle{font-size:18px}.nav-contact{padding:8px 10px}.nav-contact span{display:none}html[lang="en"] .hero h1{font-size:clamp(54px,12vw,91px)}}
@media(max-width:370px){header{padding:0 4%}.brand{font-size:12px}.brand-mark{font-size:26px}.brand{gap:7px}.preferences{margin-left:7px}.nav-contact{font-size:9px}}

/* Official supplied logos: original assets, no recoloring or distortion. */
.brand{display:block;flex-shrink:0;width:195px;line-height:0}.brand img,.footer-logo img{display:block;width:100%;height:auto;object-fit:contain}.logo-dark,.brand .logo-dark,.footer-logo .logo-dark{display:none}[data-theme="dark"] .logo-light{display:none}[data-theme="dark"] .brand .logo-dark,[data-theme="dark"] .footer-logo .logo-dark{display:block}.footer-name{align-items:center;padding:10px 0 30px}.footer-logo{display:block;width:min(480px,70%);line-height:0}.footer-name>span:last-child{font-size:clamp(35px,6vw,90px)}
@media(max-width:760px){.brand{width:145px}header{padding-inline:5%}.footer-logo{width:75%}.footer-name{padding-bottom:20px}}
@media(max-width:370px){.brand{width:125px}header{padding-inline:4%}}

.pill:disabled{cursor:wait;opacity:.65;transform:none;translate:none}#form-status[data-state="error"]{color:#ab3333}[data-theme="dark"] #form-status[data-state="error"]{color:#ffb0aa}

/* Tablet and phone layouts; touch targets and natural reading flow. */
@media(max-width:1100px){
header{padding-inline:5%}.brand{width:175px}header nav{gap:18px}.preferences{margin-left:14px}.preference-button{min-width:44px;min-height:44px}.nav-contact{min-height:44px;display:flex;align-items:center}
.section-label{font-size:10px;line-height:1.5;letter-spacing:.8px}.eyebrow{font-size:9px;line-height:1.6}.form-note{font-size:12px;max-width:none}form label{font-size:10px;line-height:1.5}input,select,textarea{font-size:16px;min-height:48px}textarea{min-height:100px}.pill{min-height:48px;font-size:13px}.project-info span{font-size:9px}.small-note{font-size:9px}.contact-grid{gap:7%}.contact h2{font-size:6.2vw}.footer-name{padding-block:20px}footer>div{font-size:9px;line-height:1.6}
}
@media(max-width:1024px){
.hero{height:auto}.hero-pin{position:relative;min-height:760px;height:100svh;max-height:1050px}.hero-title{top:28%;left:5%;transform:none!important;opacity:1!important}.hero h1{font-size:9.7vw}html[lang="en"] .hero h1{font-size:8vw}.hero-title p{font-size:16px;line-height:1.6}.star-scene{width:57vw;height:57vw;right:-5%;top:25%;transform:none!important}.hero-bottom{left:5%;right:5%}.hero-bottom .edition{display:none}.hero-kicker{left:5%;right:5%}.coordinates{font-size:8px;max-width:40%;text-align:right;line-height:1.6}
.manifesto{padding:50px 5% 65px}.manifesto h2{font-size:6.2vw;margin-block:65px 40px}.manifesto-bottom p{margin-left:8%;font-size:14px}.services a{grid-template-columns:6% 46% 1fr 28px;gap:10px}.services h3{font-size:27px}.services p{font-size:13px;line-height:1.6}.services a{min-height:85px}
.experience{height:auto}.experience-pin{height:auto;min-height:0;position:relative;padding:40px 5%}.experience-title{position:relative;top:auto;left:auto;transform:none!important;margin-top:45px}.experience h2{font-size:clamp(48px,7vw,76px);margin-block:22px 35px}.browser-art{position:relative;top:auto;right:auto;width:80%;margin:0 0 45px auto;transform:perspective(1100px) rotateY(-8deg) rotateX(5deg)!important}.demo-site{height:320px}.demo-site>p{font-size:65px}.experience-caption{position:relative;bottom:auto;left:auto;right:auto;font-size:10px;gap:25px;line-height:1.6}.experience-caption>span{max-width:48%}.scene-halo{top:25%;width:65vw;height:65vw;right:-10%}
.work{height:auto}.work-pin{position:relative;height:auto;min-height:0;padding:40px 5% 65px}.work-heading{margin:40px 0}.work-heading h2{font-size:52px}.work-heading p{font-size:14px;line-height:1.7}.work-arrow{font-size:60px}.project-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px;transform:none!important}.project{min-width:0}.project-visual{height:310px;padding:20px}.portfolio h3{font-size:65px;letter-spacing:-4px}.event h3{font-size:55px}.ecommerce h3{font-size:75px}.portrait-shape{right:-20px;width:180px}.vase{right:6%;width:135px}.vase:before{left:25px}.project-info{align-items:flex-start;flex-direction:column;gap:8px}.project-info h3{font-size:16px}.project-info span{font-size:10px}.project-visual>span{font-size:9px}
.process{padding:45px 5% 65px}.process h2{font-size:7vw;margin:50px 0}.process-grid{gap:25px}.process-grid span{font-size:10px}.process-grid h3{font-size:22px;line-height:1.2}.process-grid p{font-size:14px}.contact{padding:45px 5% 60px}.contact-grid{margin-top:60px}.contact-grid>div>p{font-size:14px}.contact-star{font-size:60px}
}
@media(max-width:760px){
html{scroll-padding-top:24px}header{height:122px;flex-wrap:wrap;align-content:center;row-gap:6px;padding-inline:6%}.brand{width:150px}.preferences{margin-left:auto;gap:8px}.preference-button{width:44px;height:44px;font-size:12px}#theme-toggle{font-size:22px}header nav{order:3;width:100%;justify-content:space-between;gap:12px;margin:0}nav>a:not(.nav-contact){display:flex;align-items:center;min-height:44px;font-size:12px}.nav-contact{font-size:12px;padding:8px 16px}.nav-contact span{display:inline;margin-left:10px}
.hero-pin{height:auto;max-height:none;min-height:0;padding:180px 6% 28px}.hero-kicker{top:145px;left:6%;font-size:9px;letter-spacing:.8px}.coordinates{display:none}.hero-title{position:relative;left:auto;top:auto}.hero h1{font-size:clamp(54px,13.8vw,100px);line-height:1.02}html[lang="en"] .hero h1{font-size:clamp(42px,11.8vw,84px)}.hero-title p{font-size:14px;margin:25px 0 0;line-height:1.65}.star-scene{position:relative;top:auto;right:auto;width:86vw;height:78vw;max-height:410px;margin:-10px -8vw -5px auto}.orbital-label{font-size:7px;letter-spacing:1.7px;bottom:3%;right:15%}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;gap:20px;flex-wrap:wrap}.hero-bottom .pill{font-size:12px;padding:17px 20px;gap:20px}.scroll-cue{font-size:8px;letter-spacing:.5px}.scroll-cue span{margin-left:8px}
.section-label{font-size:9px;gap:18px}.section-label>span:last-child{max-width:46%}.manifesto{padding:35px 6% 50px}.manifesto h2{font-size:9vw;line-height:1.13;margin:50px 0 35px}.manifesto-bottom{gap:22px;margin-bottom:35px}.manifesto-bottom p{font-size:13px;margin-left:0}.manifesto-bottom p br{display:none}.asterisk{font-size:50px;flex-shrink:0}.services a{grid-template-columns:22px minmax(0,1fr) 25px;gap:7px 12px;padding:22px 4px;min-height:90px}.services h3{font-size:clamp(21px,5.8vw,30px);letter-spacing:-.7px}.services p{font-size:13px;grid-column:2;grid-row:2}.services b{grid-column:3;grid-row:1/3}.services span{font-size:11px}
.experience-pin{padding:35px 6%}.experience-title{margin-top:38px}.experience-title .eyebrow{font-size:8px}.experience h2{font-size:12vw}.browser-art{width:100%;margin:0 0 30px;transform:none!important}.demo-site{height:250px}.demo-site>p{font-size:52px}.demo-nav span{font-size:7px}.demo-bottom{font-size:7px;gap:20px}.experience-caption{font-size:9px;letter-spacing:.3px}.scene-halo{top:35%;width:90vw;height:90vw}
.work-pin{padding:35px 6% 50px}.work-heading{gap:20px;align-items:flex-start}.work-heading h2{font-size:10vw;flex:1}.work-heading p{font-size:12px;max-width:45%;margin-top:0}.project-track{grid-template-columns:minmax(0,1fr);gap:32px}.project-visual{height:330px}.portfolio h3{font-size:76px}.event h3{font-size:65px}.ecommerce h3{font-size:85px}.project-info{gap:6px}.project-info h3{font-size:16px}.project-info span{font-size:10px}
.process{padding:35px 6% 50px}.process h2{font-size:10vw;line-height:1.12}.process-grid{grid-template-columns:1fr;gap:28px}.process-grid h3{font-size:25px;margin:18px 0 12px}.process-grid p{font-size:14px;max-width:none}.contact{padding:35px 6% 50px}.contact-grid{grid-template-columns:minmax(0,1fr);gap:35px;margin-top:45px}.contact h2{font-size:16vw}.contact-grid .eyebrow{font-size:8px}.contact-star{font-size:50px}.contact-grid>div>p{font-size:14px}form label{font-size:10px;margin-bottom:24px}input,select,textarea{padding-block:14px 18px}.form-note{font-size:12px;line-height:1.7}#form-status{font-size:13px}footer{padding:20px 6% max(20px,env(safe-area-inset-bottom))}.footer-logo{width:80%}footer>div{font-size:9px;gap:18px}footer>div a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:370px){.brand{width:135px}.preferences{gap:5px}.hero-bottom{gap:18px}.hero-bottom .pill{width:100%}.scroll-cue{margin-left:auto}.hero-pin{padding-top:180px}.project-visual{height:290px}.portfolio h3{font-size:65px}.event h3{font-size:56px}.work-heading{flex-direction:column}.work-heading p{max-width:none}.contact h2{font-size:16vw}}
@media(hover:none){.project-visual{transform:none!important}.project-visual:after{display:none}.pill:hover,.process-grid article:hover,.asterisk:hover,.contact-star:hover{transform:none}.services a:hover{padding-left:4px}.services a:before{display:none}}
@media(max-width:1024px) and (orientation:landscape) and (max-height:600px){.hero-pin{min-height:650px;max-height:none}.hero-title{top:27%}.star-scene{top:25%;width:48vw;height:48vw}.hero-bottom{bottom:25px}.experience-pin{min-height:0}}
@media(max-width:760px) and (orientation:landscape){.hero-pin{min-height:0}.hero-title{top:auto}.star-scene{top:auto;width:70vw;height:52vw}.hero-bottom{bottom:auto}}
