.hero--topo{--topo-ink:#b26d5d4d;background:var(--ivory);place-items:center;height:auto;min-height:min(86svh,820px);padding:56px 20px 88px;display:grid}.topo--hero{--topo-src:url(/topo/hero.svg)}.hero--topo:after{content:"";background:radial-gradient(circle, var(--mauve) 1.3px, transparent 1.8px) center top / 4px 10px repeat-y;width:4px;height:64px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-card{z-index:1;background:var(--ivory);border:1px solid var(--mauve);outline-offset:6px;text-align:center;width:100%;max-width:880px;color:var(--plum);outline:1px solid #b26d5d59;flex-direction:column;align-items:center;gap:16px;padding:40px clamp(20px,5vw,64px) 36px;display:flex;position:relative}.hero-card__mark{color:var(--mauve-deep);margin-bottom:4px}.hero--topo .hero__together{font-family:var(--font-body);letter-spacing:.32em;color:var(--green);font-size:13px}.hero--topo .hero__names{white-space:nowrap;color:var(--plum);font-size:clamp(54px,6.2vw,92px)}.hero--topo .hero__names .amp{color:var(--mauve)}.hero--topo .hero__date{color:var(--plum);font-variant-numeric:lining-nums}.hero--topo .hero__date:before,.hero--topo .hero__date:after{background:var(--mauve)}.hero--topo .hero__place{color:var(--charcoal)}.hero__coords{letter-spacing:.2em;text-transform:uppercase;font-variant-numeric:lining-nums;color:var(--cocoa);margin-top:2px;font-size:12px}@media (width<=640px){.hero--topo{min-height:calc(100svh - var(--header-h));padding:28px 14px 80px}.hero-card{outline-offset:4px;gap:12px;padding:32px 18px 28px}.hero--topo .hero__names{flex-direction:column;align-items:center;line-height:.9;display:flex}.hero--topo .hero__names .amp{line-height:1}.hero--topo .hero__date{gap:14px}.hero--topo .hero__date:before,.hero--topo .hero__date:after{width:32px}.hero--topo .benchmark-wrap{--bm-size:104px!important}}.hero__sky{pointer-events:none;position:absolute;inset:0}html[data-tod=dawn] .hero__sky{background:linear-gradient(#e8b2a06b,#f7efdc00 62%)}html[data-tod=dusk] .hero__sky{background:linear-gradient(#8c4a3e57,#d7b5ab38 45%,#f7efdc00 85%)}html[data-tod=dusk] .hero--topo{--topo-ink:#8c4a3e5c}html[data-tod=night] .hero--topo{--topo-ink:#f7efdc33;--label-halo:#2e3a30;background:radial-gradient(90% 70% at 50% 45%,#3b4a3d,#253026)}html[data-tod=night] .hero--topo .topo{filter:drop-shadow(0 0 2px #f7efdc59)}html[data-tod=night] .hero--topo .tl text{fill:#f7efdc9e}html[data-tod=night] .hero--topo .tl__mark{fill:#f7efdc99}html[data-tod=night] .hero--topo:after{background-image:radial-gradient(circle, var(--blush) 1.3px, transparent 1.8px)}html[data-tod=night] .hero__sky{background:radial-gradient(1px 1px at 12% 18%,#fff8,#0000),radial-gradient(1px 1px at 28% 8%,#fff9,#0000),radial-gradient(1.4px 1.4px at 47% 14%,#fffa,#0000),radial-gradient(1px 1px at 63% 6%,#fff8,#0000),radial-gradient(1.2px 1.2px at 78% 20%,#fff9,#0000),radial-gradient(1px 1px at 90% 10%,#fff7,#0000),radial-gradient(1px 1px at 6% 40%,#fff6,#0000),radial-gradient(1px 1px at 95% 36%,#fff6,#0000);animation:5s ease-in-out infinite alternate twinkle}@keyframes twinkle{to{opacity:.55}}html[data-tod=night] .hero__clouds,html[data-tod=night] .hero__birds{display:none}.hero__clouds{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero__mist{pointer-events:none;height:46%;display:none;position:absolute;inset:auto 0 0;overflow:hidden}html[data-tod=dawn] .hero__mist,html[data-tod=dusk] .hero__mist{display:block}.hero__mist i{background:radial-gradient(50% 50% at 25%,#fffcf4bf,#fffcf44d 45%,#0000 75%),radial-gradient(40% 50% at 70% 60%,#fffcf499,#fffcf440 45%,#0000 75%);width:200%;height:52%;animation:60s ease-in-out infinite alternate mist-roll;position:absolute;bottom:8%;left:-50%}.hero__mist i+i{opacity:.6;height:40%;animation-duration:84s;animation-direction:alternate-reverse;bottom:30%}@keyframes mist-roll{0%{transform:translate(-12%)}to{transform:translate(12%)}}.hero__birds{pointer-events:none;fill:none;width:54px;stroke:var(--plum);stroke-width:1.4px;stroke-linecap:round;opacity:0;animation:46s linear 6s infinite birds-cross;position:absolute;top:14%;left:0}.hero__birds path{transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite alternate wingbeat}.hero__birds path+path{animation-delay:-.4s}@keyframes birds-cross{0%{opacity:0;transform:translate(-80px,40px)}4%{opacity:.55}32%{opacity:.55;transform:translate(calc(100vw + 40px),-30px)}33%,to{opacity:0;transform:translate(calc(100vw + 80px),-30px)}}@keyframes wingbeat{to{transform:scaleY(.35)}}.unfold{z-index:5;perspective:1600px;cursor:pointer;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.unfold[hidden]{display:none}.unfold i{background-color:var(--nude);backface-visibility:hidden;animation:unfold-panel 1.25s var(--ease-trail) both;background-image:linear-gradient(90deg,#4a2d251a,#0000 18% 82%,#ffffff59),url(/topo/grain.svg);position:relative}.unfold i:after{content:"";-webkit-mask:url(/topo/band.svg) var(--mx,40%) 50% / auto 100% no-repeat;mask:url(/topo/band.svg) var(--mx,40%) 50% / auto 100% no-repeat;background-color:#b26d5d47;position:absolute;inset:0}.unfold i:first-child{--mx:20%;--to:-100deg;transform-origin:0;animation-delay:.55s}.unfold i:nth-child(2){--mx:40%;--to:-96deg;transform-origin:0;animation-delay:.3s}.unfold i:nth-child(3){--mx:60%;--to:96deg;transform-origin:100%;animation-delay:.3s}.unfold i:nth-child(4){--mx:80%;--to:100deg;transform-origin:100%;animation-delay:.55s}@keyframes unfold-panel{to{transform:rotateY(var(--to));opacity:0}}.unfold__cover{text-align:center;background:var(--ivory);border:1px solid var(--map-index);outline-offset:4px;width:max-content;max-width:calc(100% - 40px);animation:unfold-cover .5s var(--ease-out) .15s both;outline:1px solid #8c4a3e40;flex-direction:column;gap:6px;padding:18px 26px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.unfold__cover b{color:var(--plum);font-size:15px}@keyframes unfold-cover{to{opacity:0;scale:.92}}
