.home-main{width:100%;max-width:none}.scroll-story{--story-ink: var(--ink);--story-muted: var(--muted);--story-accent: var(--coral-dark);--story-surface: var(--white);--record-scale: .88;--record-x: 0%;--record-opacity: 1;--grooves: 0;--sleeve: 0;--sleeve-x: -30%;--sleeve-turn: 0deg;--native: 0;display:block;height:auto;padding:44px 0 0;color:var(--story-ink);background:var(--story-surface);transition:background-color .35s,color .35s}.scroll-story:before{content:none}.story-rail{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(1rem,4vw,4rem);width:min(76rem,calc(100% - 5rem));margin-inline:auto}.story-chapters{grid-area:1 / 1;min-width:0}.story-chapter{position:relative;min-height:125svh;padding-block:22svh}.chapter-copy{position:sticky;top:calc(44px + 20svh);container-type:inline-size}.scroll-story.story-ready{height:calc(500svh + 44px)}.story-ready .story-rail{position:sticky;top:44px;height:calc(100svh - 44px)}.story-ready .story-media{position:relative;top:0;height:100%;min-height:0}.story-ready .story-chapters{position:relative;height:100%}.story-ready .story-chapter{position:absolute;inset:0;min-height:0;padding-block:20svh 0;transition:opacity .15s}.story-ready .chapter-copy{position:static}.chapter-copy h1,.chapter-copy h2{margin:0;font-size:clamp(1.75rem,12cqi,4.5rem);font-weight:680;letter-spacing:-.015em;line-height:1.02;text-wrap:balance}.chapter-copy h1 span,.chapter-copy h2 span{color:var(--story-accent)}.chapter-copy>p{max-width:31ch;margin:1.5rem 0 0;color:var(--story-muted);font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.6;text-wrap:pretty}.chapter-copy .chapter-aside{font-size:.9rem}.chapter-copy .chapter-note{margin-top:1rem;font-size:.75rem}.story-start,.text-action{display:inline-flex;align-items:center;gap:1rem;min-height:44px;margin-top:1.5rem;padding:0;border:0;background:none;color:var(--story-ink);font:inherit;font-size:.95rem;font-weight:620;text-decoration:none;cursor:pointer}.story-start span,.text-action span{color:var(--story-accent)}.scroll-story :focus-visible{outline-color:var(--story-accent)}.story-media{position:sticky;top:44px;grid-area:1 / 2;display:flex;height:calc(100svh - 44px);min-height:480px;flex-direction:column;justify-content:center;align-items:center}.record-scene{position:relative;width:min(100%,65svh,38rem);aspect-ratio:1;perspective:1200px}.record-object{position:absolute;z-index:2;inset:0;opacity:var(--record-opacity);transform:translate(var(--record-x)) scale(var(--record-scale));transform-origin:60% 50%;filter:drop-shadow(0 1.5rem 1.3rem rgb(0 0 0 / .18))}.record-turn{transform:rotate(var(--record-turn, 0deg))}.record-spin{animation:record-revolve 1.818s linear infinite paused}.is-spinning.is-visible .record-spin{animation-play-state:running}.record-turn img{width:100%;height:auto;-webkit-user-select:none;user-select:none}.groove-control{position:absolute;inset:0;border-radius:50%;cursor:crosshair;touch-action:pan-y}.groove-control:focus-visible{outline-offset:8px}.groove-overlay{display:block;width:100%;height:100%;overflow:visible;opacity:var(--grooves);pointer-events:none}.groove-control:hover .groove-overlay,.groove-control:focus-visible .groove-overlay,.is-seeking .groove-overlay{opacity:1}.groove-overlay circle,.groove-overlay path{fill:none;stroke:#bdbdbd}.groove-boundary{stroke-width:1;opacity:.25}.groove-spiral{stroke-width:1.4;opacity:.52;stroke-dasharray:1;stroke-dashoffset:var(--spiral-offset, .9)}.selected-groove{stroke-width:2;opacity:.8}.groove-overlay .seek-dot{fill:#eee;stroke:#eee;stroke-width:5}.record-label{position:absolute;z-index:3;top:50%;left:50%;width:44%;aspect-ratio:1;border:0;padding:0;border-radius:50%;background:transparent;color:#e5ca94;cursor:pointer;transform:translate(-50%,-50%)}.record-play-icon{display:grid;place-items:center;width:26px;height:26px;margin:auto;border-radius:50%;background:#171714;font-size:11px}.record-label:hover .record-play-icon,.record-label:focus-visible .record-play-icon{background:#38291f}.story-tonearm{position:absolute;z-index:4;top:-2%;right:-8%;width:18%;aspect-ratio:90 / 380;pointer-events:none}.story-tonearm img{position:absolute;inset:0;width:100%;height:100%}.moving-tonearm{transform-origin:50% 10.526%;transform:translateY(var(--arm-lift, 0px)) rotate(var(--arm-turn, 0deg))}.story-sleeve{position:absolute;z-index:3;top:18%;left:-7%;width:62%;aspect-ratio:1;padding:0;border:0;background:none;color:#382f23;cursor:pointer;opacity:var(--sleeve);transform:translate(var(--sleeve-x)) rotate(-7deg);pointer-events:none}.has-sleeve .story-sleeve{pointer-events:auto}.sleeve-flip{display:block;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(var(--sleeve-turn));transition:transform .45s cubic-bezier(.22,1,.36,1)}.sleeve-front,.sleeve-back{position:absolute;inset:0;display:block;border-radius:3px;backface-visibility:hidden;box-shadow:0 12px 25px #0003}.sleeve-front img{width:100%;height:100%;border-radius:inherit}.sleeve-back{display:flex;flex-direction:column;justify-content:space-between;padding:9%;background:#e6d3ae;text-align:left;transform:rotateY(180deg)}.sleeve-back-top{display:flex;justify-content:space-between;font-size:.9rem}.sleeve-back-top>span{font-size:.65rem}.sleeve-back strong{font-size:clamp(1.2rem,2.8vw,2.5rem);font-weight:570;line-height:1;letter-spacing:-.045em}.sleeve-back-bottom{font-size:.7rem;line-height:1.4}.sleeve-back-bottom>span{display:block;margin-top:.5rem;font-size:.55rem}.native-reveal{position:absolute;inset:0;z-index:4;width:100%;height:100%;object-fit:contain;opacity:var(--native);transform:translateY(calc((1 - var(--native)) * 30px)) scale(calc(.9 + var(--native) * .1));pointer-events:none;filter:drop-shadow(0 16px 20px rgb(0 0 0 / .15))}.record-readout{position:relative;z-index:5;display:grid;justify-items:center;gap:.45rem;margin-top:1.3rem;color:var(--story-muted);text-align:center}.preview-clock{color:var(--story-ink);font-size:1rem;font-variant-numeric:tabular-nums}.preview-duration{opacity:.55}.record-hint{font-size:.8rem}.listening-layouts,.listening-download{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}.listening-layouts{padding-block:clamp(5rem,10vw,8rem)}.listening-layouts .layout-preview{min-height:400px}.listening-download{min-height:65svh}@keyframes record-revolve{to{transform:rotate(360deg)}}@media(max-width:760px){.story-rail{display:block;width:calc(100% - 2.5rem)}.story-ready .story-rail{display:flex;flex-direction:column}.story-ready .story-media{flex:0 0 44svh;height:44svh;width:100%}.story-ready .story-chapters{flex:1;min-height:0;width:100%}.story-ready .story-chapter{padding-block:1.25rem 0}.story-media{z-index:2;height:44svh;min-height:0;padding-top:1rem;background:var(--story-surface);transition:background-color .35s}.record-scene{width:min(76%,34svh)}.record-readout{margin-top:.5rem;gap:.2rem}.record-hint{display:none}.preview-clock{font-size:.85rem}.story-chapter{min-height:108svh;padding-block:2rem 14svh}.chapter-copy{top:calc(44px + 44svh + 1.5rem);padding-bottom:2rem}.chapter-copy>p{max-width:36ch;font-size:.95rem;margin-top:1rem}.chapter-copy .chapter-aside{font-size:.8rem}.chapter-copy .chapter-note{font-size:.7rem;margin-top:.5rem}.story-start,.text-action{margin-top:.75rem;font-size:.85rem}.sleeve-back strong{font-size:1.1rem}.sleeve-back-top{font-size:.65rem}.sleeve-back-bottom{font-size:.55rem}}@media(max-height:650px)and (min-width:761px){.story-media{min-height:0}.story-chapter{padding-block:12svh}.chapter-copy{top:calc(44px + 9svh)}.story-ready .story-chapter{padding-top:9svh}.chapter-copy h1,.chapter-copy h2{font-size:min(12cqi,3.25rem)}}@media(prefers-reduced-motion:reduce){.scroll-story{--story-ink: var(--ink);--story-muted: var(--muted);--story-accent: var(--coral-dark);--story-surface: var(--white);background:var(--story-surface);transition:none}.story-rail{align-items:start}.story-chapter{min-height:0;padding-block:3rem}.chapter-copy{position:static}.record-spin{animation:none}.sleeve-flip{transition:none}.record-object{transform:scale(.88);opacity:1}.native-reveal{display:none}.story-sleeve{top:55%;left:0;width:40%;opacity:1;transform:none;pointer-events:auto}.story-media{transition:none}.groove-overlay{opacity:.7}}