.footer-layout .media-notice{margin-top:.6rem;color:rgb(242 239 230 / 60%)}
.intro-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:calc(100vh - 5.5rem);min-height:calc(100svh - 5.5rem);padding:1.5rem 1rem 2.5rem;border-bottom:1px solid var(--line)}
.intro-logo{display:flex;flex-direction:column;align-items:center;gap:1.1rem;border-radius:var(--ld-radius-panel);color:var(--ivory);text-decoration:none}
.intro-logo:focus-visible,.intro-replay:focus-visible{outline:2px solid var(--champagne);outline-offset:.6rem}
.intro-signet{display:block;width:min(78vw,calc(100svh - 15rem),34rem);height:auto;transition:transform 220ms ease-out}
.intro-logo:hover .intro-signet{transform:scale(1.015)}
.intro-cue{font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--champagne)}
.intro-replay{min-height:2.75rem;padding:.4rem 1rem;font-size:.85rem;background:none;color:var(--ivory);cursor:pointer}
html[data-intro] .intro-signet,html[data-intro] .intro-cue{opacity:0}
.intro-canvas{position:fixed;inset:0;z-index:60;width:100%;height:100%;pointer-events:none}
.intro-flash{position:fixed;left:0;top:0;z-index:61;width:14rem;height:14rem;margin:-7rem 0 0 -7rem;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 0,#f2e3b0 18%,rgba(216,194,138,.45) 42%,rgba(216,194,138,0) 70%)}
@media (prefers-reduced-motion:reduce){.intro-signet{transition:none}.intro-logo:hover .intro-signet{transform:none}}
.intro-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}
.sound-toggle{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.4rem 1rem;font-size:.85rem;background:none;color:var(--ivory);cursor:pointer}
.sound-toggle:focus-visible{outline:2px solid var(--champagne);outline-offset:.4rem}
.sound-toggle[aria-pressed=true]{border-color:var(--champagne);color:var(--champagne)}
.intro-tools{position:relative;z-index:3}
.island-status{min-height:1.2rem;margin:0;font-size:.85rem;letter-spacing:.08em;color:var(--champagne)}
.island{position:absolute;inset:0;z-index:2;overflow:hidden;background:#8fc1bd;outline:none}
.island[hidden]{display:none}
.island-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab}
.island-canvas:active{cursor:grabbing}
.island-places{position:absolute;inset:0;pointer-events:none}
.island-pin{position:absolute;left:0;top:0;translate:-50% -100%;pointer-events:auto;min-width:44px;min-height:44px;padding:.35rem .9rem;border:1px solid var(--champagne);border-radius:999px;background:rgb(34 34 34 / 82%);color:var(--ivory);font-size:.85rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:opacity 200ms}
.island-pin:hover,.island-pin:focus-visible{background:var(--champagne);color:var(--anthracite)}
.island-pin:focus-visible{outline:2px solid var(--ivory);outline-offset:3px}
.island-pin.is-back{opacity:0;pointer-events:none}
.island-all{position:absolute;left:1rem;bottom:1rem;background:rgb(34 34 34 / 82%)}
html[data-island=diving] .intro-hero{overflow:hidden}
html[data-island=diving] .island-places,html[data-island=diving] .island-all,html[data-island=diving] .intro-tools{opacity:0}
.island-places,.island-all{transition:opacity 400ms ease-out}
html[data-island=on] .intro-logo{display:none}
html[data-island=on] .intro-tools{position:absolute;right:1rem;bottom:1rem;z-index:3;flex-direction:column;align-items:flex-end}
.island-card{width:min(92vw,34rem);max-height:92vh;padding:1rem;border:1px solid var(--line);background:var(--anthracite);color:var(--ivory)}
.island-card::backdrop{background:rgb(0 0 0 / 70%)}
.island-card [data-island-close]{display:block;margin:0 0 1rem auto;min-height:44px;padding:.6rem 1rem;border:0;background:var(--champagne);color:var(--anthracite);font:inherit;cursor:pointer}
@media (max-width:40rem){.island-pin{padding:.3rem .7rem;font-size:.78rem}}
@media (prefers-reduced-motion:reduce){.island-pin,.island-places,.island-all{transition:none}}