/* VRD 24: vector glass, one-shot transitions, no scroll interception. */
.vrd-heritage[data-design=glass]{--magic-mint:#9cffe4;--magic-line:#719b9f}
.vrd-heritage[data-design=glass] .vrd-chest-stage{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(0,1.4fr);grid-template-rows:1fr auto;gap:0 2rem;padding:1.5rem 0 3rem;min-height:460px;overflow:clip;align-items:center;perspective:1100px}
.vrd-magic-copy{grid-area:1/1;align-self:end;max-width:34ch;padding-bottom:1rem}.vrd-magic-copy h3{font-size:clamp(2rem,4vw,4.4rem)!important;line-height:1.07!important;font-weight:500;letter-spacing:-.055em;margin:1rem 0 1.5rem}.vrd-magic-copy p{line-height:1.8}.vrd-magic-copy .n-kicker{font-size:10px;letter-spacing:.18em;color:var(--ui-accent)}
.vrd-heritage[data-design=glass] .vrd-chest-stage>button{grid-area:2/1;justify-self:start;margin-top:1rem;min-height:48px}
.vrd-heritage[data-design=glass] .vrd-chest{grid-area:1/2/3/3;width:100%;height:auto;aspect-ratio:720/510;max-width:800px;margin:0;transform:none;isolation:isolate;align-self:center}
.vrd-heritage[data-design=glass] .vrd-chest::after{content:'';position:absolute;inset:auto 4% 3%;height:18%;border:1px solid #91ded63b;border-radius:50%;background:radial-gradient(ellipse,#90ffe517,transparent 70%);z-index:-1;transform:rotate(-4deg)}
.vrd-heritage[data-design=glass] :is(.vrd-chest-base,.vrd-chest-lid){inset:18% 0 0;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;display:block;height:auto;transform:none;backface-visibility:visible}
.vrd-heritage[data-design=glass] :is(.vrd-chest-base,.vrd-chest-lid)>img{width:100%;height:auto;display:block;pointer-events:none}
.vrd-heritage[data-design=glass] .vrd-chest-base{z-index:4}.vrd-heritage[data-design=glass] .vrd-chest-seal{display:none}.vrd-heritage[data-design=glass] .vrd-chest-lid{z-index:5;transform-origin:76% 28%;transition:transform 1.4s cubic-bezier(.2,.75,.15,1),opacity 1s}
.vrd-heritage[data-design=glass].vrd-archive-open .vrd-chest-lid{transform:translateY(-16%) rotate(-13deg) skewX(-9deg);opacity:.75;z-index:1}
.vrd-heritage[data-design=glass] .vrd-chest-inside{inset:0;background:none;opacity:1;z-index:3;pointer-events:none}
.vrd-heritage[data-design=glass] .vrd-chest-memory{width:23%;height:33%;left:39%;bottom:17%;padding:5px;background:#dbe9e6;border:1px solid #a8d8d2;border-radius:2px;opacity:.18;transform:translateY(0) scale(.75)!important;transition:transform 1.55s cubic-bezier(.2,.85,.2,1),opacity .75s;box-shadow:0 12px 25px #0004}
.vrd-heritage[data-design=glass] .vrd-chest-memory img{object-fit:cover;filter:grayscale(1)!important;opacity:.92}
.vrd-heritage[data-design=glass].vrd-archive-open .vrd-chest-memory{opacity:1;transform:translate(-55%,-118%) rotate(-5deg)!important}
.vrd-heritage[data-design=glass].vrd-archive-open .vrd-chest-memory:first-child{transform:translate(-146%,-92%) rotate(-12deg)!important}
.vrd-heritage[data-design=glass].vrd-archive-open .vrd-chest-memory:nth-child(3){transform:translate(42%,-121%) rotate(5deg)!important;transition-delay:90ms}
.vrd-heritage[data-design=glass].vrd-archive-open .vrd-chest-memory:nth-child(4){transform:translate(127%,-85%) rotate(12deg)!important;transition-delay:150ms}
.vrd-memory-glow{position:absolute;inset:24% 15% 14%;background:radial-gradient(ellipse at 50% 90%,#96ffe543,transparent 65%);opacity:0;transform:scaleY(.3);transform-origin:bottom;transition:opacity 1.2s,transform 1.6s;pointer-events:none;z-index:0}
.vrd-archive-open .vrd-memory-glow{opacity:1;transform:scaleY(1)}.vrd-archive-open .vrd-heritage-gallery{animation:vrd-unseal .65s ease-out both}
@keyframes vrd-unseal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* Destination vessel: the atlas remains accessible independently. */
.vrd-vessel{--vessel-ink:var(--ui-ink,#e5f6f2);--vessel-mint:var(--ui-accent,#9cffe4);position:relative;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:2rem;align-items:center;padding:clamp(1rem,3vw,3rem);border:1px solid var(--ui-line,#315060);border-radius:4px;background:radial-gradient(ellipse at 76% 55%,#8fe3d30c,transparent 68%);isolation:isolate;margin-bottom:2rem;overflow:clip}
.vrd-vessel-copy h3{font-size:clamp(1.8rem,3vw,3.1rem)!important;line-height:1.15!important;letter-spacing:-.035em;max-width:14ch;margin:1rem 0}.vrd-vessel-copy p{max-width:38ch;color:var(--ui-muted);line-height:1.8}.vrd-vessel-copy button{margin-top:1.25rem;min-height:48px}.vrd-vessel-hint{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
.vrd-vessel-stage{position:relative;width:100%;max-width:600px;aspect-ratio:1/1.13;margin:auto;isolation:isolate}.vrd-vessel-art{position:absolute;inset:7% 0 0;width:100%;height:93%;object-fit:contain;z-index:2;pointer-events:none}.vrd-vessel-lid{position:absolute;top:23%;left:33.33%;width:33.34%;height:auto;z-index:4;transition:transform 1.2s cubic-bezier(.2,.75,.2,1),opacity .6s;pointer-events:none}.vrd-vessel[data-open=true] .vrd-vessel-lid{transform:translate(12%,-140%) rotate(-14deg);opacity:.85}
.vrd-vessel-halo{position:absolute;inset:24% 10% 5%;border-radius:50%;border:1px solid var(--ui-line);transform:rotateX(66deg);opacity:.5;z-index:0}.vrd-vessel-halo::after{content:'';position:absolute;inset:10%;border:1px dashed var(--ui-accent);border-radius:50%;opacity:.4}
.vrd-vessel-portal{position:absolute;top:31%;left:37%;width:26%;aspect-ratio:1.18;opacity:0;transform:translateY(80%) scale(.45);z-index:3;border:1px solid #a8d2cd;padding:4px;background:var(--ui-surface,#091b27);color:var(--ui-ink);border-radius:3px;transition:transform 1.25s cubic-bezier(.2,.85,.2,1),opacity .7s;box-shadow:0 7px 20px #0003;text-decoration:none;cursor:pointer}.vrd-vessel-portal img{width:100%;height:70%;object-fit:cover;filter:grayscale(1)!important}.vrd-vessel-portal span{font:500 clamp(8px,1vw,12px)/1.5 var(--ui-mono,monospace);display:block;text-align:center}.vrd-vessel-portal[aria-pressed=true]{outline:2px solid var(--ui-accent);outline-offset:4px}.vrd-vessel[data-open=true] .vrd-vessel-portal{opacity:1;transform:translate(-118%,-43%) rotate(-8deg)}.vrd-vessel[data-open=true] .vrd-vessel-portal:nth-of-type(2){transform:translate(-42%,-121%) rotate(-3deg);transition-delay:60ms}.vrd-vessel[data-open=true] .vrd-vessel-portal:nth-of-type(3){transform:translate(44%,-120%) rotate(4deg);transition-delay:120ms}.vrd-vessel[data-open=true] .vrd-vessel-portal:nth-of-type(4){transform:translate(120%,-42%) rotate(9deg);transition-delay:180ms}
.vrd-vessel-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:1rem 0}.vrd-vessel-controls button{min-height:44px}.vrd-vessel-status{font:12px/1.6 var(--ui-mono,monospace);color:var(--ui-muted)}.vrd-gallery-reveal{animation:vrd-unseal .6s ease-out both}.vrd-vessel+ [hidden],#homeAtlas[hidden],.vrd-vessel-controls[hidden],#homeAtlas .c-place[hidden]{display:none!important}
html[data-theme=light] .vrd-vessel{background:linear-gradient(130deg,#f6faf7,#dce9df)}html[data-theme=light] .vrd-heritage[data-design=glass] .vrd-chest::after{background:#32756a13;border-color:#26695855}
@media(max-width:700px){.vrd-heritage[data-design=glass] .vrd-chest-stage{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:0;min-height:0}.vrd-magic-copy{grid-area:1/1;justify-self:start;max-width:42ch}.vrd-heritage[data-design=glass] .vrd-chest{grid-area:2/1;width:100%;margin:1rem 0}.vrd-heritage[data-design=glass] .vrd-chest-stage>button{grid-area:3/1;margin:0}.vrd-vessel{grid-template-columns:1fr;gap:0;padding:20px 14px}.vrd-vessel-copy{padding:0 8px}.vrd-vessel-copy h3{max-width:20ch}.vrd-vessel-stage{max-width:430px;margin-top:1rem}.vrd-vessel-copy button{margin-top:.5rem}.vrd-vessel-portal span{font-size:10px}.vrd-history-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.vrd-vessel *,.vrd-heritage[data-design=glass] *,.vrd-gallery-reveal{animation:none!important;transition:none!important}}
html[data-motion=off] .vrd-vessel *,html[data-motion=off] .vrd-heritage[data-design=glass] *,html[data-motion=off] .vrd-gallery-reveal{animation:none!important;transition:none!important}
@media(forced-colors:active){.vrd-vessel-portal{border:2px solid ButtonText}.vrd-vessel-halo,.vrd-memory-glow{display:none}}
.vrd-memory-glow::before,.vrd-memory-glow::after{content:'';position:absolute;inset:15%;background:radial-gradient(circle at 14% 72%,#c9fff0 0 1px,transparent 2px),radial-gradient(circle at 76% 60%,#c9fff0 0 1px,transparent 2px),radial-gradient(circle at 43% 87%,#c9fff0 0 2px,transparent 3px);opacity:0;pointer-events:none}.vrd-archive-open .vrd-memory-glow::before{animation:vrd-memory-dust 1.6s .15s ease-out both}.vrd-archive-open .vrd-memory-glow::after{animation:vrd-memory-dust 1.8s .35s ease-out both;transform:scaleX(-1)}@keyframes vrd-memory-dust{0%{opacity:0;translate:0 30px}20%{opacity:.8}100%{opacity:0;translate:0 -100px}}
@media(prefers-reduced-motion:reduce){.vrd-memory-glow::before,.vrd-memory-glow::after{animation:none!important}}
html[data-motion=off] .vrd-memory-glow::before,html[data-motion=off] .vrd-memory-glow::after{animation:none!important}
