:root{--bg:#100e0b;--panel:#17130f;--ink:#f0e6d2;--dim:#a99b87;--line:#393027;--fire:#f06a2a;--gold:#d7a448;--sea:#182b31;--land:#5d4b37;--young:#84694a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.topbar{height:70px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.16em}.topbar a,footer a,.hero a,.sources a{color:var(--ink);text-underline-offset:5px}.topbar a{text-decoration:none}.topbar a span,.index,.eyebrow,.tag{color:var(--fire)}.hero{min-height:calc(100svh - 70px);position:relative;overflow:hidden}.hero-map{position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,#59321b 0,transparent 30%),linear-gradient(120deg,#17110c,#080d0f)}.coast{position:absolute;inset:6% -10% -32% 26%;background:#423426;clip-path:polygon(0 24%,28% 8%,58% 12%,76% 0,100% 7%,100% 100%,0 100%);border-top:1px solid #8d6d4d}.caspian{position:absolute;right:3vw;top:31%;writing-mode:vertical-rl;color:#8fadb6;font:10px/1 Manrope;letter-spacing:.35em}.flare{position:absolute;width:7px;height:140px;background:linear-gradient(0deg,var(--fire),#ffd477 55%,transparent);border-radius:50%;filter:blur(.5px);transform-origin:bottom;animation:burn 2.2s ease-in-out infinite alternate}.f1{left:59%;bottom:29%;transform:rotate(13deg)}.f2{left:65%;bottom:27%;height:90px;animation-delay:-.8s}.f3{left:71%;bottom:26%;height:115px;transform:rotate(-11deg);animation-delay:-1.4s}@keyframes burn{to{height:180px;filter:blur(2px)}}.hero-copy{position:relative;z-index:2;padding:11vh 4vw 7vw;max-width:1060px}.hero h1{font-size:clamp(58px,9.2vw,140px);line-height:.78;letter-spacing:-.07em;margin:.2em 0}.hero h1 em{font:italic 400 1.05em 'PT Serif',serif;color:var(--gold)}.hero-copy>p:not(.eyebrow){max-width:680px;font:19px/1.65 'PT Serif',serif;color:#d0c2ac}.hero a{display:inline-block;margin-top:22px}.index,.eyebrow,.tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase}.thesis,.section-cut,.oil,.sources{padding:8vw 4vw;display:grid;grid-template-columns:1fr 3fr;gap:4vw;border-top:1px solid var(--line)}h2{font-size:clamp(46px,6vw,92px);line-height:.91;letter-spacing:-.055em;margin:0 0 35px}.thesis h2 em{font:italic 400 .7em 'PT Serif',serif;color:var(--gold)}.thesis div>p,.section-cut div>p,.oil div>p{max-width:900px;font:20px/1.7 'PT Serif',serif;color:#c8bba7}.atlas,.ateshgah,.yanar{padding:8vw 4vw;border-top:1px solid var(--line);background:var(--panel)}.section-head{display:flex;justify-content:space-between;gap:30px;margin-bottom:35px}.section-head>p:last-child{max-width:620px;color:var(--dim);font-size:12px;line-height:1.6}.layer-controls,.mode-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.layer-controls button,.mode-switch button{min-height:44px;border:1px solid var(--line);background:#100e0b;color:var(--dim);padding:11px 16px;font:11px Manrope;letter-spacing:.06em;cursor:pointer}.layer-controls button[aria-pressed=true],.mode-switch button[aria-pressed=true]{color:var(--ink);border-color:var(--fire);background:#26170f}.map-grid{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(260px,1fr);gap:1px;background:var(--line)}.map-wrap,#place-card{background:#0d1212}.map-wrap svg{display:block;width:100%;height:auto;min-height:440px}.sea{fill:var(--sea)}.land{fill:var(--land)}.young{fill:var(--young);opacity:.75}.fold{fill:none;stroke:#b99365;stroke-width:3;stroke-dasharray:9 8}.sea-label{fill:#76919a;font-size:10px;letter-spacing:.35em}.point{cursor:pointer;transition:opacity .2s}.point.hidden{opacity:0;pointer-events:none}.point circle{fill:#111;stroke:var(--ink);stroke-width:1.5}.point text{fill:var(--ink);font-size:11px;text-anchor:middle}.point .label{text-anchor:start;font:10px Manrope;paint-order:stroke;stroke:#111;stroke-width:4px;letter-spacing:.04em}.point.fire circle{stroke:var(--fire)}.point.mud circle{stroke:var(--gold)}.point:focus{}.point:focus circle{stroke:#fff;stroke-width:4}#place-card{padding:38px}#place-card h3,#inscription h3,#mode-copy h3{font-size:27px;line-height:1.1}#place-card p:last-child,#inscription p:last-child,#mode-copy p{font:16px/1.65 'PT Serif',serif;color:#bfb2a0}.cut{height:430px;max-width:900px;position:relative;overflow:hidden;background:linear-gradient(#493a2d 0 9%,#7c6246 9% 24%,#554332 24% 48%,#372e27 48% 74%,#241f1c 74%);border:1px solid var(--line);margin-bottom:25px}.cut .cone{position:absolute;left:30%;top:0;width:40%;height:37%;padding-top:28px;text-align:center;background:#78624b;clip-path:polygon(50% 0,100% 100%,0 100%);color:#eee;font-size:11px}.cut .pipe{position:absolute;left:47%;top:28%;width:6%;height:52%;background:#291f1a;writing-mode:vertical-rl;text-align:center;padding:25px 14px;color:#d9b884;font-size:10px}.cut .reservoir{position:absolute;left:25%;right:25%;bottom:11%;padding:22px;text-align:center;border:2px dashed var(--gold);border-radius:50%;color:#f2cc84}.cut i{position:absolute;left:49%;bottom:15%;height:58%;border-left:3px solid var(--fire)}.cut b{position:absolute;left:55%;bottom:42%;color:var(--fire);font-size:11px;letter-spacing:.14em}.yanar{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.flame-wall{min-height:570px;position:relative;background:linear-gradient(170deg,#564431 0 48%,#19130f 49%);overflow:hidden}.flame-wall i{position:absolute;bottom:0;width:15%;height:58%;background:linear-gradient(0deg,#e94c1b,#ffb52c 55%,transparent);filter:blur(3px);clip-path:polygon(50% 0,85% 50%,100% 100%,0 100%,12% 55%)}.flame-wall i:nth-child(2){left:18%;height:74%}.flame-wall i:nth-child(3){left:39%;height:48%}.flame-wall i:nth-child(4){left:60%;height:82%}.flame-wall i:nth-child(5){left:82%;height:60%}.yanar article p{font:18px/1.65 'PT Serif',serif;color:#c7baa6}.verdict{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.55}.verdict b{color:#77b58a;font-size:9px;letter-spacing:.14em}.verdict.uncertain b{color:var(--gold)}.temple-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:4vw}.temple{min-height:550px;background:#12100d;padding:45px}.court{position:relative;width:100%;height:460px;border:36px solid #6c5841;clip-path:polygon(12% 0,88% 0,100% 35%,87% 100%,13% 100%,0 35%)}.altar{position:absolute;left:42%;top:39%;width:16%;height:22%;border:5px solid var(--gold);display:grid;place-items:center;font-size:9px}.court button{position:absolute;width:48px;height:48px;border-radius:50%;border:2px solid var(--fire);background:#17110d;color:var(--ink);cursor:pointer}.court button:nth-of-type(1){left:7%;top:18%}.court button:nth-of-type(2){right:7%;top:34%}.court button:nth-of-type(3){left:18%;bottom:6%;font-size:22px}.identity{margin-top:7vw}.mode-switch{margin-top:25px}#mode-copy{max-width:850px;border-left:2px solid var(--fire);padding-left:28px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:40px 0}.timeline article{background:var(--panel);padding:27px;min-height:210px}.timeline time{font-size:30px;color:var(--gold)}.timeline p{font:14px/1.55 'PT Serif',serif;color:#b8aa97;margin-top:50px}.note{font-size:16px!important}.source-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.source-list article{background:var(--panel);padding:28px}.source-list h3{font-size:19px}.source-list p,.credit{font-size:12px;line-height:1.8;color:var(--dim)}.credit{max-width:1000px;margin-top:35px}.sources a{overflow-wrap:anywhere}footer{padding:35px 4vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:800px){.topbar{padding:0 5vw}.topbar>span{display:none}.hero-copy{padding:12vh 5vw}.hero h1{font-size:16vw}.hero-copy>p:not(.eyebrow){font-size:17px}.thesis,.section-cut,.oil,.sources{grid-template-columns:1fr;padding:17vw 5vw}.atlas,.ateshgah,.yanar{padding:17vw 5vw}.section-head{display:block}.map-grid,.yanar,.temple-grid{grid-template-columns:1fr}.map-wrap{overflow-x:auto}.map-wrap svg{width:760px}.flame-wall{min-height:85vw}.temple{padding:15px;min-height:auto}.court{height:110vw;border-width:25px}.timeline,.source-list{grid-template-columns:1fr}.timeline article{min-height:160px}.timeline p{margin-top:25px}.verdict{grid-template-columns:1fr}.layer-controls button,.mode-switch button{flex:1 1 140px}.caspian{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.flare{animation:none}}
/* тач-цели: минимум 24 px (WCAG 2.5.8). Строчным ссылкам растим область
   нажатия вертикальным отступом, а не display:flex — флекс разложил бы
   «● ИНТЕРЕСНОЕ ТУТ» и ссылки с <i> внутри на отдельные элементы и порвал
   строку на части. */
.topbar a,.hero a,.sources a,footer a{min-height:24px;padding-block:7px}
/* Радиус точек задан атрибутом в app.js: свойство r в CSS понимают не все
   версии Safari. */

/* Подсказка о прокрутке: на узком экране svg карты шире экрана (760 px),
   а горизонтальную полосу прокрутки телефон не рисует — без подписи
   непонятно, что карту можно двигать. */
.map-hint{display:none}
@media(max-width:800px){.map-hint{display:block;margin:0 0 12px;color:var(--dim);font-size:12px;letter-spacing:.08em}}

/* Страница без JavaScript: точки, даты и панели не строятся. */
.noscript{margin:0;padding:14px 5vw;background:#7a2718;color:#fff;font-size:14px;line-height:1.5}
/* Строки источников идут через <br>: при line-height 1.8 соседние ссылки
   отстояли друг от друга на 21,6 px и не проходили target-size (WCAG 2.5.8).
   Разводим строки так, чтобы между целями оставалось больше 24 px. */
.source-list p{line-height:2.2}


/* Единый клавиатурный фокус: акцент раздела и контрастный внешний контур. */
:focus-visible{outline:3px solid #ffd477;outline-offset:3px;box-shadow:0 0 0 6px #000}