.story-experience{--chalk:#e9e1ce;--ink:#111310;--soft:#b3ad9d;color:var(--chalk);max-width:1440px;margin:auto;padding-bottom:80px}.experience-header{max-width:1080px;margin:0 0 60px}.experience-header .overline{margin-top:48px}.experience-header h1{font-size:clamp(52px,6.2vw,96px);line-height:.98;max-width:950px;letter-spacing:-.035em}.experience-intro{max-width:810px;font-size:clamp(18px,1.8vw,23px);line-height:1.55;color:var(--soft);margin-top:28px}.experience-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);gap:48px;align-items:center}.experience-stage{background:radial-gradient(ellipse at 50% 35%,#292b24,#131510 75%);border:1px solid #69655466;box-shadow:0 28px 70px #0006;min-width:0;overflow:hidden}.stage-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 25px;font:12px/1.5 Arial,sans-serif;color:var(--soft);letter-spacing:.05em;border-bottom:1px solid #69655455}.stage-top button{font-size:11px;padding:8px;white-space:nowrap}.stage-caption{min-height:95px;padding:22px 28px;border-top:1px solid #69655455;font-size:16px;line-height:1.6;color:var(--soft)}.experience-words h2{font-size:36px;line-height:1.12}.experience-words blockquote{font-size:clamp(23px,2.15vw,33px);line-height:1.42;margin:18px 0 26px;padding:0;border:0}.quote-label,.quote-credit{font:12px/1.6 Arial,sans-serif;color:var(--soft)}.quote-label{margin-top:27px;text-transform:uppercase;letter-spacing:.1em}.experience-words a{display:inline-block;margin-top:15px;font-size:14px}.experience-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:28px 0 35px}.experience-controls button{font-size:13px;padding:11px 16px}.experience-controls [aria-pressed=true]{background:var(--chalk);color:var(--ink)}#experience-steps{display:flex;gap:8px}.experience-audio{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px;align-items:center;border-top:1px solid #69655488;border-bottom:1px solid #69655488;padding:25px 0}.experience-audio strong{font-size:24px;font-weight:normal}.experience-audio p{font:12px/1.6 Arial,sans-serif;color:var(--soft);margin-top:7px}.experience-audio audio{width:100%;color-scheme:dark}.experience-audio .fine{grid-column:1/-1}.experience-explanation{max-width:900px;padding:55px 0 45px}.experience-explanation h2{font-size:38px;line-height:1.15;margin:18px 0}.experience-explanation p:last-child{font-size:21px;line-height:1.7;color:#cbc6b7}.experience-reflection{border-top:1px solid #69655466;padding:35px 0}.experience-reflection h2{font-size:29px;max-width:750px;line-height:1.25;margin:20px 0}.reflection-options{display:flex;flex-wrap:wrap;gap:12px}.reflection-options button{text-align:left;font-size:15px}.experience-reflection #experience-feedback{max-width:750px;margin-top:20px;font-size:18px;line-height:1.6}.experience-notes{border-top:1px solid #69655466;padding:28px 0;font-size:16px;line-height:1.7;max-width:960px}.experience-notes summary{cursor:pointer;font-size:19px}.experience-notes h3{margin-top:25px;font-size:21px}.experience-notes p{margin-top:15px;color:var(--soft)}
#experience-art svg,.instruction-visual svg{width:100%;height:auto;display:block;color:#e9e1ce;overflow:visible}#experience-art svg text,.instruction-visual svg text{fill:currentColor;stroke:none;font-family:Georgia,serif}#experience-art svg path,.instruction-visual svg path{fill:none;stroke:currentColor;stroke-width:1.6}.center{text-anchor:middle}.end{text-anchor:end}svg .tiny{font:12px Arial,sans-serif!important}svg .small{font:15px Arial,sans-serif!important;letter-spacing:.04em}svg .medium{font-size:25px}svg .large{font-size:42px}svg .hero{font-size:72px}svg .lit{fill:currentColor}svg .dim{fill:#48493e}svg .outline{fill:none;stroke:currentColor;stroke-width:2}svg .dim-line,svg .muted-line{opacity:.3}svg .paper{fill:#e9e1ce12!important;stroke:#d8d0ba!important}svg .refused{stroke:#d4a185!important;stroke-width:4!important}svg .unknown{stroke-dasharray:5 9}svg .draw{stroke-dasharray:1000;stroke-dashoffset:1000;animation:instruction-draw 2.7s ease-out forwards}svg .grow{transform:scaleX(0);transform-box:fill-box;transform-origin:left;animation:instruction-grow 1.7s ease-out forwards}svg .day{opacity:0;animation:instruction-rise .7s ease-out forwards}svg .document-layer,svg .page-turn{transform-box:fill-box;transform-origin:center;animation:document-rise 1.8s ease-out both}svg .practice-model{font-size:230px;opacity:.2}svg .practice-copy{font-size:230px;fill:transparent!important;stroke:currentColor!important;stroke-width:1.5;stroke-dasharray:1000;animation:instruction-draw 3s ease-in-out both}svg .reveal-name{animation:instruction-rise 2s ease-out both}svg .wheel{animation:wheel-turn 3s ease-out 1}svg .wagon{animation:instruction-rise 1.4s ease-out both}.instruction-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center;margin:65px 0 20px;padding:45px 0;border-top:1px solid #69655477}.instruction-panel h3{font-size:36px;line-height:1.2;margin:20px 0}.instruction-explain{font-size:18px;line-height:1.7;color:#c2bcad;max-width:650px}.instruction-panel a{margin-top:25px}.instruction-visual{background:radial-gradient(ellipse,#282b24,#151711);border:1px solid #69655444}.new-story-feature{padding:65px 0;border-top:1px solid #69655477;display:grid;grid-template-columns:140px 1fr 180px;gap:30px;align-items:center;text-decoration:none;color:inherit!important}.new-story-feature .new-mark{font:80px Georgia,serif;color:#ada38a}.new-story-feature h3{font-size:clamp(32px,4vw,58px);line-height:1.1;margin:12px 0}.new-story-feature p{max-width:720px;line-height:1.6;color:#b3ad9d}.new-story-feature .new-go{border-bottom:1px solid #ada38a;padding:12px 0;font:14px Arial,sans-serif}.new-story-feature:hover h3{color:#fff6df}.new-stories{padding:30px 0 65px}.still svg *{animation:none!important;stroke-dashoffset:0!important}.still svg .grow{transform:none}.still svg .day{opacity:1}.still svg .draw{stroke-dasharray:none}.still svg .unknown{stroke-dasharray:5 9}
@keyframes instruction-draw{to{stroke-dashoffset:0}}@keyframes instruction-grow{to{transform:scaleX(1)}}@keyframes instruction-rise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes document-rise{from{opacity:0;transform:perspective(700px) rotateY(-25deg) translateY(20px)}to{opacity:1;transform:none}}@keyframes wheel-turn{to{transform:rotate(130deg)}}
@media(prefers-reduced-motion:reduce){#experience-art svg *, .instruction-visual svg *{animation:none!important;stroke-dashoffset:0!important}svg .grow{transform:none}svg .day{opacity:1}svg .draw{stroke-dasharray:none}svg .unknown{stroke-dasharray:5 9}}
@media(max-width:850px){.experience-layout{grid-template-columns:1fr;gap:30px}.experience-header{margin-bottom:35px}.experience-words blockquote{font-size:25px}.experience-audio{grid-template-columns:1fr}.instruction-panel{grid-template-columns:1fr;gap:25px}.new-story-feature{grid-template-columns:65px 1fr;gap:20px}.new-story-feature .new-mark{font-size:44px}.new-go{grid-column:2}.experience-explanation h2{font-size:31px}}
@media(max-width:480px){.experience-controls{flex-wrap:wrap}.experience-controls #experience-steps{order:-1;width:100%;justify-content:center}.experience-controls button{padding:10px 12px}.stage-top{padding:14px}.stage-caption{padding:18px;font-size:14px}.experience-audio strong{font-size:21px}.reflection-options{display:grid}.experience-header h1{font-size:48px}.new-story-feature{grid-template-columns:1fr}.new-story-feature .new-mark{display:none}.new-go{grid-column:1}}

.experience-header #experience-play{margin-top:26px}.experience-layout{scroll-margin-top:100px}.new-stories{margin:0 4.6%}.experience-intro{font-weight:normal!important}.instruction-panel .overline{font:11px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.story-experience button:disabled{opacity:.35;cursor:default}

.focus-mode .new-stories{display:none}.instruction-panel.still svg *{animation:none!important;stroke-dashoffset:0!important}.instruction-panel.still svg .grow{transform:none}.instruction-panel.still svg .day{opacity:1}

.stage-actions{display:flex;gap:8px;flex-shrink:0}@media(max-width:480px){.stage-top{flex-wrap:wrap}.stage-top>span{width:100%}.stage-actions{width:100%;justify-content:space-between}}

.story-directory a.directory-story{color:inherit;text-decoration:none}.story-directory a.directory-story:hover{color:#83623b}
/* Spatial stories: a full-width stage, with the testimony given room below. */
.has-spatial-cinema .experience-layout{grid-template-columns:1fr;gap:34px}.has-spatial-cinema .experience-header{margin-bottom:34px}.has-spatial-cinema .experience-stage{background:#111715;border-color:#a6916a44}.has-spatial-cinema .experience-words{display:grid;grid-template-columns:260px 1fr;column-gap:55px;padding:25px 0;border-bottom:1px solid #b4a27d33}.has-spatial-cinema .experience-words>p.overline,.has-spatial-cinema .experience-words>h2{grid-column:1}.has-spatial-cinema .experience-words .quote-label{grid-column:2;grid-row:1;margin:0}.has-spatial-cinema .experience-words blockquote{grid-column:2;grid-row:2/5;margin:0 0 20px;font-size:clamp(24px,2.6vw,38px)}.has-spatial-cinema .experience-words .quote-credit,.has-spatial-cinema .experience-words>a{grid-column:2}.cinema-shell{position:relative;background:#111715}.cinema-plate{padding:25px 32px 0;position:relative;z-index:2;pointer-events:none}.cinema-plate>span{font:9px var(--ui);letter-spacing:.23em;color:#ac9770}#workspace .cinema-plate h3{font:30px/1.1 var(--display);margin:11px 0 0;color:#e8dbc0}.cinema-viewport{position:relative;width:100%;height:540px;touch-action:pan-y;cursor:grab;outline-offset:-4px;overflow:hidden}.cinema-viewport:active{cursor:grabbing}.cinema-viewport canvas{display:block;width:100%;height:100%}.cinema-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cinema-label{position:absolute;transform:translate(-50%,-50%);font:10px/1.5 var(--ui);letter-spacing:.035em;max-width:190px;text-align:center;color:#e9dfca;text-shadow:0 2px 6px #000;background:#111715c9;padding:6px 10px;border-bottom:1px solid #af936355;white-space:normal;transition:opacity .3s}.cinema-tools{display:flex;align-items:center;gap:8px;padding:0 30px 20px}.cinema-tools>span{margin-left:auto;font:10px/1.5 var(--ui);color:#9c9d8e}#workspace .cinema-tools button{font-size:10px;min-height:36px;padding:8px 12px}.cinema-phases{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #a6916a44;padding:0 28px;gap:25px}#workspace .cinema-phases button{display:block;text-align:left;border:0;border-radius:0;padding:18px 0;background:transparent;color:#9b9d8e;font:15px/1.45 var(--text);border-top:2px solid transparent;min-height:90px}#workspace .cinema-phases button small{display:block;color:#a38a61;font:10px var(--ui);margin-bottom:8px}#workspace .cinema-phases button[aria-current=step]{color:#f2e6ce;border-top-color:#c5a36c;background:transparent}.cinema-scrub-label{padding:22px 30px 0;font:10px var(--ui)!important;color:#b0a994!important}.cinema-scrub-label input[type=range]{display:block;width:100%;padding:0!important;border:0!important;min-height:28px!important;background:transparent!important;accent-color:#c5a36c;cursor:ew-resize}.cinema-provenance{font:11px/1.6 var(--ui);color:#949788;padding:0 30px 18px;margin:0;max-width:900px}.cinema-fallback{padding:30px}.cinema-fallback img{width:100%;max-height:420px;object-fit:cover}.cinema-shell:fullscreen{overflow:auto;background:#111715;padding:15px 4%}.cinema-shell:fullscreen .cinema-viewport{height:calc(100vh - 330px);min-height:250px}.cinema-shell:fullscreen .cinema-plate h3{font-size:30px}.cinema-shell:fullscreen .cinema-tools button,.cinema-shell:fullscreen .cinema-phases button{color:#e8dbc0;background:none;border:1px solid #a6916a44;padding:12px;font:14px Georgia,serif}.cinema-shell:fullscreen .cinema-phases button{border:0}.cinema-shell:fullscreen input{width:100%;accent-color:#c5a36c}
@media(max-width:700px){.cinema-viewport{height:390px}.cinema-plate{padding:22px 20px 0}#workspace .cinema-plate h3{font-size:24px}.cinema-phases{padding:0 16px;gap:14px}#workspace .cinema-phases button{font-size:12px;min-height:96px}.cinema-tools{padding:0 16px 16px;flex-wrap:wrap}.cinema-tools>span{width:100%;margin:5px 0 0}.cinema-label{font-size:8px;max-width:115px;padding:4px 6px}.cinema-provenance{padding-inline:18px}.cinema-scrub-label{padding-inline:18px}.has-spatial-cinema .experience-words{display:block}.has-spatial-cinema .experience-words blockquote{font-size:26px}.has-spatial-cinema .experience-words .quote-label{margin:20px 0}.has-spatial-cinema .stage-top{flex-wrap:wrap}}

.cinema-label{font-size:12px}#workspace .cinema-tools button{min-height:44px}.cinema-provenance{font-size:12px}@media(max-width:700px){.cinema-label{font-size:10px}}