:root{--bg:#14234f;--surface:#1f2f8c;--text:#fbf6e6;--text2:#bfd7ee;--accent:#f2c53d}*{box-sizing:border-box;margin:0}html{background:var(--bg);color:var(--text)}body{font-family:Nunito Sans,system-ui,sans-serif;overflow-x:hidden}h1,h2,.name{font-family:Lora,Georgia,serif;font-style:italic}.hero{text-align:center;place-content:center;height:100svh;display:grid;position:relative;overflow:hidden}.sky{object-fit:cover;width:100%;height:100%;animation:30s ease-in-out infinite alternate kenburns;position:absolute;inset:0}.hero:after{content:"";background:radial-gradient(ellipse at center, #14234fcc, #14234f55 75%), linear-gradient(transparent 55%, var(--bg));position:absolute;inset:0}.title,.tagline,.hint{z-index:1;position:relative}.title{letter-spacing:-.03em;text-shadow:0 8px 40px #0008;font-size:clamp(2.5rem,14vw,12rem);line-height:.95}.title span{display:inline-block}.title span:last-child{color:var(--accent)}.tagline{color:var(--text2);margin-top:1rem;font-size:clamp(1.1rem,2.2vw,1.6rem)}.hint{letter-spacing:.3em;text-transform:uppercase;opacity:.6;font-size:.8rem;position:absolute;bottom:2rem;left:0;right:0}@keyframes kenburns{to{transform:scale(1.06)}}.gallery{padding:12vh 0 6vh}.intro{justify-content:space-between;align-items:flex-end;gap:4vw;margin-bottom:3rem;padding:0 6vw;display:flex}.aside{gap:1.5rem;max-width:34ch;display:grid}.track{scrollbar-width:none;overscroll-behavior-x:contain;gap:3vw;padding:0 6vw 1rem;scroll-padding:0 6vw;display:flex;overflow-x:auto}.track::-webkit-scrollbar{display:none}.kicker{color:var(--accent);letter-spacing:.25em;text-transform:uppercase;font-size:.8rem;font-weight:700}.intro h2{letter-spacing:-.02em;max-width:12ch;margin-top:.6rem;font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.02}.aside p{color:var(--text2);line-height:1.6}.card{scroll-snap-align:start;flex:0 0 min(70vw,1100px)}.frame img{transition:transform .6s}.card:hover .frame img{transform:scale(1.03)}.frame{aspect-ratio:16/9;border:1px solid #2e54b880;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px #0009}.frame img{object-fit:cover;width:100%;height:100%;display:block}figcaption{justify-content:space-between;align-items:baseline;padding:1rem .25rem;display:flex}.name{font-size:1.6rem}.season{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.9rem}.arrows{gap:.75rem;display:flex}.arrows button{background:var(--surface);width:3rem;height:3rem;color:var(--text);cursor:pointer;border:1px solid #2e54b8;border-radius:50%;font-size:1.2rem;transition:background .2s,color .2s}.arrows button:hover{background:var(--accent);color:var(--bg)}.stats{border-block:1px solid #2e54b850;grid-template-columns:repeat(4,1fr);gap:2rem;padding:10vh 6vw;display:grid}.num{color:var(--accent);font-variant-numeric:tabular-nums;font-family:Lora,Georgia,serif;font-size:clamp(2.5rem,6vw,5rem);font-style:italic}.unit{color:var(--accent);margin-left:.2em;font-family:Lora,Georgia,serif;font-size:1.5rem;font-style:italic}.stats p{color:var(--text2);text-transform:uppercase;letter-spacing:.15em;margin-top:.4rem;font-size:.8rem}.features{gap:18vh;padding:14vh 6vw;display:grid}.feature{grid-template-columns:1fr 1fr;align-items:center;gap:6vw;display:grid}.feature.flip .copy{order:2}.copy{max-width:30rem}h3{letter-spacing:-.02em;margin:.6rem 0 1.2rem;font-family:Lora,Georgia,serif;font-size:clamp(2rem,4vw,3.4rem);font-style:italic;line-height:1.05}.copy>p:last-child{color:var(--text2);font-size:1.1rem;line-height:1.7}.paper{color:#1a1c33;background:#f3e9c8;border-radius:18px;padding:2rem;transform:rotate(-1.5deg);box-shadow:0 30px 80px #0008}.flip .paper{transform:rotate(1.5deg)}.paper-k{text-transform:uppercase;letter-spacing:.2em;color:#1a1c33a6;margin-bottom:1.2rem;font-size:.75rem;font-weight:700}.times{justify-content:space-between;align-items:center;gap:1rem;display:flex}.times div{display:grid}.times div span:not(.big){color:#1a1c33a6;font-size:.85rem}.big{color:#b8323a;font-variant-numeric:tabular-nums;font-family:Lora,Georgia,serif;font-size:clamp(2.2rem,4vw,3.5rem);font-style:italic;font-weight:700}.arrow{color:#1f2f8c;font-size:2rem}.legs{gap:.5rem;margin-top:1.5rem;padding-left:1.2rem;line-height:1.5;display:grid}.legs b{color:#1f2f8c;margin-right:.4rem}.grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.grid dt,.dir dt{text-transform:uppercase;letter-spacing:.12em;color:#1a1c33a6;font-size:.75rem}.grid dd{margin:.2rem 0 0;font-family:Lora,Georgia,serif;font-size:1.8rem;font-style:italic;font-weight:700}.pins{gap:.75rem;display:grid}.pin{background:#fffaf0;border-radius:12px;align-items:center;gap:.9rem;padding:.9rem 1rem;font-weight:700;display:flex}.pin .dot{color:#f2c53d;text-shadow:0 0 1px #1a1c33}.pin .region{color:#1a1c33a6;margin-left:auto;font-size:.9rem;font-weight:400}.directory{padding:6vh 6vw 14vh}.dir-head h2{letter-spacing:-.02em;margin:.6rem 0 3rem;font-size:clamp(2.2rem,5vw,4.5rem)}.dir{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;padding:0;list-style:none;display:grid}.dir li{background:var(--surface);border:1px solid #2e54b880;border-radius:16px;padding:1.4rem;transition:transform .3s,border-color .3s}.dir li:hover{border-color:var(--accent);transform:translateY(-4px)}.dir-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.dir .name{font-size:1.35rem}.badge{letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:var(--accent);white-space:nowrap;border-radius:99px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.dir .region{color:var(--text2);margin:.2rem 0 1.2rem;font-size:.9rem}.dir dl{grid-template-columns:1.3fr 1fr;gap:.9rem;display:grid}.dir dt{color:#bfd7eeaa}.dir dd{font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-weight:700}.cta{text-align:center;place-content:center;gap:1rem;min-height:70svh;padding:0 16px;display:grid}.cta h2{font-size:clamp(2.2rem,6vw,5rem)}.cta p{color:var(--text2);font-size:1.2rem}@media (width<=700px){.track{scroll-snap-type:x mandatory;padding:0 16px 1rem;scroll-padding:0 16px}.card{flex-basis:85vw}.intro{flex-direction:column;align-items:flex-start;gap:1rem;padding:0 16px}.arrows{display:none}.stats{grid-template-columns:1fr 1fr;padding:8vh 16px}.features{gap:12vh;padding:10vh 16px}.feature{grid-template-columns:1fr;gap:2.5rem}.feature.flip .copy{order:0}.paper{padding:1.4rem}.directory{padding:4vh 16px 10vh}}@media (prefers-reduced-motion:reduce){.sky{animation:none}}
