/* Hallmark · macrostructure: Map / Diagram · genre: atmospheric · theme: reference-locked COMMON-H7
 * Inherited home geometry and shell; coast ignition / touch wake / glyph fringe are the authored surface.
 * Hallmark · pre-emit critique: P5 H4 E4 S5 R4 V4. Finished-frame verdict is in the unit audit. */
@import url('./tokens.css');
html,body{overflow-x:clip}
.glow-stage[data-hero7]{background:var(--h7-paper);color:var(--h7-ink);overflow:clip;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.glow-stage[data-hero7]>canvas#sea{display:none}
.glow-stage[data-hero7]>.eco-canvas{display:block;z-index:var(--h7-z-world);pointer-events:none}
.glow-stage[data-hero7]>.sea-poster{z-index:var(--h7-z-world);transition:none}
.glow-stage[data-hero7][data-h7-boot]:not([data-eco])>.sea-poster{opacity:0}
.glow-stage[data-hero7]:is([data-eco=live],[data-eco=still])>.sea-poster{visibility:hidden;opacity:0}
.glow-stage[data-hero7]::before{inset:0;z-index:var(--h7-z-veil);background:radial-gradient(ellipse at center,var(--h7-clear) 45%,color-mix(in srgb,var(--h7-paper) 35%,transparent))}
.glow-stage[data-hero7]::after{z-index:var(--h7-z-veil);background:linear-gradient(0deg,var(--h7-paper),var(--h7-clear));pointer-events:none}
.glow-stage[data-hero7] #glow-title{font-variation-settings:'wdth' 90,'wght' 620;font-weight:620;color:var(--h7-ink);font-style:normal;text-shadow:0 1px 3px var(--h7-paper);min-width:0;overflow-wrap:anywhere;white-space:nowrap}
.glow-stage[data-hero7][data-h7-boot]:not([data-eco]) #glow-title{font-variation-settings:'wdth' 60,'wght' 620}
.glow-stage[data-hero7] #glow-title>span{font-variation-settings:'wdth' 90,'wght' 500;color:var(--h7-muted)}
.glow-stage[data-hero7] .glow-caption{color:var(--h7-muted);background:var(--h7-clear);letter-spacing:.08em}
.glow-stage[data-hero7] :where(#glow-title,.glow-caption,.glow-intro-row>p:first-child){position:relative;isolation:isolate}
.glow-stage[data-hero7] :where(#glow-title,.glow-caption,.glow-intro-row>p:first-child)::before{content:'';position:absolute;inset:-12px -20px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--h7-clear),var(--h7-veil) 8%,var(--h7-veil) 92%,var(--h7-clear));mask-image:linear-gradient(0deg,var(--h7-clear),var(--h7-ink) 8%,var(--h7-ink) 92%,var(--h7-clear))}
.glow-stage[data-hero7] #glow-title::before{right:auto;width:calc(var(--h7-ink-width,500px) + 40px)}
.glow-stage[data-hero7]:is([data-eco=live],[data-eco=still]) :where(#glow-title,.glow-caption,.glow-intro-row>p:first-child)::before{display:none}
.glow-stage[data-hero7] #glow-title i.h7-letter{display:inline-block;font-style:normal;font-family:inherit;font-weight:inherit;line-height:inherit;vertical-align:baseline;transform-origin:50% 80%}
.glow-stage[data-hero7] .glow-intro-row>p:first-child{color:var(--h7-ink);font-family:var(--h7-reading)}
.glow-stage[data-hero7] .glow-hint{color:var(--h7-coast);opacity:1;animation:none;letter-spacing:.08em;background:var(--h7-veil);padding:var(--h7-xs)}
.glow-stage[data-hero7] .glow-map-legend a{font-family:var(--h7-mono);letter-spacing:.12em;min-height:44px;color:var(--h7-muted);background:var(--h7-veil);border-color:var(--h7-rule);transition:border-color var(--h7-micro) var(--h7-ease);box-shadow:none}
.glow-stage[data-hero7] .glow-map-legend a:is(:hover,[data-selected],[aria-current=true]){color:var(--h7-ink);border-color:var(--h7-coast);box-shadow:none}
.glow-stage[data-hero7] .glow-map-legend a:active{transform:none;background:var(--h7-quiet)}
.glow-stage[data-hero7] .glow-map-legend a:focus-visible,.glow-stage[data-hero7] button:focus-visible{outline:2px solid var(--h7-coast);outline-offset:4px;transition:none}
.glow-stage[data-hero7] :is(button:disabled,a[aria-disabled=true]){opacity:.55;cursor:not-allowed}
.h7-instruments{position:absolute;right:var(--h7-lg);top:auto;bottom:228px;z-index:var(--h7-z-ui);display:flex;align-items:center;gap:var(--h7-lg);pointer-events:none}
.h7-readout{font:400 10px/1.6 var(--h7-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--h7-muted);background:var(--h7-veil);padding:var(--h7-sm) var(--h7-md);border-left:1px solid var(--h7-coast)}
.h7-readout strong{display:block;color:var(--h7-ink);font-size:12px;font-weight:500}
.h7-readout span{white-space:nowrap;font-variant-numeric:tabular-nums}
.glow-stage[data-hero7] .h7-motion,.h7-artifact .h7-motion{position:static;right:auto;bottom:auto;z-index:var(--h7-z-ui);display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:76px;border:1px solid var(--h7-rule);border-radius:999px;background:var(--h7-paper);color:var(--h7-ink);font:400 12px/1 var(--h7-mono);padding:var(--h7-sm) var(--h7-md);opacity:1;pointer-events:auto;white-space:nowrap;transition:border-color var(--h7-micro) var(--h7-ease);cursor:pointer}
.glow-stage[data-hero7] .h7-motion:hover,.h7-artifact .h7-motion:hover{border-color:var(--h7-coast)}
.glow-stage[data-hero7] .h7-motion:active,.h7-artifact .h7-motion:active{background:var(--h7-quiet)}
.h7-skip{position:absolute;right:var(--h7-lg);top:164px;z-index:var(--h7-z-ui);min-height:44px;border:0;background:var(--h7-paper);color:var(--h7-muted);font:400 10px/1 var(--h7-mono);padding:var(--h7-sm) var(--h7-md);cursor:pointer;white-space:nowrap}
.h7-skip:hover{color:var(--h7-ink)}.h7-skip:active{background:var(--h7-quiet)}
[data-h7-opening=ended]>.h7-skip,[data-eco=off]>.h7-skip,[data-eco=error]>.h7-skip{visibility:hidden;pointer-events:none}
.h7-labels{position:absolute;inset:0;z-index:var(--h7-z-copy);pointer-events:none;overflow:clip}
.h7-place-label{position:absolute;left:0;top:0;margin-left:12px;margin-top:-6px;padding:var(--h7-xs);background:var(--h7-veil);color:var(--h7-muted);font:400 10px/1 var(--h7-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.h7-place-label[hidden]{display:none}
.glow-stage[data-hero7] .glow-map-legend a::before{display:none}
@media(min-width:701px){.glow-stage[data-hero7]::before{background:linear-gradient(90deg,var(--h7-paper),var(--h7-clear) 320px),radial-gradient(ellipse at center,var(--h7-clear) 45%,color-mix(in srgb,var(--h7-paper) 35%,transparent))}}
@media(max-width:700px){
 .h7-instruments{top:88px;bottom:auto;right:var(--h7-md);gap:var(--h7-sm);align-items:flex-start;flex-direction:column-reverse}
 .h7-readout{font-size:9px;padding:var(--h7-sm);max-width:210px}.h7-readout strong{font-size:11px}
 .h7-skip{top:200px;right:var(--h7-md)}
 .glow-stage[data-hero7] .glow-map-legend a{padding-inline:13px}
 .glow-stage[data-hero7] #glow-title>span{font-size:.65em;line-height:1.4153846154;margin-top:0;font-variation-settings:'wdth' 95,'wght' 500}
 .glow-stage[data-hero7] .glow-hint{display:block;position:absolute;top:316px;right:0;background:var(--h7-veil);padding:var(--h7-xs);font-size:10px}
}
@media(max-width:359px){.glow-stage[data-hero7]:not(.h7-artifact .glow-stage) .glow-hint{top:272px}}
@media(prefers-reduced-motion:reduce){.glow-stage[data-hero7] *,.glow-stage[data-hero7] *::before,.glow-stage[data-hero7] *::after{animation:none;transition:none}.h7-skip{display:none}}