/* Water Never Dies v0.17 — historical horizontal atlas */
:root{--base:#0a1511;--gold:#dcb88a;--paper:#f2eee1;--muted:#bdc9bc;--c-palestine:#d9b17b;--c-empire:#d58b7b;--c-rivers:#7caac4;--c-science:#a8b989;--c-resistance:#d2a9cf}
html{scroll-behavior:smooth}body{background:var(--base);color:var(--paper)}.nav-current{color:var(--gold)!important}
.panorama-hero{display:grid;grid-template-columns:1.04fr .96fr;gap:5vw;min-height:90svh;align-items:center;padding:clamp(64px,7vw,120px) 6vw;background:radial-gradient(ellipse at 80% 40%,#25382c,#0a1511 75%)}.panorama-text{max-width:850px}.panorama-text h1{font-size:clamp(4.2rem,7.2vw,9rem);line-height:.94;margin:25px 0 36px;letter-spacing:-.035em}.panorama-text h1 em{font-weight:400;font-style:normal;color:var(--gold)}.panorama-lead{font:clamp(1.2rem,1.82vw,1.9rem)/1.49 Newsreader,Georgia,serif;margin:0 0 22px}.panorama-lead.subdued{color:#b8c9bc;font-size:clamp(1rem,1.3vw,1.3rem)}.panorama-cta{display:inline-block;margin-top:15px;border:1px solid #cab88d;color:#ebd8b7;padding:14px 22px;text-decoration:none;font-size:.83rem;letter-spacing:.04em}.panorama-cta:hover{background:#d8b582;color:#14241c}.hero-photo-pair{display:grid;grid-template-columns:1fr 1fr;align-self:stretch;max-height:690px;gap:9px;position:relative}.hero-photo-pair figure{margin:0;position:relative;min-height:440px;background:#1d3329;overflow:hidden}.hero-photo-pair figure:nth-child(2){margin-top:70px;margin-bottom:30px}.hero-photo-pair img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.1) brightness(.82)}.hero-photo-pair figcaption{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#07120ffa);padding:40px 15px 17px;font-size:.72rem;color:#e7e8da;line-height:1.4}.photo-stripe{position:absolute;inset:13px auto auto -20px;writing-mode:vertical-rl;transform:rotate(180deg);color:#f0c998;font-size:.6rem;letter-spacing:.15em}
.panorama-stage{padding:90px 0 95px;background:#101c17;scroll-margin-top:65px}.stage-head{padding:0 6vw 40px;max-width:1100px}.stage-head h2{font-size:clamp(3rem,6vw,6.5rem);margin:12px 0 20px}.stage-head p{font:clamp(1.16rem,1.6vw,1.65rem)/1.5 Newsreader,Georgia,serif;color:#d0d9c9}.legend{display:flex;gap:7px;flex-wrap:wrap;padding:0 6vw 25px}.lane-filter,.clear-filter{appearance:none;cursor:pointer;border:1px solid #53685b;border-radius:0;background:#1b2d23;color:#d9e3d6;font-size:.78rem;padding:10px 12px;display:inline-flex;align-items:center;gap:8px}.lane-filter[aria-pressed=true]{background:#f4e7cd;color:#142219;border-color:#f4e7cd}.legend-pip{width:9px;height:9px;border-radius:50%;display:inline-block;background:#ddd}.c-palestine{background:var(--c-palestine)}.c-empire{background:var(--c-empire)}.c-rivers{background:var(--c-rivers)}.c-science{background:var(--c-science)}.c-resistance{background:var(--c-resistance)}.clear-filter{background:transparent}.clear-filter[hidden]{display:none}
.atlas-nav{display:flex;justify-content:space-between;gap:13px;align-items:stretch;border-block:1px solid #64766c;background:#14261c;padding:11px 6vw}.era-pills{display:flex;gap:4px;overflow:auto;scrollbar-width:none}.era-step{appearance:none;border:0;background:transparent;color:#a9bdad;padding:10px 12px;white-space:nowrap;cursor:pointer;font-size:.76rem}.era-step:hover{color:#fff}.era-step.active{background:#c9aa80;color:#15241a;font-weight:750}.nav-controls{display:flex;gap:5px}.nav-controls button{color:#f2ede2;background:#283c30;border:1px solid #53675b;width:40px;font-size:1.1rem;cursor:pointer}
.timeline-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-color:#b29a77 #1a2e22;scrollbar-width:thin;position:relative;max-width:100%;scroll-behavior:smooth}.timeline-scroll:focus-visible{outline:3px solid #dfb782;outline-offset:-3px}.timeline-matrix{width:max-content;display:grid;grid-template-columns:178px repeat(11,338px);grid-template-rows:175px repeat(5,minmax(175px,auto));background:#102016}.era-head{background:#1b3024;padding:27px 22px 22px;border-right:1px solid #4b5e4d;border-bottom:1px solid #6a7968;scroll-margin-inline-start:178px}.era-head .era-date{display:block;color:var(--gold);font-size:.88rem;font-weight:850;letter-spacing:.11em}.era-head h3{font:1.95rem/1.05 Newsreader,Georgia,serif;margin:10px 0}.era-head p{color:#b3c3b5;font-size:.77rem;line-height:1.5;max-width:280px}.era-corner{background:#233b2b;color:#e2c699;position:sticky;left:0;z-index:8;display:flex;flex-direction:column;justify-content:space-between;padding:22px 15px;border-right:2px solid #8b9b80}.era-corner b{font-size:1.05rem}.era-corner span{font-size:.85rem}.lane-label{position:sticky;left:0;z-index:7;padding:28px 16px;border-right:2px solid #788a7d;border-bottom:1px solid #405249;background:#1b3025;display:flex;flex-direction:column;gap:8px}.lane-label strong{font-size:.76rem;line-height:1.4;letter-spacing:.10em}.lane-label span{font-size:.71rem;color:#b8c7b7;line-height:1.45}.lane-label.lane-palestine{border-left:5px solid var(--c-palestine)}.lane-label.lane-empire{border-left:5px solid var(--c-empire)}.lane-label.lane-rivers{border-left:5px solid var(--c-rivers)}.lane-label.lane-science{border-left:5px solid var(--c-science)}.lane-label.lane-resistance{border-left:5px solid var(--c-resistance)}.era-cell{border-right:1px solid #415549;border-bottom:1px solid #415549;background:#0e1c16;padding:12px 12px 16px;display:flex;gap:9px;flex-direction:column;transition:opacity .2s}.era-cell:nth-of-type(2n){background:#122219}.blank{color:#416052;padding:19px;font-size:.85rem}.event{background:#1d3026;border:1px solid #425948;border-left:3px solid #8da694}.lane-palestine .event{border-left-color:var(--c-palestine)}.lane-empire .event{border-left-color:var(--c-empire)}.lane-rivers .event{border-left-color:var(--c-rivers)}.lane-science .event{border-left-color:var(--c-science)}.lane-resistance .event{border-left-color:var(--c-resistance)}.event-main{display:flex;flex-direction:column;padding:13px 14px 11px;text-decoration:none;color:#f7f5e9;gap:7px}.event-photo{width:100%;max-height:135px;object-fit:cover;object-position:center 30%;filter:grayscale(.4);border:1px solid #768777;background:#2a4232}.event-credit{font-size:.57rem;color:#c8d2c7;line-height:1.3}.event-main time{font-size:.71rem;letter-spacing:.08em;font-weight:850;color:#d4b988}.event-main strong{font-size:1rem;line-height:1.25}.event-main span{font-size:.73rem;line-height:1.5;color:#c6d0c1}.event-main i{font-size:.65rem;color:#e8c694;font-style:normal}.event:hover{background:#2c4535;border-color:#c2a87f}.event-source{display:block;border-top:1px solid #526454;font-size:.65rem;color:#aac2ae;padding:7px 14px;text-decoration:none}.event-source:hover{color:#fff}.panorama-stage.focused .era-cell:not(.selected){opacity:.12}.panorama-stage.focused .lane-label:not(.selected){opacity:.38}.panorama-stage.focused .selected{opacity:1;background:#192b22}.timeline-foot{display:flex;justify-content:space-between;gap:15px;font-size:.7rem;color:#b2c1b5;padding:19px 6vw}.under-panorama{padding:clamp(80px,11vw,165px) 7vw;background:radial-gradient(circle at 85% 20%,#304336,#0b1712 72%)}.under-panorama h2{font-size:clamp(3.1rem,6vw,6.5rem);max-width:930px;margin:20px 0 30px}.under-panorama p{font:clamp(1.3rem,2vw,2rem)/1.48 Newsreader,Georgia,serif;max-width:1000px;color:#d9e3d4}.footer-options{display:flex;gap:20px;flex-wrap:wrap;margin-top:40px}.footer-options a{color:#f0d4a8;font-size:.82rem;text-decoration:none;border-bottom:1px solid #aa9975;padding-bottom:7px}.doc-foot{padding:38px 7vw;color:#bdcabe;background:#08120d;font-size:.78rem}.doc-foot a{color:#dab78b}
@media(max-width:950px){.panorama-hero{grid-template-columns:1fr;padding:70px 6vw}.hero-photo-pair{max-height:350px}.hero-photo-pair figure{min-height:300px}.hero-photo-pair figure:nth-child(2){margin-top:30px}.timeline-matrix{grid-template-columns:125px repeat(11,305px);grid-template-rows:155px repeat(5,minmax(140px,auto))}.era-head{scroll-margin-inline-start:125px}.lane-label{padding:19px 9px}.lane-label span{font-size:.65rem}.era-head h3{font-size:1.7rem}.era-corner{padding:18px 8px}}@media(max-width:620px){.panorama-text h1{font-size:clamp(3.7rem,13vw,6rem)}.panorama-hero{padding:55px 6vw}.hero-photo-pair figure{min-height:230px}.hero-photo-pair figcaption{font-size:.55rem}.timeline-matrix{grid-template-columns:90px repeat(11,285px);grid-template-rows:165px repeat(5,minmax(140px,auto))}.era-head{scroll-margin-inline-start:90px;padding:20px 15px}.era-head h3{font-size:1.5rem}.era-head p{font-size:.71rem}.lane-label{padding:16px 5px}.lane-label strong{font-size:.64rem;overflow-wrap:anywhere}.lane-label span{font-size:.58rem;line-height:1.35}.era-cell{padding:7px}.event-main{padding:10px}.event-main strong{font-size:.95rem}.event-main span{font-size:.71rem}.timeline-foot span:nth-child(2){display:none}.stage-head{padding-inline:6vw}.legend{padding-inline:6vw}.atlas-nav{padding-inline:2vw}.era-step{padding-inline:9px}}@media(prefers-reduced-motion:reduce){html,.timeline-scroll{scroll-behavior:auto}}