.opening{position:fixed;inset:0;margin:0;width:100vw;width:100dvw;max-width:none;height:100svh;height:100dvh;max-height:none;border:0;border-radius:0;padding:0;overflow:hidden;background:#0b2119;color:#f2f3e9;isolation:isolate;opacity:1;transform:none;transition:opacity .85s cubic-bezier(.22,1,.36,1),clip-path 1.05s cubic-bezier(.76,0,.24,1);clip-path:inset(0 0 0 0)}.opening::backdrop{background:#0b2119;backdrop-filter:none;transition:opacity .85s}.opening[open]{display:flex;flex-direction:column;justify-content:space-between;width:100vw;width:100dvw;max-width:none;height:100svh;height:100dvh;max-height:none}.opening.is-leaving{opacity:0;clip-path:inset(0 0 100% 0);pointer-events:none}.opening.is-leaving::backdrop{opacity:0}.opening-landscape{position:absolute;inset:-4%;background:url('assets/real-doddabetta.webp') center 65%/cover no-repeat;opacity:.13;filter:grayscale(.35);z-index:-3;transform:scale(1.08);animation:opening-landscape 6s ease-out both}.opening:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#0b2119f2,#0b2119a6 50%,#0b2119eb)}.opening-haze{position:absolute;inset:-30%;background:radial-gradient(ellipse at 45% 60%,rgba(221,237,198,.08),transparent 55%);z-index:-1;animation:opening-haze 7s ease-in-out infinite alternate}.opening-top{display:flex;justify-content:space-between;gap:20px;padding:38px 5%;font:500 11px 'DM Sans',sans-serif;letter-spacing:2.4px;color:#a3b5a0}.opening-coordinates{font-size:10px;letter-spacing:1.5px}.opening-center{text-align:center;width:100%;padding:15px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.opening-emblem{height:94px;width:94px;margin:0 auto 26px;position:relative;color:#d5e3ad}.opening-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.opening-ring circle{fill:none;stroke-width:.7}.ring-track{stroke:#d5e3ad33}.ring-progress{stroke:#d5e3ad;stroke-dasharray:282.743;stroke-dashoffset:282.743;stroke-linecap:round}.opening-brand{position:absolute;left:27px;top:32px;width:40px;height:33px;stroke-width:1.1;stroke:currentColor;fill:none}.emblem-north{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:9px;background:#0b2119;padding:2px 6px;letter-spacing:0}.opening-script{font:500 italic clamp(26px,3.4vw,47px)/1.2 'Playfair Display',Georgia,serif;color:#d5e3ad;margin:0 0 18px;animation:opening-enter 1s .05s both}.opening h2{font:700 clamp(24px,3.3vw,46px)/1.2 'Manrope',sans-serif;letter-spacing:.22em;margin:0 0 25px;padding-left:.22em;animation:opening-enter 1s .16s both}.opening-altitude{font:400 clamp(70px,8.5vw,125px)/1.1 'Manrope',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.06em;margin:0 auto 11px;display:flex;align-items:baseline;justify-content:center;gap:9px}.opening-unit{font-size:26px;color:#a0b495;letter-spacing:0}.opening-altitude-label{font:500 10px 'DM Sans',sans-serif;letter-spacing:3.5px;color:#7f9878}.opening-status-row{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:32px}.opening-status-row p{font:400 13px 'DM Sans',sans-serif;color:#b3c2a9;margin:0;letter-spacing:.2px}.opening-status-dot{width:4px;height:4px;border-radius:50%;background:#d5e3ad;box-shadow:0 0 10px #d5e3ad55;animation:opening-pulse 1.6s infinite}.opening-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;width:100%;padding:30px 5%;margin-top:auto}.opening-chapters{display:flex;gap:30px}.opening-chapters>span{font:400 12px 'DM Sans',sans-serif;color:#71896a;display:flex;gap:9px;align-items:center;transition:color .5s}.opening-chapters i{font-style:normal;font-size:10px;font-variant-numeric:tabular-nums}.opening-chapters>span.current{color:#d5e3ad}.opening-skip{font:400 12px 'DM Sans',sans-serif;color:#b3c2a9;background:transparent;padding:10px 0;display:flex;gap:15px;align-items:center;border:0;min-height:44px;white-space:nowrap}.opening-skip:hover{color:#f2f3e9}.opening-skip:focus-visible{outline:2px solid #d5e3ad;outline-offset:5px}.opening-skip span{font-size:19px}.opening-progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#d5e3ad22}.opening-progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#d5e3ad;box-shadow:0 0 14px #d5e3ad33}.opening-running{overflow:hidden}.opening-reveal .hero-image{animation:opening-hero-reveal 1.9s cubic-bezier(.22,1,.36,1)}.opening-reveal .nav{animation:opening-nav-reveal 1.1s .2s both}.opening-reveal .hero-main{animation:opening-copy-reveal 1.3s .15s both}.opening-reveal .hero-bottom{animation:opening-nav-reveal 1.1s .4s both}@keyframes opening-enter{from{opacity:0;transform:translateY(14px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes opening-haze{from{transform:translateX(-4%)}to{transform:translateX(8%)}}@keyframes opening-landscape{from{transform:scale(1.12)}to{transform:scale(1.03)}}@keyframes opening-pulse{50%{opacity:.35}}@keyframes opening-hero-reveal{from{filter:brightness(.55) saturate(.7)}to{filter:brightness(1) saturate(1)}}@keyframes opening-nav-reveal{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}@keyframes opening-copy-reveal{from{filter:blur(5px);translate:0 22px}to{filter:blur(0);translate:0 0}}@media(max-width:760px){.opening-top{padding:27px 6%;font-size:9px;letter-spacing:1.8px}.opening-coordinates{font-size:8px;letter-spacing:.7px}.opening-center{transform:translate(-50%,-53%)}.opening-emblem{height:80px;width:80px;margin-bottom:29px}.opening-brand{left:22px;top:27px;width:36px;height:29px}.opening-script{font-size:29px}.opening h2{font-size:27px;letter-spacing:.12em;padding-left:.12em;margin:0 0 29px}.opening-altitude{font-size:91px}.opening-unit{font-size:22px}.opening-altitude-label{font-size:9px;letter-spacing:2.8px}.opening-status-row{margin-top:28px}.opening-status-row p{font-size:12px}.opening-bottom{padding:22px 6%;align-items:end}.opening-chapters{flex-direction:column;gap:10px}.opening-chapters>span{font-size:10px;gap:8px}.opening-chapters i{font-size:9px}.opening-skip{font-size:11px;gap:10px}.footer-bottom>div{flex-wrap:wrap;justify-content:flex-start;gap:12px 18px}}@media(max-height:650px) and (min-width:761px){.opening-emblem{width:65px;height:65px;margin-bottom:12px}.opening-brand{left:18px;top:21px;width:30px;height:25px}.opening-script{font-size:29px;margin-bottom:12px}.opening h2{font-size:29px;margin-bottom:12px}.opening-altitude{font-size:78px}.opening-status-row{margin-top:15px}}@media(prefers-reduced-motion:reduce){.opening,.opening::backdrop{transition:none}.opening-landscape,.opening-haze,.opening-script,.opening h2,.opening-status-dot,.opening-reveal *{animation:none!important}}