/* A single, quiet brand entrance. The glass geometry comes from the approved SVG. */
.echo-opening{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;color:#ecf2f5;background:transparent;font:inherit;color-scheme:dark}
.echo-opening::backdrop{background:transparent}
.echo-opening:focus{outline:none}
.echo-opening[open]{display:grid;place-items:center}
.opening-ground{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#202a2d 0%,#14191b 38%,#101314 70%,#0c0f10 100%)}
.opening-ground::before,.opening-ground::after{content:"";position:absolute;inset:-45%;border-radius:50%;pointer-events:none;opacity:.24;background:radial-gradient(ellipse at center,transparent 35%,#a8c4cc14 42%,#adc2ca40 44%,#28323912 49%,transparent 57%);transform:translate3d(-10%,20%,0) rotate(-22deg) scale(1.25,.68)}
.opening-ground::after{opacity:.14;transform:translate3d(20%,-15%,0) rotate(-24deg) scale(1.25,.74)}
.opening-top{position:absolute;inset:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.opening-signature{font-size:11px;letter-spacing:.24em;color:#a8b5bc}
.opening-skip{min-height:44px;min-width:72px;padding:0 15px;border:1px solid #dae8f324;border-radius:99px;background:#e1edf308;color:#c7d1d7;font:inherit;font-size:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.opening-center{position:relative;display:grid;justify-items:center;gap:clamp(24px,5vh,48px);width:100%;padding:70px 24px;transform:translateY(-2vh)}
.opening-mark{position:relative;display:block;width:min(56vw,650px,calc(65svh * 1.746));aspect-ratio:1240/710;margin:0;padding:0;border:0;border-radius:16px;background:none;color:inherit;transform-origin:center;isolation:isolate;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.opening-mark svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.opening-mark .opening-glyphs>g>g{transform-box:fill-box;transform-origin:50% 50%}
.opening-wave{position:absolute;left:50%;top:50%;width:max(160vw,220vh);aspect-ratio:1.7;border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(closest-side,transparent 74%,#bcdfe608 79%,#dcf5fc88 84%,#b8dfe830 86%,transparent 92%);transform:translate(-50%,-50%) scale(.025)}
.opening-tagline{margin:0;text-align:center;font-size:clamp(13px,1.22vw,18px);font-weight:300;line-height:1.9;letter-spacing:.18em;color:#c3cfd6}
.opening-tagline span{display:inline-block}
.opening-foot{position:absolute;inset:auto 24px max(26px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:44px}
.opening-foot>span{font-size:11px;letter-spacing:.18em;color:#94a4ab}
.opening-play,.opening-preview-replay{min-height:44px;padding:0 22px;border:1px solid #dceef32b;border-radius:999px;background:#b3d0da0a;color:#e3edf2;font:inherit;font-size:13px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.opening-play span{padding-left:20px}
.home-utility .opening-preview-replay{position:relative;flex:none;min-height:44px;padding:0 12px;font-size:12px;white-space:nowrap;background:#101719ed}
.opening-play[hidden],.opening-preview-replay[hidden],.opening-foot>span[hidden]{display:none}
.opening-mark:focus-visible,.opening-skip:focus-visible,.opening-play:focus-visible,.opening-preview-replay:focus-visible{outline:2px solid #d4e9f2;outline-offset:5px}
.echo-opening[data-phase=entering] .opening-mark,.echo-opening[data-phase=entering] .opening-play{cursor:default}
html.opening-active{overflow:hidden}
html.opening-active .site-header .header-logo{visibility:hidden}
html.opening-active .home-logo-intro{display:none}
@media(hover:hover) and (pointer:fine){.opening-skip:hover,.opening-play:hover,.opening-preview-replay:hover{background:#d3e5ed1c}}
@media(max-width:600px){.opening-top{inset:max(14px,env(safe-area-inset-top)) 20px auto}.opening-signature{font-size:9px;letter-spacing:.18em}.opening-mark{width:min(82vw,420px)}.opening-center{padding-inline:20px;gap:30px;transform:translateY(-3vh)}.opening-tagline{font-size:13px;letter-spacing:.15em}.opening-tagline span{display:block}.home-utility .opening-preview-replay{padding-inline:8px;font-size:11px}}
@media(max-height:500px) and (orientation:landscape){.opening-mark{width:min(42vw,calc(56svh * 1.746))}.opening-center{gap:8px;padding:32px 20px 64px;transform:none}.opening-tagline{font-size:11px}.opening-top{inset:10px 20px auto}.opening-foot{bottom:10px;flex-direction:row;gap:18px}.opening-foot>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.opening-wave{display:none}.opening-ground::before,.opening-ground::after{opacity:.08}}