:root{--ink: #0a1422;--cream: #ece5d3;--cream-soft: rgba(236, 229, 211, .62);--cream-faint: rgba(236, 229, 211, .22);--brass: #c9963f;--brass-bright: #e8b75a;--display: "Italiana", serif;--body: "Newsreader", serif;--mono: "Fragment Mono", monospace;--pad: clamp(1.25rem, 3.5vw, 3.2rem)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--ink);color:var(--cream);font-family:var(--body);font-weight:300;overflow:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--brass);color:var(--ink)}button{background:none;border:0;color:inherit;cursor:pointer;font:inherit}.mono{font-family:var(--mono);font-size:clamp(.58rem,.78vw,.74rem);letter-spacing:.14em;text-transform:uppercase}#chart{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.grain{position:fixed;top:-100px;right:-100px;bottom:-100px;left:-100px;z-index:90;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .9s steps(4) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-40px,30px)}50%{transform:translate(30px,-45px)}75%{transform:translate(-25px,-20px)}to{transform:translate(0)}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--ink);display:grid;place-content:center;gap:1.4rem;text-align:center}.loader__mark{position:relative;padding:2.5rem 0}.loader__meridian{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--brass);transform:scaleY(0);transform-origin:top center}.loader__word{font-family:var(--display);font-size:clamp(2.6rem,7vw,4.6rem);letter-spacing:.34em;text-indent:.34em;background:var(--ink);padding:.2em .4em;position:relative}.loader__line{color:var(--cream-soft)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,2.4vh,1.8rem);text-align:center;padding:var(--pad);background:radial-gradient(120% 90% at 50% 110%,#0a142200,#0a1422d1 62%),#0a142259}.intro__no{color:var(--brass)}.intro__title{font-family:var(--display);font-weight:400;font-size:clamp(4rem,16vw,13rem);line-height:.95;letter-spacing:.18em;text-indent:.18em}.intro__tagline{font-size:clamp(1.2rem,2.4vw,1.9rem);font-style:normal;color:var(--cream-soft)}.intro__tagline em{color:var(--cream);font-style:italic}.intro__data{list-style:none;display:flex;gap:clamp(1.2rem,4vw,3rem);color:var(--cream-soft);flex-wrap:wrap;justify-content:center}.intro__data li+li:before{content:"·";margin-right:clamp(1.2rem,4vw,3rem);color:var(--brass)}.intro__cta{margin-top:clamp(.6rem,2vh,1.6rem);display:inline-flex;align-items:center;gap:.9rem;padding:1.05rem 2.2rem;border:1px solid var(--brass);border-radius:999px;color:var(--brass-bright);transition:background .45s,color .45s}.intro__cta:hover{background:var(--brass);color:var(--ink)}.intro__cta-arrow{font-family:var(--body);font-size:1.05rem}.bar{position:fixed;top:0;left:0;right:0;z-index:60;padding:clamp(1rem,2.4vh,1.8rem) var(--pad);display:flex;justify-content:space-between;align-items:baseline;pointer-events:none}.bar__logo{font-family:var(--display);font-size:1.25rem;letter-spacing:.3em;pointer-events:auto}.bar__pos{color:var(--cream-soft);font-variant-numeric:tabular-nums}.index{position:fixed;left:var(--pad);bottom:clamp(3.4rem,7vh,4.6rem);z-index:60}.index__head{color:var(--brass);margin-bottom:.7rem}.index__list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.index__item{display:flex;gap:.8rem;align-items:baseline;color:var(--cream-soft);padding:.12rem 0;transition:color .3s}.index__item:hover,.index__item:focus-visible{color:var(--cream)}.index__item.is-active{color:var(--brass-bright)}.index__item .index__name{font-family:var(--body);font-size:.95rem;text-transform:none;letter-spacing:0}.hint{position:fixed;right:var(--pad);bottom:clamp(3.4rem,7vh,4.6rem);z-index:60;color:var(--cream-soft);text-align:right}.foot{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:space-between;padding:.9rem var(--pad);color:var(--cream-faint);pointer-events:none}.chart-label{position:fixed;top:0;left:0;z-index:55;display:flex;gap:.55rem;align-items:baseline;color:var(--cream);background:#0a14228c;border:1px solid rgba(201,150,63,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.38rem .65rem;opacity:0;transition:background .3s,border-color .3s;white-space:nowrap}.chart-label:hover{background:#c9963feb;color:var(--ink);border-color:transparent}.chart-label .chart-label__no{color:var(--brass-bright)}.chart-label:hover .chart-label__no{color:var(--ink)}.pin-label{position:fixed;top:0;left:0;z-index:65;color:var(--ink);background:var(--cream);padding:.4rem .7rem;pointer-events:none;opacity:0;white-space:nowrap}.panel{position:fixed;z-index:70;right:var(--pad);top:50%;width:min(420px,calc(100vw - 2 * var(--pad)));transform:translateY(-50%);padding:clamp(1.6rem,3vh,2.4rem);background:#0a1422c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(201,150,63,.35);visibility:hidden}.panel__no{color:var(--brass);margin-bottom:1.1rem}.panel__name{font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1;margin-bottom:.8rem}.panel__coords{color:var(--cream-soft);margin-bottom:1.4rem}.panel__desc{font-size:clamp(1.02rem,1.4vw,1.16rem);line-height:1.6;color:var(--cream-soft);margin-bottom:1.4rem}.panel__desc em{color:var(--cream)}.panel__fact{color:var(--brass-bright);border-top:1px solid var(--cream-faint);padding-top:1.1rem;margin-bottom:1.6rem}.panel__nav{display:flex;justify-content:space-between;gap:.8rem}.panel__btn{color:var(--cream-soft);transition:color .3s;padding:.4rem 0}.panel__btn:hover{color:var(--brass-bright)}.panel__btn--up{color:var(--brass)}[data-state=chart] .hint,[data-state=chart] .index{opacity:1}.panel,.intro,.hint,.index,.bar,.foot{transition:opacity .6s}.is-hidden{opacity:0!important;pointer-events:none!important;visibility:hidden}@media(max-width:720px){.panel{right:0;left:0;top:auto;bottom:0;width:100%;transform:none;border-left:0;border-right:0;border-bottom:0;padding-bottom:1.4rem}.index{display:none}.hint{bottom:auto;top:4.2rem;right:var(--pad)}.foot p:last-child{display:none}}@media(prefers-reduced-motion:reduce){.grain{animation:none}}