.lab-study-page{--lab-paper: var(--color-background, #f2f0eb);--lab-ink: var(--color-foreground, #0b0b0b);--lab-line: color-mix(in srgb, var(--lab-ink) 18%, transparent);--lab-muted: color-mix(in srgb, var(--lab-ink) 62%, transparent);--lab-gutter: var(--gutter);--lab-measure: min(100% - (2 * var(--lab-gutter)), var(--shell));color:var(--lab-ink);background:var(--lab-paper)}.lab-study-page *,.lab-study-page *:before,.lab-study-page *:after{box-sizing:border-box}.lab-study-hero,.lab-stage-wrap,.lab-study-tech,.lab-study-notes,.lab-study-nav{width:var(--lab-measure);margin-inline:auto}.lab-study-hero{min-height:var(--rk-page-hero-min);padding-block:var(--rk-page-hero-start) var(--rk-page-hero-end);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(17rem,.55fr);grid-template-areas:"top top" "title meta" "idea meta";column-gap:clamp(2rem,7vw,9rem);row-gap:clamp(1.5rem,3vw,3.5rem);align-content:end}.lab-study-topline{grid-area:top;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--lab-line);font-size:var(--rk-type-meta);line-height:var(--leading-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase}.lab-study-topline a,.lab-study-nav a{color:inherit;text-decoration:none}.lab-study-title{grid-area:title;max-width:11ch;margin:0;font-family:var(--font-display, "Inter Tight", "Inter", sans-serif);font-size:var(--rk-type-display-page);font-weight:var(--weight-display);letter-spacing:var(--rk-tracking-display);line-height:var(--rk-leading-display-extreme);text-wrap:balance}.lab-study-idea{grid-area:idea;max-width:40rem;margin:0;font-size:var(--rk-type-lead);line-height:var(--leading-body-compact);letter-spacing:var(--tracking-body)}.lab-study-meta{grid-area:meta;align-self:end;margin:0;display:grid;border-top:1px solid var(--lab-line)}.lab-study-meta>div,.lab-study-tech dl>div{display:grid;grid-template-columns:minmax(6rem,.65fr) minmax(0,1fr);gap:1rem;padding-block:1rem;border-bottom:1px solid var(--lab-line)}.lab-study-meta dt,.lab-study-tech dt{color:var(--lab-muted);font-size:var(--rk-type-meta);letter-spacing:var(--tracking-meta);line-height:var(--leading-meta);text-transform:uppercase}.lab-study-meta dd,.lab-study-tech dd{margin:0;font-size:.9rem;line-height:1.35}.lab-stage-wrap{padding-bottom:clamp(4rem,8vw,8rem)}.lab-stage-label{display:flex;justify-content:space-between;gap:1rem;margin:0;padding-block:.8rem;border-top:1px solid var(--lab-line);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.lab-stage{position:relative;min-height:clamp(34rem,72svh,58rem);overflow:clip;isolation:isolate;color:#f4f1ea;background:#0b0b0b;border:1px solid color-mix(in srgb,#f4f1ea 16%,transparent)}.lab-stage button,.lab-stage input{font:inherit}.lab-stage button:focus-visible,.lab-stage input:focus-visible{outline:2px solid currentColor;outline-offset:.35rem}.lab-study-tech{padding-block:clamp(2.5rem,5vw,5rem) clamp(5rem,10vw,10rem)}.lab-study-tech dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--lab-line)}.lab-study-tech dl>div{grid-template-columns:1fr;align-content:start;padding-right:clamp(1rem,3vw,4rem)}.lab-study-tech dl>div+div{padding-left:clamp(1rem,3vw,4rem);border-left:1px solid var(--lab-line)}.lab-study-notes{padding-block:clamp(5rem,9vw,9rem);border-top:1px solid var(--lab-line)}.lab-study-notes>h2{max-width:12ch;margin:0 0 clamp(4rem,8vw,8rem);font-family:var(--font-display, "Inter Tight", "Inter", sans-serif);font-size:clamp(3.2rem,7.2vw,8.5rem);font-weight:400;letter-spacing:-.065em;line-height:.9}.lab-study-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--lab-line)}.lab-study-note{min-height:15rem;padding:1.2rem clamp(1rem,3vw,3rem) 1.5rem 0;border-bottom:1px solid var(--lab-line)}.lab-study-note+.lab-study-note{padding-left:clamp(1rem,3vw,3rem);border-left:1px solid var(--lab-line)}.lab-study-note h3{margin:0 0 clamp(3rem,5vw,5rem);color:var(--lab-muted);font-size:.68rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase}.lab-study-note p{max-width:32rem;margin:0;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.45;letter-spacing:-.02em}.lab-study-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;padding-block:clamp(3rem,6vw,6rem);border-top:1px solid var(--lab-line)}.lab-study-nav a{min-height:6rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:1rem 0}.lab-study-nav a:last-child{align-items:flex-end;text-align:right}.lab-study-nav__index{min-width:10rem;align-items:center;border-inline:1px solid var(--lab-line)}.lab-study-nav small{display:inline-flex;align-items:center;gap:.45rem;color:var(--lab-muted);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.lab-study-nav strong{font-size:clamp(1rem,1.4vw,1.35rem);font-weight:400}.lab-stage--compression{--compression-gap: clamp(2.2rem, 6vw, 7rem);--compression-padding: clamp(2rem, 6vw, 7rem);--compression-block-height: clamp(3.5rem, 8vw, 9rem);--compression-leading: .86;min-height:190svh;background:linear-gradient(color-mix(in srgb,#f4f1ea 11%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#f4f1ea 11%,transparent) 1px,transparent 1px),#0b0b0b;background-size:clamp(3rem,6vw,7rem) clamp(3rem,6vw,7rem)}.compression-composition{position:sticky;top:0;min-height:100svh;padding:var(--compression-padding);display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.32fr);gap:var(--compression-gap);align-content:center}.compression-composition__meta{align-self:start;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.compression-composition h2{margin:0;font-size:clamp(4rem,11.5vw,12rem);font-weight:400;letter-spacing:-.075em;line-height:var(--compression-leading)}.compression-composition__blocks{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:var(--compression-gap)}.compression-composition__blocks span{display:block;height:var(--compression-block-height);border:1px solid color-mix(in srgb,#f4f1ea 45%,transparent);background:color-mix(in srgb,#f4f1ea 5%,transparent)}.lab-stage--type{min-height:clamp(42rem,95svh,72rem);display:grid;align-items:center;padding:clamp(2rem,7vw,8rem);cursor:crosshair;background:radial-gradient(circle at var(--type-x, 50%) var(--type-y, 50%),color-mix(in srgb,#f4f1ea 7%,transparent),transparent 24rem),#0b0b0b}.type-field{display:grid;gap:clamp(.2rem,1.4vw,1.5rem)}.type-field__word{display:flex;justify-content:space-between;margin:0;font-size:clamp(4.4rem,15vw,15rem);font-weight:400;letter-spacing:-.08em;line-height:.7;white-space:nowrap}.type-field__word:nth-child(2){padding-left:clamp(1rem,9vw,10rem)}.type-field__word:nth-child(3){padding-right:clamp(1rem,7vw,8rem)}.type-field__word span{display:inline-block;will-change:transform}.type-field__instruction{position:absolute;right:clamp(1rem,3vw,3rem);bottom:clamp(1rem,3vw,3rem);max-width:18rem;margin:0;font-size:.72rem;line-height:1.4;letter-spacing:.05em;text-transform:uppercase}.lab-stage--scrub{min-height:220svh;background:#0b0b0b}.scrub-stage__sticky{position:sticky;top:0;min-height:100svh;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:clamp(1rem,2vw,2rem)}.scrub-stage__media{min-height:0;overflow:hidden}.scrub-stage video{width:100%;height:100%;display:block;object-fit:cover}.scrub-timeline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding-top:1.2rem;font-variant-numeric:tabular-nums;font-size:.72rem}.scrub-timeline__track{position:relative;height:1px;background:color-mix(in srgb,#f4f1ea 30%,transparent)}.scrub-timeline__marker{position:absolute;inset:-.35rem auto auto var(--scrub-progress, 0%);width:1px;height:.7rem;background:#f4f1ea}.lab-stage--magnetic{min-height:clamp(38rem,78svh,62rem);background:#efede7;color:#0b0b0b;cursor:crosshair}.magnetic-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.magnetic-stage__label{position:absolute;z-index:1;left:clamp(1.2rem,3vw,3rem);bottom:clamp(1.2rem,3vw,3rem);max-width:22rem;margin:0;font-size:.72rem;line-height:1.45;letter-spacing:.05em;text-transform:uppercase;pointer-events:none}.lab-stage--spatial{min-height:clamp(40rem,80svh,64rem);perspective:75rem;background:linear-gradient(color-mix(in srgb,#f4f1ea 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#f4f1ea 7%,transparent) 1px,transparent 1px),#0b0b0b;background-size:4rem 4rem}.spatial-field{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--spatial-rotate-x, 0deg)) rotateY(var(--spatial-rotate-y, 0deg));transition:transform .28s ease-out}.spatial-field__item{position:absolute;left:var(--spatial-left);top:var(--spatial-top);padding:.25rem 0;color:color-mix(in srgb,#f4f1ea 70%,transparent);background:transparent;border:0;border-bottom:1px solid transparent;font-size:clamp(1.3rem,2.5vw,3rem);letter-spacing:-.04em;transform:translate(-50%,-50%) translateZ(calc(var(--spatial-depth) * 2.5rem));cursor:pointer;transition:color .18s ease,border-color .18s ease,transform .24s ease}.spatial-field__item[aria-pressed=true],.spatial-field__item:hover,.spatial-field__item:focus-visible{color:#f4f1ea;border-bottom-color:currentColor;transform:translate(-50%,-50%) translateZ(calc(var(--spatial-depth) * 2.5rem)) scale(1.05)}.spatial-field__instruction{position:absolute;left:clamp(1rem,3vw,3rem);bottom:clamp(1rem,3vw,3rem);max-width:24rem;margin:0;color:color-mix(in srgb,#f4f1ea 65%,transparent);font-size:.72rem;line-height:1.45;letter-spacing:.05em;text-transform:uppercase}.lab-stage--matter{min-height:clamp(42rem,82svh,66rem);padding:clamp(1.2rem,3vw,3rem);display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(2rem,5vw,5rem)}.matter-controls{display:grid;grid-template-columns:auto minmax(12rem,32rem) auto;align-items:center;gap:1rem;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.matter-controls input{width:100%;accent-color:#f4f1ea}.matter-controls output{min-width:5rem;text-align:right;font-variant-numeric:tabular-nums}.matter-space{min-height:0;display:grid;place-items:center;border-top:1px solid color-mix(in srgb,#f4f1ea 20%,transparent)}.matter-viewport{width:min(100%,var(--matter-width, 70%));max-height:100%;min-height:24rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));grid-auto-rows:minmax(6rem,1fr);gap:clamp(.35rem,1vw,.8rem);padding:clamp(.35rem,1vw,.8rem);border:1px solid color-mix(in srgb,#f4f1ea 38%,transparent);transition:width .12s linear}.matter-module{min-height:5rem;border:1px solid color-mix(in srgb,#f4f1ea 24%,transparent);background:color-mix(in srgb,#f4f1ea 4%,transparent)}.matter-module:nth-child(1),.matter-module:nth-child(6){grid-column:span 2}.matter-module:nth-child(3){background:#f4f1ea}.lab-stage--signal{--noise-grid-opacity: .08;min-height:clamp(40rem,80svh,64rem);display:grid;grid-template-rows:auto 1fr;padding:clamp(1.2rem,3vw,3rem);background:#0b0b0b}.signal-controls{position:relative;z-index:3;display:grid;grid-template-columns:auto minmax(10rem,24rem) auto;align-items:center;gap:1rem;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.signal-controls input{width:100%;accent-color:#f4f1ea}.signal-field{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;cursor:ew-resize}.signal-field:before{content:"";position:absolute;inset:0;opacity:var(--noise-grid-opacity);background:linear-gradient(#f4f1ea 1px,transparent 1px),linear-gradient(90deg,#f4f1ea 1px,transparent 1px);background-size:2.5rem 2.5rem;transform:translate(var(--noise-grid-shift, 0))}.signal-word,.signal-word__echo{margin:0;font-size:clamp(5rem,18vw,18rem);font-weight:400;letter-spacing:var(--noise-tracking, -.08em);line-height:.72;-webkit-user-select:none;user-select:none}.signal-word{position:relative;z-index:2}.signal-word__echo{position:absolute;opacity:var(--noise-echo-opacity, 0);transform:translate(var(--noise-x, 0),var(--noise-y, 0));color:transparent;-webkit-text-stroke:1px #f4f1ea}.lab-stage--prototype{min-height:auto;overflow:visible;border:0;background:transparent}.lab-stage--prototype .cinematic-scene{margin:0}@media(max-width:63.999rem){.lab-study-hero{grid-template-columns:1fr;grid-template-areas:"top" "title" "idea" "meta"}.lab-study-title{max-width:12ch}.lab-study-meta{width:min(100%,38rem)}.lab-study-tech dl,.lab-study-note-grid{grid-template-columns:1fr}.lab-study-tech dl>div+div,.lab-study-note+.lab-study-note{padding-left:0;border-left:0}.lab-study-note{min-height:auto;padding-block:1.2rem clamp(3rem,8vw,6rem)}.lab-study-note h3{margin-bottom:2rem}.compression-composition{grid-template-columns:1fr}.compression-composition__blocks{display:grid;grid-template-columns:repeat(3,1fr)}}@media(min-width:48rem)and (max-width:63.999rem){.lab-stage--compression{min-height:170svh}.lab-stage--scrub{min-height:180svh}.lab-study-hero{min-height:46rem}}@media(max-width:47.999rem){.lab-study-hero{min-height:auto;padding-block:var(--rk-page-hero-start) var(--rk-page-hero-end)}.lab-study-title{font-size:var(--rk-type-display-page)}.lab-stage{min-height:34rem}.lab-study-nav{grid-template-columns:1fr 1fr}.lab-study-nav__index{grid-column:1 / -1;grid-row:2;min-height:4rem!important;border:0;border-top:1px solid var(--lab-line)}.compression-composition{min-height:100svh}.compression-composition h2{font-size:clamp(2.5rem,14vw,5rem)}.lab-study-notes>h2{font-size:clamp(2.75rem,14vw,5rem)}.type-field__word{font-size:clamp(2.2rem,11vw,3.8rem)}.scrub-stage__sticky{padding:.75rem}.lab-stage--scrub{min-height:150svh}.spatial-field__item{font-size:1rem}.matter-controls,.signal-controls{grid-template-columns:1fr auto}.matter-controls label,.signal-controls label{grid-column:1 / -1}.matter-viewport{min-height:27rem;grid-template-columns:repeat(2,minmax(0,1fr))}.matter-module:nth-child(1),.matter-module:nth-child(6){grid-column:span 1}}@media(max-width:63.999rem)and (max-height:35rem){.lab-study-hero{min-height:auto;padding-top:calc(var(--header-height) + 2rem);padding-bottom:3rem}.lab-study-title{font-size:clamp(3rem,11vw,5.5rem)}.lab-stage{min-height:max(24rem,100svh)}.lab-stage--compression,.lab-stage--scrub{min-height:125svh}.compression-composition,.scrub-stage__sticky{min-height:100svh}.lab-study-notes{padding-block:4rem}}@media(hover:none),(pointer:coarse){.lab-stage--type,.lab-stage--magnetic,.signal-field{cursor:default}.spatial-field__item{min-width:2.75rem;min-height:2.75rem;padding-block:.7rem}.matter-controls input,.signal-controls input{min-height:2.75rem}}@media(prefers-reduced-motion:reduce){.matter-viewport,.spatial-field,.spatial-field__item{transition:none}.lab-stage--compression,.lab-stage--scrub{min-height:clamp(34rem,72svh,58rem)}.compression-composition,.scrub-stage__sticky{position:relative;min-height:inherit}}