/* Product-led narratives. Original screenshots and embedded art keep their identity. */
.reader-window.is-project{width:min(1180px,calc(100vw - 72px));height:min(880px,calc(100vh - 64px));background:#f8f9fb}
.reader-window.is-project .reader-surface{background:#f8f9fb}
.reader-window.is-project .reader-main{padding:0;scrollbar-width:thin;scrollbar-color:#aab1bb transparent;scroll-behavior:auto}
.reader-post.project-story{--story-ink:#1c2430;--story-soft:#66717f;--story-accent:#dce7f5;width:100%;max-width:none;margin:0;padding:0;background:#f8f9fb;color:var(--story-ink);font-family:var(--ui);overflow:clip}
.project-story[hidden]{display:none!important}
.project-story[data-story-theme=night]{--story-ink:#f4f5f7;--story-soft:#b1b7c2;--story-accent:#29313d;background:#171c24}
.project-story[data-story-theme=sand]{--story-accent:#e6d8c5;background:#f3eee6}
.project-story[data-story-theme=sun]{--story-accent:#ffdc47;background:#fffdf3}
.project-story[data-story-theme=mist]{--story-accent:#e2e3ed}
.project-story h1,.project-story h2,.project-story p,.project-story figure{margin:0}
.story-hero{padding:64px 48px 44px;text-align:center}
.story-product-name{font:600 16px/1.4 var(--ui);letter-spacing:-.02em;margin-bottom:20px!important}
.project-story .story-hero h1{font:650 clamp(42px,5vw,76px)/1.08 var(--ui);letter-spacing:-.055em;color:inherit;text-wrap:balance}
.story-intro{max-width:620px;margin:24px auto 0!important;font:400 18px/1.65 var(--ui);color:var(--story-soft);text-wrap:balance}
.story-hero-art{margin:48px auto 0;max-width:960px;transform:translateY(calc(var(--story-scroll,0)*-18px));transform-origin:center}
.story-product-image{border-radius:24px;overflow:hidden;box-shadow:0 20px 65px #11182714;line-height:0}
.story-product-image img{display:block;width:100%;max-height:510px;object-fit:contain;background:transparent}
.story-world .story-hero{padding-bottom:0}.story-world .story-hero-art{max-width:none;margin:38px -48px 0}.story-world .story-product-image{border-radius:0;box-shadow:none}.story-world .story-product-image img{height:520px;max-height:none;object-fit:cover;object-position:center 48%}
.story-highlights{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:28px 40px 64px;max-width:1180px;margin:auto}
.story-feature{border-radius:30px;background:var(--story-accent);padding:40px;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.story-feature-0{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;min-height:390px}
.project-story .story-feature h2{font:600 clamp(28px,3.3vw,42px)/1.2 var(--ui);letter-spacing:-.045em;text-wrap:balance}
.story-feature p{font:400 16px/1.75 var(--ui);color:var(--story-soft);max-width:510px;margin-top:20px}
.story-feature-1{min-height:370px}.story-feature-2{background:transparent;justify-content:center}
.story-feature-art{min-width:0}.story-feature-art .story-product-image{border-radius:14px;box-shadow:0 12px 30px #11182716}.story-feature-art img{max-height:350px}
.story-detail-mark{font:500 116px/1 Anton,var(--ui);letter-spacing:-.08em;align-self:flex-end;color:var(--story-ink);opacity:.86}
.story-detail-mark svg{display:block;width:140px;height:140px}.story-detail-mark .motion-slot{width:130px;height:130px}
.story-motion-wall,.story-drawing-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:32px}
.story-motion-demo{display:grid;place-items:center;min-height:120px;aspect-ratio:1.2;background:#fafbfe;border:0;border-radius:30px;color:#242c38;cursor:pointer;box-shadow:0 14px 35px #202c3c0a;transition:background 180ms}
.story-motion-demo:hover{background:#e8eef6}.story-motion-demo:focus-visible{outline:3px solid #165dff;outline-offset:3px}
.story-motion-demo [data-story-motion-host]{width:76px;height:76px;display:block}
.story-feature-art .story-motion-wall{gap:10px;padding:0}.story-feature-art .story-motion-demo{min-height:85px;border-radius:18px}.story-feature-art [data-story-motion-host]{width:50px;height:50px}
.story-drawing-wall{background:#ffdc34;border-radius:30px;max-width:660px;margin:auto;gap:26px;padding:45px}
.story-drawing-wall>span{display:grid;place-items:center}.story-drawing-wall svg{width:100%;height:auto;max-width:120px;aspect-ratio:1}
.story-records{display:flex;justify-content:center;align-items:center;gap:28px;padding:24px 12px}
.story-records figure{width:38%;max-width:320px;transform:rotate(-6deg);transform-origin:bottom}.story-records figure+figure{transform:rotate(6deg) translateY(20px)}
.story-records img{display:block;aspect-ratio:1;width:100%;object-fit:cover;border-radius:15px;box-shadow:0 24px 55px #0003}.story-records figcaption{font:400 12px/1.4 var(--ui);margin-top:12px;color:var(--story-soft)}
.story-feature-art .story-records{gap:12px}.story-feature-art .story-records figure{width:46%}
.story-end{padding:60px 48px 70px;text-align:center}.project-story .story-end h2{font:600 34px/1.2 var(--ui);letter-spacing:-.04em}
.story-actions{display:flex;justify-content:center;gap:14px;margin-top:28px}.story-actions a{display:inline-flex;gap:24px;padding:13px 22px;border-radius:24px;background:var(--story-ink);color:#fafbfe;font:500 14px/1.3 var(--ui);text-decoration:none}
.project-story[data-story-theme=night] .story-actions a{color:#171c24}.story-actions a:hover{opacity:.82}
.story-provenance{max-width:620px;margin:34px auto 0!important;font:400 12px/1.7 var(--ui);color:var(--story-soft)}
.project-story [data-story-reveal]{opacity:var(--reveal,1);transform:translateY(calc((1 - var(--reveal,1))*32px));will-change:auto}
@media(prefers-reduced-motion:reduce){.story-hero-art,.project-story [data-story-reveal]{transform:none!important;opacity:1!important}.story-motion-demo{transition:none}}
.story-live-player{display:flex;justify-content:center;padding:20px 0}
.story-live-player>.music-card{position:relative!important;display:block!important;width:350px!important;height:455px!important;max-width:100%;padding:0;border-radius:24px;overflow:hidden;color:#fff;text-align:left;box-shadow:0 20px 70px #0004;--music-type:1;--music-art-x:37px;--music-art-y:20px;--music-art-w:276px;--music-art-h:276px;--music-info-x:20px;--music-info-y:310px;--music-info-w:310px;--music-info-h:38px;--music-timeline-x:20px;--music-timeline-y:354px;--music-timeline-w:310px;--music-transport-x:20px;--music-transport-y:392px;--music-transport-w:310px;--music-transport-h:40px}
/* Immersive project chrome: the controls float; no white title-bar strip. */
.reader-window.is-project .reader-toolbar{position:absolute;inset:18px 20px auto;height:28px;min-height:0;padding:0;background:transparent;box-shadow:none;pointer-events:none;z-index:8;justify-content:space-between}
.reader-window.is-project .traffic-lights,.reader-window.is-project .reader-share{pointer-events:auto}
.reader-window.is-project .traffic-lights{filter:drop-shadow(0 1px 2px #14203130)}
.reader-window.is-project #reader-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.reader-window.is-project .reader-share{margin-left:auto;background:#f6f8fa85;backdrop-filter:blur(14px);border-radius:14px;padding:6px 11px;color:#4a5360;font:500 11px/1.3 var(--ui)}
.reader-window.is-project .reader-progress{display:none}
.reader-window.is-project .reader-main{flex:1;height:100%}
.reader-window.is-project.is-wide{width:calc(100vw - 36px);height:calc(100dvh - 36px)}
.story-live-player>.music-card{--music-art-x:14px;--music-art-y:14px;--music-art-w:322px;--music-art-h:295px;--music-info-y:323px;--music-timeline-y:369px;--music-transport-y:401px}
.story-live-player .music-art{border-radius:12px;transform:none!important}
/* Each product has a narrative silhouette, rather than repeated feature tiles. */
.story-chapter-nav{display:flex;gap:8px;padding:14px 40px;overflow:auto;scrollbar-width:thin;border-block:1px solid #71809618}
.story-chapter-nav button{flex:none;border:0;border-radius:20px;background:transparent;color:var(--story-soft);font:500 12px/1.4 var(--ui);padding:8px 12px;cursor:pointer}.story-chapter-nav button:hover{background:var(--story-accent);color:var(--story-ink)}
.story-chapters{max-width:1180px;margin:auto}.story-chapter{padding:80px 52px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:32px 48px}.story-chapter:nth-child(even){background:color-mix(in srgb,var(--story-accent) 28%,transparent)}
.project-story .chapter-copy h2{font:650 clamp(28px,3.4vw,46px)/1.15 var(--ui);letter-spacing:-.045em;text-wrap:balance}.chapter-copy p{margin-top:22px;font:400 16px/1.85 var(--ui);color:var(--story-soft)}.chapter-stage{min-width:0}.chapter-caption{margin:18px 0 0!important;font:400 11px/1.7 var(--ui);color:var(--story-soft)}
.chapter-facts{grid-column:1/-1;margin:0;padding:24px 0 0;display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;font:500 12px/1.5 var(--ui);color:var(--story-soft)}
.chapter-media{display:flex;gap:18px;align-items:center;justify-content:center}.chapter-media figure{min-width:0;flex:1}.chapter-media img{width:100%;max-height:460px;object-fit:contain;display:block;border-radius:14px}.chapter-media-multiple{flex-wrap:wrap}.chapter-media-multiple figure{flex:1 1 32%;max-width:50%}.chapter-media img[src$='.svg']{max-height:280px;border-radius:0}
[data-story-layout=workspace] .story-hero{text-align:left;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:36px;padding:90px 48px 70px}[data-story-layout=workspace] .story-hero h1{font-size:clamp(38px,4vw,59px)}[data-story-layout=workspace] .story-hero-art{margin:0}[data-story-layout=workspace] .story-intro{font-size:16px}[data-story-layout=workspace] .story-product-image{border-radius:18px;box-shadow:0 25px 65px #202c3c22}
[data-story-layout=exploration] .story-hero{padding:72px 0 0;background:#e4dbc9}[data-story-layout=exploration] .story-hero-copy{padding:0 48px}[data-story-layout=exploration] .story-hero-art{margin:32px 0 0;max-width:none}[data-story-layout=exploration] .story-product-image{border-radius:0}
[data-story-layout=launch] .story-hero{text-align:left;background:#171d2c;padding-top:90px}[data-story-layout=launch] .story-hero-copy{max-width:700px}[data-story-layout=launch] .story-intro{margin-left:0!important}[data-story-layout=launch] .story-hero-art{max-width:100%;margin-top:45px}[data-story-layout=launch] .story-product-image{box-shadow:none}
[data-story-layout=study] .story-hero{background:#f5f0e8}[data-story-layout=study] .story-hero-art{max-width:780px}[data-story-layout=drawing] .story-hero{display:grid;grid-template-columns:1fr 1fr;text-align:left;align-items:center;gap:36px;background:#ffdf3a;padding-top:90px}[data-story-layout=drawing] .story-hero h1{font-size:clamp(38px,4vw,60px)}[data-story-layout=drawing] .story-hero-art{margin:0}[data-story-layout=drawing] .story-drawing-wall{padding:16px;background:transparent}
[data-story-layout=listening] .story-hero{display:flex;flex-direction:row-reverse;align-items:center;gap:48px;text-align:left;padding:84px 64px}[data-story-layout=listening] .story-hero-copy{flex:1}[data-story-layout=listening] .story-hero h1{font-size:clamp(38px,4.5vw,64px)}[data-story-layout=listening] .story-hero-art{margin:0;flex:none}[data-story-layout=listening] .story-intro{font-size:16px}
[data-story-layout=motion] .story-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;text-align:left;gap:48px;padding-top:96px}.hero-motion-title{display:flex;align-items:center;gap:20px}.hero-motion-title svg{width:120px}.hero-motion-title span{font:600 48px/1.35 var(--ui);letter-spacing:-.05em}.story-motion-demo{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;font:500 12px var(--ui)}
.chapter-theme-studio,.chapter-split-workspace,.chapter-continuous-morph,.chapter-workflow-demo,.chapter-interactive-hud,.chapter-interactive-icon-picker,.chapter-scene-arrival,.chapter-native-launch-stage,.chapter-study-overview{grid-template-columns:1fr}.chapter-theme-studio .chapter-copy,.chapter-split-workspace .chapter-copy,.chapter-continuous-morph .chapter-copy,.chapter-workflow-demo .chapter-copy,.chapter-interactive-icon-picker .chapter-copy{max-width:700px}.chapter-scene-arrival .chapter-media img{max-height:540px;object-fit:cover}.chapter-native-launch-stage .chapter-media img{max-height:580px}
.theme-studio{display:grid;grid-template-columns:160px minmax(0,1fr);gap:22px;margin-top:8px}.theme-picker{display:flex;flex-direction:column;gap:3px;max-height:440px;overflow:auto;scrollbar-width:thin}.theme-picker button{display:flex;align-items:center;gap:9px;border:0;border-radius:9px;padding:8px 10px;text-align:left;background:transparent;font:500 12px/1.4 var(--ui);color:var(--story-ink);cursor:pointer}.theme-picker button[aria-pressed=true]{background:var(--story-accent)}.theme-picker button span{width:11px;height:11px;border-radius:50%;flex:none}
.theme-specimen{--miwarp-bg-base:0 0% 100%;--miwarp-bg-surface:210 20% 97%;--miwarp-bg-elevated:0 0% 100%;--miwarp-text-primary:220 18% 12%;--miwarp-text-secondary:220 10% 42%;--miwarp-accent-primary:210 90% 48%;--miwarp-accent-on-accent:0 0% 100%;--miwarp-status-success:152 50% 38%;--miwarp-status-warning:38 75% 38%;--miwarp-status-error:0 70% 48%;background:hsl(var(--miwarp-bg-base));color:hsl(var(--miwarp-text-primary));border-radius:18px;overflow:hidden;box-shadow:0 16px 38px #10203018;font:14px/1.5 Inter,system-ui,sans-serif;min-height:420px}.specimen-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px}.specimen-head button{border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;padding:6px 12px;cursor:pointer}.specimen-head button[aria-pressed=true]{background:hsl(var(--miwarp-bg-surface))}.specimen-workspace{display:grid;grid-template-columns:115px minmax(0,1fr);min-height:300px}.specimen-workspace aside{display:flex;flex-direction:column;gap:20px;background:hsl(var(--miwarp-bg-surface));padding:24px 16px;color:hsl(var(--miwarp-text-secondary));font-size:12px}.specimen-workspace>div{padding:26px 24px}.specimen-workspace h3{font:600 21px/1.4 Inter,system-ui,sans-serif;margin:0 0 12px}.specimen-workspace p{color:hsl(var(--miwarp-text-secondary));font-size:12px}.specimen-tool{background:hsl(var(--miwarp-bg-surface));border-radius:10px;padding:18px;margin-top:24px;display:flex;flex-direction:column;gap:8px;font-size:12px}.specimen-tool b{font-family:ui-monospace,monospace}.specimen-tool span{color:hsl(var(--miwarp-text-secondary))}.specimen-status{display:flex;gap:20px;font-size:11px;margin:16px 0}.specimen-status span:nth-child(1){color:hsl(var(--miwarp-status-success))}.specimen-status span:nth-child(2){color:hsl(var(--miwarp-status-warning))}.specimen-status span:nth-child(3){color:hsl(var(--miwarp-status-error))}.specimen-input{background:hsl(var(--miwarp-bg-surface));border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;color:hsl(var(--miwarp-text-secondary));font-size:12px}.specimen-input b{background:hsl(var(--miwarp-accent-primary));color:hsl(var(--miwarp-accent-on-accent));border-radius:8px;padding:2px 9px}.theme-specimen>small{display:block;padding:14px 20px;color:hsl(var(--miwarp-text-secondary));font-size:10px}
.token-roles{display:grid;grid-template-columns:1fr 1fr;gap:32px}.token-role h3{font:600 20px var(--ui);margin:14px 0 8px}.token-role p{font-size:12px;color:var(--story-soft)}.token-role>div{display:flex}.token-role i{width:38px;height:70px;background:#eef0f5}.token-role i:nth-child(2){background:#cdd2de}.token-role i:nth-child(3){background:#8f99ab}.token-text i{background:#1c2430}.token-text i:nth-child(2){background:#67717f}.token-text i:nth-child(3){background:#abb3c0}.token-accent i{background:#2386df}.token-accent i:nth-child(2){background:#5ba9ec}.token-accent i:nth-child(3){background:#c2e0fc}.token-status i{background:#31976b}.token-status i:nth-child(2){background:#b67f26}.token-status i:nth-child(3){background:#c43a46}
.story-segment{display:flex;justify-content:center;gap:6px;margin:20px 0}.story-segment button{background:transparent;border:0;border-radius:16px;color:inherit;padding:9px 15px;font:500 12px var(--ui);cursor:pointer}.story-segment button[aria-pressed=true]{background:var(--story-ink);color:#fafbfe}.split-stage{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:330px}.split-stage[data-count='1']{grid-template-columns:1fr}.split-stage[data-count='3']{grid-template-columns:repeat(3,minmax(0,1fr))}.split-stage>button{display:flex;flex-direction:column;gap:16px;align-items:flex-start;border:0;border-radius:18px;background:#edf0f6;padding:24px;color:#596474;text-align:left;cursor:pointer}.split-stage>button[hidden]{display:none}.split-stage>button[aria-pressed=true]{background:#dfeafb;color:#172235}.split-stage strong{font:600 20px var(--ui)}.split-stage i{display:block;height:7px;width:85%;border-radius:5px;background:currentColor;opacity:.12}.split-stage i:last-child{width:55%}
.story-process{display:flex;flex-direction:column;gap:28px;padding:28px 0}.story-process>div{display:flex;align-items:center;gap:20px;font:500 20px/1.5 var(--ui)}.process-dot{width:9px;height:9px;border-radius:50%;background:var(--story-ink);opacity:.55;flex:none}.tool-timeline{display:flex;flex-direction:column;gap:12px}.tool-timeline details{background:var(--story-accent);border-radius:16px;padding:20px}.tool-timeline summary{cursor:pointer;display:flex;gap:22px;align-items:center;font-size:12px}.tool-timeline summary b{font:600 21px ui-monospace,monospace}.tool-timeline p{margin-top:20px;font-size:13px;line-height:1.7;color:var(--story-soft)}
.story-demo-launch{width:100%;min-height:250px;border:0;border-radius:26px;background:var(--story-accent);color:var(--story-ink);padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;cursor:pointer}.story-demo-launch strong{font:600 30px/1.4 var(--ui)}.story-demo-launch>span{font:500 13px var(--ui)}.story-embed iframe{width:100%;height:650px;border:0;border-radius:18px;background:#f2f1ed;display:block}.story-embed>a{display:block;margin:14px 0;font-size:12px;color:inherit}
.drawing-feature{display:flex;flex-direction:column;align-items:center;gap:20px;background:#ffdf3a;border-radius:28px;padding:30px}.drawing-feature>img{width:240px;height:240px;object-fit:contain}.drawing-feature>a{color:#273023;font:500 12px var(--ui)}.drawing-choices{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px}.drawing-choices button{width:64px;height:64px;padding:8px;border:0;border-radius:16px;background:transparent;cursor:pointer}.drawing-choices button[aria-pressed=true]{background:#ffdf3a}.drawing-choices img{width:100%;height:100%;object-fit:contain}.actual-sizes{display:flex;align-items:flex-end;justify-content:center;gap:40px;padding:40px 0}.actual-sizes figcaption{font-size:12px;margin-top:20px;color:var(--story-soft);text-align:center}.drawing-source{display:flex;align-items:center;gap:28px}.drawing-source>svg{width:140px;flex:none}.drawing-source h3{font-size:22px;margin:0 0 18px}.drawing-source p{font-size:14px;line-height:1.7;color:var(--story-soft)}.drawing-source a{display:inline-block;margin-top:20px;color:inherit;font-size:13px}
.recall-study{display:flex;flex-direction:column;gap:28px;align-items:center;padding:40px 20px;background:#faf8f3;border-radius:28px}.recall-study>span{font-size:11px;color:#788078}.recall-study>strong{font:500 70px/1.2 Georgia,serif;letter-spacing:-.04em}.recall-study button{border:0;border-radius:22px;background:#273c32;color:#fff;padding:12px 24px;cursor:pointer}.season-colors{height:280px;border-radius:28px;overflow:hidden;position:relative}.season-colors>div{height:50%}.season-colors>div:first-child{background:#c7e6d3}.season-colors>div:nth-child(2){background:#83bf6f}.season-colors p{position:absolute;bottom:20px;left:24px;color:#182e25;font-size:14px}.season-study small,.render-study small{font-size:11px;color:var(--story-soft)}.daylight-study{display:flex;min-height:250px;border-radius:24px;overflow:hidden}.daylight-study>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;background:#b2d9e3;color:#314e61}.daylight-study>div:nth-child(2){background:#cbb2a6;color:#4c3d49}.daylight-study>div:nth-child(3){background:#202e42;color:#e0e7f0}.daylight-study span{font-size:48px}.daylight-study strong{font-size:13px}
.render-frame{aspect-ratio:16/9;border-radius:20px;background:#303948;padding:14px;display:grid;place-items:center}.render-frame>div{background:#7899b6;width:100%;height:100%;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#142b3f}.render-frame strong{font:600 24px var(--ui)}.render-frame span{font-size:12px}.render-study label{display:block;margin:25px 0;font-size:13px}.render-study output{float:right}.render-study input{display:block;width:100%;margin:15px 0;accent-color:#c16b26}.hero-lineup{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-lineup figure{background:#273345;border-radius:20px;overflow:hidden}.hero-lineup img{width:100%;display:block;aspect-ratio:1;object-fit:cover}
.transport-study{text-align:center;padding:35px 0}.transport-study button{position:relative;width:100px;height:100px;border:0;border-radius:50%;background:var(--story-accent);color:var(--story-ink);cursor:pointer}.transport-study svg[data-glyph]{position:absolute;left:50%;top:50%;width:28px;height:32px;transform-origin:center}.transport-study p{margin-top:22px;font-size:13px}.transport-study small{display:block;margin-top:10px;color:var(--story-soft);font-size:11px}.capsule-specimen{display:flex;align-items:center;gap:14px;border-radius:30px;padding:10px 18px;background:#e9e7e1;color:#28323b;font-size:12px}.capsule-specimen img{width:34px;height:34px;border-radius:7px;object-fit:cover}.capsule-specimen strong{flex:1}.capsule-specimen>span:nth-last-child(2){display:none}.listening-states{display:flex;align-items:center;gap:30px;justify-content:center}.listening-states strong{font:600 30px var(--ui)}.listening-states p{margin-top:14px;font-size:13px;color:var(--story-soft)}
.project-story button:focus-visible,.project-story a:focus-visible,.project-story input:focus-visible{outline:3px solid #165dff;outline-offset:4px}
@media(max-width:900px){.story-chapter{padding:52px 30px;gap:28px;grid-template-columns:1fr}.story-chapter-nav{padding-inline:24px}[data-story-layout] .story-hero{padding:74px 30px 38px;gap:28px}[data-story-layout=workspace] .story-hero,[data-story-layout=drawing] .story-hero,[data-story-layout=motion] .story-hero{grid-template-columns:1fr}[data-story-layout=listening] .story-hero{flex-direction:column}.theme-studio{grid-template-columns:130px minmax(0,1fr);gap:12px}.specimen-workspace{grid-template-columns:85px minmax(0,1fr)}.specimen-workspace>div{padding:20px 16px}.specimen-workspace aside{padding:20px 10px}.story-hero-art{max-width:100%}}
/* Scroll chapters: one evidence-led scene, then a deliberate mix of centred
   demonstrations and alternating editorial spreads. Imported demos are untouched. */
.project-story{--story-viewport:780px;--story-paper:#f8f9fb}
.project-story[data-story-theme=night]{--story-paper:#171c24}
.project-story[data-story-theme=sand]{--story-paper:#f3eee6}
.project-story[data-story-theme=sun]{--story-paper:#fffdf3}
[data-story-layout] .story-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:36px;text-align:left;padding:48px 40px 40px;min-height:min(560px,calc(100dvh - 180px));box-sizing:border-box}
[data-story-layout] .story-hero-copy{max-width:800px;margin-inline:auto}
[data-story-layout] .story-intro{max-width:42ch;margin:20px 0 0!important;font-size:16px;line-height:1.8}
[data-story-layout] .story-hero-art{margin:0;max-width:100%;min-width:0;transform:translateY(calc(var(--story-scroll,0)*-32px)) scale(calc(1 - var(--story-scroll,0)*.025))}
.project-story[data-story-layout] .story-hero h1{font-size:clamp(34px,3.7vw,52px)}
[data-story-layout=motion] .hero-motion-title{justify-content:center;gap:32px}
[data-story-layout=motion] .hero-motion-title span{text-align:left}
[data-story-layout=drawing] .story-drawing-wall{max-width:620px;grid-template-columns:repeat(3,1fr);padding:20px 8px;gap:25px}
[data-story-layout=drawing] .story-drawing-wall>span:nth-child(even){transform:translateY(20px)}
[data-story-layout=exploration] .story-hero{padding:40px}
[data-story-layout=exploration] .story-hero-art{max-width:none;margin-bottom:0;transform:translateY(calc(var(--story-scroll,0)*-24px))}
[data-story-layout=listening] .story-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:38px 40px 38px}
[data-story-layout=listening] .story-hero-art{margin:0;justify-self:center}
[data-story-layout=listening] .story-hero h1{font-size:clamp(40px,4.5vw,62px)}
.story-chapter-nav{position:sticky;top:9px;z-index:5;width:max-content;max-width:calc(100% - 190px);box-sizing:border-box;margin:16px auto;padding:5px;gap:3px;border:0;border-radius:24px;background:color-mix(in srgb,var(--story-paper) 96%,transparent);box-shadow:0 3px 15px #1420310a;scrollbar-width:none}
.story-chapter-nav::-webkit-scrollbar{display:none}
.story-chapter-nav button{padding:9px 12px;transition:background 180ms,color 180ms}
.story-chapter-nav button[aria-current=step]{background:var(--story-accent);color:var(--story-ink)}
.story-chapter{display:block;padding:80px 52px;scroll-margin-top:64px}
.story-chapter:nth-child(even){background:transparent}
.chapter-frame{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:30px 52px;min-width:0}
.chapter-copy{min-width:0}
.chapter-copy h2{text-wrap:balance}
.chapter-copy p{max-width:42ch;text-wrap:pretty}
.chapter-stage{text-align:center}
.chapter-stage :is(.story-process,.tool-timeline,.drawing-source){text-align:left}
.chapter-caption{max-width:650px;margin:18px auto 0!important;text-wrap:balance}
.chapter-facts{justify-content:center;text-align:center;max-width:900px;margin-inline:auto;font-size:12px;gap:12px 28px}
.story-chapter[data-story-composition=reverse] .chapter-copy{grid-column:2;grid-row:1}
.story-chapter[data-story-composition=reverse] .chapter-stage{grid-column:1;grid-row:1}
.story-chapter[data-story-composition=reverse] .chapter-frame{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.story-chapter[data-story-composition=center] .chapter-frame,
.story-chapter[data-story-composition=focus] .chapter-frame,
.story-chapter[data-story-composition=scene] .chapter-frame{grid-template-columns:minmax(0,1fr);justify-items:center;gap:28px}
.story-chapter:is([data-story-composition=center],[data-story-composition=scene],[data-story-composition=focus]) .chapter-copy{width:100%;max-width:760px;text-align:center;margin-inline:auto}
.story-chapter:is([data-story-composition=center],[data-story-composition=scene],[data-story-composition=focus]) .chapter-copy p{max-width:660px;margin:20px auto 0;line-height:1.75}
.story-chapter:is([data-story-composition=center],[data-story-composition=scene],[data-story-composition=focus]) .chapter-stage{width:100%;max-width:1000px}
.story-chapter[data-story-composition=center]{padding-block:78px 92px;background:color-mix(in srgb,var(--story-accent) 18%,var(--story-paper))}
.story-chapter[data-story-scene]{padding:36px 52px 64px;min-height:calc(var(--story-viewport)*1.35);box-sizing:border-box}
.story-chapter[data-scene-pinned=true] .chapter-frame{position:sticky;top:64px}
.story-chapter[data-scene-pinned=false]{min-height:0}
.story-chapter[data-story-scene] [data-story-depth]{transform:translateY(calc((1 - var(--scene-enter,1))*22px - var(--scene-progress,0)*14px)) scale(calc(.96 + var(--scene-enter,1)*.04));transform-origin:center}
.story-chapter[data-story-scene] .chapter-copy{transform:translateY(calc(var(--scene-progress,0)*-8px));opacity:1}
.story-chapter[data-story-scene] .chapter-copy h2{font-size:clamp(32px,3.8vw,48px)}
.story-chapter[data-story-scene] .chapter-media img{max-height:clamp(220px,calc(var(--story-viewport)*.39),400px)}
.story-chapter[data-story-scene] .chapter-facts{padding-top:0}
.story-chapter[data-story-scene] .chapter-facts li{opacity:.48;transition:opacity 180ms}
.story-chapter[data-story-scene] .chapter-facts li[data-scene-current=true]{opacity:1}
.chapter-live-album-player .story-records{padding:12px 0 25px;gap:48px}
.chapter-live-album-player .story-records figure{width:28%;max-width:230px;transform:translateY(calc(var(--scene-progress,0)*-15px)) rotate(calc(-6deg + var(--scene-progress,0)*3deg))}
.chapter-live-album-player .story-records figure+figure{transform:translateY(calc(20px - var(--scene-progress,0)*28px)) rotate(calc(6deg - var(--scene-progress,0)*3deg))}
.chapter-theme-studio .chapter-stage{max-width:960px}
.chapter-theme-token-editor .token-roles{gap:40px}
.chapter-theme-token-editor .token-role>div{justify-content:center}
.chapter-hero-picker .hero-lineup{max-width:820px;margin:auto}
.chapter-hero-picker .hero-lineup figure:nth-child(3n+2){transform:translateY(20px)}
.chapter-svg-anatomy .chapter-media img,.chapter-svg-path-study .chapter-media img,.chapter-svg-occlusion .chapter-media img{max-height:330px}
.chapter-study-overview .chapter-media{max-width:880px;margin:auto}
.chapter-continuous-morph .chapter-stage,.chapter-workflow-demo .chapter-stage,.chapter-interactive-hud .chapter-stage{transform:none}
@media(prefers-reduced-motion:reduce){
 [data-story-layout] .story-hero-art,.story-chapter[data-story-scene] .chapter-stage,.story-chapter[data-story-scene] .chapter-copy,.chapter-live-album-player .story-records figure{transform:none!important}
 .story-chapter[data-story-scene]{min-height:0}
 .story-chapter[data-story-scene] .chapter-frame{position:static}
 .story-chapter[data-story-scene] .chapter-facts li{opacity:1;transition:none}
 .story-chapter-nav button{transition:none}
}

/* Interactive focus scenes can pause in the viewport, but controls never parallax. */
.story-chapter[data-story-composition=focus]{min-height:calc(var(--story-viewport)*1.35);background:color-mix(in srgb,var(--story-accent) 16%,var(--story-paper))}
.story-chapter[data-story-composition=focus] .chapter-frame{gap:14px}
.story-chapter[data-story-composition=focus] .chapter-copy{max-width:800px;transform:none}
.story-chapter[data-story-composition=focus] .chapter-copy h2{font-size:clamp(28px,3vw,36px)}
.story-chapter[data-story-composition=focus] .chapter-copy p{max-width:740px;font-size:14px;line-height:1.7;margin-top:14px}
.story-chapter[data-story-composition=focus] .chapter-stage{transform:none}
.story-chapter[data-story-composition=focus] .chapter-caption{font-size:10px;margin-top:12px!important}
.story-chapter[data-story-composition=focus] .chapter-facts{font-size:11px;gap:8px 24px}
.story-chapter[data-story-composition=focus][data-scene-pinned=false]{min-height:0}
@media(prefers-reduced-motion:reduce){.story-chapter[data-story-composition=focus]{min-height:0}}

/* Native evidence owns the first fold; no portrait substitutes for product UI. */
[data-story-layout=launch] .story-hero{grid-template-columns:1fr;gap:26px;background:#121a30!important;--story-ink:#edf5fc;--story-soft:#c7d4e6;color:var(--story-ink)!important;padding:60px 40px 28px}
[data-story-layout=launch] .story-hero-copy{width:100%;max-width:none;display:block}
[data-story-layout=launch] .story-product-name{grid-column:1/-1;color:#f77e4d;margin-bottom:12px}
.project-story[data-story-layout=launch] .story-hero h1{font-size:clamp(32px,3.5vw,46px)}
[data-story-layout=launch] .story-intro{color:#c7d4e6;margin:0!important}
[data-story-layout=launch] .story-product-image img{max-height:300px;width:100%;object-fit:contain}
[data-story-layout=exploration] .story-product-image img{width:100%;max-width:555px;height:auto;max-height:480px;object-fit:contain;border-radius:18px}
[data-story-layout=study] .story-product-image img,[data-story-layout=workspace] .story-product-image img{max-height:min(470px,calc(100dvh - 220px));object-fit:contain}
.story-hero-art .story-motion-wall{gap:14px;padding:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.story-hero-art .story-motion-demo{aspect-ratio:1;min-height:130px;border-radius:22px}.story-hero-art [data-story-motion-host]{width:64px;height:64px}

[data-story-layout=exploration] .story-product-image img{width:min(100%,480px);margin-inline:auto}

.project-story[data-story-layout] .story-hero h1{font-family:var(--display-font,var(--ui));font-weight:400;font-size:clamp(38px,4.4vw,62px);letter-spacing:-.025em;line-height:1.1}
[data-story-layout=launch] .story-hero{gap:24px}
[data-story-layout=launch] .story-product-image img{max-height:390px}