@font-face{font-family:Manrope;src:url(./manrope-DHIcAJRg.woff2) format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Plex;src:url(./ibm-plex-mono-DMJ8VG8y.woff2) format("woff2");font-weight:400;font-display:swap}:root{font-family:Manrope,Arial,sans-serif;color:#1b1d21;background:#f0f0ea;font-synthesis:none;--paper: #f0f0ea;--ink: #1b1d21;--blue: #2149ef;--line: #c9cbc5;--pad: 4.4vw;--mono: Plex, monospace}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:90px}body{margin:0}body.menu-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700}h2{font-size:clamp(48px,7.4vw,116px);line-height:.97;letter-spacing:-.065em}h2 em{font-style:normal;color:var(--blue)}p{line-height:1.7}img,video{display:block;max-width:100%}::selection{background:var(--blue);color:#fff}svg{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:square;stroke-linejoin:round}.mono,.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.055em;font-weight:400}.eyebrow{text-transform:uppercase;display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.section-pad{padding:120px var(--pad)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 24px;border:1px solid currentColor;border-radius:100px;font-size:13px;transition:background .25s,color .25s,transform .25s;min-height:50px}.button:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.button.cobalt{color:#fff;background:var(--blue);border-color:var(--blue)}.button.cobalt:hover{background:#1838bb}.button.light{background:var(--paper);color:var(--blue);border-color:var(--paper)}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding:8px 0;font-size:13px}.text-button{font-size:12px;text-decoration:underline;text-underline-offset:5px;padding:12px}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:#fff;padding:20px;z-index:200}.skip-link:focus{top:10px}.site-header{position:absolute;top:0;width:100%;height:100px;padding:26px var(--pad);display:flex;align-items:center;justify-content:space-between;z-index:12}.brand{display:flex;align-items:center;gap:13px}.brand svg{width:47px;height:39px}.brand span{font-size:10px;line-height:1.1;font-weight:800;letter-spacing:-.02em}.header-links{display:flex;gap:38px;align-items:center;margin-left:auto;margin-right:65px;font-size:12px}.header-links a{position:relative}.header-links sup{font-family:var(--mono);font-size:8px;margin-left:4px}.header-actions{display:flex;align-items:center;gap:20px}.motion-toggle{width:32px;height:38px;border-radius:50%;border:1px solid #b7bab0;font-size:12px}.motion-toggle[aria-pressed=true]{background:var(--ink);color:#fff}.menu-toggle{display:flex;align-items:center;gap:20px;border:1px solid #b7bab0;border-radius:100px;padding:13px 20px;font-size:12px}.menu-toggle i{width:15px;height:7px;border-top:1px solid;border-bottom:1px solid}.menu-toggle:hover{background:var(--blue);border-color:var(--blue);color:#fff}#site-menu{border:0;max-width:none;max-height:none;width:100%;height:100dvh;background:var(--blue);color:var(--paper);padding:120px var(--pad) 45px;overflow:auto}#site-menu::backdrop{background:#1b1d21}#site-menu[open]{display:grid;grid-template-columns:1fr 1.3fr;gap:40px}#site-menu .menu-art{font-size:clamp(70px,10vw,160px);font-weight:800;line-height:.82;letter-spacing:-.075em;align-self:center}#site-menu .menu-art em{font-style:normal;color:#c8fc4f}#site-menu nav{align-self:center}#site-menu nav a{display:flex;align-items:center;gap:16px;border-bottom:1px solid #ffffff55;font-size:clamp(38px,5.1vw,80px);letter-spacing:-.055em;line-height:1.3}#site-menu nav a:hover{padding-left:20px;color:#c8fc4f;transition:padding .3s}#site-menu small{font:10px var(--mono);letter-spacing:0}#site-menu nav a span{margin-left:auto}#site-menu .menu-bottom{grid-column:1/-1;display:flex;gap:30px;align-items:end}.menu-close{position:absolute;right:var(--pad);top:28px;padding:15px 25px;border:1px solid #ffffff80;border-radius:30px}.hero{height:100svh;min-height:740px;position:relative;overflow:hidden}.hero-topline{display:flex;justify-content:space-between;position:absolute;top:133px;left:var(--pad);right:var(--pad);border-top:1px solid var(--line);padding-top:14px;z-index:3}.hero-name{position:absolute;left:3.2vw;right:3.2vw;top:22%;font-size:clamp(80px,15.6vw,250px);line-height:.79;letter-spacing:-.085em;font-weight:800;z-index:1;pointer-events:none}.hero-name>span{display:block}.hero-name>span:nth-child(2){text-align:right;margin-top:.18em;color:var(--blue)}.name-dot{font-size:20px;vertical-align:top;letter-spacing:0;padding-left:8px}.hero-baseline{position:absolute;left:var(--pad);right:var(--pad);bottom:104px;display:flex;align-items:end;justify-content:space-between;z-index:4;pointer-events:none}.hero-baseline p{font-size:17px;line-height:1.55}.hero-baseline p em{color:#61655f;font-style:normal}.round-link{border-radius:50%;background:var(--blue);color:var(--paper);width:118px;height:118px;display:flex;align-items:center;justify-content:center;gap:11px;pointer-events:auto;transition:transform .3s}.round-link:hover{transform:rotate(-12deg)}.round-link span{font:10px/1.45 var(--mono)}.round-link b{font-size:29px}.hero-tools{position:absolute;bottom:49px;left:var(--pad);right:var(--pad);display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:14px;z-index:4}.hero-tools button{font:inherit;padding:5px 0;border-bottom:1px solid transparent}.hero-tools button:hover{border-color:currentColor}.engine-label{margin-right:auto}.drag-hint{color:#656a63}.scroll-note{position:absolute;right:var(--pad);bottom:15px;font-size:8px;z-index:4}.engine-interaction{position:absolute;inset:22% 23% 24% 28%;z-index:3;cursor:grab;touch-action:pan-y}.engine-interaction:active{cursor:grabbing}#world{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}#world canvas{display:block;width:100%;height:100%}.engine-chapter{height:185vh;position:relative;background:#171b23;color:#f0f0ea;z-index:1}.engine-sticky{height:100svh;min-height:700px;position:sticky;top:0;padding:90px var(--pad) 50px;display:flex;flex-direction:column;justify-content:space-between}.chapter-title{position:relative;z-index:3;max-width:600px;pointer-events:none}.chapter-title h2{font-size:clamp(50px,6.4vw,98px)}.chapter-title h2 em{color:#9aaeff}.chapter-title p{font-size:14px;margin-top:24px;color:#bcc3cf}.inspector{position:relative;z-index:3;align-self:end;width:300px;padding:24px;background:#171b23dd;border-top:1px solid #454b57;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.inspector .eyebrow{margin-bottom:15px}.inspector-tabs{display:flex;flex-direction:column}.inspector-tabs button{text-align:left;padding:13px 0;border-bottom:1px solid #454b57;font-size:15px}.inspector-tabs button[aria-pressed=true]{color:#afc0ff}.inspector p{font-size:12px;line-height:1.6;margin:18px 0;min-height:58px}.inspector .text-link{font-size:12px}.assembly-label{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:20px}.assembly-label input{width:155px;accent-color:#7f9bff}.inspector-note{display:block;font-size:7px;line-height:1.5;color:#9ba3b3;margin-top:20px}.chapter-index{position:absolute;bottom:45px;left:var(--pad);z-index:3;color:#adb7c9}.work-intro{background:var(--paper);position:relative;z-index:3;padding-top:130px;padding-bottom:80px}.work-intro h2{font-size:clamp(80px,12.3vw,190px);position:relative}.work-intro h2 span{margin-left:18vw;color:var(--blue)}.work-intro h2 i{font-style:normal;position:absolute;right:2vw;top:-.1em;font-size:13vw;font-weight:400}.work-intro p{font-size:14px;margin-top:45px;margin-left:19vw}.project-showcase{position:relative;z-index:3;padding:50px var(--pad) 65px;border-top:1px solid #bfc3c2;background:#e3e8f4;overflow:hidden}.project-title-row{display:flex;align-items:start;gap:35px}.project-number{font-size:14px;font-family:var(--mono);padding-top:5px}.project-title-row>div{flex:1}.project-title-row .eyebrow{margin-bottom:14px;font-size:9px}.project-title-row h2{font-size:clamp(45px,6.6vw,100px)}.project-title-row h2 a{display:flex;justify-content:space-between;align-items:center}.project-title-row h2 a span{font-weight:400;font-size:70px;transition:transform .4s}.project-title-row h2 a:hover span{transform:rotate(45deg)}.project-stage{height:650px;position:relative;perspective:1200px;margin:25px 0}.project-bottom{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;border-top:1px solid #0003;padding-top:25px;position:relative;z-index:4}.project-bottom p{font-size:17px;max-width:300px;line-height:1.4}.project-stack{max-width:270px;line-height:1.8}.project-axion{background:#dfe5f1}.phone-composition{height:100%;position:relative;perspective:1400px}.phone{width:225px;height:475px;position:absolute;left:50%;top:50%;border:6px solid #25272c;border-radius:32px;background:#fff;overflow:hidden;box-shadow:1px 1px 0 1px #969ca5,15px 25px 35px #2e385335;z-index:2}.phone:after{content:"";position:absolute;top:4px;left:40%;width:20%;height:8px;background:#1c1f27;border-radius:10px}.phone img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-front{transform:translate(-8%,-48%) rotateY(-18deg) rotate(9deg)}.phone-back{transform:translate(-105%,-55%) rotateY(18deg) rotate(-12deg);opacity:.9}.visual-word{position:absolute;left:6%;bottom:12%;font-size:clamp(100px,17vw,260px);font-weight:800;color:#bdc8e1;letter-spacing:-.08em;line-height:.8;z-index:0}.orbital-label{position:absolute;right:4%;top:16%;writing-mode:vertical-rl}.project-ticket{background:#dde5e5}.screen-composition{height:100%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;perspective:1400px}.screen-shell{width:min(75%,850px);border:7px solid #252e31;border-radius:15px;background:#202629;overflow:hidden;box-shadow:25px 40px 60px #1b252735;transform:rotateY(-9deg) rotateX(6deg) rotate(-3deg);position:relative;z-index:2}.screen-shell img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.71}.window-label{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#242a30;color:#dce1e8;font-size:8px}.window-label i{width:6px;height:6px;background:#b9ef77;border-radius:50%}.screen-watermark{font-size:clamp(50px,9vw,145px);font-weight:800;letter-spacing:-.07em;position:absolute;top:9%;left:0;right:0;text-align:center;color:#b6c7c6;white-space:nowrap}.media-caption{font:9px var(--mono);letter-spacing:.035em;margin-top:35px;display:block;text-align:center;color:#556164}.project-snake{background:#ddebcc}.snake-visual{position:relative;width:80%;height:90%;margin:0 auto;background-image:linear-gradient(#788d5630 1px,transparent 1px),linear-gradient(90deg,#788d5630 1px,transparent 1px);background-size:35px 35px;transform:rotate(-4deg);border:1px solid #b5c59e;overflow:hidden;border-radius:4px}.snake-trail{position:absolute;right:18%;top:25%;height:50%;width:33%;border:35px solid var(--blue);border-left:0;filter:drop-shadow(12px 18px 0 #2149ef18)}.snake-trail:after{content:"";position:absolute;left:0;top:-35px;width:110px;height:90px;border-left:35px solid var(--blue);border-top:35px solid var(--blue)}.target-dot{position:absolute;left:28%;top:27%;width:30px;height:30px;background:#ef6e32;border-radius:50%;box-shadow:0 0 0 12px #ef6e3222}.snake-visual .visual-word{color:#344b23;font-size:clamp(70px,11vw,180px);bottom:10%;left:5%;z-index:3;line-height:.85}.visual-caption{position:absolute;right:20px;bottom:20px;font-size:8px}.project-tree{background:#efe7db}.recording-frame{width:85%;height:90%;margin:30px auto 0;background:#252b25;box-shadow:20px 35px 45px #4c3e2320;transform:rotate(2deg);position:relative}.recording-frame video{height:calc(100% - 34px);width:100%;object-fit:contain}.recording-frame .media-caption{color:#605d51;margin-top:22px}.project-plane{background:#dde6ee}.screen-plane .screen-watermark{color:#bdccdb}.screen-plane .screen-shell{transform:rotateY(10deg) rotateX(8deg) rotate(3deg)}.project-progress{background:#eee2dc}.screen-progress .screen-watermark{color:#dbc0b1}.screen-progress .screen-shell{transform:rotateY(-6deg) rotate(-2deg);width:68%}.lab{background:#1a2029;color:#f0f0ea;position:relative;z-index:3;display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;align-items:center}.lab h2{font-size:clamp(50px,6vw,90px)}.lab h2 em{color:#a5baff}.lab p,.case-lab p{font-size:14px;max-width:380px;margin-top:30px;color:#bbc3cf}.lab p.small-copy{font-size:11px;margin-top:20px}.lab .text-link{margin-top:25px}.pathfinder{background:#242d3a;padding:25px;border:1px solid #445064;min-width:0}.playground-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px;font-size:8px;color:#c0ccdf}.path-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:3px;aspect-ratio:14/10}.path-grid button{padding:0;min-width:0;border:1px solid #425067;background:#2b3748;transition:background .15s,transform .15s;border-radius:2px}.path-grid button:hover{border-color:#e6e8ef;transform:scale(.88)}.path-grid button.wall{background:#a2aec0;border-color:#a2aec0}.path-grid button.visited{background:#435cb0;border-color:#6075b3}.path-grid button.path{background:#b3e986;border-color:#b3e986}.path-grid button.start{background:#f0f0ea;border-color:#fff}.path-grid button.goal{background:#ff9460;border-color:#ff9460}.grid-key{display:flex;gap:18px;flex-wrap:wrap;font-size:7px;margin:18px 0 25px}.grid-key span{display:flex;align-items:center;gap:6px}.grid-key i{width:7px;height:7px;background:#f0f0ea}.grid-key .goal-key{background:#ff9460}.grid-key .wall-key{background:#a2aec0}.grid-key .visited-key{background:#435cb0}.playground-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.playground-controls label{font-size:11px;margin-right:auto}.playground-controls select{background:#242d3a;color:#f0f0ea;border:1px solid #718099;padding:8px;font-size:11px}.playground-controls .button{padding:10px 15px;font-size:10px;min-height:38px}.pathfinder [data-result]{font:11px/1.5 var(--mono);color:#c5cfdf;min-height:34px;margin-top:22px}.about,.skills,.journey{position:relative;z-index:3;background:var(--paper)}.about{padding-bottom:70px}.about h2{font-size:clamp(50px,7.8vw,120px)}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin-top:90px;align-items:center}.about-monogram svg{width:78%;height:auto;color:var(--blue);transform:rotate(-8deg);stroke-width:3}.about-monogram span{display:block;margin-top:50px}.about-columns p{font-size:14px;margin-bottom:25px}.about-columns .large-copy{font-size:25px;line-height:1.45;letter-spacing:-.025em}.about-columns .button{margin-top:10px}.skills{padding-top:70px}.skills h2{font-size:clamp(45px,6vw,90px);margin-bottom:70px}.skills-list{border-top:1px solid var(--line)}.skills details{border-bottom:1px solid var(--line)}.skills summary{display:flex;gap:30px;align-items:center;padding:25px 0;cursor:pointer;list-style:none}.skills summary::-webkit-details-marker{display:none}.skills summary h3{font-size:clamp(26px,3vw,46px);letter-spacing:-.045em}.skills summary b{margin-left:auto;font-weight:400;font-size:30px}.skills details[open] summary b{transform:rotate(45deg)}.skill-detail{display:grid;grid-template-columns:1fr 1.4fr;gap:12vw;padding:10px 0 35px 45px}.skill-detail p{font-size:13px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{border:1px solid #0003;padding:9px 13px;border-radius:100px;font-size:11px}.skill-connections{line-height:2.5;font-size:8px;margin-top:20px}.skill-connections a{margin-right:13px;text-decoration:underline;text-underline-offset:3px}.journey{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:9vw}.journey h2{font-size:clamp(50px,7vw,100px)}.journey>div p{margin-top:30px;font-size:14px}.timeline{padding:0;margin:0;list-style:none}.timeline li{padding:25px 0;border-top:1px solid var(--line)}.timeline li:first-child{padding-top:0;border:0}.timeline .mono{font-size:9px;color:#686d66}.timeline h3{font-size:26px;letter-spacing:-.04em;margin:15px 0}.timeline p{font-size:13px;color:#656b63}.contact{position:relative;z-index:3;background:var(--blue);color:var(--paper);overflow:hidden;padding-top:90px}.contact h2{font-size:clamp(65px,11vw,170px);letter-spacing:-.065em;line-height:.9}.contact h2 em{color:#c5d1ff;font-style:normal}.contact h2>span{position:absolute;right:var(--pad);top:85px;font-size:13vw;font-weight:400}.contact-bottom{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw;margin-top:90px}.contact-bottom p{font-size:18px;line-height:1.5}.email-link{font-size:clamp(14px,2vw,30px);letter-spacing:-.03em;display:block;border-bottom:1px solid #ffffff70;padding:0 0 15px}.contact-actions{display:flex;gap:18px;margin:25px 0 40px}.socials{display:flex;gap:20px;flex-wrap:wrap;font-size:8px}.site-footer{position:relative;z-index:3;background:var(--paper);padding:30px var(--pad);display:flex;align-items:center;gap:30px;justify-content:space-between}.site-footer .mono{font-size:8px}.footer-mark svg{width:40px;height:35px}.site-footer>span{margin-right:auto}#intro{position:fixed;inset:0;z-index:20;color:var(--ink);pointer-events:none}#intro[hidden]{display:none}.intro-top,.intro-bottom{position:absolute;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center}.intro-top{top:35px}.intro-top button{pointer-events:auto;font:inherit;padding:15px;border:1px solid #9daba4;border-radius:25px}.intro-bottom{bottom:35px;font-size:8px}.intro-copy{position:absolute;left:var(--pad);bottom:14%;z-index:22}.intro-copy>span{display:block;margin-bottom:25px}.intro-copy strong{font-size:clamp(50px,8.3vw,130px);line-height:.9;letter-spacing:-.065em;display:block}.intro-copy em{font-style:normal;color:var(--blue)}body.introducing .site-header,body.introducing #main,body.introducing .site-footer{visibility:hidden}body.introducing{overflow:hidden}body.introducing #world{z-index:21;background:var(--paper)}body.introducing #intro{z-index:22}.fallback-engine{display:none}.no-webgl .fallback-engine{display:grid;place-items:center;position:absolute;top:31%;left:36%;width:28%;aspect-ratio:1;z-index:2;border:18px double #aeb5c5;background:linear-gradient(135deg,#fcfcff,#9ca9c3 55%,#e6e9f5);border-radius:28%;box-shadow:30px 35px 70px #14204744;transform:rotate(-15deg)}.fallback-engine span{font-size:7vw;letter-spacing:-.1em;color:var(--blue);font-weight:800}.no-webgl .engine-interaction,.no-webgl .hero-tools button,.no-webgl .drag-hint{display:none}.no-webgl .engine-chapter{height:auto}.no-webgl .engine-sticky{position:relative;height:auto;gap:60px}.no-webgl .inspector{align-self:start}.no-webgl .assembly-label{display:none}#message-dialog{border:0;max-width:540px;width:calc(100% - 32px);background:var(--paper);padding:45px;border-radius:4px;color:var(--ink)}#message-dialog::backdrop{background:#11182499;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:20px;top:12px;font-size:30px}#message-dialog h2{font-size:50px;margin:25px 0}#contact-form{display:grid;gap:20px}#contact-form label{font-size:11px;display:grid;gap:8px}#contact-form input,#contact-form textarea{border:0;border-bottom:1px solid #949d95;background:transparent;border-radius:0;padding:10px 0;resize:vertical;width:100%;font-size:16px}#contact-form .form-status{font-size:12px;min-height:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,150px);z-index:80;background:var(--ink);color:#fff;padding:15px 25px;border-radius:30px;font-size:12px;transition:transform .3s;max-width:90vw}#toast.visible{transform:translate(-50%)}.case-main{position:relative;z-index:3}.case-hero{padding:145px var(--pad) 60px;overflow:hidden}.back-link{display:inline-block;margin-bottom:50px}.case-heading .eyebrow{border-top:1px solid #0003;padding-top:20px}.case-heading h1{font-size:clamp(70px,11.4vw,180px);line-height:.9;letter-spacing:-.075em;margin:40px 0}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin-top:40px}.case-intro>p{font-size:30px;line-height:1.35;letter-spacing:-.035em}.case-intro>div p{font-size:14px;margin-bottom:25px}.case-intro .mono{font-size:9px;text-transform:uppercase}.case-main-visual{height:680px;margin-top:50px}.case-main-visual .phone{width:260px;height:550px}.case-main-visual .snake-visual{height:90%}.case-story{display:grid;grid-template-columns:1fr 2fr;gap:8vw;background:var(--paper)}.case-facts>p{font-size:17px;margin:25px 0}.case-facts .tags{margin-bottom:30px}.case-facts .mono{font-size:9px}.case-copy h2{font-size:clamp(40px,5vw,72px);margin-bottom:25px}.case-copy>p{font-size:16px;margin-bottom:70px;color:#51584f}.architecture{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0 35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.architecture>div{padding:25px 18px;border-right:1px solid var(--line)}.architecture>div:first-child{padding-left:0}.architecture>div:last-child{border-right:0}.architecture h3{font-size:17px;line-height:1.3;margin-top:20px}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{border-bottom:1px solid var(--line);padding:17px 0;font-size:13px}.feature-list li:before{content:"↗";margin-right:20px;color:var(--blue)}.case-gallery{background:#e4e6df;padding-top:70px}.case-gallery h2{font-size:clamp(45px,6vw,90px);margin:30px 0 60px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.gallery-grid figure{margin:0;min-width:0}.gallery-grid img{width:100%;height:auto}.gallery-grid figcaption{font-size:8px;margin-top:15px;line-height:1.5}.gallery-phones{grid-template-columns:repeat(5,1fr);align-items:start}.gallery-phones img{border:5px solid #25272c;border-radius:20px}.case-recording{margin-top:70px}.case-recording video{width:100%;max-height:760px;background:#10151c}.case-lab{background:#1a2029;color:var(--paper);display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.case-lab h2{font-size:clamp(45px,6vw,85px)}.next-project{background:var(--blue);color:#fff;padding:70px var(--pad);display:block;position:relative;overflow:hidden}.next-project>span:nth-child(2){font-size:clamp(45px,7vw,110px);letter-spacing:-.065em;font-weight:700;padding-right:60px;display:block}.next-project b{position:absolute;right:var(--pad);bottom:50px;font-size:100px;font-weight:400;transition:transform .3s}.next-project:hover b{transform:rotate(45deg)}@media(min-width:1600px){.hero-name{top:23%}.project-stage{height:760px}.phone{width:270px;height:565px}.section-pad{padding-top:150px;padding-bottom:150px}}@media(max-width:900px){:root{--pad: 5vw}.hero{min-height:700px}.hero-name{top:29%;font-size:15.4vw}.hero-baseline{bottom:115px}.hero-baseline p{font-size:14px}.hero-topline{top:125px;font-size:8px}.header-links{margin-right:35px;gap:20px}.hero-tools{font-size:8px;gap:20px}.engine-interaction{left:15%;right:15%;top:26%}.engine-sticky{padding-top:75px}.chapter-title{max-width:450px}.chapter-title h2{font-size:60px}.inspector{width:270px}.chapter-title p{font-size:12px}.section-pad{padding-top:90px;padding-bottom:90px}.project-stage{height:550px}.project-bottom{grid-template-columns:1fr auto}.project-stack{grid-column:1;grid-row:2}.project-bottom .button{grid-column:2;grid-row:1/3}.project-title-row{gap:20px}.project-title-row h2{font-size:55px}.phone{width:195px;height:410px}.screen-shell{width:90%}.screen-watermark{font-size:9vw}.screen-progress .screen-shell{width:85%}.snake-visual{width:95%}.recording-frame{width:95%;height:80%;margin-top:60px}.lab,.case-lab{gap:6vw;grid-template-columns:1fr}.lab-copy{max-width:550px}.lab h2 br{display:none}.lab p{max-width:500px}.pathfinder{max-width:650px;width:100%;justify-self:center;margin-top:30px}.about-columns{gap:7vw}.about-columns .large-copy{font-size:22px}.skill-detail{gap:5vw}.contact-bottom{gap:5vw;grid-template-columns:.8fr 1.2fr}.socials{gap:15px}.case-heading h1{font-size:12vw}.case-main-visual{height:600px}.case-main-visual .phone{width:220px;height:465px}.case-story{grid-template-columns:1fr 2fr;gap:5vw}.case-intro{gap:6vw}.case-intro>p{font-size:25px}.architecture h3{font-size:14px}.gallery-phones{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.site-header{height:85px;padding-top:22px;padding-bottom:22px}.brand svg{width:36px;height:32px}.brand span{font-size:8px}.header-links{display:none}.header-actions{gap:12px}.menu-toggle{padding:10px 15px;font-size:11px;gap:14px}.motion-toggle{width:29px;height:32px}.hero{min-height:720px;height:100svh;max-height:1000px}.hero-topline{top:107px;font-size:7px;gap:15px;line-height:1.6}.hero-topline span:last-child{max-width:90px;text-align:right}.hero-name{top:23%;left:3vw;right:3vw;line-height:.83;font-size:15.3vw}.hero-name>span:nth-child(2){margin-top:.24em}.name-dot{font-size:9px;padding-left:2px}.hero-baseline{bottom:110px;align-items:center}.hero-baseline p{font-size:12px;max-width:210px}.round-link{width:83px;height:83px;gap:7px}.round-link span{font-size:7px}.round-link b{font-size:22px}.hero-tools{gap:15px;font-size:8px;bottom:46px}.hero-tools .drag-hint{display:none}.scroll-note{font-size:7px}.engine-interaction{inset:32% 5% 25%}.engine-chapter{height:170vh}.engine-sticky{height:100svh;min-height:820px;padding-top:55px}.chapter-title h2{font-size:46px}.chapter-title p{font-size:11px;margin-top:18px}.eyebrow{font-size:8px;margin-bottom:20px}.inspector{width:100%;padding:16px 0 0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.inspector-tabs{flex-direction:row;gap:12px}.inspector-tabs button{font-size:10px;flex:1;padding:8px 0;white-space:nowrap}.inspector p{font-size:11px;margin:12px 0 4px;min-height:32px;max-width:320px}.inspector .text-link{font-size:11px}.inspector .eyebrow{font-size:7px;margin-bottom:8px}.assembly-label{margin-top:14px;font-size:8px;justify-content:start}.assembly-label input{width:180px}.inspector-note{font-size:6px;margin-top:10px}.chapter-index{display:none}.section-pad{padding-top:70px;padding-bottom:70px}.work-intro h2{font-size:19vw}.work-intro h2 span{margin-left:8vw}.work-intro h2 i{font-size:20vw;top:-.05em;right:0}.work-intro p{margin:30px 0 0 8vw;font-size:11px}.project-showcase{padding:30px var(--pad) 35px}.project-title-row{gap:14px}.project-number{font-size:10px;padding-top:0}.project-title-row .eyebrow{font-size:7px;margin-bottom:12px}.project-title-row h2{font-size:clamp(30px,8vw,46px)}.project-title-row h2 a span{font-size:36px}.project-stage{height:430px;margin-top:20px;margin-bottom:10px}.phone{width:150px;height:315px;border-width:4px;border-radius:23px}.phone-front{transform:translate(-12%,-46%) rotateY(-18deg) rotate(9deg)}.phone-back{transform:translate(-95%,-53%) rotateY(18deg) rotate(-12deg)}.visual-word{font-size:30vw;left:0;bottom:6%}.orbital-label{font-size:6px;right:0;top:10%}.project-bottom{gap:12px;padding-top:20px}.project-bottom p{font-size:12px;max-width:190px}.project-stack{font-size:7px;max-width:190px}.project-bottom .button{font-size:9px;gap:12px;padding:12px 14px;min-height:42px}.screen-shell{width:95%;border-width:4px;border-radius:8px}.window-label{font-size:5px;padding:8px}.screen-watermark{font-size:9vw;top:19%}.media-caption{font-size:6px;margin-top:25px}.project-ticket .project-stage,.project-plane .project-stage,.project-progress .project-stage{height:340px}.snake-visual{height:85%;width:100%;top:25px;background-size:25px 25px}.snake-visual .visual-word{font-size:23vw;left:5%;bottom:16%}.snake-trail{border-width:25px;right:15%;width:35%;top:20%}.snake-trail:after{border-width:25px;top:-25px;height:70px;width:70px}.target-dot{width:20px;height:20px;left:25%;top:20%}.visual-caption{font-size:6px;right:12px;bottom:15px}.recording-frame{width:100%;height:73%;margin-top:45px}.lab h2,.about h2,.skills h2,.journey h2{font-size:47px}.lab h2 br{display:block}.lab p{font-size:12px}.pathfinder{padding:15px;margin-top:20px}.playground-top{font-size:6px;gap:10px;margin-bottom:16px}.path-grid{gap:2px}.path-grid button{border-radius:1px}.grid-key{gap:12px;font-size:6px}.playground-controls{gap:7px}.playground-controls label{font-size:9px}.playground-controls select{font-size:9px;max-width:70px;padding:6px}.playground-controls .button{font-size:8px;padding:10px 12px;min-height:36px}.playground-controls .text-button{font-size:9px;padding:8px}.pathfinder [data-result]{font-size:9px}.about-columns{display:flex;flex-direction:column;margin-top:40px;gap:35px}.about-monogram{width:100%;display:flex;align-items:center;gap:40px}.about-monogram svg{width:32%;max-height:110px}.about-monogram span{font-size:7px;margin:0}.about-columns .large-copy{font-size:23px}.about-columns p{font-size:12px}.skills h2{margin-bottom:40px}.skills summary{gap:20px;padding:20px 0}.skills summary h3{font-size:26px}.skills summary .mono{font-size:8px}.skill-detail{grid-template-columns:1fr;gap:22px;padding:0 0 25px 35px}.skill-detail p{font-size:12px}.tags span{font-size:9px;padding:8px 11px}.skill-connections{font-size:7px}.journey{grid-template-columns:1fr;gap:45px}.journey>div p{font-size:12px;margin-top:20px}.timeline h3{font-size:23px}.timeline .mono{font-size:8px}.timeline p{font-size:12px}.contact h2{font-size:13.2vw;line-height:.98}.contact h2>span{top:65px;font-size:16vw}.contact .eyebrow{font-size:7px}.contact-bottom{grid-template-columns:1fr;gap:35px;margin-top:45px}.contact-bottom p{font-size:15px}.email-link{font-size:17px}.contact-actions{gap:10px;margin:20px 0 30px}.contact-actions .button{font-size:11px;padding:13px 17px}.contact-actions .text-button{font-size:10px}.socials{font-size:7px;gap:15px}.site-footer{padding:25px var(--pad);gap:15px;flex-wrap:wrap}.footer-mark svg{width:32px;height:29px}.site-footer .mono{font-size:6px}.site-footer>span{max-width:140px}.intro-copy{bottom:17%}.intro-copy strong{font-size:14vw}.intro-copy>span{font-size:8px}.intro-top{top:24px;font-size:8px}.intro-bottom{font-size:6px;gap:25px;line-height:1.5}.intro-bottom span:last-child{max-width:120px;text-align:right}#site-menu[open]{display:flex;flex-direction:column;gap:35px;padding-top:100px}#site-menu .menu-art{font-size:18vw;align-self:start}#site-menu .menu-art br{display:none}#site-menu nav{width:100%}#site-menu nav a{font-size:42px;padding:5px 0}#site-menu .menu-bottom{font-size:7px;gap:25px;margin-top:auto;padding:20px 0}#message-dialog{padding:35px 25px}#message-dialog h2{font-size:42px}.case-hero{padding-top:115px;padding-bottom:35px}.back-link{font-size:8px;margin-bottom:35px}.case-heading .eyebrow{font-size:7px}.case-heading h1{font-size:14vw;margin:30px 0;line-height:.95}.case-intro{grid-template-columns:1fr;gap:25px;margin-top:30px}.case-intro>p{font-size:26px;max-width:290px}.case-intro>div p{font-size:12px;margin-bottom:20px}.case-intro .mono{font-size:8px;line-height:1.5}.case-main-visual{height:430px;margin-top:30px}.case-main-visual .phone{width:155px;height:330px}.case-story{grid-template-columns:1fr;gap:45px}.case-facts>p{font-size:15px;margin:15px 0}.case-facts .tags{margin-bottom:20px}.case-copy h2{font-size:43px}.case-copy>p{font-size:13px;margin-bottom:45px}.architecture>div{padding:15px 10px}.architecture h3{font-size:12px;margin-top:15px}.architecture .mono{font-size:8px}.feature-list li{font-size:11px;line-height:1.5}.gallery-grid{grid-template-columns:1fr;gap:25px}.gallery-phones{grid-template-columns:1fr 1fr;gap:25px}.gallery-phones img{border-width:3px;border-radius:14px}.gallery-grid figcaption{font-size:6px}.case-gallery h2{font-size:43px;margin-bottom:40px}.case-recording{margin-top:40px}.next-project{padding-top:50px;padding-bottom:50px}.next-project>span:nth-child(2){font-size:44px;line-height:1.1}.next-project b{font-size:65px;bottom:30px}.case-lab h2{font-size:43px}.no-webgl .fallback-engine{top:40%;width:43%;left:29%;border-width:12px}.no-webgl .fallback-engine span{font-size:15vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.engine-chapter{height:auto}.engine-sticky{position:relative;min-height:900px}.project-stage *{will-change:auto!important}}body.reduced-motion .engine-chapter{height:auto}body.reduced-motion .engine-sticky{position:relative}body.reduced-motion *{transition-duration:.01ms!important}.engine-chapter{z-index:auto}.engine-sticky{z-index:3}.chapter-title h2{font-size:clamp(48px,5.7vw,88px)}@media(max-width:600px){.chapter-title h2{font-size:46px}.engine-sticky{min-height:820px}.engine-chapter{height:180vh}}.site-header{position:fixed;transition:background .3s,height .3s,padding .3s}.site-header.scrolled{height:74px;padding-top:15px;padding-bottom:15px;background:#f0f0eaee;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #c9cbc580}.site-header.scrolled .brand svg{width:38px;height:32px}.site-header.scrolled .brand span{font-size:8px}@media(max-width:600px){.site-header.scrolled{height:64px}.site-header.scrolled .brand svg{width:32px;height:28px}.chapter-title{padding-top:20px}}@media(max-width:600px){#site-menu .menu-art{font-size:15vw;line-height:.9}#site-menu .menu-art br{display:block}#site-menu[open]{gap:25px}#site-menu nav a{font-size:38px}}html{scrollbar-gutter:stable}body.route-pending{cursor:progress}body.routing{overflow:hidden;overflow-anchor:none}.route-preparation{position:fixed;inset:0;overflow:hidden;visibility:hidden;pointer-events:none}.route-outgoing{position:fixed;inset:0;overflow:hidden;background:var(--paper);z-index:20;pointer-events:none;clip-path:inset(0)}.route-outgoing main{transform-origin:top left}body.routing #world{z-index:21}[data-route-visual]{contain:layout style}.skills details{overflow-anchor:none}.skills details[data-animated] summary b{transform:none}.skills summary{transition:color .22s ease,background-color .22s ease}.skills summary:hover,.skills details[data-expanded=true] summary{color:var(--blue)}.skills summary:active{background-color:#2149ef08}.accordion-panel{overflow:hidden}body.routing .site-header{z-index:30}.project-stage,.case-main-visual{display:flow-root}