.opening-story{--story-ink:#193129;--story-clay:#b84f36;color:var(--story-ink);background:#f2ead9;padding:24px clamp(20px,5vw,88px) 36px;scroll-margin-top:20px}.opening-meta{letter-spacing:.12em;text-transform:uppercase;border-top:1px solid #19312933;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;font-size:12px;display:flex}.opening-story button{font:inherit;cursor:pointer;color:inherit}.opening-meta button{letter-spacing:0;text-transform:none;background:0 0;border:0;border-bottom:1px solid;padding:10px 0;font-size:14px}.opening-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,84px);min-height:610px;padding:42px 0;display:grid}.opening-words{max-width:610px;animation:.8s both story-words}.opening-label{text-transform:uppercase;letter-spacing:.18em;color:var(--story-clay);font-weight:700;margin:0 0 25px!important;font-size:11px!important}.opening-story h1,.opening-story h2{letter-spacing:-.045em;color:var(--story-ink);margin:20px 0 26px;font-family:Georgia,serif;font-size:clamp(40px,4.7vw,76px);font-weight:400;line-height:1.04}.opening-story h1 em,.opening-story h2 em{color:var(--story-clay);font-weight:400}.opening-lead{max-width:35ch;margin:0;font-size:clamp(17px,1.55vw,22px);line-height:1.5}.opening-after{max-width:39ch;margin:0 0 24px;font-size:clamp(16px,1.25vw,19px);line-height:1.65}.opening-art{aspect-ratio:1.08;isolation:isolate;background:#dfd1b0;border-radius:48% 48% 4px 4px;transition:border-radius 1.5s,transform 1.5s,aspect-ratio 1.5s;position:relative;overflow:hidden;transform:rotate(0)}.opening-shape-1 .opening-art{border-radius:8px 90px;transform:rotate(1deg)}.opening-shape-2 .opening-art{border-radius:4px;transform:rotate(-1deg)}.opening-shape-3 .opening-art{border-radius:80px 8px;transform:rotate(0)}.opening-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.3s,transform 9s linear;position:absolute;inset:0;transform:scale(1.04);filter:none!important}.opening-image.is-current{opacity:1;transform:scale(1)}.opening-story:not(.is-playing) .opening-image{transition:opacity .6s}.opening-art-panel{isolation:isolate;min-width:0;position:relative}.opening-art-caption{letter-spacing:.08em;text-align:center;text-transform:uppercase;z-index:3;pointer-events:none;background:#fbf6e9f5;width:max-content;max-width:calc(100% - 48px);padding:10px 16px;font-size:12px;line-height:1.5;position:absolute;bottom:66px;left:50%;transform:translate(-50%)}.opening-story .opening-focus{font-size:clamp(34px,3.7vw,60px);line-height:1.13}.story-word{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#e0a54d80,#e0a54d80);background-repeat:no-repeat;background-size:0 100%;border-radius:2px;transition:background-size .2s}.story-word.is-highlighted{background-size:100% 100%}.story-block-reveal{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#e0a54d55,#e0a54d55) 0 0/0 100% no-repeat;animation:.8s ease-in-out both story-block}@keyframes story-block{0%{background-size:0 100%}50%,65%{background-size:100% 100%}to{background-size:0 100%}}.opening-story.is-reduced .opening-focus .story-word{background-position:0 95%;background-size:100% 28%}.opening-story .opening-primary{background:var(--story-ink);border:1px solid var(--story-ink);color:#fbf6e9;text-align:left;justify-content:space-between;align-items:center;gap:28px;padding:16px 21px;font-size:15px;line-height:1.4;display:inline-flex}.opening-primary:hover{background:#294a3c}.opening-note{margin-top:15px;font-size:12px;line-height:1.5;display:block}.opening-story .opening-replay{background:0 0;border:0;border-bottom:1px solid;margin-top:18px;padding:8px 0;font-size:14px;display:block}.opening-controls{border-top:1px solid #19312933;padding-top:15px}.opening-transport{align-items:center;gap:12px;display:flex}.opening-transport button{background:0 0;border:1px solid #19312955;padding:9px 15px;font-size:13px}.opening-transport button:disabled{opacity:.4;cursor:default}.opening-time{font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.opening-progress-ring{background:conic-gradient(var(--story-clay) var(--story-progress),#19312922 0);border-radius:50%;width:18px;height:18px;position:relative}.opening-progress-ring:after{content:"";background:#f2ead9;border-radius:50%;position:absolute;inset:4px}.opening-progress{gap:7px;margin-top:10px;display:flex}.opening-progress button{background:0 0;border:0;flex:1;height:28px;position:relative;overflow:hidden}.opening-progress button:before,.opening-progress button span{content:"";background:#19312922;height:3px;position:absolute;top:12px;left:0;right:0}.opening-progress button span{background:var(--story-clay);transform-origin:0;transition:transform .1s linear}.opening-progress button[aria-current=step]:before{background:#19312955}.opening-scene-status{letter-spacing:.04em;margin:1px 0 15px;font-size:11px}.opening-transcript{border-top:1px solid #19312933;margin-top:20px;font-size:14px}.opening-transcript summary{cursor:pointer;width:fit-content;padding:18px 0}.opening-transcript>div{max-width:760px;padding:5px 0 25px}.opening-transcript p{margin:0 0 22px;line-height:1.8}.opening-transcript strong{letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.opening-story button:focus-visible,.opening-transcript summary:focus-visible{outline-offset:5px;outline:3px solid #b84f36}.opening-story.is-reduced *{transition:none!important;animation:none!important}.invitation-ready{scroll-margin-top:24px}@keyframes story-words{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width>=1500px){.opening-stage{max-width:1440px;margin:auto}}@media (width<=760px){.opening-meta{letter-spacing:.06em;gap:12px;font-size:9px}.opening-meta button{font-size:12px}.opening-stage{grid-template-columns:1fr;gap:24px;min-height:0;padding:28px 0}.opening-words{min-height:325px}.opening-story h1,.opening-story h2{margin:14px 0 18px;font-size:clamp(36px,9vw,56px)}.opening-label{margin-bottom:16px!important}.opening-art{aspect-ratio:1.75;border-radius:70px 70px 3px 3px;max-height:340px}.opening-shape-1 .opening-art,.opening-shape-3 .opening-art{border-radius:4px 45px}.opening-after{font-size:16px}.opening-transport{gap:7px}.opening-transport button{padding:9px 10px}.opening-time{font-size:11px}.opening-art-caption{font-size:9px}.opening-story{padding-top:10px}}@media (prefers-reduced-motion:reduce){.opening-story *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
