@layer site{.atlas-page{background:#090b0b}.atlas-intro{padding-block:clamp(40px,6vw,88px) clamp(28px,3.5vw,48px);text-align:center}.atlas-intro h2{font:600 clamp(36px,4.6vw,68px)/1.04 var(--serif);letter-spacing:-.018em;text-wrap:balance}.atlas-intro>p:not(.atlas-count){max-width:560px;margin:16px auto 0;font-size:clamp(16px,1.4vw,19px);line-height:1.45;color:#f6f2eac7}.atlas-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}.atlas-filters button{min-height:44px;padding:0 22px;border:1px solid rgba(246,242,234,.22);border-radius:999px;background:#f6f2ea14;color:#f6f2ea;font-size:15px;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}.atlas-filters button:hover{background:#f6f2ea29;border-color:#f6f2ea66}.atlas-filters button[aria-pressed=true]{background:#f6f2ea;border-color:#f6f2ea;color:#17151c}.atlas-filters button:focus-visible,.atlas-index a:focus-visible,.ways a:focus-visible{outline:2px solid #f0f0de;outline-offset:3px}.atlas-count{margin-top:16px;font-size:13px;letter-spacing:.04em;color:#f6f2ea99}.atlas-index{position:sticky;top:68px;z-index:20;padding:8px var(--gutter);background:#090b0bd6;border-block:1px solid rgba(246,242,234,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.atlas-index ul{display:flex;justify-content:center;gap:4px clamp(2px,1vw,10px);max-width:900px;margin-inline:auto}.atlas-index li{flex:0 1 auto;min-width:0}.atlas-index a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px 0 6px;border-radius:999px;color:#f6f2eab8;font-size:14px;text-decoration:none;transition:background-color .3s var(--ease),color .3s var(--ease)}.atlas-index a:hover{color:#f6f2ea;background:#f6f2ea14}.atlas-index a[aria-current=true]{color:#17151c;background:#f6f2ea}.atlas-index img{width:32px;height:32px;border-radius:50%;flex:none;box-shadow:0 0 0 1.5px #f6f2ea4d}.atlas-band{position:relative;isolation:isolate;overflow:clip;padding-block:clamp(88px,10vw,160px);background:#090b0b;scroll-margin-top:56px}.band-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover}@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.atlas-band{view-timeline:--band block}.band-art{scale:1.16;animation:band-depth linear;animation-timeline:--band;animation-range:cover}}}@keyframes band-depth{0%{translate:0 -7%}to{translate:0 7%}}.band-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090b0b2e 0,#090b0b9e 45%,#090b0bdb),linear-gradient(180deg,#090b0b 0,#090b0b1a 22% 70%,#090b0b)}.atlas-band.is-flipped .band-shade{background:linear-gradient(270deg,#090b0b2e 0,#090b0b9e 45%,#090b0bdb),linear-gradient(180deg,#090b0b 0,#090b0b1a 22% 70%,#090b0b)}.band-inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);align-items:start}.atlas-band.is-flipped .band-inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.atlas-band.is-flipped .band-head{order:2}.atlas-band.is-flipped .band-map{order:1}.band-head{position:sticky;top:150px;min-width:0}.band-emblem{width:clamp(64px,6vw,92px);height:auto;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 1.5px #f6f2ea73,0 0 60px #fff0dc38}.band-character{margin-top:clamp(20px,2.4vw,32px);font:650 12px/1.2 var(--body);letter-spacing:.2em;text-transform:uppercase;color:#f6f2eac7}.band-head{container-type:inline-size}.band-head h2{margin-top:10px;font:600 min(clamp(68px,10.5vw,170px),23cqi)/.92 var(--serif);letter-spacing:-.03em;text-shadow:0 2px 40px rgba(0,0,0,.4);overflow-wrap:normal;word-break:keep-all;hyphens:none;white-space:nowrap}.band-line{max-width:360px;margin-top:clamp(16px,2vw,26px);font:600 clamp(20px,1.9vw,27px)/1.2 var(--serif);letter-spacing:-.01em;color:#f6f2eaeb;text-wrap:balance}.band-number{margin-top:clamp(20px,2.4vw,32px);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#f6f2ea80}.band-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3.5vw,52px) clamp(24px,3vw,48px);min-width:0;align-content:start}.map-mood{padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid rgba(246,242,234,.28);font:650 12px/1.2 var(--body);letter-spacing:.2em;text-transform:uppercase;color:#f6f2eac7}.map-group ul li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding-block:6px;border-bottom:1px solid rgba(246,242,234,.1)}.map-group ul li[hidden]{display:none}.scene-title{min-width:0;font:600 clamp(21px,1.8vw,26px)/1.12 var(--serif);letter-spacing:-.012em;text-wrap:balance}.scene-play{flex:none;min-height:36px;padding:0 14px;gap:8px;border:1px solid rgba(246,242,234,.22);background:#f6f2ea1a;font-size:13px}.scene-play:hover{background:#f6f2ea2e}.scene-play[aria-pressed=true]{background:#f6f2ea;border-color:#f6f2ea;color:#17151c}.scene-play:focus-visible{outline:2px solid #f0f0de;outline-offset:3px}.ways{padding-block:clamp(72px,9vw,140px)}.ways h2{text-align:center;font:600 clamp(36px,4.6vw,68px)/1.04 var(--serif);letter-spacing:-.018em}.ways ul{max-width:900px;margin:clamp(28px,4vw,56px) auto 0;border-top:1px solid rgba(246,242,234,.16)}.ways a{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);padding:clamp(14px,1.8vw,22px) 4px;border-bottom:1px solid rgba(246,242,234,.16);color:#f6f2ea;text-decoration:none}.way-art{width:clamp(56px,6vw,84px);height:auto;aspect-ratio:1;flex:none;border-radius:clamp(12px,1.4vw,18px);object-fit:cover;box-shadow:0 0 0 1.5px #ffffff24}.way-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.way-name{font:600 clamp(32px,4.4vw,60px)/1 var(--serif);letter-spacing:-.018em;transition:transform .4s var(--ease)}.way-tagline{font-size:clamp(14px,1.3vw,17px);color:#f6f2eab3}.way-arrow{flex:none;width:12px;height:12px;margin-right:6px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);opacity:.55;transition:transform .4s var(--ease),opacity .4s var(--ease)}.ways a:hover .way-name{transform:translate(6px)}.ways a:hover .way-arrow{transform:translate(6px) rotate(45deg);opacity:1}}@media(max-width:1000px){.band-inner,.atlas-band.is-flipped .band-inner{grid-template-columns:1fr;gap:36px}.atlas-band.is-flipped .band-head,.atlas-band.is-flipped .band-map{order:0}.band-head{position:static}.band-shade,.atlas-band.is-flipped .band-shade{background:linear-gradient(180deg,#090b0b 0,#090b0b59 14%,#090b0bb3 40%,#090b0be0,#090b0b)}.band-head h2{font-size:clamp(68px,17vw,150px)}}@media(max-width:700px){.atlas-index{top:60px;padding-inline:8px}.atlas-index ul{gap:0;justify-content:space-between}.atlas-index a{padding:0 5px}.atlas-index-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.atlas-index img{width:34px;height:34px}.band-map{grid-template-columns:minmax(0,1fr)}}@media(max-width:360px){.scene-play{padding:0 10px;gap:6px}}@media(prefers-reduced-motion:reduce){.way-name,.way-arrow{transition:none}.ways a:hover .way-name{transform:none}}