/* ============================================================
   КЕЙС — ТЕМА ALCHEMY (A-досье)
   Anna Gorodetskaya — Portfolio · 12 сентября 2026

   Модалка проекта .project-dialog и всё семейство .dialog-* —
   задел для А-кейс досье.

   Сгенерировано site/tools/split-alchemy-css.mjs — не править руками.
   Источник: research/alchemy-reference/index.html, снято 12 сентября 2026.
   ============================================================ */

.project-dialog{padding:0;border:1px solid #fff9;border-radius:24px;width:min(1020px,calc(100% - 48px));max-height:90svh;overflow:auto;}

.dialog-close{position:sticky;float:right;right:15px;top:15px;z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid #97577866;font-size:19px}

.dialog-hero{height:360px;margin-top:-44px;}

.dialog-hero img{width:100%;height:100%;object-fit:contain}

.dialog-body{padding:35px 45px 45px}

.dialog-body h2{font-size:clamp(33px,4vw,56px);margin:15px 0 24px}

.dialog-lead{font-size:22px;line-height:1.5;max-width:800px;margin-bottom:24px}

.dialog-body p{margin-bottom:19px}

.dialog-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 35px;border-top:1px solid var(--line);padding:25px 0;margin:25px 0}

.dialog-meta dt{text-transform:uppercase;letter-spacing:.1em;font-size:10px;margin-bottom:6px}

.dialog-meta dd{margin:0;font-size:15px}

.dialog-links{display:flex;gap:12px;flex-wrap:wrap}

.dialog-system{border-top:1px solid var(--line);padding:25px 0 10px;margin-top:25px}

.dialog-system h3{font-size:23px;margin:0 0 10px}

.dialog-system h4{margin:20px 0 7px;font-size:13px;text-transform:uppercase;letter-spacing:.06em}

.dialog-system p{font-size:15px}

@media(max-width:760px){.project-dialog{width:calc(100% - 24px);max-height:93svh;border-radius:19px}.dialog-hero{height:250px}.dialog-body{padding:25px}.dialog-lead{font-size:18px}.dialog-meta{grid-template-columns:1fr}.dialog-close{width:40px;height:40px}}

.project-dialog{background:#1b2417;color:#dfead4;border-color:#bcd6974a;box-shadow:0 30px 120px #000b}

.project-dialog::backdrop{background:#070d04c4;backdrop-filter:blur(14px)}

.dialog-close{background:#d8efb7ed;border-color:#eaffca;color:#1c2a12;box-shadow:0 2px 12px #0006}

.dialog-hero{background:#080d06}

.dialog-body .eyebrow{color:#bcda99}

.dialog-body>p:not(.eyebrow),.dialog-meta dd{color:#b9cba8}

.dialog-meta dt{color:#b8d593}

.dialog-meta,.dialog-system{border-top-color:#b2d18b31}