@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/archivo-DXrUVZxZ.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fraunces-nC9y74WR.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fraunces-italic-BZG-ginl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;src:url(/assets/martian-mono-JetRpfbz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body,h1,h2,h3,p,figure,dl,dd,ol,ul,blockquote{margin:0;padding:0}ol,ul{list-style:none}img{max-width:100%;display:block}:root{--paper:#12131a;--ink:#d8d5cc;--accent:#6f7ea8;--ink-soft:color-mix(in oklab, var(--ink) 60%, var(--paper));--ink-faint:color-mix(in oklab, var(--ink) 30%, var(--paper));--hair:color-mix(in oklab, var(--ink) 20%, var(--paper));--rail:clamp(2.6rem, 5vw, 6rem);--gutter:clamp(1.25rem, 4vw, 4.5rem);--measure:36ch;--mono:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Archivo", system-ui, -apple-system, sans-serif;--serif:"Fraunces", Georgia, serif;--ease:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1)}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-variation-settings:"wdth" 100, "wght" 380;font-size:clamp(.95rem,.86rem + .4vw,1.12rem);line-height:1.55;overflow-x:clip}::selection{background:var(--accent);color:var(--paper)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:1px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.eyebrow,.slug,.rail,.credits,.services b,.ticks b{font-family:var(--mono);font-variation-settings:"wdth" 87, "wght" 400;letter-spacing:.1em;text-transform:uppercase;font-size:clamp(.56rem,.5rem + .18vw,.68rem);line-height:1.6}.eyebrow,.slug{color:var(--ink-soft)}.eyebrow span,.slug span{opacity:.45;padding:0 .5em}.slug b{font-variation-settings:"wdth" 87, "wght" 700;color:var(--accent);padding-right:.9em}.head-serif{font-family:var(--serif);font-variation-settings:"opsz" 144, "wght" 330, "SOFT" 0, "WONK" 1;letter-spacing:-.018em;font-size:clamp(2.1rem,1.1rem + 4.4vw,5.4rem);font-weight:400;line-height:.97}.head-cond{font-family:var(--sans);font-variation-settings:"wdth" 64, "wght" 800;letter-spacing:-.005em;text-transform:uppercase;font-size:clamp(2.3rem,1rem + 6.2vw,7rem);line-height:.89}.body{max-width:var(--measure);color:var(--ink-soft);text-wrap:pretty}.dim{color:var(--ink-faint)}.arrow{font-family:var(--mono)}.btn{font-family:var(--mono);font-variation-settings:"wdth" 87, "wght" 600;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);background:var(--accent);transition:transform .45s var(--ease), background-color .45s var(--ease-soft);padding:.95em 1.5em .85em;font-size:clamp(.58rem,.52rem + .2vw,.7rem);text-decoration:none;display:inline-block}.btn:hover{background:var(--ink);transform:translateY(-2px)}.btn--big{padding:1.15em 2em 1.05em;font-size:clamp(.62rem,.55rem + .25vw,.8rem)}.rail{z-index:55;width:var(--rail);padding:var(--gutter) 0;color:var(--ink);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 auto 0 0}.rail a{color:inherit;text-decoration:none}.rail__mark,.rail__contact{writing-mode:vertical-rl;text-orientation:mixed;font-variation-settings:"wdth" 87, "wght" 600;letter-spacing:.26em;text-transform:uppercase;font-size:clamp(.56rem,.5rem + .18vw,.64rem)}.rail__contact{color:var(--accent)}.rail__mark:hover,.rail__contact:hover{text-underline-offset:.4em;text-decoration:underline}.rail__nav ol{flex-direction:column;align-items:center;gap:.8rem;display:flex}.rail__nav a{opacity:.3;width:1.2rem;height:1.2rem;transition:opacity .4s var(--ease-soft);place-items:center;display:grid}.rail__nav a:after{content:"";width:4px;height:4px;transition:height .4s var(--ease), border-radius .4s var(--ease);background:currentColor;border-radius:50%}.rail__nav a[aria-current=true],.rail__nav a:hover{opacity:1}.rail__nav a[aria-current=true]:after{border-radius:2px;height:12px}.progress{z-index:61;pointer-events:none;height:2px;position:fixed;inset:0 0 auto}.progress i{background:var(--accent);width:100%;height:100%;transform:scaleX(var(--sp,0));transform-origin:0;display:block}.progress:after{content:"";background-image:repeating-linear-gradient(to right, transparent 0 calc(100% / 9 - 1px), var(--paper) calc(100% / 9 - 1px) calc(100% / 9));position:absolute;inset:0}.hud{z-index:56;bottom:var(--gutter);right:var(--gutter);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);pointer-events:none;align-items:center;gap:.6rem;font-size:.54rem;display:flex;position:fixed}.hud__idx{color:var(--accent);font-variation-settings:"wdth" 87, "wght" 700}.hud__rule{opacity:.5;background:currentColor;width:1.4rem;height:1px}.hud__name{min-width:7.5em}.hud__pct{color:var(--ink-soft);font-variation-settings:"wdth" 87, "wght" 600}@media (max-width:700px){.hud__name,.hud__rule{display:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.warp{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.rail{position:fixed}.field{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main,.rail,.hud,.progress{z-index:1;position:relative}.hud,.progress,.rail{position:fixed}.has-field img.is-gl{opacity:0}.has-field .frame{background:0 0}.has-field .frame:has(img.is-gl){clip-path:none}.has-field .frame img.is-gl{will-change:auto;transform:none}[data-bend]{backface-visibility:hidden;transform-style:flat}.fig{margin:0}.frame{clip-path:inset(0 0 100%);transition:clip-path 1.25s var(--ease) var(--delay,0s);display:block;position:relative;overflow:clip}.frame.in{clip-path:inset(0)}.frame img{object-fit:cover;width:100%;height:116%;transform:translate3d(0, calc(var(--py,0) * 1%), 0) scale(var(--ps,1.06));background-position:50%;background-size:cover;position:absolute;top:-8%;left:0}.frame.live img{will-change:transform}figcaption{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);opacity:0;transition:opacity .7s var(--ease) .25s, transform .7s var(--ease) .25s;padding-top:.6rem;font-size:.55rem;transform:translateY(.5rem)}.fig .frame.in~figcaption{opacity:1;transform:none}[data-lift]{opacity:0;transition:opacity .85s var(--ease) var(--delay,0s), transform .95s var(--ease) var(--delay,0s);transform:translateY(1.1rem)}[data-lift].in{opacity:1;transform:none}.services li:before,.ticks li:before{content:"";background:var(--hair);height:1px;transform:scaleX(var(--rw,1));transform-origin:0;transition:transform .85s var(--ease) var(--rd,0s);position:absolute;top:0;left:0;right:0}[data-row]{--rw:0;position:relative}[data-row]>*{opacity:0;transition:opacity .75s var(--ease) calc(var(--rd,0s) + .14s), transform .75s var(--ease) calc(var(--rd,0s) + .14s);transform:translateY(.7rem)}.services li:first-child{--rd:0s}.services li:nth-child(2){--rd:.11s}.services li:nth-child(3){--rd:.22s}.services li:nth-child(4){--rd:.33s}@media (max-width:900px){.services li{--rd:0s!important}}[data-row].in{--rw:1}[data-row].in>*{opacity:1;transform:none}[data-lines] .ln{margin-bottom:-.16em;padding-bottom:.16em;display:block;overflow:hidden}[data-lines] .wd{white-space:nowrap;display:inline-block}[data-lines] .ch{opacity:.18;will-change:auto;display:inline-block;transform:translateY(108%)}main{padding-left:var(--rail)}.chapter>div{padding-inline:var(--gutter)}.opener{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:.8rem clamp(1.5rem,5vw,5rem);display:grid}.opener .slug{grid-column:1/-1;margin-bottom:.3rem}.opener .body{padding-bottom:.4rem}@media (max-width:900px){.opener{grid-template-columns:1fr;gap:1rem}.opener .body{padding-bottom:0}}.s-hero{height:190svh}.hero{height:100%;margin-inline:calc(var(--rail) * -1) calc(var(--gutter) * -1);padding-inline:0}.hero__stage{height:100svh;opacity:var(--stageop,1);position:sticky;top:0;overflow:clip}.hero__zoom{transform-origin:44% 46%;transform:scale(var(--z,1));will-change:transform;position:absolute;inset:0}.hero__img{object-fit:cover;background-position:50%;background-size:cover;width:100%;height:100%}.hero__screen{clip-path:polygon(32.3% 25.4%,55.7% 25.4%,55.7% 64%,32.3% 64%);opacity:var(--fill,0);background:radial-gradient(125% 125% at 50% 44%, rgba(226, 240, 248, var(--glow,0)) 0%, rgba(180, 214, 232, calc(var(--glow,0) * .4)) 38%, transparent 72%), var(--swallow,#1a2028);position:absolute;inset:0}.hero__grid{pointer-events:none;z-index:2;opacity:calc(var(--scrim,1) * .5);background-image:repeating-linear-gradient(90deg,#e2f0f81c 0 1px,#0000 1px 8.33333%),repeating-linear-gradient(#e2f0f812 0 1px,#0000 1px 8rem);position:absolute;inset:0}.hero__scrim{pointer-events:none;opacity:var(--scrim,1);background:linear-gradient(100deg,#06070be6 0%,#06070b9e 40%,#06070b00 74%),linear-gradient(#06070b00 62%,#06070bb3 100%);position:absolute;inset:0}.hero__head{z-index:3;left:calc(var(--rail) + var(--gutter));right:var(--gutter);transform:translateY(-50%) translateY(calc(var(--headlift,0) * -1px));opacity:var(--headop,1);position:absolute;top:50%}.hero__title{margin:clamp(1.2rem,3.5svh,2.4rem) 0 0}.line{font-family:var(--sans);font-variation-settings:"wdth" 62, "wght" 800;text-transform:uppercase;letter-spacing:-.01em;color:#f0ece2;opacity:0;animation:rise 1s var(--ease) forwards;animation-delay:calc(var(--i) * .11s + .15s);font-size:clamp(3rem,.2rem + 11vw,10rem);line-height:.84;display:block;transform:translateY(.3em)}.line--light{font-variation-settings:"wdth" 62, "wght" 300}@keyframes rise{to{opacity:1;transform:none}}.hero .eyebrow{color:#f0ece2b8}.hero__sub{font-family:var(--serif);font-variation-settings:"opsz" 144, "wght" 300, "WONK" 1;color:#f0ece2cc;opacity:0;max-width:30ch;animation:rise 1s var(--ease) .6s forwards;margin-top:1.4rem;font-size:clamp(1.05rem,.8rem + 1.2vw,1.9rem);line-height:1.2}.hero__cta{opacity:0;animation:rise 1s var(--ease) .75s forwards;margin-top:1.8rem}.s-who{z-index:2;margin-top:-68svh;position:relative}.who,.work{padding-block:clamp(5rem,15svh,10rem)}.who__head .head-serif,.work__head .head-cond{margin:0}.who__pair{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(.6rem,1.6vw,1.4rem);display:grid}.who__pair .frame{aspect-ratio:4/3}.who__pair .fig:nth-child(2){margin-top:clamp(1.5rem,6vh,4rem)}.services{grid-template-columns:repeat(4,1fr);gap:1.6rem;margin:clamp(2.5rem,8svh,5rem) 0;display:grid}.services li{align-content:start;gap:.5rem;padding-top:1.4rem;display:grid;position:relative}.services b{color:var(--accent)}.services span{color:var(--ink-soft);font-size:.92rem}.work__grid{grid-template-columns:repeat(4,1fr);gap:clamp(.6rem,1.6vw,1.4rem);display:grid}.work__grid .frame{aspect-ratio:3/4}.work__grid--stages{grid-template-columns:repeat(3,1fr);align-items:start}.work__grid--stages .frame{aspect-ratio:1240/760!important}.work__grid--stages .fig:nth-child(2){margin-top:clamp(1.4rem,5vh,3.4rem)}.work__grid--stages .fig:nth-child(3){margin-top:clamp(2.6rem,9vh,6rem)}.work__grid .fig:nth-child(2n){margin-top:clamp(1.5rem,6vh,4.5rem)}.work__grid .fig:nth-child(2n) .frame{aspect-ratio:3/5}.how{padding-block:clamp(3rem,9svh,6rem) clamp(5rem,15svh,10rem)}.how__head .head-serif{margin:0}.s-built{height:calc(100svh + var(--pin,0px))}.built{height:100svh;padding-inline:0;position:sticky;top:0;overflow:clip}.built__track{width:max-content;height:100%;padding-inline:var(--gutter) max(var(--gutter), 8vw);transform:translate3d(calc(var(--x,0) * -1px), 0, 0);will-change:transform;align-items:center;gap:clamp(1rem,3vw,3.5rem);display:flex}.panel{flex:none}.panel--text,.panel--data{width:min(32rem,78vw)}.panel--text .head-serif{margin:.6rem 0 1rem}.panel--img{width:min(46rem,82vw)}.panel--img.panel--wide{width:min(60rem,88vw)}.panel--img .frame{aspect-ratio:3/2;height:auto}.panel--data h3{font-family:var(--serif);font-variation-settings:"opsz" 144, "wght" 300, "WONK" 1;margin-bottom:1.4rem;font-size:clamp(1.8rem,1rem + 2.6vw,3.2rem);line-height:.98}.ticks li{grid-template-columns:8rem 1fr;align-items:baseline;gap:1rem;padding:.7rem 0;display:grid;position:relative}.ticks b{color:var(--accent)}.ticks span{color:var(--ink-soft);font-size:.92rem}.demo{padding-block:clamp(4rem,12svh,8rem) clamp(5rem,15svh,10rem)}.demo__plate .frame{aspect-ratio:24/9}.demo__body{margin-top:clamp(2.5rem,8svh,5rem)}.demo__h{margin:.5rem 0 1.6rem}.demo__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,4vw,3.5rem);max-width:64rem;display:grid}.demo__cols .body{max-width:none}.demo__note{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:1.8rem 0 1.4rem;font-size:.6rem}.range{padding-block:clamp(5rem,15svh,10rem)}.range__head .head-serif{margin:0}.drum{perspective:1500px;perspective-origin:50%;margin-top:clamp(3rem,9svh,6rem);position:relative}.drum__grid{pointer-events:none;background-image:repeating-linear-gradient(to right, var(--hair) 0 1px, transparent 1px 33.333%), repeating-linear-gradient(to bottom, var(--hair) 0 1px, transparent 1px 6rem);opacity:.5;position:absolute;inset:-3rem -1rem}.drum__cards{transform-style:preserve-3d;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,3vw,3rem) clamp(.8rem,2vw,2rem);display:grid}.drum__card{transform:translateZ(calc(var(--tz,0) * 1px)) rotateX(calc(var(--rx,0) * 1deg));transform-origin:50%}.drum.live .drum__card{will-change:transform}.drum__card .frame{aspect-ratio:1240/760}.drum__meta{border-top:1px solid var(--hair);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:1rem;margin-top:.6rem;padding-top:.6rem;font-size:.54rem;display:flex}.drum__meta b{font-variation-settings:"wdth" 87, "wght" 700;color:var(--accent)}.drum__meta span{color:var(--ink-faint);text-align:right}@media (max-width:900px){.drum__cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.drum__cards{grid-template-columns:1fr}.drum__grid{display:none}}.after{padding-block:clamp(5rem,15svh,10rem)}.after__head .head-cond{margin:0}.twin{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(.6rem,1.6vw,1.4rem);margin-block:clamp(3rem,9svh,6rem) clamp(3rem,8vh,5rem);display:grid}.twin__col{transform:translate3d(0, calc(var(--ty,0) * 1px), 0);gap:clamp(.6rem,1.6vw,1.4rem);display:grid}.twin.live .twin__col{will-change:transform}.twin__col:last-child{margin-top:clamp(2.5rem,12vh,8rem)}.twin .frame,.twin .fig:nth-child(2) .frame{aspect-ratio:1240/760}.twin__col:first-child .frame{aspect-ratio:4/5}.after__wide{margin-top:clamp(2rem,7svh,5rem)}.after__wide .frame{height:min(70svh,42rem)}.contact{padding-block:clamp(5rem,15svh,10rem) clamp(2.5rem,6svh,4rem)}.contact__mark{font-family:var(--sans);font-variation-settings:"wdth" 62, "wght" 800;text-transform:uppercase;letter-spacing:-.012em;font-size:clamp(3.2rem,.5rem + 13vw,13rem);line-height:.82}.contact__pitch{font-family:var(--serif);font-variation-settings:"opsz" 144, "wght" 300, "WONK" 1;max-width:30ch;color:var(--ink-soft);margin:clamp(1.5rem,5svh,3rem) 0 2rem;font-size:clamp(1.1rem,.8rem + 1.4vw,2.1rem);line-height:1.18}.contact__links{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;gap:.5rem 2.2rem;margin-top:1.4rem;font-size:.62rem;display:flex}.contact__links a{color:var(--accent);border-bottom:1px solid color-mix(in oklab, var(--accent) 45%, transparent);padding-bottom:.15em;text-decoration:none}.contact__links a:hover{color:var(--ink);border-color:var(--ink)}.contact__links span{color:var(--ink-faint)}.contact__cols{border-top:1px solid var(--hair);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(1.6rem,5vw,5rem);margin-top:clamp(3.5rem,11svh,7rem);padding-top:1.6rem;display:grid}.contact__col h3{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.7rem;font-size:.58rem;font-weight:400}.contact__col h3+p+h3{margin-top:2rem}.contact__col p{color:var(--ink-soft);max-width:44ch;font-size:.92rem}.contact__col b{font-variation-settings:"wdth" 100, "wght" 620;color:var(--ink)}.credits{columns:2;column-gap:2rem;margin-top:.8rem;font-size:.54rem}.credits li{break-inside:avoid;color:var(--ink-faint);padding:.18rem 0}.credits a{color:var(--ink-soft);text-decoration:none}.credits a:hover{color:var(--accent)}.contact__end{border-top:1px solid var(--hair);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);flex-wrap:wrap;gap:1.4rem;margin-top:clamp(3rem,9svh,6rem);padding-top:1.1rem;font-size:.55rem;display:flex}.contact__end span:first-child{color:var(--accent)}@media (max-width:900px){.rail__nav{display:none}.services{grid-template-columns:repeat(2,1fr);gap:1.4rem 1.2rem}.work__grid{grid-template-columns:repeat(2,1fr)}.demo__cols,.contact__cols{grid-template-columns:1fr}.credits{columns:1}.fig--hero .frame{aspect-ratio:16/10}.demo__plate .frame{aspect-ratio:16/9}.assemble{width:88vw}.assemble-wrap{height:260svh}}@media (max-width:700px){.s-built{height:auto}.built{height:auto;padding-inline:var(--gutter);position:static;overflow:visible}.built__track{flex-wrap:wrap;align-items:start;gap:2.5rem;width:auto;padding-inline:0;transform:none!important}.panel--text,.panel--data,.panel--img,.panel--img.panel--wide{width:100%}.panel--img .frame{aspect-ratio:4/3;height:auto}.panel--text .body.dim{display:none}.assemble-wrap{height:220svh}}@media (max-width:600px){.who,.work,.range,.after{padding-block:clamp(3.25rem,9svh,6rem)}.how{padding-block:clamp(2rem,5svh,3rem) clamp(3.25rem,9svh,6rem)}.demo{padding-block:clamp(2.5rem,7svh,5rem) clamp(3.25rem,9svh,6rem)}.contact{padding-block:clamp(3.25rem,9svh,6rem) clamp(2rem,5svh,3rem)}.services{margin-block:clamp(1.75rem,5svh,3rem)}.line{font-size:clamp(2.1rem,.2rem + 11vw,4rem)}.services{grid-template-columns:1fr}.work__grid{gap:.6rem}.who__pair{grid-template-columns:1fr}.assemble{aspect-ratio:4/5}.twin__col:last-child{margin-top:2.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.frame{clip-path:none!important}.frame img{height:auto;position:static;top:auto;transform:none!important}.frame{aspect-ratio:auto!important;height:auto!important}figcaption,[data-lift]{opacity:1!important;transform:none!important}.line,.hero__sub,.hero__cta{opacity:1;animation:none;transform:none}.s-hero{height:auto}.hero__stage{height:100svh;position:static}.hero__zoom{transform:none!important}.hero__screen{display:none}.hero__grid{pointer-events:none;z-index:2;opacity:calc(var(--scrim,1) * .5);background-image:repeating-linear-gradient(90deg,#e2f0f81c 0 1px,#0000 1px 8.33333%),repeating-linear-gradient(#e2f0f812 0 1px,#0000 1px 8rem);position:absolute;inset:0}.hero__scrim{opacity:1!important}.hero__head{opacity:1!important;transform:translateY(-50%)!important}.s-who{margin-top:0}.s-built{height:auto}.built{height:auto;padding-inline:var(--gutter);position:static}.built__track{flex-wrap:wrap;align-items:start;gap:2.5rem;width:auto;padding-inline:0;transform:none}.panel--img,.panel--img.panel--wide,.panel--text,.panel--data{width:100%}.panel--img .frame,.after__wide .frame{height:auto;aspect-ratio:16/9!important}.drum__card{transform:none!important}.drum{perspective:none}[data-lines] .ch{opacity:1!important;transform:none!important}.assemble-wrap{height:auto}.assemble-pin{height:auto;padding:0 var(--gutter);position:static}.assemble{aspect-ratio:3/2;background-image:var(--src);background-position:50%;background-size:cover;width:100%}.assemble i{display:none}.assemble__cap{white-space:normal;padding-top:.6rem;position:static;transform:none;opacity:1!important}.twin__col{transform:none!important}.twin{overflow:visible}}.has-field .s-range .drum-pin{align-content:center;height:100svh;display:grid;position:sticky;top:0}.has-field .range{min-height:380svh}.has-field .drum{perspective:none;margin-top:0;width:min(78vw,980px);height:min(72svh,700px);margin-inline:auto}.has-field .drum__cards{visibility:hidden;position:absolute;inset:0}.has-field .drum__grid{opacity:.3;inset:-1.5rem}@media (max-width:700px){.has-field .drum{width:86vw;height:min(52svh,420px)}.has-field .range{min-height:300svh}}.drum__now{display:none}.has-field .drum__now{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.58rem;display:flex;position:absolute;bottom:-3.2rem;left:0;right:0}.has-field .drum__now b{font-variation-settings:"wdth" 87, "wght" 700;color:var(--accent)}.has-field .drum__now span{color:var(--ink-faint);text-align:right}.film{z-index:5;pointer-events:none;background:radial-gradient(118% 92% at 50% 46%,#0000 38%,#0000000d 72%,#00000024 100%);position:fixed;inset:0}.film:after{content:"";mix-blend-mode:overlay;opacity:.34;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.film{display:none}}.cursorfield{z-index:40;pointer-events:none;opacity:0;will-change:transform, opacity;contain:strict;border-radius:50%;width:34px;height:34px;position:fixed;top:0;left:0}.cursorfield i{border:1px solid var(--ink,#dcdde2);opacity:.75;border-radius:50%;position:absolute;inset:0}@media (pointer:coarse){.cursorfield{display:none}}@media (prefers-reduced-motion:reduce){.cursorfield{display:none}}.hero__glass{pointer-events:none;clip-path:polygon(32.3% 25.4%,55.7% 25.4%,55.7% 64%,32.3% 64%);position:absolute;inset:0}.hero__page{transform-origin:50%;pointer-events:none;width:35.6%;height:31.2%;position:absolute;top:30.6%;left:25.6%;transform:rotate(-3.1deg)}.hp{opacity:0;transform:translate3d(var(--dx,0), var(--dy,8px), 0) scale(.96);transition:opacity .5s var(--ease), transform .7s var(--ease);border-radius:1px;display:block;position:absolute}.hp.in{opacity:1;transform:none}.hp--plate{background:#e2f0f829}.hp--ink{background:#e2f0f86b}.hp--accent{background:#96c8e8b8}@media (prefers-reduced-motion:reduce){.hero__page{display:none}}.note{max-width:46ch;color:var(--ink-faint);text-align:left;margin-top:clamp(4rem,14svh,9rem);margin-left:auto;font-size:.82rem;line-height:1.62}.note i{font-style:normal;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-size:.58rem;display:block}@media (max-width:700px){.note{max-width:none;margin-left:0}}.demo--statement{align-content:center;min-height:92svh;display:grid}.demo--statement .demo__h{letter-spacing:-.035em;max-width:15ch;margin:.5em 0 .8em;font-size:clamp(2.9rem,9.2vw,9rem);line-height:.93}.demo--statement .demo__note{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:1.6rem;font-size:.6rem}.fig--wide{grid-column:1/-1;margin-top:clamp(2rem,7svh,5rem)}.fig--wide .frame{aspect-ratio:3/2}.fig--wide figcaption,.panel__cap{max-width:34rem;color:var(--ink-faint);margin-top:.9rem;font-size:.82rem;line-height:1.5}.panel--img .panel__cap{margin-top:1rem}.fig img{filter:brightness(calc(.72 + var(--lit,1) * .28)) contrast(calc(.9 + var(--lit,1) * .1)) saturate(calc(.68 + var(--lit,1) * .32))}.fig .frame:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(58% 58% at 50% 52%, rgba(226, 168, 92, calc(var(--lit,0) * .22)) 0%, rgba(226, 168, 92, calc(var(--lit,0) * .07)) 45%, transparent 72%);position:absolute;inset:-14% -10%}.fig .frame{isolation:isolate;position:relative}@media (prefers-reduced-motion:reduce){.fig img{filter:none}.fig .frame:after{display:none}}.sketch-run{height:320svh;margin-top:clamp(2rem,8svh,5rem);position:relative}.sketch-pin{align-content:center;height:100svh;display:grid;position:sticky;top:0}.sketch{top:0;bottom:0;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));position:absolute}.sketch__frame{width:min(60vw,1150px);height:min(94svh,980px);position:absolute;top:50%;left:64%;transform:translate(-50%,-52%)}.sketch__poster{transition:opacity .6s}.sketch.is-live .sketch__poster{opacity:0}.sketch__still{display:none}.sketch:not(.is-live) .canvas-gl{visibility:hidden}.sketch__text{z-index:2;width:min(28vw,25rem);position:absolute;top:50%;left:0;transform:translateY(-50%)}.sketch__label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem;font-size:.58rem}.sketch__h{font-family:var(--serif);font-variation-settings:"opsz" 144, "wght" 300;letter-spacing:-.01em;margin-bottom:1rem;font-size:clamp(1.7rem,1rem + 1.9vw,2.8rem);line-height:1.02}.sketch__body{color:var(--ink-soft);max-width:34ch;font-size:.9rem;line-height:1.6}.sketch__hint{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:.9rem;font-size:.62rem;transition:opacity .4s}.sketch__hint.is-gone{opacity:0}.sketch__steps{border-top:1px solid var(--hair);margin:1.8rem 0 0;padding:0;list-style:none}.sketch__steps li{border-bottom:1px solid var(--hair);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklab, var(--ink) 48%, var(--paper));grid-template-columns:5.4rem 1fr;align-items:baseline;gap:.8rem;padding:.55rem 0;font-size:.56rem;transition:color .35s;display:grid}.sketch__steps b{font-variation-settings:"wdth" 87, "wght" 700;font-weight:400}.sketch__steps li.is-done{color:var(--ink-soft)}.sketch__steps li.is-on{color:var(--ink)}.sketch__steps li.is-on b{color:var(--accent)}.s-work .work{padding-bottom:clamp(7rem,26svh,16rem)}@media (max-width:700px){.sketch-run{height:280svh}.sketch__text{width:auto;top:max(11svh,4.5rem);left:0;right:0;transform:none}.sketch__h{margin-bottom:.7rem;font-size:1.7rem}.sketch__body{max-width:none;font-size:.84rem}.sketch__steps{margin-top:1rem}.sketch__steps li{display:none}.sketch__steps li.is-on{grid-template-columns:4.6rem 1fr;display:grid}.sketch__frame{width:96vw;height:auto;top:max(46svh,22rem);bottom:1svh;left:50%;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.sketch-run{height:auto}.sketch-pin{height:auto;padding-block:2rem 4rem;position:static}.sketch,.sketch__frame{margin-inline:auto;position:relative;inset:auto;transform:none}.sketch__frame{width:min(86vw,1100px);height:min(70svh,700px)}.sketch__poster{display:none}.sketch__still{display:block}.sketch__text{order:-1;width:auto;max-width:40rem;margin-bottom:2rem;position:static;transform:none}.sketch__steps li{display:grid}}.sketch-run.is-static{height:auto}.sketch-run.is-static .sketch-pin{height:auto;padding-block:2rem 4rem;position:static}.sketch-run.is-static .sketch,.sketch-run.is-static .sketch__frame{margin-inline:auto;position:relative;inset:auto;transform:none}.sketch-run.is-static .sketch__frame{width:min(86vw,1100px);height:min(70svh,700px)}.sketch-run.is-static .sketch__poster{display:none}.sketch-run.is-static .sketch__text{order:-1;width:auto;max-width:40rem;margin-bottom:2rem;position:static;transform:none}.sketch-run.is-static .sketch__steps li{display:grid}.sketch-run.is-static .sketch__still{display:block}