@font-face{font-family:Barlow Condensed;src:url(/fonts/BarlowCondensed-500-latin.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-400-latin.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-700-latin.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/InstrumentSans-latin-var.woff2) format("woff2");font-weight:400 700;font-display:swap}:root{--ground: #ebeae5;--ground-2: #f3f2ee;--ink: #171717;--ink-2: #5c5b57;--dark: #3a3b3d;--dark-ink: #f1f0ec;--dark-ink-2: #d9d8d3;--cond: "Barlow Condensed", "Arial Narrow", sans-serif;--mono: "Space Mono", ui-monospace, monospace;--sans: "Instrument Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ground);color:var(--ink);-webkit-text-size-adjust:100%}body{font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible,.row:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.hero{position:relative;height:100svh;min-height:640px;overflow:hidden}.ribbon{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0}.ribbon[data-live]{opacity:1}.ribbon-poster,.ribbon-poster img{position:absolute;inset:0;width:100%;height:100%;display:block}.ribbon-poster img{object-fit:fill}.ribbon-poster:has(+.ribbon[data-live]){visibility:hidden}.nav{position:absolute;top:34px;left:0;right:0;display:flex;justify-content:center;gap:58px;z-index:3;font:400 13px/1 var(--mono);letter-spacing:.02em;text-transform:uppercase}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.7,0,.2,1)}.cta{position:absolute;z-index:3;right:40px;top:30%;width:290px}.cta-card{background:var(--ground-2);padding:22px 22px 20px}.cta h2{font:700 18px/1.12 var(--mono);text-transform:uppercase}.cta p{font:400 17px/1.35 var(--sans);color:var(--ink-2);margin:10px 0 16px}.cta .btn{display:block;text-align:center;background:#fff;box-shadow:0 1px 2px #0000000f,0 6px 18px #0000000d;font:700 12px/1 var(--mono);text-transform:uppercase;padding:13px 0;letter-spacing:.04em;transition:background .25s,color .25s}.cta-meta{margin-top:10px;background:var(--ground-2);padding:14px 22px;display:flex;justify-content:space-between;font:400 12px/1.3 var(--mono);text-transform:uppercase;color:var(--ink-2)}.cta-meta b{color:var(--ink);font-weight:700}.eyebrow{position:absolute;z-index:3;left:18px;bottom:calc(var(--wm-h, 22vw) + 18px);font:400 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.04em}.wordmark{position:absolute;z-index:1;left:10px;bottom:0;white-space:nowrap;font:500 22vw/.86 var(--cond);letter-spacing:-.01em;text-transform:uppercase}.services{position:relative;padding:120px 0 160px}.row{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;width:max-content;max-width:calc(100% - 32px);padding:22px 34px;margin:6px 0;background:var(--ground-2);cursor:pointer;user-select:none}.row .name{position:relative;z-index:2;font:400 clamp(30px,4.45vw,64px)/1 var(--mono);text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;transition:color .3s .1s}.row .cap{position:relative;z-index:2;font:400 12px/1.3 var(--mono);text-transform:uppercase;color:var(--ink-2);letter-spacing:.04em;white-space:nowrap;transition:color .3s .1s}.row:before,.row:after{content:"";position:absolute;left:0;right:0;background:var(--ink);z-index:1;transform:scaleX(0);transition:transform .55s cubic-bezier(.7,0,.2,1),top .3s,bottom .3s}.row:before{top:0;bottom:calc(50% + 3px);transform-origin:left}.row:after{bottom:0;top:calc(50% + 3px);transform-origin:right}.row.is-on:before{transform:scaleX(1);bottom:50%;transition-delay:0s,0s,.4s}.row.is-on:after{transform:scaleX(1);top:50%;transition-delay:.06s,0s,.4s}.row.is-on .name,.row.is-on .cap{color:var(--ground-2)}.row .rule{position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.7,0,.2,1)}.row.is-on .rule{transform:scaleX(1)}.thumb{position:fixed;z-index:20;left:0;top:0;width:150px;height:210px;border-radius:6px;overflow:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(0);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 10px 30px #0000002e}.thumb.on{transform:translate(-50%,-50%) scale(1)}.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s}.thumb img.on{opacity:1}.work{position:relative;height:260vh;background:var(--dark);color:var(--dark-ink)}.work-pin{position:sticky;top:0;height:100vh;overflow:hidden}.work-title{position:absolute;left:0;top:14vh;font:500 210px/.86 var(--cond);text-transform:uppercase;white-space:nowrap;will-change:transform}.work-copy{position:absolute;left:40px;top:calc(14vh + 210px);width:300px;font:400 17px/1.45 var(--sans);color:var(--dark-ink-2)}.work-side{position:absolute;right:40px;bottom:12vh;width:270px;font:500 17px/1.4 var(--sans)}.work-side p{opacity:.35;transition:opacity .4s;margin-bottom:14px}.work-side p.on{opacity:1}.stage{position:absolute;left:50%;top:56%;width:0;height:0;perspective:1400px}.ring3d{position:absolute;transform-style:preserve-3d}.card{position:absolute;left:-150px;top:-170px;width:300px;height:340px;border-radius:34px;overflow:hidden}.card img{width:100%;height:100%;object-fit:cover;display:block}.card:after{content:"";position:absolute;inset:0;background:#000;opacity:var(--shade, 0)}.card-label{position:absolute;left:50%;bottom:8vh;transform:translate(-50%);font:400 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#bdbcb7;white-space:nowrap}.cursor-ring{position:fixed;z-index:30;left:0;top:0;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:1px solid rgba(241,240,236,.55);pointer-events:none;opacity:0;transition:opacity .3s}.cursor-ring.on{opacity:1}.close{position:relative;height:100svh;min-height:620px;overflow:hidden}.close-inner{position:absolute;z-index:3;left:0;right:0;bottom:10vh;text-align:center;padding:0 16px}.close-eyebrow{font:400 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}.close h2{font:500 180px/.86 var(--cond);text-transform:uppercase;margin:18px 0 30px}.close .big-btn{display:inline-block;background:var(--ink);color:var(--ground-2);font:700 14px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;padding:20px 34px;transition:transform .3s}.close-mail{display:block;margin-top:18px;font:400 13px/1 var(--mono);color:var(--ink-2)}@media (hover: hover) and (min-width: 761px){.card{box-shadow:0 30px 60px #00000059}.nav a:hover:after{transform:scaleX(1)}.cta .btn:hover{background:var(--ink);color:var(--ground-2)}.close .big-btn:hover{transform:translateY(-2px)}}@media (max-width: 760px){.nav{gap:14px;font-size:12px;top:22px}.cta{right:16px;top:auto;bottom:calc(var(--wm-h, 22vw) + 44px);width:200px}.cta-meta{display:none}.services{padding:72px 0 96px}.row{padding:14px 16px;gap:10px;flex-direction:column;align-items:flex-start;margin-left:16px!important;max-width:calc(100% - 32px)!important}.row:nth-child(2n){margin-left:56px!important;max-width:calc(100% - 72px)!important}.row .name{font-size:30px}.thumb{width:110px;height:154px}.work-title{font-size:96px;top:12vh}.work-copy{top:calc(12vh + 100px);left:16px;width:70%;font-size:16px}.work-side{left:16px;right:16px;bottom:auto;top:calc(12vh + 196px);width:auto;font-size:16px}.work-side p{margin-bottom:6px}.stage{top:68%}.card{left:-100px;top:-115px;width:200px;height:230px;border-radius:24px}.close h2{font-size:76px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:0s!important;transition-delay:0s!important}}
