/* A cinema for the original MOTIF artwork; native film controls stay available. */
.story-section{position:relative;z-index:4;isolation:isolate;overflow:hidden;background:#111113;color:#f1eef5;padding:78px 0 92px;--story-line:#ffffff26;--story-muted:#aaa3b2}
.story-shell{width:min(1392px,calc(100% - 112px));margin-inline:auto}
.story-heading{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:33px}
.story-heading h2{font-size:30px;font-family:var(--serif);font-style:italic;text-transform:none;letter-spacing:-.7px}
.story-heading>p{font-size:11px;line-height:1.8;color:var(--story-muted);text-align:right}
.story-player{position:relative;z-index:5!important;isolation:isolate;width:100%;aspect-ratio:16/9;overflow:hidden;background:#171719;border:1px solid #ffffff12;box-shadow:0 28px 95px #0005}
.story-player video{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;background:#111113;color:#f1f0eb;font-size:13px;color-scheme:dark;transition:opacity .65s}
.story-player.cinema-ready:not(.has-started) video{opacity:0}
.story-cover{position:absolute;inset:0;z-index:2;overflow:hidden;background:radial-gradient(ellipse at 72% 55%,#2a2433 0%,#17151c 40%,#101012 73%);pointer-events:none;opacity:1;transition:opacity .75s,transform 1.2s cubic-bezier(.2,.65,.2,1),filter .8s}
.story-aura{position:absolute;inset:7% -12% -15% 30%;border-radius:50%;background:radial-gradient(ellipse,#9d7dc429,transparent 62%);transform:rotate(-25deg)}
.story-atmosphere{position:absolute;inset:0;width:100%;height:100%}
.story-orbit-coin{position:absolute;width:110%;left:21%;top:-8%;max-width:none;transform:translate3d(var(--story-pointer-x,0px),var(--story-pointer-y,0px),0);transition:transform .65s cubic-bezier(.2,.6,.2,1);will-change:transform}
.story-orbit-coin img{width:100%;height:auto;max-width:none;filter:drop-shadow(0 50px 50px #0008);animation:story-coin-dolly 15s cubic-bezier(.45,0,.55,1) infinite;transform-origin:48% 49%;will-change:transform}
.story-cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111113bd,transparent 63%),linear-gradient(0deg,#111113d9,transparent 38%)}
.story-cover-copy{position:absolute;left:6%;top:14%;right:4%;color:#f5f2f8}
.story-film-index{font-size:9px;letter-spacing:2px;color:#b9afc5}
.story-cover-copy>p{font-size:clamp(54px,6.6vw,103px);font-weight:250;line-height:1.01;letter-spacing:-4px;margin-top:35px}
.story-cover-copy em{font-family:var(--serif);font-weight:400;font-size:1.11em;color:#e0d4ee}
.story-cover-caption{display:block;margin-top:28px;font-size:12px;color:#c3bbc9}
.story-cover-edition{position:absolute;right:30px;bottom:30px;writing-mode:vertical-rl;font-size:8px;letter-spacing:1.4px;color:#afa4bd}
.story-player.has-started .story-cover{opacity:0;transform:scale(1.18);filter:blur(9px)}
.story-player.has-started .story-orbit-coin img{animation-play-state:paused}
.story-play{position:absolute;left:6%;bottom:9%;z-index:3;display:flex;align-items:center;gap:19px;padding:0;border:0;background:transparent;color:#faf7ff;text-shadow:0 1px 14px #0007}
.story-play-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid #e5d7f588;border-radius:50%;background:#28212e44;backdrop-filter:blur(9px);transition:background .25s,border-color .25s,transform .3s}
.story-play-icon svg{width:22px;height:22px}
.story-play:hover .story-play-icon{background:#61506e99;border-color:#f4eaff;transform:scale(1.08)}
.story-play-label{font-size:12px;font-weight:500;letter-spacing:.1px;white-space:nowrap}
.story-player.has-started .story-play{left:50%;top:43%;bottom:auto;transform:translate(-50%,-50%);flex-direction:column;gap:14px}
.story-player.is-playing .story-play{display:none}
.story-playback-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff12;z-index:4;pointer-events:none}
.story-playback-progress span{display:block;width:100%;height:100%;background:#cbb5e3;transform:scaleX(var(--film-progress,0));transform-origin:left}
.story-film-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-top:19px}
.story-film-meta>p{max-width:660px;color:#958c9f;font-size:10px;line-height:1.8}
.story-film-meta strong{font-weight:500;color:#b7a9c6}
.story-film-actions{flex-shrink:0;display:flex;align-items:center;gap:18px;font-size:9px;color:#ada3b8}
.story-film-actions button{padding:0 0 2px;background:none;border:0;border-bottom:1px solid #7e708b;color:#ddd3e7;font-size:9px}
.story-player-status{margin-top:16px;color:#dfc2ef;font-size:12px;line-height:1.7}
.story-chapter-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:38px}
.story-chapter-controls button{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:8px;min-width:0;min-height:77px;padding:16px 0 7px;border:0;border-top:1px solid #ffffff2e;background:transparent;text-align:left;color:#938b9e;font-size:12px;font-weight:400;transition:color .2s,border-color .2s}
.story-chapter-controls button:before{position:absolute;content:'';left:0;right:0;top:-1px;height:1px;background:#d4c0e9;transform:scaleX(var(--chapter-progress,0));transform-origin:left}
.story-chapter-controls button:hover,.story-chapter-controls button[aria-pressed=true]{color:#f2e6ff}
.story-chapter-time{font-size:9px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:.5px;color:#a59aac}
.story-evolution{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:64px;padding:60px 0 62px;margin-top:42px;border-top:1px solid var(--story-line);scroll-margin-top:95px}
.story-scene-frame{min-width:0}
.story-evolution-art{position:relative;height:490px;overflow:hidden;background:radial-gradient(ellipse at 50% 47%,#2923309c,transparent 72%);isolation:isolate}
.story-evolution-canvas{width:100%;height:100%;display:block}
.story-scene-heading,.story-scene-foot{position:absolute;z-index:1;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:14px;pointer-events:none;font-size:10px;color:#bfb4cc}
.story-scene-heading{top:18px}.story-scene-heading [data-story-scene-index]{font-size:9px;color:#96889e;font-variant-numeric:tabular-nums;letter-spacing:1px}
.story-scene-foot{bottom:23px}.story-evolution-caption{font-size:9px;color:#c1b5cd}.story-scene-hint{font-size:8px;color:#8e819b}
.story-scene-progress{position:absolute;bottom:0;left:20px;right:20px;height:1px;background:#ffffff14;overflow:hidden}
.story-scene-progress:after{content:'';display:block;height:100%;background:#d3b7ec;transform:scaleX(var(--story-scene-progress,0));transform-origin:left}
.story-scene-progress>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.story-scene-tools{display:flex;align-items:center;gap:20px;padding:17px 20px 0;flex-wrap:wrap}
.story-scene-tools button{display:inline-flex;align-items:center;gap:7px;padding:5px 0;background:none;border:0;color:#b7a9c3;font-size:10px;line-height:1.6;transition:color .2s}
.story-scene-tools button[hidden]{display:none}.story-scene-tools button:hover{color:#fff0ff}
.story-scene-tools [data-story-sequence]:before{content:'';width:4px;height:4px;border-radius:50%;background:#695a76;box-shadow:0 0 0 3px #ffffff05}
.story-scene-tools [data-story-sequence][aria-pressed=true]:before{background:#dbc0ee;box-shadow:0 0 9px #cb96f182}
.story-scene-tools [data-story-motion-toggle]{margin-left:auto}
.story-scene-tools button:focus-visible,.story-phase-controls button:focus-visible{outline:1px solid #e2c8f6;outline-offset:6px}
.story-evolution-content{padding-right:4%}
.story-evolution-intro{color:#b7a6c7;font-size:11px;margin-bottom:26px}
.story-phase-controls{display:flex;gap:25px;border-bottom:1px solid var(--story-line);margin-bottom:27px}
.story-phase-controls button{position:relative;background:none;border:0;padding:11px 0 14px;color:#a99ab2;font-size:12px;min-height:44px}
.story-phase-controls button[aria-pressed=true]{color:#eee3f6}
.story-phase-controls button[aria-pressed=true]:after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:1px;background:#d3b8e9}
.story-phase-panels{min-height:180px}
.story-phase-panel{display:none}
.story-evolution[data-phase="0"] [data-phase-panel="0"],.story-evolution[data-phase="1"] [data-phase-panel="1"],.story-evolution[data-phase="2"] [data-phase-panel="2"]{display:block;animation:story-copy-in .55s both}
.story-phase-panel h3{font-size:clamp(26px,2.6vw,39px);font-family:var(--serif);line-height:1.18;letter-spacing:-.6px;color:#efe8f5}
.story-phase-panel p{max-width:470px;margin-top:18px;font-size:12px;line-height:1.9;color:#afa4b9}
.story-evolution .line-link{font-size:11px;margin-top:20px;color:#decbe9}
.story-transcript,.story-written{border-top:1px solid var(--story-line)}
.story-written{border-bottom:1px solid var(--story-line)}
.story-section details>summary{padding-block:20px;font-size:11px;font-weight:400;color:#b4a9bf}
.story-section details>summary>span{color:#ac95be;font-size:22px}
.story-transcript-body,.story-written-body{max-width:820px;padding:4px 0 29px}
.story-transcript-body>div+div,.story-written-body>div+div{margin-top:22px}
.story-transcript-body h3,.story-written-body h3{margin-bottom:8px;color:#dbcae8;font-size:13px;font-weight:500;letter-spacing:0}
.story-transcript-body p,.story-written-body p{font-size:12px;line-height:1.9;color:#aaa0b2}
.story-written-body .story-written-note{margin-bottom:23px;color:#ceb7df;font-size:11px}
.story-section[data-story-motion-paused="true"] .story-orbit-coin img{animation-play-state:paused}
.story-section[data-story-motion-visible="false"] .story-orbit-coin img{animation-play-state:paused}
.story-player:fullscreen{width:100%;height:100%;aspect-ratio:auto;border:0}
@keyframes story-coin-dolly{0%,100%{transform:perspective(1300px) translate3d(0,13px,0) rotate(-12deg) rotateY(-8deg) scale(.96)}50%{transform:perspective(1300px) translate3d(-24px,-14px,0) rotate(3deg) rotateY(8deg) scale(1.04)}}
@keyframes story-copy-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.story-shell{width:calc(100% - 64px)}.story-section{padding-block:60px 75px}.story-cover-copy>p{font-size:7vw;letter-spacing:-2.5px;margin-top:23px}.story-cover-caption{margin-top:20px;font-size:11px}.story-film-meta{gap:16px}.story-film-actions{align-items:flex-end;flex-direction:column;gap:5px}.story-evolution{gap:32px}.story-phase-controls{gap:18px}.story-phase-panels{min-height:205px}}
@media(max-width:800px){.story-shell{width:calc(100% - 48px)}.story-heading h2{font-size:27px}.story-heading>p{font-size:10px}.story-cover-copy{top:12%}.story-cover-copy>p{font-size:7.1vw}.story-film-index{font-size:7px}.story-cover-caption{font-size:9px;margin-top:16px}.story-play-icon{width:48px;height:48px}.story-play{gap:14px;bottom:8%}.story-play-label{font-size:10px}.story-cover-edition{font-size:6px;right:18px;bottom:18px}.story-chapter-controls{gap:20px;margin-top:28px}.story-chapter-controls button{font-size:11px}.story-film-meta>p{max-width:360px;font-size:9px}.story-film-actions{font-size:8px}.story-film-actions button{font-size:9px}.story-evolution{grid-template-columns:1fr 1fr;gap:20px;padding:35px 0 40px;margin-top:30px}.story-evolution-art{height:350px}.story-evolution-content{padding:0}.story-phase-controls{gap:14px}.story-phase-controls button{font-size:9px}.story-phase-panel h3{font-size:28px}.story-phase-panel p{font-size:11px}.story-phase-panels{min-height:235px}.story-evolution-intro{font-size:10px;margin-bottom:20px}}
@media(max-width:600px){.story-section{padding:43px 0 55px}.story-shell{width:calc(100% - 32px)}.story-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:23px;padding-inline:7px}.story-heading h2{font-size:30px}.story-heading>p{text-align:left;font-size:10px}.story-player.cinema-ready:not(.has-started){aspect-ratio:3/4}.story-cover-copy{left:7%;top:9%;right:6%}.story-cover-copy>p{font-size:clamp(40px,11.5vw,68px);letter-spacing:-2px;margin-top:18px}.story-cover-caption{font-size:9px;margin-top:14px}.story-film-index{font-size:7px;letter-spacing:1.3px}.story-orbit-coin{width:172%;left:-9%;top:30%}.story-cover-shade{background:linear-gradient(180deg,#11111366,transparent 50%,#111113ad)}.story-aura{inset:20% -30% -20% -30%}.story-play{bottom:6%;left:7%;gap:14px}.story-play-icon{width:49px;height:49px}.story-play-label{font-size:10px}.story-cover-edition{right:15px;bottom:26px}.story-player.has-started .story-play{top:39%;gap:7px}.story-player.has-started .story-play-icon{width:40px;height:40px}.story-player.has-started .story-play-label{font-size:9px}.story-film-meta{flex-direction:column;gap:14px;padding-inline:7px}.story-film-meta>p{font-size:9px;max-width:100%}.story-film-actions{width:100%;align-items:center;justify-content:space-between;flex-direction:row;font-size:8px}.story-chapter-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;margin-top:27px;padding-inline:7px}.story-chapter-controls button{font-size:11px;min-height:72px}.story-chapter-time{font-size:8px}.story-evolution{grid-template-columns:1fr;gap:24px;margin-top:25px;padding:20px 7px 40px}.story-evolution-art{height:270px}.story-evolution-caption{font-size:8px}.story-evolution-content{padding:0}.story-evolution-intro{margin-bottom:20px}.story-phase-controls{gap:30px}.story-phase-controls button{font-size:10px}.story-phase-panel h3{font-size:31px}.story-phase-panel p{font-size:11px;max-width:460px}.story-phase-panels{min-height:173px}.story-evolution .line-link{margin-top:16px;font-size:10px}.story-section details{margin-inline:7px}.story-section details>summary{font-size:10px}.story-transcript-body p,.story-written-body p{font-size:11px}.story-transcript-body h3,.story-written-body h3{font-size:12px}}
@media(max-width:1100px){.story-evolution-art{height:450px}.story-scene-tools{gap:14px;padding-inline:12px}.story-scene-tools button{font-size:9px;min-height:44px}.story-scene-heading,.story-scene-foot{left:12px;right:12px}.story-scene-hint{display:none}}
@media(max-width:900px){.story-evolution{grid-template-columns:minmax(0,1fr);gap:35px}.story-evolution-art{height:460px;max-width:720px;margin-inline:auto}.story-scene-frame{width:100%;max-width:720px;margin-inline:auto}.story-evolution-content{width:100%;max-width:620px;padding:0;margin-inline:auto}.story-phase-controls{gap:32px}.story-phase-controls button{font-size:12px}.story-phase-panel h3{font-size:38px}.story-phase-panel p{font-size:12px;max-width:540px}.story-phase-panels{min-height:177px}.story-evolution-intro{margin-bottom:12px}.story-scene-tools{padding-top:5px}}
@media(max-width:600px){.story-evolution{gap:30px}.story-evolution-art{height:340px}.story-scene-heading{top:14px;font-size:9px}.story-scene-heading [data-story-scene-index]{font-size:8px}.story-scene-foot{bottom:19px}.story-evolution-caption{font-size:8px}.story-scene-tools{gap:12px;padding-inline:6px}.story-phase-controls{gap:27px;margin-bottom:24px}.story-phase-controls button{font-size:11px}.story-phase-panel h3{font-size:32px}.story-phase-panel p{font-size:12px}.story-phase-panels{min-height:202px}.story-evolution .line-link{margin-top:12px;font-size:11px}}
@media(hover:none){.story-scene-hint{display:none}}
@media(prefers-reduced-motion:reduce){.story-orbit-coin img,.story-phase-panel{animation:none!important}.story-cover,.story-orbit-coin,.story-player video{transition:none;transform:none;filter:none}}