@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#0c1513;--ink2:#13231e;--paper:#eee5cf;--cream:#f8f2e3;--gold:#e0b45c;--gold2:#a87826;--line:rgba(221,190,118,.52);--muted:#afb7a1;--teal:#75a692;--saga:#d97e67}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(circle at 18% 8%,rgba(52,103,80,.46),transparent 27rem),radial-gradient(circle at 92% 46%,rgba(184,126,47,.19),transparent 31rem),linear-gradient(135deg,#0a100e,#14231e 50%,#0d1512)}a{color:inherit;text-decoration:none}main{max-width:1600px;margin:auto;padding:0 clamp(1rem,4vw,5rem) 6rem}.intro{position:relative;max-width:890px;padding:clamp(5rem,11vw,10rem) 0 4rem}.intro:after{content:"";position:absolute;width:min(57vw,670px);height:1px;bottom:1.5rem;left:0;background:linear-gradient(90deg,var(--gold),transparent)}.eyebrow{font:700 .65rem/1 Cinzel,serif;letter-spacing:.19em;text-transform:uppercase;color:var(--gold);margin:0 0 1rem}.intro h1{margin:0;font:700 clamp(3.6rem,10vw,8.5rem)/.87 Cinzel,serif;letter-spacing:-.06em;text-shadow:0 10px 40px #000}.intro h1 span{color:var(--teal)}.intro-copy{max-width:630px;margin:1.8rem 0;color:#d3d9c9;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:2rem;font-size:.8rem;color:var(--muted)}.primary-action{display:inline-flex;gap:.8rem;align-items:center;padding:.75rem 1rem;border:1px solid var(--gold);background:rgba(224,180,92,.08);font-weight:700;color:var(--gold);transition:.25s}.primary-action:hover{background:var(--gold);color:var(--ink);transform:translateY(-2px)}.primary-action b{font-size:1rem}.controls{display:flex;justify-content:space-between;align-items:center;gap:1.3rem;margin-top:2rem;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filter-row{display:flex;flex-wrap:wrap;gap:.45rem}.filter{border:1px solid var(--fc,rgba(238,229,207,.25));background:transparent;color:#d7ddcf;padding:.42rem .65rem;font:600 .68rem Manrope,sans-serif;cursor:pointer;transition:.2s}.filter:hover{background:rgba(255,255,255,.08)}.filter.active{background:var(--fc,var(--cream));border-color:var(--fc,var(--cream));color:var(--ftc,var(--ink))}.search{position:relative;min-width:min(260px,100%)}.search input{width:100%;padding:.62rem 2.1rem .62rem .75rem;background:rgba(4,10,8,.52);border:1px solid rgba(238,229,207,.3);color:white;font:500 .78rem Manrope,sans-serif;outline:0}.search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(224,180,92,.16)}.search kbd{position:absolute;right:.55rem;top:.5rem;color:#839183;font:600 .65rem Manrope}.map{display:grid;gap:0}.lane{position:relative;min-width:0;padding:1.35rem 0 2.6rem;opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.lane.visible{opacity:1;transform:none}.lane:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;width:calc(100% - 32px);height:1px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px)}.lane-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:0 0 .8rem}.lane-title{margin:0;font:700 clamp(1rem,2vw,1.5rem)/1.2 Cinzel,serif;color:var(--gold)}.lane-number{color:var(--muted);font:600 .67rem Cinzel,serif;letter-spacing:.12em}.lane-track{display:flex;gap:1rem;overflow-x:auto;padding:.7rem .2rem 1.2rem;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--gold2) transparent}.lane-track::-webkit-scrollbar{height:5px}.lane-track::-webkit-scrollbar-thumb{background:var(--gold2)}.story-group{position:relative;display:flex;gap:.48rem;padding:1rem .5rem .45rem;border-top:1px solid rgba(224,180,92,.45);scroll-snap-align:start}.group-title{position:absolute;top:-.1rem;left:.5rem;transform:translateY(-50%);padding:0 .35rem;background:var(--ink2);color:#e7cf91;font:700 .54rem Cinzel,serif;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.story-group.bridge-group{border-top-style:dashed;border-color:var(--gold2);background:rgba(224,180,92,.055)}.bridge-group .group-title{color:var(--gold)}.map-card{--rx:0deg;--ry:0deg;position:relative;flex:0 0 clamp(90px,9.1vw,125px);display:block;overflow:hidden;background:#101a16;border:1px solid rgba(238,229,207,.23);box-shadow:0 9px 18px rgba(0,0,0,.3);transform:perspective(700px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .17s ease,box-shadow .25s,border-color .25s;will-change:transform}.map-card:hover,.map-card:focus-visible{z-index:2;border-color:var(--gold);box-shadow:0 19px 32px rgba(0,0,0,.48),0 0 0 1px rgba(224,180,92,.4);outline:0}.map-card img,.no-cover{display:block;width:100%;height:auto;aspect-ratio:352/500;object-fit:cover}.no-cover{display:grid;place-items:center;padding:.7rem;background:#26352d;color:#ccd2bf;text-align:center;font-size:.67rem}.card-caption{display:block;min-height:47px;padding:.35rem .42rem .45rem;color:#f2ecdc;font-size:.62rem;font-weight:700;line-height:1.22}.card-caption small{display:block;margin-bottom:.2rem;color:#86ad99;font:700 .48rem Cinzel,serif;letter-spacing:.06em;text-transform:uppercase}.saga-card .card-caption small{color:#f19c87}.badge{position:absolute;top:.32rem;right:.32rem;padding:.18rem .27rem;background:var(--bc,var(--teal));color:var(--btc,#0a1712);font:800 .44rem Cinzel,serif;letter-spacing:.04em}.map-card[hidden],.story-group.empty{display:none}.empty-state{grid-column:1/-1;padding:2rem 0;color:var(--muted);font-size:.85rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@supports(animation-timeline:view()){.lane{animation:reveal linear both;animation-timeline:view();animation-range:entry 5% cover 25%}@keyframes reveal{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}}@media(max-width:700px){.intro{padding:4.5rem 0 3.5rem}.controls{align-items:stretch;flex-direction:column}.search{min-width:0}.lane{padding-bottom:2.2rem}.story-group{gap:.4rem}.map-card{flex-basis:104px}.lane-track{margin-right:-1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lane,.map-card,.primary-action{animation:none!important;transition:none!important;transform:none!important}}