@font-face{font-family:Inter;src:url(../motion/fonts/inter-regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(../motion/fonts/inter-bold.ttf);font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url(../motion/fonts/inter-black.ttf);font-weight:900;font-display:swap}
:root{--ink:#121516;--paper:#e7e9e1;--lime:#d2ff81;--lilac:#b29af4;--pad:clamp(22px,4.5vw,86px);--line:#e7e9e132;--muted:#a5aaa6;color-scheme:dark}*{box-sizing:border-box}html{scrollbar-gutter:stable;scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif;overflow-x:clip}::selection{background:var(--lilac);color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,canvas:focus-visible,input:focus-visible{outline:2px solid var(--lilac);outline-offset:7px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-weight:900;letter-spacing:-.065em;line-height:.93}p{line-height:1.65}img{display:block;width:100%}svg.arrow{width:20px;height:20px;flex:none;stroke:currentColor;stroke-width:1.5;fill:none}a:hover .arrow{transform:translate(2px,-2px)}.arrow{transition:transform .25s}.skip{position:fixed;top:-100px;left:16px;z-index:99;padding:16px;background:var(--lime);color:var(--ink)}.skip:focus{top:12px}.variant-strip{display:flex;justify-content:space-between;gap:15px;padding:10px var(--pad);font-size:9px;letter-spacing:.1em;background:#202427;border-bottom:1px solid var(--line)}.variant-strip strong{font-weight:400;color:var(--lime)}.header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:17px var(--pad);background:#121516ed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;line-height:1}.brand>b{font-size:36px;letter-spacing:-.085em;font-weight:900;position:relative}.brand>b>span{position:absolute;font-size:8px;top:0;right:-6px;letter-spacing:0}.brand small{font-size:9px;font-weight:700;line-height:1.15;letter-spacing:.13em;padding-top:4px}.header nav{display:flex;gap:30px;font-size:11px}.header nav a{padding:12px 0}.header-actions{display:flex;gap:26px;align-items:center;font-size:10px}#motion-toggle{border:0;background:transparent;padding:12px 0;font-size:10px}#motion-toggle span{color:var(--lime);margin-left:7px}.contact-link{display:flex;gap:18px;align-items:center}.reading-progress{position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:var(--lime);transform:scaleX(var(--progress,0));transform-origin:left}.eyebrow,.section-meta{font-size:10px;letter-spacing:.08em;font-weight:400}.dot{width:6px;height:6px;display:inline-block;background:var(--lime);border-radius:50%;margin-right:10px}.hero{height:160vh;min-height:1100px}.hero-sticky{position:sticky;top:72px;height:calc(100svh - 72px);min-height:660px;padding:28px var(--pad) 22px;overflow:hidden}.hero-label{display:flex;align-items:center}.index{margin-left:auto;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;height:calc(100% - 70px);gap:12px}.hero-copy{position:relative;z-index:2;padding-top:24px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(80px,9.4vw,160px);letter-spacing:-.08em}.hero-copy p{margin-top:28px;font-size:14px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:13px 0;border-bottom:1px solid currentColor;font-size:11px}.hero-copy .text-link{margin-top:13px}.hero-object{position:relative;width:120%;height:100%;margin-left:-12%;min-height:510px}.hero-object canvas{position:absolute;inset:0;width:100%;height:100%}.scene-grid{position:absolute;inset:8% 0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.object-cross{position:absolute;right:10%;top:10%;font-size:26px;font-weight:400;color:#727776}.object-caption{position:absolute;left:16%;bottom:85px;line-height:1.5;font-size:8px;letter-spacing:.12em;color:var(--muted)}.material-picker{position:absolute;right:10%;bottom:26px;display:flex;gap:3px;border:1px solid var(--line);padding:4px;border-radius:4px;background:#121516aa}.material-picker button{padding:9px 13px;border:0;border-radius:2px;font-size:10px;background:transparent}.material-picker button[aria-pressed=true]{background:var(--lime);color:var(--ink)}.hero-foot{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.08em;border-top:1px solid var(--line);padding-top:17px}.hero-foot svg{height:23px;width:15px;stroke:var(--lime);fill:none;stroke-width:1.5}.diagonal-band{background:var(--lilac);color:var(--ink);overflow:hidden;padding:20px 0;transform:rotate(-2deg) scale(1.04);position:relative;z-index:3;margin:20px 0 0}.diagonal-band div{font-size:clamp(30px,4vw,64px);font-weight:900;letter-spacing:-.05em;white-space:nowrap;transform:translateX(var(--band-shift,-12%))}.diagonal-band span{-webkit-text-stroke:1px currentColor;color:transparent;margin:0 25px}.section{padding:95px var(--pad)}.section-meta{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:55px}.section-meta>span:last-child{color:var(--muted)}h2{font-size:clamp(48px,6.2vw,104px)}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:60px}.work-heading h2{font-size:clamp(44px,6vw,100px)}.work-heading p{font-size:12px;color:var(--muted);padding-bottom:6px;flex:none}.type-fill{--fill-color:var(--paper);display:inline-block;padding:.03em .06em .1em 0;margin-right:-.06em;margin-bottom:-.1em;color:var(--fill-color)}@supports(background-clip:text){html.motion-on .type-fill{color:transparent;-webkit-text-stroke:1px var(--fill-color);background:linear-gradient(var(--angle,90deg),var(--fill-color) 0%,var(--fill-color) var(--fill,100%),transparent var(--fill,100%));background-clip:text;-webkit-background-clip:text}}.hero-fill{--fill-color:var(--lime)}.work .type-fill{--fill-color:var(--lilac)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 28px}.project:nth-child(even){padding-top:85px}.project-image{aspect-ratio:1.48;overflow:hidden;position:relative;border-radius:3px}.project-image img{height:116%;width:100%;object-fit:cover;transform:translateY(var(--image-y,-6%));filter:saturate(.8);transition:filter .3s}.project:hover img{filter:saturate(1.1)}.project-image:after{content:'';position:absolute;inset:0;border:1px solid #ffffff25;border-radius:3px;pointer-events:none}.project-number{position:absolute;top:16px;left:16px;font-size:9px;background:#121516c7;padding:7px 9px}.project-arrow{position:absolute;right:17px;bottom:17px;width:38px;height:38px;display:grid;place-items:center;background:var(--paper);color:var(--ink);border-radius:50%}.project-caption{display:flex;justify-content:space-between;gap:15px;align-items:baseline;padding-top:18px}.project-caption h3{font-size:21px;letter-spacing:-.045em;font-weight:400}.project-caption>span{font-size:9px;color:var(--muted)}.all-projects{display:flex;width:max-content;margin:48px auto 0}.surface{height:180vh;min-height:1000px;margin-top:30px;position:relative;color:var(--ink);background:var(--lilac);--line:#12151640;--muted:#394338}.surface-sticky{position:sticky;top:73px;height:calc(100svh - 73px);min-height:590px;overflow:hidden;background:var(--surface-color,var(--lilac))}.surface-chrome{position:absolute;inset:-50%;background:repeating-linear-gradient(118deg,#141e22 0%,#e6ebe8 12%,#717d83 19%,#fcfff7 25%,#7f8890 31%,#18252c 36%,#a4b2b6 46%,#dbe4da 50%);transform:translateX(var(--chrome-x,0%)) rotate(var(--chrome-angle,0deg));opacity:var(--chrome-opacity,0)}.surface-grid{position:absolute;inset:0;background-image:linear-gradient(#14271c50 1px,transparent 1px),linear-gradient(90deg,#14271c50 1px,transparent 1px);background-size:64px 64px;opacity:var(--grid-opacity,0);transform:scale(var(--grid-scale,1))}.surface-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:45px var(--pad)}.surface h2{font-size:clamp(44px,8.5vw,145px);transform:rotate(var(--surface-tilt,-3deg));transform-origin:left}.surface .type-fill{--fill-color:var(--ink)}.surface-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px}.surface-bottom p{font-size:14px}.surface-bottom>span{font-size:9px}.surface-bottom i{font-style:normal;padding:0 12px}.labor{background:#171b1d}.lab-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:25px;align-items:center}.lab-copy h2{font-size:clamp(45px,5.4vw,89px)}.lab-copy .type-fill{--fill-color:var(--lime)}.lab-copy>p{margin-top:28px;color:var(--muted);font-size:14px}.range-top{display:flex;justify-content:space-between;margin-top:44px;font-size:12px}.range-top output{font-variant-numeric:tabular-nums;color:var(--lime)}input[type=range]{width:100%;accent-color:var(--lime);height:32px;margin:12px 0;cursor:ew-resize}.range-ends{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);letter-spacing:.06em}.scroll-reset{background:transparent;border:1px solid var(--line);padding:11px 15px;font-size:10px;margin-top:22px;border-radius:3px}.lab-copy .lab-note{font-size:10px;margin-top:22px}.lab-stage{height:640px;position:relative;min-width:0}.lab-stage canvas{width:100%;height:100%;touch-action:pan-y;cursor:grab}.lab-stage canvas:active{cursor:grabbing}.layer-labels{position:absolute;right:0;top:20%;bottom:20%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.layer-labels span{font-size:7px;letter-spacing:.06em;background:#171b1dcc;padding:5px 8px;border-left:20px solid #b29af459}.axis-label{position:absolute;left:0;bottom:8%;font-size:9px;color:var(--muted)}.services{background:var(--lime);color:var(--ink);--line:#12151635;--muted:#425438}.services .type-fill{--fill-color:var(--ink)}.services h2{margin-bottom:60px}.service{display:grid;grid-template-columns:45px 1fr 1fr 120px 24px;gap:25px;align-items:center;padding:28px 0;border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service-number{font-size:10px}.service h3{font-size:clamp(23px,2.5vw,40px);font-weight:400;letter-spacing:-.05em}.service p{font-size:12px;max-width:300px}.service svg.mini{width:100%;height:65px;stroke:currentColor;fill:none;stroke-width:1.4;overflow:visible;transform:rotate(var(--mini-angle,0deg))}.mini path{stroke-dasharray:300;stroke-dashoffset:var(--draw,0)}.service:hover h3{font-style:italic}.clients{background:var(--paper);color:var(--ink);--line:#12151630;--muted:#5d645f}.clients h2{font-size:clamp(37px,5.5vw,85px)}.clients .type-fill{--fill-color:#716096}.client-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:60px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.client-grid a{min-height:100px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:#fff}.client-grid img{max-width:100px;height:55px;object-fit:contain;filter:grayscale(1)}.client-grid a:hover img{filter:none}.studio-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.studio h2{font-size:clamp(48px,6.2vw,95px)}.studio .type-fill{--fill-color:var(--lilac)}.studio-copy .large{font-size:24px;color:var(--paper);line-height:1.4;margin:24px 0}.studio-copy>p{color:var(--muted);font-size:13px;margin-bottom:22px}.contact{background:var(--lilac);color:var(--ink);--line:#12151640;--muted:#443a5c;position:relative;overflow:hidden}.contact-title{position:relative;display:flex;gap:20px;align-items:center;justify-content:space-between}.contact h2{font-size:clamp(45px,10.5vw,176px)}.contact .type-fill{--fill-color:var(--ink)}.contact-title>svg{width:clamp(40px,9vw,130px);height:clamp(40px,9vw,130px);stroke-width:.65}.contact-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:60px;gap:25px;position:relative}.contact-bottom p{font-size:12px}.contact-bottom a{font-size:21px}.contact-orbit{position:absolute;width:600px;height:600px;right:-180px;top:-250px;transform:rotate(var(--orbit-angle,0deg));opacity:.24;pointer-events:none}.contact-orbit i{position:absolute;inset:0;border:1px solid #1b163c;border-radius:50%;transform:rotateX(65deg) rotateZ(0deg)}.contact-orbit i:nth-child(2){transform:rotateY(65deg) rotateZ(60deg)}.contact-orbit i:nth-child(3){transform:rotateX(45deg) rotateZ(-60deg)}footer{padding:35px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:9px}footer>a:last-child{display:flex;align-items:center;gap:16px}footer .brand>b{font-size:28px}footer .brand small{font-size:8px}
@media(min-width:1600px){.hero-object{height:92%;max-height:850px}.hero-grid{max-width:1900px;margin:auto}}@media(max-width:1050px){.header nav{gap:18px}.header-actions{gap:15px}.work-heading{display:block}.work-heading p{margin-top:30px}.project-caption{display:block}.project-caption>span{display:block;margin-top:9px}.lab-grid{grid-template-columns:1fr 1fr}.lab-stage{height:520px}.layer-labels{display:none}.service{grid-template-columns:28px 1fr 1fr 70px 20px;gap:17px}.client-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:720px){html{scroll-padding-top:90px}.variant-strip{font-size:7px;padding-block:9px}.variant-strip>span{display:none}.header{padding-block:14px;gap:12px;flex-wrap:wrap}.brand>b{font-size:29px}.brand small{font-size:8px}.header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;font-size:10px}.header nav a{padding:4px 0}.header-actions{margin-left:auto}.contact-link{font-size:0;gap:0}.contact-link svg{width:20px}.header-actions #motion-toggle{font-size:9px}.hero{height:150svh;min-height:1050px}.hero-sticky{top:105px;height:calc(100svh - 105px);min-height:700px;padding-top:22px}.hero-label{font-size:7px}.hero-label .index{display:none}.hero-grid{height:calc(100% - 45px);display:block;position:relative}.hero-copy{padding-top:25px}.hero h1{font-size:clamp(64px,19vw,126px);letter-spacing:-.075em;line-height:.91}.hero-copy p{font-size:11px;margin-top:20px}.hero-copy .text-link{font-size:10px;margin-top:9px}.hero-object{position:absolute;right:-18%;bottom:10px;width:87%;height:49%;min-height:0;margin:0}.hero-object canvas{height:100%}.hero-object .scene-grid{inset:0}.object-caption{left:17%;bottom:56px;font-size:6px}.object-cross{display:none}.material-picker{bottom:0;right:25%;padding:2px}.material-picker button{font-size:8px;padding:8px}.hero-foot{font-size:6px;padding-top:10px}.hero-foot>span:last-child{display:none}.hero-foot svg{height:19px}.diagonal-band{padding:14px 0;margin-top:0}.section{padding:60px var(--pad)}.section-meta{font-size:8px;line-height:1.5;margin-bottom:35px;padding-bottom:20px}.section-meta>span:last-child{text-align:right;max-width:45%}.work-heading h2{font-size:clamp(30px,7.3vw,51px)}.work-heading p{font-size:11px;margin-top:20px}.work-heading{margin-bottom:35px}.project-grid{gap:30px 14px}.project:nth-child(even){padding-top:35px}.project-image{aspect-ratio:1.1}.project-caption h3{font-size:16px;line-height:1.1}.project-caption>span{font-size:8px;line-height:1.5}.project-number{font-size:7px;top:8px;left:8px;padding:5px}.project-arrow{width:27px;height:27px;right:8px;bottom:8px}.project-arrow svg{width:16px;height:16px}.surface{height:155svh;min-height:1000px}.surface-sticky{top:104px;height:calc(100svh - 104px);min-height:500px}.surface-inner{padding:32px var(--pad)}.surface h2{font-size:clamp(32px,8.1vw,60px)}.surface-bottom{display:block}.surface-bottom p{font-size:12px}.surface-bottom>span{display:block;margin-top:28px;font-size:8px}.lab-grid{display:flex;flex-direction:column;gap:15px}.lab-copy{width:100%}.lab-copy h2{font-size:clamp(34px,8.7vw,60px)}.lab-copy>p{font-size:12px;margin-top:22px}.range-top{margin-top:30px}.lab-stage{width:100%;height:420px}.layer-labels{display:flex;right:-8px}.layer-labels span{font-size:6px;border-left-width:10px}.services h2{font-size:clamp(34px,8.7vw,61px);margin-bottom:35px}.service{grid-template-columns:22px 1fr 50px 16px;gap:10px;padding:23px 0}.service h3{font-size:25px}.service p{grid-column:2/4;grid-row:2;font-size:11px}.service svg.mini{grid-column:3;grid-row:1;height:45px}.service>.arrow{grid-column:4;grid-row:1;width:16px}.client-grid{grid-template-columns:repeat(3,1fr);margin-top:35px}.client-grid a{min-height:75px;padding:13px}.client-grid img{height:40px}.clients h2{font-size:clamp(27px,6.9vw,48px)}.studio-grid{grid-template-columns:1fr;gap:35px}.studio h2{font-size:clamp(45px,12vw,82px)}.studio-copy .large{font-size:23px}.contact h2{font-size:clamp(33px,9vw,66px)}.contact-title{gap:10px}.contact-title>svg{width:30px;height:30px}.contact-bottom{display:block;margin-top:35px}.contact-bottom a{font-size:18px;margin-top:22px}.contact-orbit{width:320px;height:320px;right:-150px;top:-100px}footer{flex-wrap:wrap;padding-block:30px;gap:25px;font-size:8px}footer>.brand{width:55%}footer>a:last-child svg{width:16px}}
main{overflow-x:clip}
@media(max-width:720px){.hero-object{right:0;width:100%}.object-caption{left:0;bottom:43px}.material-picker{right:0}}
html.motion-off .type-fill{color:var(--fill-color);background:none;-webkit-text-stroke:0}html.motion-off .project-image img{transform:translateY(-6%)}html.motion-off .diagonal-band div{transform:translateX(-12%)}html.motion-off .surface h2{transform:none}html.motion-off .mini path{stroke-dashoffset:0}html.motion-off .surface-chrome,html.motion-off .surface-grid{opacity:0}html.motion-off .surface-sticky{background:var(--lilac)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.hero,.surface{height:auto;min-height:0}.hero-sticky,.surface-sticky{position:relative;top:0}.hero-sticky{height:850px}.surface-sticky{height:600px}}

/* Version 05 as the entrance; the previous directions remain discoverable. */
.alternatives{background:#1c2022}.alternatives h2{font-size:clamp(46px,6.3vw,95px)}.alternatives .type-fill{--fill-color:var(--lilac)}.variants-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:48px}.other-variant{min-width:0}.variant-picture{position:relative;aspect-ratio:1.1;overflow:hidden;border-radius:3px;padding:20px;background:#171a1c;color:#e7e9e1;border:1px solid #ffffff25}.variant-picture>span{position:relative;z-index:1;font-size:8px;letter-spacing:.12em}.variant-picture b{position:relative;z-index:1;display:block;font-size:clamp(22px,2.5vw,39px);line-height:1.03;letter-spacing:-.055em;margin-top:30px;font-weight:900}.variant-picture i{position:absolute;width:100px;height:100px;border:2px solid currentColor;right:-15px;bottom:-20px;transform:rotate(30deg);opacity:.28}.variant-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:16px}.variant-caption h3{font-weight:400;font-size:14px;line-height:1.4}.other-variant:hover .variant-picture{border-color:currentColor}.look-gold{color:#edc479}.look-gold .variant-picture{color:#edc479}.look-mint .variant-picture{background:#20272d;color:#8bd8c0}.look-green .variant-picture{background:#3cff91;color:#122219}.look-dark .variant-picture{background:#0a0c0b;color:#eff2eb}.look-dark .variant-picture b{font-family:Georgia,serif;font-weight:400;font-style:italic}.look-dark .variant-picture i{color:#3cff91}@media(max-width:1000px){.variants-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-picture{aspect-ratio:1.5}.variant-picture b{font-size:34px}}@media(max-width:720px){.alternatives h2{font-size:clamp(36px,9vw,60px)}.variants-grid{gap:25px 14px;margin-top:32px}.variant-picture{aspect-ratio:1;padding:13px}.variant-picture b{font-size:clamp(18px,5.4vw,30px);margin-top:22px}.variant-caption h3{font-size:11px}.variant-caption .arrow{width:16px;height:16px}.variant-picture i{width:70px;height:70px}}