/* Initial-only opening; the existing FV remains unchanged underneath. */
html.opening-active,html.opening-active body{overflow:hidden}
#top h1[tabindex="-1"]{outline:none}
#opening{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#f9f7f1;color:#173e5b;opacity:1;transition:opacity .65s cubic-bezier(.22,1,.36,1);overflow:hidden}
#opening:not([open]){display:none}
#opening[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
#opening::backdrop{background:#f9f7f1;opacity:1;transition:opacity .65s ease}
#opening.is-ending,#opening.is-ending::backdrop{opacity:0}
.opening-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 32px;font-size:14px;border-bottom:1px solid #173e5b1c;line-height:1.7}
.opening-head>span:last-child{font-family:var(--sans);font-size:10px;letter-spacing:.13em}
.opening-screen{min-height:0;display:flex;align-items:center;justify-content:center;background:#f3f4ef}
#opening-video{display:block;width:100%;height:100%;object-fit:contain}
.opening-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 32px max(18px,env(safe-area-inset-bottom));background:#f9f7f1}
#opening .opening-controls p{font-size:13px;line-height:1.6;margin:0}.opening-controls small{font-size:10px;color:#647989}
.opening-controls>div{display:flex;gap:12px}
.opening-controls button{background:transparent;border:1px solid #9cafba;border-radius:3px;padding:10px 17px;min-height:46px;font:500 14px/1.6 var(--sans);color:#173e5b;cursor:pointer}
.opening-controls button:hover{background:#e6edf0}.opening-controls #opening-skip{background:#173e5b;border-color:#173e5b;color:white}.opening-controls #opening-skip:hover{background:#215b80}
.opening-controls button:focus-visible,#opening-replay:focus-visible{outline:3px solid #b45b2c;outline-offset:4px}
.opening-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#173e5b18;pointer-events:none}.opening-progress span{display:block;height:100%;width:100%;background:#b45b2c;transform:scaleX(0);transform-origin:left}
.opening-entry{background:var(--ivory);text-align:center;padding:5px 20px 13px}.opening-entry[hidden]{display:none}
#opening-replay{border:0;border-bottom:1px solid #173e5b66;padding:9px 2px;background:transparent;color:var(--navy);font:400 13px/1.7 var(--sans);cursor:pointer;min-height:44px}#opening-replay:hover{color:#b45b2c}#opening-replay span{margin-right:5px}
@media(max-width:600px){.opening-head{padding:14px 20px;gap:8px;font-size:13px}.opening-head>span:last-child{font-size:8px;letter-spacing:.04em}.opening-controls{padding:16px 20px max(20px,env(safe-area-inset-bottom));display:block}.opening-controls>div{margin-top:12px;display:grid;grid-template-columns:auto 1fr}.opening-controls button{padding:12px 10px;font-size:13px}.opening-screen{background:#f3f4ef}}
@media(prefers-reduced-motion:reduce){#opening,#opening::backdrop{transition:none}}