.artifact{padding:9vw 4vw;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:7vw;align-items:center;background:linear-gradient(125deg,#16130f,#21180f)}.artifact figure,.tarot-figure{margin:0}.artifact img,.tarot-figure img{display:block;width:100%;height:auto}.artifact figcaption,.tarot-figure figcaption{margin-top:12px;color:var(--dim);font-size:10px;line-height:1.55}.artifact h2,.atlas h2{font-size:clamp(46px,6.5vw,96px);line-height:.84;letter-spacing:-.06em;margin:.25em 0}.artifact h2 em{font-family:'PT Serif';font-weight:400;color:var(--gold)}.artifact>div>p:not(.index){max-width:760px;color:#c3baac;font:18px/1.7 'PT Serif',serif}.artifact blockquote,.translation-panel blockquote{margin:35px 0;padding:28px 0 28px 30px;border-left:3px solid var(--gold);font:italic clamp(23px,2.5vw,35px)/1.45 'PT Serif';color:var(--ink)}.artifact blockquote span{display:block;margin-bottom:12px;font:10px Manrope;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}.artifact .translation-note{font:12px/1.6 Manrope!important;color:var(--dim)!important}.instrument-footnote{max-width:980px;margin:4vw auto 0;padding-top:25px;border-top:1px solid var(--line);color:var(--dim);font-size:12px;line-height:1.7}.atlas{padding:8vw 4vw;border-top:1px solid var(--line)}.atlas .section-head{display:grid;grid-template-columns:.5fr 1.4fr .8fr;align-items:end}.atlas .section-head h2{margin:0}.atlas .section-head>p:last-child{color:var(--dim);line-height:1.65}.planet-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:5vw}.planet-cards article{display:grid;grid-template-columns:130px 1fr;align-items:center;min-height:210px;padding:28px;background:linear-gradient(125deg,var(--panel),color-mix(in srgb,var(--planet) 18%,var(--panel)))}.planet-cards article:last-child{grid-column:1/-1}.planet-cards b{font:90px 'PT Serif';color:var(--planet)}.planet-cards p{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--planet)}.planet-cards h3{font-size:34px;margin:6px 0}.planet-cards span{color:var(--dim);line-height:1.55}.durer{background:#16130f}.durer figure{order:2}.durer-square{display:grid;grid-template-columns:repeat(4,1fr);max-width:420px;margin-top:35px;border:1px solid #76664d}.durer-square span{display:grid;place-items:center;aspect-ratio:1;border:1px solid #4b4134;font:30px 'PT Serif'}.durer-square .year{background:var(--rust);color:white}.translation-panel{margin:4vw 0;padding:3vw;background:#21150f;border:1px solid #633b28}.translation-panel>p{font-size:10px;letter-spacing:.17em;color:var(--gold)}.translation-panel blockquote{margin:10px 0 20px}.translation-panel span{display:block;color:var(--dim);font-size:11px;line-height:1.6}.tarot-figure{max-width:900px;margin:4vw 0}.tarot-figure img{filter:saturate(.88) contrast(1.04)}.correspondences{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;margin:4vw 0;padding:3vw;background:var(--panel);border:1px solid var(--line)}.correspondences h3{grid-column:1/-1;font:28px 'PT Serif';color:var(--gold)}.correspondences p{display:flex;justify-content:space-between;margin:0;padding:14px 0;border-bottom:1px solid var(--line);color:var(--dim)}.correspondences p span{color:var(--dim)}.correspondences p b{color:var(--ink)}
@media(max-width:800px){.artifact{grid-template-columns:1fr;padding:18vw 5vw}.artifact-title figure{max-width:80%;margin:auto}.durer figure{order:0}.atlas{padding:17vw 5vw}.atlas .section-head{grid-template-columns:1fr}.planet-cards{grid-template-columns:1fr}.planet-cards article,.planet-cards article:last-child{grid-column:auto;grid-template-columns:85px 1fr;min-height:155px;padding:22px}.planet-cards b{font-size:65px}.correspondences{grid-template-columns:1fr;padding:7vw}.correspondences h3{grid-column:auto}.instrument-footnote{margin-top:12vw}.translation-panel{padding:7vw}.tarot-figure{margin:10vw 0}}

/* Длинное русское слово в крупном заголовке шире экрана 320 px: «МАСТЕРСКОЙ»
   при clamp-кегле занимает 336 px и уезжает за край — прокрутки нет, буквы
   просто пропадают. Разрешаем переносить по слогам, а если словарь переносов
   не подхватился — рвать слово принудительно.

   Только на узких экранах. На десктопе крупный заголовок намеренно выходит
   за текстовую колонку в пустое поле справа — это часть оформления, и
   переносить его там незачем: получается лишняя строка и рваный вид. */
@media(max-width:520px){h1,h2,h3,h4{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}}

/* --- тач-цели: минимум 24 px (WCAG 2.5.8) ------------------------------
   Ссылки и кнопки в шапке, подвале и на первом экране были высотой 11-22 px.
   Растим область нажатия симметричным вертикальным отступом: содержимое
   остаётся по центру коробки и не переносится, поэтому вёрстка не меняется.
   Менять display на flex здесь нельзя — у «● ИНТЕРЕСНОЕ ТУТ» точка и текст
   стали бы отдельными флекс-элементами и разъехались на две строки. */
.topbar a,.topbar button,.bar a,.legal-top a,footer a,.links a,.map-actions a,
.controls a,.controls button,.hero-copy a,.hero-text a,.hero>a,.hero .down,
.sound-toggle,.about-open,.fullscreen,.compact-prev,.compact-next,
.translation-toggle,.pin,.hotspot,nav a,.meta a,.sources a{min-height:24px;padding-block:7px}
/* Ползунки: полоса была 16 px, пальцем не поймать. Высоту поднимаем у самого
   поля - область нажатия растёт, родная отрисовка бегунка не ломается. */
input[type=range]{height:26px}
/* Флажки и переключатели: 13-17 px до пальца не дотягивают. */
input[type=checkbox],input[type=radio]{width:24px;height:24px}
/* Ссылки-«источники» и вспомогательная навигация: у строчных растим область
   нажатия отступом (высота строки не меняется), у блочных — задаём высоту. */

/* Уважаем системную настройку «меньше движения»: анимации и плавная прокрутка
   у части людей вызывают тошноту и головокружение. Оставляем мгновенные
   состояния — интерфейс работает так же, просто без движения. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Слова КАПИТЕЛЬЮ Firefox и WebKit по слогам не переносят: при
   overflow-wrap:break-word слово рвётся посреди без дефиса («ЧУДОВИЩА/МИ»),
   а Chromium ставит в крупном заголовке дефис. Поэтому на узких экранах
   автоперенос в h1–h3 выключен, а кегль подобран так, чтобы самое длинное
   слово влезало в строку целиком. Значения измерены Playwright на 320,
   360 и 390 px в Chromium, Firefox и WebKit. Десктоп не затронут. */
@media(max-width:520px){h1,h2,h3{hyphens:manual;-webkit-hyphens:manual}}


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