.lab[data-study=scroll] .scroll-story{position:relative}.lab[data-study=scroll] .scroll-step{display:none}.lab[data-study=scroll] .scroll-stage{min-height:calc(100svh - var(--lab-chrome));grid-template-columns:minmax(0,1fr) minmax(280px,400px);align-items:center;column-gap:clamp(32px,6vw,96px);padding:48px clamp(56px,8vw,120px);display:grid;position:relative}.lab[data-study=scroll] .scroll-back{pointer-events:none;position:absolute;inset:0;overflow:clip}.lab[data-study=scroll] .scroll-grid{background:linear-gradient(var(--lab-line)1px,transparent 1px)0 0/56px 56px,linear-gradient(90deg,var(--lab-line)1px,transparent 1px)0 0/56px 56px;opacity:.45;position:absolute;inset:0 0 -40%;-webkit-mask:radial-gradient(55% 50% at 50% 40%,#000 20%,#0000 90%);mask:radial-gradient(55% 50% at 50% 40%,#000 20%,#0000 90%)}.lab[data-study=scroll] .scroll-rail{display:none}.lab[data-study=scroll] .scroll-figure{place-items:center;margin:0;display:grid;position:relative}.lab[data-study=scroll] .scroll-mark{width:min(100%,62svh,560px);height:auto;overflow:visible}.lab[data-study=scroll] .scroll-guides{fill:none;stroke:var(--lab-muted);stroke-width:.35px;stroke-dasharray:2 3;opacity:.45}.lab[data-study=scroll] .scroll-under{fill:none;stroke:var(--lab-muted);stroke-width:.6px;opacity:0}.lab[data-study=scroll] .scroll-part path{fill:var(--lab-ground);fill-opacity:var(--fill,1);stroke:var(--lab-accent);stroke-width:1.1px;stroke-linejoin:round;stroke-dasharray:1.02 1.2;stroke-dashoffset:0;stroke-opacity:0}.lab[data-study=scroll] .scroll-part[data-step=ring] path{--fill:.14;fill:var(--lab-accent)}.lab[data-study=scroll] .scroll-ink{fill:var(--lab-accent)}.lab[data-study=scroll] .scroll-copy{font-family:var(--lab-ui);gap:32px;display:grid}.lab[data-study=scroll] .scroll-cards{gap:10px;margin:0;padding:0;list-style:none;display:grid}.lab[data-study=scroll] .scroll-card{border:1px solid var(--lab-line);border-left:2px solid var(--lab-accent);background:color-mix(in srgb,var(--lab-panel)82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);grid-template-columns:auto 1fr;align-items:baseline;gap:6px 12px;padding:14px 18px 16px;display:grid}.lab[data-study=scroll] .scroll-card-no{color:var(--lab-accent);font:13px/1 var(--lab-mono)}.lab[data-study=scroll] .scroll-card h2{color:var(--lab-heading);font:600 22px/1 var(--lab-ui);letter-spacing:.04em;text-transform:uppercase;margin:0}.lab[data-study=scroll] .scroll-card p{color:var(--lab-muted);font:400 15px/1.5 var(--font-literata),Georgia,serif;grid-column:1/-1;margin:0}.lab[data-study=scroll] .scroll-close{justify-items:start;gap:12px;display:grid}.lab[data-study=scroll] .scroll-close p{margin:0}.lab[data-study=scroll] .scroll-close-line{color:var(--lab-heading);font:600 clamp(26px,3vw,34px)/1.1 var(--lab-ui);letter-spacing:.01em;text-wrap:balance}.lab[data-study=scroll] .scroll-close-note,.lab[data-study=scroll] .scroll-close-fallback{color:var(--lab-muted);font:400 15px/1.55 var(--font-literata),Georgia,serif}.lab[data-study=scroll] .scroll-close-fallback{display:none}.lab[data-study=scroll] .scroll-back-link{background:var(--lab-accent);color:var(--lab-on-accent);font:600 16px/1 var(--lab-ui);letter-spacing:.06em;text-transform:uppercase;transition:transform .35s var(--lab-spring);margin-top:6px;padding:11px 20px;text-decoration:none}.lab[data-study=scroll] .scroll-back-link:hover{transform:translateY(-2px)}.lab[data-study=scroll] .scroll-hint{display:none}@media (max-width:819px){.lab[data-study=scroll] .scroll-stage{grid-template-columns:minmax(0,1fr);align-content:center;row-gap:32px;padding:40px 16px}.lab[data-study=scroll] .scroll-mark{width:min(72vw,40svh)}}@media (prefers-reduced-motion:no-preference){.lab[data-study=scroll] .scroll-story{view-timeline:--scroll-story block;height:600svh}.lab[data-study=scroll] .scroll-step{top:calc(var(--at)*5svh + 50svh);pointer-events:none;width:1px;display:block;position:absolute;bottom:0;left:0}.lab[data-study=scroll] .scroll-stage{height:100svh;min-height:0;position:sticky;top:0;overflow:clip}.lab[data-study=scroll] .scroll-copy{position:relative}.lab[data-study=scroll] .scroll-copy>*{grid-area:1/1}.lab[data-study=scroll] .scroll-close{align-self:center}.lab[data-study=scroll] .scroll-rail{background:var(--lab-line);border-radius:1px;width:2px;display:block;position:absolute;top:18%;bottom:18%;left:clamp(20px,3vw,40px)}.lab[data-study=scroll] .scroll-rail:before{content:"";border-radius:inherit;background:var(--lab-accent);transform-origin:50% 0;position:absolute;inset:0}.lab[data-study=scroll] .scroll-tick{top:var(--at);border:1px solid var(--lab-line);background:var(--lab-ground);width:9px;height:9px;color:var(--lab-muted);font:11px/1 var(--lab-mono);border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute;left:50%}.lab[data-study=scroll] .scroll-tick:after{content:attr(data-no);position:absolute;top:50%;left:16px;translate:0 -50%}.lab[data-study=scroll] .scroll-hint{color:var(--lab-muted);font:500 14px/1 var(--lab-ui);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;justify-items:center;gap:12px;margin:0;display:grid;position:absolute;bottom:clamp(20px,6svh,56px);left:50%;translate:-50%}.lab[data-study=scroll] .scroll-hint:after{content:"";background:linear-gradient(var(--lab-accent),transparent);transform-origin:50% 0;width:1px;height:36px;animation:1.8s cubic-bezier(.6,0,.3,1) infinite scroll-hint-drop}@keyframes scroll-hint-drop{0%{transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)translateY(12px)}}@media (max-width:819px){.lab[data-study=scroll] .scroll-stage{grid-template-rows:auto auto;row-gap:24px;padding-top:56px}.lab[data-study=scroll] .scroll-copy{align-self:start}.lab[data-study=scroll] .scroll-cards>*{grid-area:1/1;align-self:start}.lab[data-study=scroll] .scroll-close{align-self:start}.lab[data-study=scroll] .scroll-rail{width:auto;height:2px;inset:24px 16px auto}.lab[data-study=scroll] .scroll-rail:before{transform-origin:0}.lab[data-study=scroll] .scroll-tick{top:50%;left:var(--at)}.lab[data-study=scroll] .scroll-tick:after{top:16px;left:50%;translate:-50%}}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lab[data-study=scroll] .scroll-grid{animation:linear both scroll-drift;animation-timeline:--scroll-story;animation-range:contain}.lab[data-study=scroll] .scroll-rail:before{animation:linear both scroll-rail;animation-timeline:--scroll-story;animation-range:contain}.lab[data-study=scroll] .scroll-tick{animation:linear both scroll-tick;animation-timeline:--scroll-story;animation-range:contain var(--at)contain calc(var(--at) + 3%)}.lab[data-study=scroll] .scroll-hint{animation:linear both scroll-out;animation-timeline:--scroll-story;animation-range:contain contain 4%}.lab[data-study=scroll] .scroll-mark{animation:linear both scroll-grow;animation-timeline:--scroll-story;animation-range:contain}.lab[data-study=scroll] .scroll-under{fill:none;stroke:var(--lab-muted);stroke-width:.6px;opacity:0;animation:linear both scroll-under;animation-timeline:--scroll-story;animation-range:contain 76% contain 84%}.lab[data-study=scroll] .scroll-part path{animation:linear both scroll-draw,linear both scroll-fill,linear both scroll-lift;animation-timeline:--scroll-story,--scroll-story,--scroll-story;animation-range:contain calc(var(--at) + var(--i)*3%)contain calc(var(--at) + var(--i)*3% + 10%),contain calc(var(--at) + var(--i)*3% + 10%)contain calc(var(--at) + var(--i)*3% + 15%),contain 80% contain 88%}.lab[data-study=scroll] .scroll-tide{animation:linear both scroll-tide;animation-timeline:--scroll-story;animation-range:contain 76% contain 88%}.lab[data-study=scroll] .scroll-card{animation:linear both scroll-in,linear both scroll-dim;animation-timeline:--scroll-story,--scroll-story;animation-range:contain var(--at)contain calc(var(--at) + 6%),contain var(--next)contain calc(var(--next) + 4%)}.lab[data-study=scroll] .scroll-cards{animation:linear both scroll-out;animation-timeline:--scroll-story;animation-range:contain 88% contain 92%}.lab[data-study=scroll] .scroll-close{animation:linear both scroll-in;animation-timeline:--scroll-story;animation-range:contain 91% contain 97%}@media (max-width:819px){.lab[data-study=scroll] .scroll-rail:before{animation-name:scroll-rail-across}.lab[data-study=scroll] .scroll-card{animation:linear both scroll-pass;animation-timeline:--scroll-story;animation-range:contain var(--at)contain var(--next)}}}}@keyframes scroll-drift{to{translate:0 -28%}}@keyframes scroll-rail{0%{scale:1 0}}@keyframes scroll-rail-across{0%{scale:0 1}}@keyframes scroll-tick{to{border-color:var(--lab-accent);background:var(--lab-accent);color:var(--lab-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--lab-accent)22%,transparent)}}@keyframes scroll-grow{0%{scale:.92}}@keyframes scroll-under{0%{opacity:.35}}@keyframes scroll-draw{0%{stroke-dashoffset:1.1px}}@keyframes scroll-fill{0%{fill-opacity:0}}@keyframes scroll-lift{0%{stroke-opacity:1}}@keyframes scroll-tide{0%{transform:translateY(280px)}}@keyframes scroll-in{0%{opacity:0;translate:24px}}@keyframes scroll-dim{to{opacity:.45}}@keyframes scroll-out{to{opacity:0;visibility:hidden;translate:0 -16px}}@keyframes scroll-pass{0%{opacity:0;translate:0 20px}18%,82%{opacity:1;translate:0}to{opacity:0;visibility:hidden;translate:0 -20px}}@supports not (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lab[data-study=scroll] .scroll-close-fallback{display:block}.lab[data-study=scroll] .scroll-hint{transition:opacity .4s}.lab[data-study=scroll] .scroll-story[data-ring] .scroll-hint{opacity:0}.lab[data-study=scroll] .scroll-under{opacity:.35;transition:opacity .8s .6s}.lab[data-study=scroll] .scroll-story[data-ink] .scroll-under{opacity:0}.lab[data-study=scroll] .scroll-part path{stroke-dashoffset:1.1px;stroke-opacity:1;fill-opacity:0;transition:stroke-dashoffset 1.4s cubic-bezier(.6,0,.3,1)calc(var(--i)*.3s),fill-opacity .7s ease calc(1.2s + var(--i)*.3s),stroke-opacity .8s ease}.lab[data-study=scroll] .scroll-story[data-ring] .scroll-part[data-step=ring] path,.lab[data-study=scroll] .scroll-story[data-barn] .scroll-part[data-step=barn] path,.lab[data-study=scroll] .scroll-story[data-hills] .scroll-part[data-step=hills] path,.lab[data-study=scroll] .scroll-story[data-path] .scroll-part[data-step=path] path{stroke-dashoffset:0;fill-opacity:var(--fill,1)}.lab[data-study=scroll] .scroll-story[data-ink] .scroll-part path{stroke-opacity:0;transition-delay:.6s}.lab[data-study=scroll] .scroll-tide{transition:transform 1.6s cubic-bezier(.5,0,.3,1);transform:translateY(280px)}.lab[data-study=scroll] .scroll-story[data-ink] .scroll-tide{transform:none}.lab[data-study=scroll] .scroll-rail:before{transition:scale .8s cubic-bezier(.5,0,.3,1);scale:1 0}.lab[data-study=scroll] .scroll-tick{transition:border-color .4s,background-color .4s,color .4s,box-shadow .4s}.lab[data-study=scroll] .scroll-story[data-ring] .scroll-tick:first-child,.lab[data-study=scroll] .scroll-story[data-barn] .scroll-tick:nth-child(2),.lab[data-study=scroll] .scroll-story[data-hills] .scroll-tick:nth-child(3),.lab[data-study=scroll] .scroll-story[data-path] .scroll-tick:nth-child(4),.lab[data-study=scroll] .scroll-story[data-ink] .scroll-tick:nth-child(5){border-color:var(--lab-accent);background:var(--lab-accent);color:var(--lab-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--lab-accent)22%,transparent)}.lab[data-study=scroll] .scroll-story[data-ring] .scroll-rail:before{scale:1 .2}.lab[data-study=scroll] .scroll-story[data-barn] .scroll-rail:before{scale:1 .4}.lab[data-study=scroll] .scroll-story[data-hills] .scroll-rail:before{scale:1 .6}.lab[data-study=scroll] .scroll-story[data-path] .scroll-rail:before{scale:1 .8}.lab[data-study=scroll] .scroll-story[data-ink] .scroll-rail:before{scale:1}.lab[data-study=scroll] .scroll-card,.lab[data-study=scroll] .scroll-cards,.lab[data-study=scroll] .scroll-close{transition:opacity .5s,translate .6s cubic-bezier(.2,.7,.2,1),visibility .5s}.lab[data-study=scroll] .scroll-card,.lab[data-study=scroll] .scroll-close{opacity:0;visibility:hidden;translate:24px}.lab[data-study=scroll] .scroll-story[data-ring] .scroll-card[data-step=ring],.lab[data-study=scroll] .scroll-story[data-barn] .scroll-card[data-step=barn],.lab[data-study=scroll] .scroll-story[data-hills] .scroll-card[data-step=hills],.lab[data-study=scroll] .scroll-story[data-path] .scroll-card[data-step=path],.lab[data-study=scroll] .scroll-story[data-ink] .scroll-card[data-step=ink],.lab[data-study=scroll] .scroll-story[data-close] .scroll-close{opacity:1;visibility:visible;translate:0}.lab[data-study=scroll] .scroll-story[data-barn] .scroll-card[data-step=ring],.lab[data-study=scroll] .scroll-story[data-hills] .scroll-card[data-step=barn],.lab[data-study=scroll] .scroll-story[data-path] .scroll-card[data-step=hills],.lab[data-study=scroll] .scroll-story[data-ink] .scroll-card[data-step=path]{opacity:.45}.lab[data-study=scroll] .scroll-story[data-close] .scroll-cards{opacity:0;visibility:hidden;translate:0 -16px}@media (max-width:819px){.lab[data-study=scroll] .scroll-rail:before{scale:0 1}.lab[data-study=scroll] .scroll-story[data-ring] .scroll-rail:before{scale:.2 1}.lab[data-study=scroll] .scroll-story[data-barn] .scroll-rail:before{scale:.4 1}.lab[data-study=scroll] .scroll-story[data-hills] .scroll-rail:before{scale:.6 1}.lab[data-study=scroll] .scroll-story[data-path] .scroll-rail:before{scale:.8 1}.lab[data-study=scroll] .scroll-story[data-ink] .scroll-rail:before{scale:1}.lab[data-study=scroll] .scroll-story[data-barn] .scroll-card[data-step=ring],.lab[data-study=scroll] .scroll-story[data-hills] .scroll-card[data-step=barn],.lab[data-study=scroll] .scroll-story[data-path] .scroll-card[data-step=hills],.lab[data-study=scroll] .scroll-story[data-ink] .scroll-card[data-step=path]{opacity:0;visibility:hidden;translate:0 -20px}}}}