@font-face{font-family:Display;src:url('assets/display.ttf') format('truetype');font-weight:100 1000;font-display:swap}@font-face{font-family:Body;src:url('assets/body.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#000;--sky:#dceeff;--blue:#4da2ff;--mint:#55db9c;--lavender:#e9ccff;--orange:#fb4903;--yellow:#ffd731;--violet:#5c4ade;--line:1px solid #000;font-family:Body,Arial,sans-serif;color:#000;background:#000;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;padding:7px;overflow-x:clip}p,h1,h2,h3,h4{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a,button{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--violet);outline-offset:5px}::selection{background:var(--yellow);color:black}.skip-link{position:fixed;top:12px;left:12px;z-index:200;background:white;padding:16px;transform:translateY(-200%)}.skip-link:focus{transform:none}.panel{border-radius:30px;position:relative;margin-bottom:7px;overflow:hidden}.sky{background:var(--sky)}.blue{background:var(--blue)}.white{background:white}.mint{background:var(--mint)}.yellow{background:var(--yellow)}.orange{background:var(--orange)}.lavender{background:var(--lavender)}.violet{background:var(--violet)}.grey{background:#ccc}.display{font-family:Display,'Arial Narrow',sans-serif;font-weight:950;line-height:.8;letter-spacing:-.012em}.eyebrow{font-size:11px;letter-spacing:.045em;font-weight:600;line-height:1.4}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 18px;border:var(--line);border-radius:999px;background:white;font-size:11px;letter-spacing:.02em;line-height:1.2;font-weight:600;min-height:42px;transition:background .25s,color .25s,transform .25s;white-space:nowrap}.pill:hover{background:var(--yellow);color:#000;transform:translateY(-2px)}.pill.black{background:black;color:white}.pill.black:hover{background:var(--yellow);color:black}.round-button{border:var(--line);background:white;border-radius:50%;height:42px;width:42px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .2s}.round-button:hover{background:var(--yellow);transform:rotate(-8deg)}.site-header{position:fixed;top:53px;left:29px;right:29px;height:44px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.site-header>*{pointer-events:auto}.brand{width:42px;height:42px;border-radius:50%;border:var(--line);background:white;display:block;flex-shrink:0}.brand svg{width:100%;height:100%;stroke:#000;stroke-width:3;fill:none;stroke-linecap:round}.site-header nav{display:flex;gap:5px;margin-left:auto;transition:opacity .3s,translate .3s,visibility .3s}.header-actions{display:flex;align-items:center;gap:5px}.site-header.scrolled{top:22px}.site-header.scrolled nav{opacity:0;translate:0 -10px;visibility:hidden;pointer-events:none}.site-header:hover nav,.site-header:focus-within nav{opacity:1;translate:none;visibility:visible;pointer-events:auto}.topline{height:25px;overflow:hidden;background:var(--lavender);border-bottom:var(--line);font-size:9px;font-weight:600;letter-spacing:.045em}.ticker-track{display:flex;align-items:center;height:100%;width:max-content;animation:marquee 40s linear infinite}.ticker-track span{white-space:nowrap;padding-right:25px}
.hero{height:calc(100svh - 39px);min-height:760px;max-height:1120px;position:relative;isolation:isolate}.hero-lockup{position:absolute;left:9%;right:9%;top:20%;text-align:center;z-index:2}.hero-name{font-size:11px;font-weight:600;letter-spacing:.14em;margin-bottom:26px}.hero h1{font-family:Display,sans-serif;font-size:36.3vw;font-weight:1000;line-height:.69;letter-spacing:-.03em;margin:0 auto;width:max-content;max-width:100%;transform:scaleX(.94)}.hero-tagline{font-size:clamp(24px,3vw,46px);letter-spacing:-.05em;line-height:1.15;margin-top:24px}.hero-actions{display:flex;justify-content:center;gap:7px;margin-top:24px}.hero-actions .pill{padding:14px 20px}.hero-art{position:absolute;inset:-6% -6% -8%;z-index:0;pointer-events:none}.hero-art canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .5s}.hero-art.ready canvas{opacity:1}.ribbon-fallback{position:absolute;width:120%;height:140%;object-fit:contain;left:-10%;top:-20%;transition:opacity .4s}.hero-art.ready .ribbon-fallback{opacity:0}.sticker-art{position:absolute;width:130px;height:auto;z-index:3;pointer-events:none}.hero-pen{left:14%;top:23%;width:125px;transform:rotate(-18deg)}.hero-eye{left:48%;top:26%;width:120px;transform:rotate(15deg)}.hero-layers{right:12%;top:50%;width:145px;transform:rotate(-10deg)}.hero-star{left:17%;top:60%;width:97px;transform:rotate(15deg)}.hero-foot{position:absolute;left:30px;right:30px;bottom:30px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.04em;z-index:3}.hero-foot a{border-bottom:var(--line);padding:6px 0}
.showcase{height:870px;min-height:85svh;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate;padding:70px 0}.showcase-ribbon{position:absolute;width:120%;height:120%;inset:-10%;z-index:-1;overflow:hidden}.showcase-ribbon img{width:100%;height:100%;object-fit:contain;transform:rotate(-20deg) scale(1.4)}.phone-pair{display:flex;gap:68px;justify-content:center;align-items:center;perspective:1400px}.phone{width:240px;aspect-ratio:393/852;border:7px solid #131313;border-radius:36px;background:#101010;overflow:hidden;will-change:transform}.phone-screen{width:100%;height:100%;background-image:url('assets/case-games.webp');background-repeat:no-repeat;background-size:325.19% 132.86%;border-radius:27px}.map-screen{background-position:15.82% 50%}.game-screen{background-position:84.18% 50%}.phone-one{transform:rotate(-10deg) rotateY(12deg)}.phone-two{transform:rotate(8deg) rotateY(-12deg)}.showcase-caption{font-size:10px;letter-spacing:.07em;margin-top:62px}.showcase-cursor{width:110px;right:18%;bottom:17%;transform:rotate(-18deg)}.manifesto{text-align:center;position:relative;padding:100px 9% 135px}.manifesto .display{font-size:clamp(70px,10.7vw,170px);line-height:.82;transform:skew(-7deg)}.manifesto .display span{display:inline-block;margin-top:12px}.manifesto p{font-size:19px;line-height:1.45;letter-spacing:-.025em;margin-top:38px}.manifesto-eye{left:10%;top:13%;width:105px;transform:rotate(-15deg)}.manifesto-layers{right:9%;bottom:27%;width:135px;transform:rotate(10deg)}
.about{padding:110px 8% 60px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center;margin-bottom:125px}.feature-row.reverse>div:first-child{order:2}.feature-copy .display{font-size:clamp(72px,7.8vw,125px);line-height:.83;margin:23px 0 25px}.feature-copy p{font-size:16px;line-height:1.55;max-width:430px}.feature-copy p+p{margin-top:15px}.portrait-picture,.system-art,.precision-art{position:relative;aspect-ratio:1/1.08;border-radius:21px;border:var(--line);overflow:hidden;isolation:isolate}.portrait-picture{background:var(--blue)}.portrait-ribbon{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:scale(1.45) rotate(33deg);filter:brightness(.9)}.portrait{position:absolute;height:92%;width:90%;object-fit:contain;object-position:bottom;bottom:0;left:5%}.picture-caption{position:absolute;left:20px;bottom:20px;border:var(--line);border-radius:100px;background:white;font-size:12px;padding:12px 19px;transform:rotate(-5deg)}.portrait-star{top:16px;right:16px;width:90px;transform:rotate(8deg)}.system-art{display:flex;align-items:center;justify-content:center;flex-direction:column}.system-word{font-family:Display,sans-serif;font-size:clamp(75px,9.7vw,165px);font-weight:1000;line-height:.79;letter-spacing:-.02em;transform:rotate(-7deg);border:var(--line);border-radius:30px;background:var(--yellow);padding:24px 20px 30px;width:85%;text-align:center}.system-tags{display:flex;gap:7px;position:absolute;top:20px;left:20px;right:20px}.system-tags span{font-size:9px;background:white;border:var(--line);border-radius:100px;padding:8px 12px}.system-layers{width:100px;bottom:16px;left:15px;transform:rotate(-12deg)}.system-cursor{width:120px;bottom:4px;right:12px;transform:rotate(7deg)}.precision-art{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.precision-number{font-family:Display,sans-serif;font-size:23vw;line-height:.8;font-weight:1000;letter-spacing:-.04em}.precision-label{font-size:10px;letter-spacing:.05em}.precision-eye{width:135px;top:7%;right:4%;transform:rotate(15deg)}.precision-pen{width:115px;bottom:5%;left:4%;transform:rotate(-12deg)}
.toolbox{margin:0 -8.5%;padding-top:10px}.toolbox-heading{text-align:center;font-weight:450;font-size:clamp(25px,3.1vw,47px);line-height:1.15;letter-spacing:-.04em;margin-bottom:52px}.tool-carousel{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding:0 3%;scrollbar-width:none;overscroll-behavior-x:contain}.tool-carousel::-webkit-scrollbar{display:none}.tool-slide{flex:0 0 30%;min-width:275px;border:var(--line);border-radius:24px;min-height:415px;position:relative;padding:22px 24px;display:flex;flex-direction:column;justify-content:end;scroll-snap-align:center;overflow:hidden}.tool-label{position:absolute;left:24px;top:22px;font-size:10px;font-weight:600;letter-spacing:.045em}.tool-glyph{position:absolute;top:40px;right:20px;font-size:42px;font-weight:700;letter-spacing:-.06em;border:var(--line);background:white;border-radius:22px;padding:13px 15px;transform:rotate(13deg)}.tool-slide.figma{background:var(--orange)}.tool-slide h3{font-family:Display,sans-serif;line-height:.87;font-weight:900;font-size:58px;letter-spacing:-.015em;transform:skew(-5deg);margin-bottom:22px}.tool-slide p{font-size:13px;line-height:1.4;max-width:260px}.carousel-controls{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:30px}.carousel-controls>span{font-size:9px;letter-spacing:.08em}
.experience{padding:100px 8%;display:grid;grid-template-columns:.9fr 1.1fr;gap:8%}.experience-lead .display{font-size:clamp(78px,9.2vw,148px);margin:28px 0 30px}.experience-symbol{position:relative;display:inline-block;margin-top:30px}.experience-symbol>span{font-family:Display,sans-serif;font-size:165px;line-height:.8;font-weight:900}.experience-symbol>p{font-size:10px;letter-spacing:.06em;margin-top:20px}.experience-star{width:105px;right:-80px;top:10px;transform:rotate(20deg)}.experience-list{list-style:none;margin:0;padding:0}.experience-list li{border-top:var(--line);padding:28px 0;display:grid;grid-template-columns:25px 1fr;gap:22px}.exp-number{font-size:11px;margin-top:2px}.experience-list .eyebrow{font-size:10px}.experience-list h3{font-size:28px;line-height:1.2;letter-spacing:-.025em;font-weight:500;margin:9px 0 14px}.experience-list p{font-size:15px;line-height:1.5;max-width:450px}.competencies{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding-top:30px;border-top:var(--line);margin-top:20px}.competencies span{padding:10px 15px;border:var(--line);border-radius:100px;font-size:10px;background:white}.competencies span:nth-child(3n){background:var(--lavender)}.competencies span:nth-child(4n){background:var(--mint)}
.sticker-interlude{height:490px;position:relative;overflow:hidden;display:flex;justify-content:center;flex-direction:column;gap:12px;margin:55px -7px}.sticker-lane{display:flex;align-items:center;gap:10px;width:max-content;transform:rotate(-7deg) translateX(-8%);animation:sticker-move 28s ease-in-out infinite alternate}.sticker-lane>span{font-family:Display,sans-serif;font-weight:1000;font-style:italic;font-size:100px;line-height:.9;padding:18px 25px 22px;border-radius:24px;border:var(--line);white-space:nowrap;letter-spacing:-.02em}.lane-two{transform:rotate(-7deg) translateX(-22%);animation-direction:alternate-reverse}.interlude-pen{width:150px;left:15%;top:12%;transform:rotate(-20deg)}.interlude-layers{width:160px;right:15%;bottom:13%;transform:rotate(15deg)}
.work{padding:100px 8% 65px}.work-heading{text-align:center}.work-heading .display{font-size:clamp(74px,9.2vw,148px);margin-top:26px}.work-heading p{font-size:18px;line-height:1.4;letter-spacing:-.025em;margin-top:28px}.project-tabs{display:flex;border:var(--line);border-radius:100px;padding:4px;margin:45px auto 65px;width:max-content;max-width:100%;background:white;gap:3px}.project-tabs button{background:transparent;border:0;padding:13px 23px;border-radius:100px;font-size:11px;font-weight:600;min-height:41px;transition:background .2s,color .2s}.project-tabs button[aria-selected=true]{background:black;color:white}.project-tabs button:hover{background:var(--lavender);color:black}.project-panel{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;min-height:470px}.project-panel[hidden]{display:none}.project-picture{aspect-ratio:1/1.06;border:var(--line);border-radius:22px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.project-picture>img{width:100%;height:100%;object-fit:contain;transition:transform .6s}.vector-preview img{object-fit:cover}.project-picture:hover>img{transform:scale(1.04)}.project-stamp{position:absolute;bottom:22px;left:20px;background:white;border:var(--line);border-radius:100px;font-size:10px;font-weight:600;padding:11px 16px;transform:rotate(-7deg)}.game-preview{background:#242424}.game-preview img{padding:10px}.print-preview img{height:auto;transform:rotate(-5deg) scale(.91);border:1px solid #999}.print-preview:hover img{transform:rotate(0) scale(.96)}.project-copy .display{font-size:clamp(70px,8.2vw,140px);margin:23px 0}.project-copy h4{font-size:17px;font-weight:600;margin-bottom:15px}.project-copy>p{font-size:16px;line-height:1.5;max-width:405px}.project-copy .pill{margin-top:28px}.work-statline{display:flex;align-items:center;gap:60px;margin-top:65px;border-top:var(--line);padding-top:35px}.work-statline>p{display:flex;align-items:center;gap:18px}.work-statline strong{font-family:Display,sans-serif;font-size:63px;line-height:1;font-weight:850}.work-statline span{font-size:11px;max-width:140px;line-height:1.4}.work-statline .stat-caption{margin-left:auto;font-size:9px;line-height:1.5;letter-spacing:.03em}
.footer{min-height:830px;display:flex;align-items:center;justify-content:center;padding:100px 25px 120px;isolation:isolate}.footer-content{text-align:center;position:relative;z-index:2}.footer-content .display{font-size:clamp(160px,21vw,350px);margin:40px 0 28px;line-height:.76}.footer-content>p{font-size:27px;letter-spacing:-.035em}.footer-actions{display:flex;justify-content:center;gap:8px;margin-top:30px}.footer-ribbon{position:absolute;inset:0;z-index:-1}.footer-ribbon img{width:100%;height:100%;object-fit:contain;transform:rotate(25deg) scale(1.65)}.footer-eye{left:20%;top:33%;width:120px;transform:rotate(-15deg)}.footer-cursor{right:18%;bottom:21%;width:130px;transform:rotate(10deg)}.footer-bottom{position:absolute;bottom:27px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.04em}.footer-motion{font:inherit;background:white;border:var(--line);padding:10px 13px;border-radius:100px}.footer-bottom>a{border-bottom:var(--line);padding:5px 0}.reveal{transition:opacity .75s,translate .75s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal:not(.in-view){opacity:0;translate:0 35px}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;translate:none!important}.motion-paused{scroll-behavior:auto}.progress{position:fixed;bottom:0;left:0;height:3px;background:var(--blue);z-index:100;transform-origin:left;width:100%;transform:scaleX(0);pointer-events:none}@keyframes marquee{to{transform:translateX(-25%)}}@keyframes sticker-move{to{translate:-15% 0}}
@media(min-width:1700px){.hero h1{font-size:610px}.hero-lockup{top:18%}.feature-row{max-width:1450px;margin-left:auto;margin-right:auto}.hero-pen{left:20%}.hero-layers{right:20%}.tool-slide{min-height:480px}.tool-slide h3{font-size:70px}.work{padding-left:12%;padding-right:12%}}
@media(max-width:1050px){.site-header{left:22px;right:22px;gap:7px}.site-header nav .pill{padding:11px 13px;font-size:10px}.header-actions .pill{font-size:10px;padding:12px 14px}.hero{min-height:740px}.hero-lockup{top:26%;left:6%;right:6%}.hero h1{font-size:38vw}.hero-pen{left:10%;top:25%;width:100px}.hero-eye{left:50%;top:30%;width:100px}.hero-layers{right:7%;top:48%;width:110px}.hero-star{top:64%;left:14%;width:90px}.hero-tagline{font-size:34px}.hero-foot{font-size:8px}.showcase{height:770px}.phone{width:220px}.phone-pair{gap:50px}.about{padding:90px 6% 55px}.feature-row{gap:8%;margin-bottom:90px}.feature-copy .display{font-size:8.8vw}.feature-copy p{font-size:15px}.system-word{font-size:10.5vw}.toolbox{margin:0 -5.6%}.tool-slide{flex-basis:36%;min-width:250px;min-height:370px}.tool-slide h3{font-size:52px}.experience{padding:80px 6%;gap:7%}.experience-list h3{font-size:25px}.experience-lead .display{font-size:10vw}.sticker-lane>span{font-size:80px}.sticker-interlude{height:410px}.work{padding:85px 6% 55px}.project-panel{gap:7%;min-height:410px}.project-copy .display{font-size:9vw}.work-statline{gap:30px}.work-statline>p{gap:12px}.work-statline strong{font-size:52px}.work-statline span{max-width:120px}.work-statline .stat-caption{max-width:140px}.footer{min-height:760px}.footer-eye{left:12%;top:35%}.footer-cursor{right:12%;bottom:25%}}
@media(max-width:760px){body{padding:5px}.panel{border-radius:24px;margin-bottom:5px}.site-header{top:44px;left:20px;right:20px}.site-header nav{display:none}.site-header.scrolled{top:17px}.hero{min-height:700px;height:calc(100svh - 35px)}.hero-lockup{top:26%}.hero h1{font-size:40vw}.hero-name{font-size:10px;margin-bottom:24px}.hero-tagline{font-size:29px;margin-top:23px}.hero-actions .pill{padding:13px 16px;font-size:10px}.hero-pen{width:83px;top:26%;left:8%}.hero-eye{width:90px;top:32%;left:49%}.hero-layers{width:100px;right:5%;top:49%}.hero-star{left:9%;top:66%;width:75px}.hero-foot{left:22px;right:22px;bottom:23px}.hero-foot>span:last-child{display:none}.showcase{height:700px;min-height:0}.phone{width:190px;border-radius:30px;border-width:6px}.phone-pair{gap:38px}.phone-screen{border-radius:23px}.showcase-cursor{width:85px;right:9%;bottom:22%}.manifesto{padding:85px 8% 105px}.manifesto .display{font-size:11.6vw}.manifesto p{font-size:16px;margin-top:30px}.manifesto-eye{left:3%;width:75px}.manifesto-layers{right:3%;width:85px;bottom:33%}.feature-copy .display{font-size:9.5vw}.feature-copy .eyebrow{font-size:9px}.feature-copy p{font-size:14px}.feature-row{gap:7%;margin-bottom:80px}.about{padding:70px 5% 45px}.picture-caption{font-size:9px;padding:9px 13px;left:13px;bottom:13px}.portrait-star{width:70px;top:10px;right:8px}.system-tags{top:13px;left:12px;gap:4px}.system-tags span{font-size:8px;padding:6px 8px}.system-word{font-size:11vw;padding:17px 10px 23px;border-radius:20px}.system-layers{width:70px}.system-cursor{width:85px}.precision-eye{width:90px}.precision-pen{width:80px}.precision-label{font-size:7px}.tool-slide{flex-basis:45%;min-height:360px;padding:22px}.tool-slide h3{font-size:50px}.toolbox-heading{font-size:29px}.experience{grid-template-columns:1fr;gap:45px;padding:70px 7%}.experience-lead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;align-items:end}.experience-lead>.eyebrow{width:100%}.experience-lead .display{font-size:14vw;margin:0}.experience-symbol{margin:0 40px 0 0}.experience-symbol>span{font-size:130px}.experience-star{width:70px;right:-52px}.competencies{margin-top:0;padding-top:25px;gap:6px}.competencies span{font-size:9px}.sticker-interlude{height:350px;margin:35px -5px}.sticker-lane>span{font-size:70px}.interlude-pen{width:120px}.interlude-layers{width:125px}.work{padding:70px 6% 40px}.work-heading .display{font-size:11.8vw}.work-heading p{font-size:16px}.project-tabs{margin:35px auto 45px;gap:0}.project-tabs button{padding:12px 17px;font-size:10px}.project-panel{gap:7%;min-height:340px}.project-copy .display{font-size:9.3vw;margin:18px 0}.project-copy .eyebrow{font-size:8px}.project-copy h4{font-size:15px}.project-copy>p{font-size:14px}.project-copy .pill{font-size:9px;padding:11px 13px;margin-top:22px}.work-statline{flex-wrap:wrap;gap:25px 40px;margin-top:45px;padding-top:28px}.work-statline .stat-caption{max-width:none;margin:0;width:100%}.footer{min-height:710px;padding-top:95px}.footer-content .display{font-size:26vw}.footer-content>p{font-size:24px}.footer-eye{left:9%;top:35%;width:90px}.footer-cursor{width:100px;right:8%;bottom:24%}.footer-bottom{left:22px;right:22px;bottom:22px;font-size:8px}.footer-actions .pill{font-size:10px;padding:12px 14px}.footer-motion{font-size:8px}}
@media(max-width:520px){.topline{height:22px;font-size:8px}.site-header{top:38px;left:18px;right:18px}.header-actions .pill{min-height:44px;padding:12px 14px;font-size:9px}.hero{height:calc(100svh - 32px);min-height:650px;max-height:840px}.hero-lockup{top:28%;left:4%;right:4%}.hero h1{font-size:40vw;line-height:.73}.hero-name{font-size:9px;letter-spacing:.08em;margin-bottom:22px}.hero-tagline{font-size:24px;letter-spacing:-.04em;margin-top:20px}.hero-actions{gap:5px;flex-wrap:wrap;margin-top:22px}.hero-actions .pill{font-size:9px;padding:12px 13px;gap:6px;min-height:44px}.hero-art{inset:-4% -38% -7%}.hero-pen{width:64px;top:28%;left:5%}.hero-eye{width:68px;left:49%;top:32%}.hero-layers{width:78px;right:4%;top:45%}.hero-star{width:62px;left:11%;top:65%}.hero-foot{left:18px;right:18px;font-size:8px;gap:15px;bottom:21px}.hero-foot a{font-size:8px}.showcase{height:550px;padding:35px 0 50px}.phone-pair{gap:25px}.phone{width:136px;border-width:5px;border-radius:24px}.phone-screen{border-radius:18px}.showcase-caption{font-size:8px;margin-top:45px}.showcase-cursor{width:72px;bottom:19%;right:5%}.showcase-ribbon{inset:-10% -25%;width:150%;height:120%}.showcase-ribbon img{transform:rotate(-15deg) scale(1.4)}.manifesto{padding:65px 6% 85px}.manifesto .display{font-size:12vw;line-height:.86}.manifesto p{font-size:14px;line-height:1.5;margin-top:25px}.manifesto p br{display:none}.manifesto-eye{width:58px;left:0;top:7%}.manifesto-layers{width:63px;right:0;bottom:29%}.about{padding:52px 7% 38px}.feature-row{grid-template-columns:1fr;gap:32px;margin-bottom:65px}.feature-row.reverse>div:first-child{order:0}.portrait-picture,.system-art,.precision-art{aspect-ratio:1/1;max-width:390px;width:100%;margin:auto}.feature-copy .display{font-size:21vw;line-height:.84;margin-top:18px;margin-bottom:22px}.feature-copy .eyebrow{font-size:10px}.feature-copy p{font-size:16px;line-height:1.5}.picture-caption{font-size:10px;padding:10px 15px;left:17px;bottom:17px}.portrait-star{width:85px}.system-tags{top:18px;left:18px;gap:6px}.system-tags span{font-size:9px;padding:7px 10px}.system-word{font-size:26vw;padding:20px 12px 26px;width:84%}.system-layers{width:85px;bottom:10px;left:10px}.system-cursor{width:100px;bottom:6px}.precision-number{font-size:56vw}.precision-label{font-size:9px}.precision-eye{width:105px}.precision-pen{width:95px}.toolbox{margin:0 -7.7%;padding-top:0}.toolbox-heading{font-size:25px;padding:0 20px;margin-bottom:35px}.tool-carousel{gap:10px;padding:0 8%}.tool-slide{flex-basis:82%;min-width:0;min-height:365px;padding:22px 24px}.tool-slide h3{font-size:57px}.tool-slide p{font-size:14px}.tool-glyph{font-size:37px}.carousel-controls{gap:16px;margin-top:24px}.carousel-controls>span{font-size:8px}.experience{padding:55px 7%;gap:35px}.experience-lead{gap:25px}.experience-lead .display{font-size:20vw}.experience-symbol{margin-right:22px;margin-bottom:6px}.experience-symbol>span{font-size:98px}.experience-symbol>p{font-size:8px;margin-top:15px}.experience-star{width:56px;right:-35px;top:-6px}.experience-list li{padding:25px 0;gap:12px;grid-template-columns:22px 1fr}.experience-list h3{font-size:25px}.experience-list p{font-size:15px}.competencies{gap:6px;padding-top:23px}.competencies span{font-size:9px;padding:9px 11px}.sticker-interlude{height:285px;gap:8px;margin:22px -5px}.sticker-lane{gap:7px}.sticker-lane>span{font-size:53px;padding:15px 18px 18px;border-radius:17px}.interlude-pen{width:95px;top:6%;left:8%}.interlude-layers{width:100px;right:7%;bottom:7%}.work{padding:55px 7% 38px}.work-heading .display{font-size:12.5vw;margin-top:22px}.work-heading p{font-size:15px;margin-top:23px}.project-tabs{width:100%;margin:28px 0 38px;padding:3px;flex-wrap:wrap;border-radius:23px;justify-content:center}.project-tabs button{padding:11px 13px;min-height:44px;font-size:11px;flex:1}.project-panel{grid-template-columns:1fr;gap:28px;min-height:0}.project-picture{aspect-ratio:1/1}.project-copy .display{font-size:21vw;margin:17px 0 21px}.project-copy .eyebrow{font-size:9px}.project-copy h4{font-size:17px}.project-copy p{font-size:16px}.project-copy .pill{font-size:11px;padding:14px 19px;min-height:44px;margin-top:24px}.project-stamp{font-size:9px;left:16px;bottom:17px}.work-statline{gap:22px;margin-top:40px;padding-top:25px}.work-statline>p{gap:11px}.work-statline strong{font-size:52px}.work-statline span{font-size:11px;max-width:120px}.work-statline .stat-caption{font-size:9px}.footer{min-height:680px;padding:80px 15px 120px}.footer-content .eyebrow{font-size:9px}.footer-content .display{font-size:41vw;margin:40px 0 24px}.footer-content>p{font-size:21px}.footer-actions{gap:7px;flex-direction:column;align-items:center;margin-top:23px}.footer-actions .pill{font-size:10px;min-height:44px;padding:12px 17px}.footer-ribbon img{transform:rotate(25deg) scale(2.3)}.footer-eye{left:4%;top:27%;width:75px}.footer-cursor{right:1%;bottom:26%;width:85px}.footer-bottom{flex-wrap:wrap;gap:15px;left:20px;right:20px;bottom:20px}.footer-bottom>span{width:100%;font-size:9px}.footer-motion{min-height:44px;padding:11px 12px;font-size:8px}.footer-bottom>a{font-size:9px;padding:12px 0}.round-button,.brand{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.reveal{opacity:1!important;translate:none!important}}
.hero,.showcase{overflow:hidden}.showcase-ribbon canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}.showcase-ribbon.ready canvas{opacity:1}.showcase-ribbon.ready img{opacity:0}.showcase-ribbon img{transition:opacity .3s}

/* A clear proposition, with the author kept at signature scale. */
.hero-lockup{top:21%;left:6%;right:6%}.hero h1{font-size:clamp(140px,22vw,350px);line-height:.78;transform:none;width:auto;letter-spacing:-.018em}.hero h1 span{display:block;font-size:.65em;margin-top:.06em}.hero-tagline{font-size:clamp(22px,2.5vw,36px);margin-top:30px}.hero-pen{left:14%;top:24%}.hero-eye{left:59%;top:21%;width:100px}.hero-layers{right:9%;top:55%}.hero-star{left:15%;top:63%}
.feature-copy .value-lead{font-size:clamp(20px,2.1vw,29px);line-height:1.22;letter-spacing:-.035em}.feature-copy .display{font-size:clamp(64px,7.1vw,116px)}.experience-note{grid-column:1/-1;border-top:var(--line);padding-top:30px;display:grid;grid-template-columns:.9fr 1.1fr;gap:8%}.experience-note h3{font-size:32px;font-weight:500;letter-spacing:-.03em}.experience-note p{font-size:16px;line-height:1.5;max-width:470px}.competencies{border-top:0;margin-top:0;padding-top:0}.project-copy .display{font-size:clamp(62px,7.6vw,125px)}.project-panel{align-items:start}.project-picture{align-self:center}.print-results{display:flex;gap:32px;margin-top:28px}.print-results p{display:flex;flex-direction:column;gap:7px}.print-results strong{font-family:Display,sans-serif;font-size:56px;line-height:1;font-weight:900}.print-results span{font-size:11px;line-height:1.4}.phone-screen{background-size:100% 100%;background-position:center}.map-screen{background-image:url('assets/process-logic.svg')}.game-screen{background-image:url('assets/process-form.svg')}
@media(max-width:1050px){.hero-lockup{top:25%}.hero h1{font-size:24vw}.hero-pen{left:9%;width:90px}.hero-eye{left:61%;width:85px}.feature-copy .display{font-size:7.9vw}.project-copy .display{font-size:8vw}}
@media(max-width:760px){.hero h1{font-size:25vw}.hero-lockup{top:27%}.hero-eye{top:24%;width:74px}.hero-pen{top:27%;width:73px}.hero-layers{top:55%;width:90px}.hero-tagline{font-size:25px}.feature-copy .display{font-size:8.4vw}.experience-note{grid-template-columns:1fr;gap:18px}.experience-note h3{font-size:28px}.project-copy .display{font-size:8.5vw}}
@media(max-width:520px){.hero-lockup{top:29%;left:5%;right:5%}.hero h1{font-size:25.5vw;line-height:.84}.hero h1 span{font-size:.65em}.hero-name{margin-bottom:25px}.hero-tagline{font-size:21px;margin-top:24px}.hero-pen{width:58px;left:6%;top:25%}.hero-eye{width:61px;left:70%;top:28%}.hero-layers{top:58%;width:68px}.hero-star{top:63%;left:8%;width:60px}.feature-copy .display{font-size:19vw}.feature-copy .value-lead{font-size:24px}.project-copy .display{font-size:20vw}.experience-note{gap:16px}.print-results{gap:35px}.showcase-caption{text-align:center;max-width:90%;line-height:1.5}.tool-slide h3{font-size:50px}.tool-slide{min-height:395px}}

.tool-slide h3{font-family:Body,sans-serif;font-size:29px;font-weight:550;letter-spacing:-.035em;line-height:1.12;transform:none;margin-bottom:18px}.tool-slide p{font-size:14px;line-height:1.5}.tool-glyph{font-size:62px;top:57px;padding:15px 20px}.tool-slide{min-height:405px;padding-bottom:28px}.tool-slide.figma .tool-glyph{font-size:42px}.hero h1 span{white-space:nowrap}
.hero h1 span{word-spacing:.06em}
@media(max-width:520px){.hero-layers{top:67%!important}.work-heading .display{font-size:10.7vw;line-height:.92}.project-tabs button{flex:1 1 30%}}
@media(max-width:760px){.tool-slide{min-height:420px}.tool-slide h3{font-size:27px}.tool-glyph{font-size:58px}.hero h1 span{font-size:.60em}}
@media(max-width:520px){.hero h1 span{font-size:.54em}.hero-layers{right:1%;top:59%}.hero-star{left:8%;top:73%}.tool-slide h3{font-size:27px}.tool-slide p{font-size:14px}.tool-slide{min-height:400px}.tool-glyph{font-size:58px}.tool-slide.figma .tool-glyph{font-size:42px}}
.hero-lockup{top:18%}.hero h1{font-size:21vw}.hero h1 span{font-size:.82em}.hero-tagline{font-size:25px;line-height:1.2;margin-top:25px}.hero-eye{left:67%;top:29%}.hero-layers{top:59%;right:10%}.hero-star{top:67%}.hero-pen{top:24%;left:19%}.foundation-title{font-size:22px;font-weight:500;letter-spacing:-.03em;line-height:1.2;margin:27px 0 12px}.toolbox-intro{text-align:center;margin-bottom:45px;padding:0 24px}.toolbox-heading{font-family:Display,sans-serif;font-size:clamp(70px,8vw,125px);font-weight:950;line-height:.84;margin:24px 0}.toolbox-intro>p{font-size:18px;line-height:1.4}.experience-intro{font-size:18px;line-height:1.4;letter-spacing:-.02em}.experience-symbol>span{font-size:85px;display:block;line-height:.84}.experience-symbol{margin-top:50px}.skills-story{grid-column:1/-1;border-top:var(--line);padding-top:65px;display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:25px}.skills-story .display{font-size:clamp(60px,6.5vw,110px);line-height:.85;margin-top:25px}.skills-story>div>p{font-size:16px;line-height:1.5}.language{display:flex;align-items:center;gap:25px;margin:35px 0;padding:25px 0;border-block:var(--line)}.language>span{font-size:14px}.language p{display:flex;flex-direction:column;font-size:11px;gap:8px}.language strong{font-family:Display,sans-serif;font-size:46px;font-weight:850;line-height:1}.project-copy .long-name{font-size:clamp(40px,4.5vw,74px);line-height:.95}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.project-tags>span{border:var(--line);border-radius:100px;padding:8px 11px;font-size:10px}.project-copy .print-intro{font-size:20px;line-height:1.3;margin-bottom:20px}.footer-content .display{font-size:clamp(95px,13vw,220px);line-height:.83}.footer-content>p{font-size:16px;letter-spacing:.04em}
@media(max-width:760px){.hero-lockup{top:22%}.hero h1{font-size:26vw}.hero-pen{left:10%;width:85px}.hero-eye{left:70%;width:80px}.hero-layers{right:6%;width:90px;top:59%}.hero-star{top:70%}.skills-story{grid-template-columns:1fr;gap:28px;padding-top:40px}.skills-story .display{font-size:12vw}.experience-intro{width:100%}.experience-symbol{margin-top:5px}.experience-symbol>span{font-size:76px}.footer-content .display{font-size:13.5vw}}
@media(max-width:520px){.hero-lockup{top:26%}.hero h1{font-size:27vw}.hero h1 span{font-size:.83em}.hero-tagline{font-size:19px;margin-top:23px}.hero-name{margin-bottom:25px}.hero-pen{width:59px;top:23%;left:8%}.hero-eye{width:60px;top:34%;left:76%}.hero-layers{top:69%!important;width:68px;right:3%}.hero-star{top:73%;width:58px;left:8%}.hero-foot>span{max-width:95px;line-height:1.4}.toolbox-heading{font-size:19vw}.toolbox-intro>p{font-size:15px}.toolbox-intro>.eyebrow{font-size:8px}.foundation-title{font-size:22px}.skills-story .display{font-size:17vw}.experience-symbol>span{font-size:60px}.project-copy .long-name{font-size:10.5vw}.footer-content .display{font-size:15vw}.footer-content>p{font-size:12px}.footer-eye{top:29%}.footer-cursor{bottom:28%}}