@font-face{font-family:"Syne";font-style:normal;font-weight:400;font-display:swap;src:url("/typefaces/syne-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Syne";font-style:normal;font-weight:600;font-display:swap;src:url("/typefaces/syne-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Syne";font-style:normal;font-weight:700;font-display:swap;src:url("/typefaces/syne-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Syne";font-style:normal;font-weight:800;font-display:swap;src:url("/typefaces/syne-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("/typefaces/inter-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("/typefaces/inter-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("/typefaces/inter-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("/typefaces/inter-latin-700-normal.woff2") format("woff2")}

:root{
    --base:#011515;
    --flare:#54f3f9;
    --spot-deep:#1feff7;
    --field:#010f0f;
    --raised:#0a2020;
    --body:#ffffff;
    --quiet:#c1c0c0;
    --border:#123434;
    --rule-bold:#215050;
    --gradient-light:#c7fcfd;
    --ramp-end:#7cf6f7;
    --warn-band:#bf1e2e;

    --g-hair:6px;
    --g-tiny:14px;
    --g-snug:20px;
    --g-base:32px;
    --g-wide:48px;
    --g-roomy:72px;
    --g-vast:112px;
    --g-huge:160px;

    --pill:0;
    --round-full:50%;
    --r-hair:0;
    --r-tiny:0;
    --r-snug:0;
    --r-base:0;
    --r-wide:0;
    --r-roomy:0;
    --r-vast:0;
    --r-huge:0;

    --banner:"Syne","Trebuchet MS",sans-serif;
    --f-base:"Inter","Helvetica Neue",Arial,sans-serif;

    --title:30px;
    --xl-2:24px;
    --sub:20px;
    --display-4:18px;
    --sm-2:15px;
    --h6:13px;
    --z-base:15px;
    --small:13px;
    --xs:11px;

    --compact:1.2;
    --normal:1.55;
    --roomy:1.7;

    --w-normal:400;
    --medium:500;
    --black:700;

    --narrow:-0.01em;
    --e-normal:0;
    --loose:0.02em;

    --d-hair:0 1px 0 rgba(0,0,0,0.06);
    --d-tiny:0 1px 0 rgba(0,0,0,0.08);
    --d-snug:0 1px 0 rgba(0,0,0,0.08);
    --d-base:0 2px 0 rgba(0,0,0,0.12);
    --d-wide:0 4px 0 rgba(0,0,0,0.16);
    --d-roomy:0 6px 0 rgba(0,0,0,0.2);
    --d-vast:0 8px 0 rgba(0,0,0,0.24);
    --d-huge:0 12px 0 rgba(0,0,0,0.3);

    --fast:100ms;
    --mid:190ms;
    --gentle:334ms;

    --release:cubic-bezier(0.13, 0.82, 0.49, 0.97);
    --both:cubic-bezier(0.67, 0.06, 0.32, 0.97);
    --pop:cubic-bezier(0.42, 1.1, 0.66, 1.1);

    --main:1220px;
    --column:1220px;
    --inset-desktop:40px;
    --pad-md:24px;
    --edge-narrow:16px;

    --thin:1px;
    --b-medium:2px;
    --strong:4px;

    --tall:88px;
    --short:64px;

    --slim:450px;
    --sec-y:40px;
    --shell:88px;
    --brandh:34px;
}

@media (min-width:600px){
    :root{--sec-y:48px;--brandh:40px}
}

@media (min-width:900px){
    :root{
        --title:44px;
        --xl-2:34px;
        --sub:26px;
        --display-4:20px;
        --sm-2:16px;
        --h6:14px;
        --z-base:16px;
        --small:14px;
        --xs:12px;
        --brandh:44px;
    }
}

@media (min-width:1240px){
    :root{--brandh:52px}
}

*,*::before,*::after{box-sizing:border-box}

html{
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
}

html,body{overflow-x:clip}

body{
    margin:0;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    background:var(--field);
    color:var(--body);
    font-family:var(--f-base);
    font-size:var(--z-base);
    font-weight:var(--w-normal);
    line-height:var(--normal);
    letter-spacing:var(--e-normal);
    animation:dawnFade var(--gentle) var(--release) both;
}

@keyframes dawnFade{
    from{opacity:0}
    to{opacity:1}
}

.shell{flex:1 0 auto;display:block}

h1,h2,h3,h4,h5,h6{
    margin:0 0 var(--g-snug);
    overflow-wrap:anywhere;
    color:var(--body);
}

h1{font-family:var(--banner);font-size:var(--title);font-weight:var(--black);line-height:var(--compact);letter-spacing:var(--narrow)}
h2{font-family:var(--banner);font-size:var(--xl-2);font-weight:var(--black);line-height:var(--compact);letter-spacing:var(--narrow);margin-block-start:0}
h3{font-family:var(--f-base);font-size:var(--sub);font-weight:var(--black);line-height:var(--compact);letter-spacing:var(--e-normal)}
h4{font-family:var(--f-base);font-size:var(--display-4);font-weight:var(--medium);line-height:var(--compact)}
h5{font-family:var(--f-base);font-size:var(--sm-2);font-weight:var(--medium)}
h6{font-family:var(--f-base);font-size:var(--h6);font-weight:var(--medium)}

p{margin:0 0 var(--g-snug)}
ul,ol{margin:0 0 var(--g-snug);padding-inline-start:var(--g-base)}
li{margin-block-end:var(--g-hair)}
img{max-width:100%;display:block}
table{border-collapse:collapse}

a{color:var(--flare);text-decoration:none}
a:hover{color:var(--spot-deep)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:var(--b-medium) solid var(--flare);outline-offset:2px}

[id]{scroll-margin-block-start:calc(var(--shell) + var(--g-snug))}

.skipLane{
    position:absolute;
    inset-inline-start:var(--g-snug);
    z-index:120;
    background:var(--flare);
    color:var(--field);
    padding:var(--g-hair) var(--g-tiny);
    font-size:var(--small);
    font-weight:var(--medium);
}
.skipLane:not(:focus){top:-200px !important}
.skipLane:focus{top:var(--g-hair)}

.srOnly{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
}

/* ширина секций — общая для всех обёрток роли inner */
.coupole-body,
.carnet-body,
.crypte-body,
.trumeau-body,
.piedestal-body,
.marque-body,
.tribune-body,
.quai-body,
.voute-body,
.chapitre-body,
.medaillon-body,
.module-body,
.linteau-body,
.encart-body{
    width:100%;
    max-width:calc(var(--main) + 2 * var(--inset-desktop));
    margin-inline:auto;
    padding-inline:var(--edge-narrow);
}

@media (min-width:600px){
    .coupole-body,
    .carnet-body,
    .crypte-body,
    .trumeau-body,
    .piedestal-body,
    .marque-body,
    .tribune-body,
    .quai-body,
    .voute-body,
    .chapitre-body,
    .medaillon-body,
    .module-body,
    .linteau-body,
    .encart-body{padding-inline:var(--pad-md)}
}

@media (min-width:900px){
    .coupole-body,
    .carnet-body,
    .crypte-body,
    .trumeau-body,
    .piedestal-body,
    .marque-body,
    .tribune-body,
    .quai-body,
    .voute-body,
    .chapitre-body,
    .medaillon-body,
    .module-body,
    .linteau-body,
    .encart-body{padding-inline:var(--inset-desktop)}
}

/* ── шапка HEAD-RIGHT ─────────────────────────────────────────── */
.panneau{
    position:sticky;
    top:0;
    z-index:100;
    background:var(--base);
    color:var(--body);
    border-block-end:var(--thin) solid var(--border);
    transition:box-shadow var(--mid) var(--release);
}
.panneau.is-shrunk{box-shadow:var(--d-wide)}

.panneau-band{
    height:88px;
    display:flex;
    align-items:center;
    gap:var(--g-snug);
    flex-wrap:nowrap;
    width:100%;
    max-width:1440px;
    margin-inline:auto;
    padding-inline:var(--edge-narrow);
    transition:height var(--mid) var(--release);
}

@media (min-width:900px){
    .panneau-band{padding-inline:var(--inset-desktop);gap:var(--g-base)}
}

.panneau.is-shrunk .panneau-band{height:68px}

.panneau-brand{
    display:inline-flex;
    align-items:center;
    flex-shrink:0;
    background:var(--base);
    color:var(--body);
    padding:var(--g-hair) var(--g-tiny);
    border:var(--thin) solid var(--border);
}
.panneau-brand:hover{background:var(--raised);color:var(--body)}

.panneau-visual{
    height:var(--brandh);
    width:auto;
    flex-shrink:0;
    transition:height var(--mid) var(--release);
}
.panneau.is-shrunk .panneau-visual{height:calc(var(--brandh) - 8px)}

.rg-mark{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    background:var(--warn-band);
    color:#ffffff;
    font-family:var(--f-base);
    font-size:var(--xs);
    font-weight:var(--black);
    letter-spacing:var(--loose);
    min-height:24px;
    padding-inline:var(--g-hair);
    border-radius:var(--r-tiny);
}

.panneau-flag{
    display:none;
    flex-shrink:0;
    font-size:var(--sm-2);
    line-height:1;
    background:var(--base);
    color:var(--body);
}
@media (min-width:1240px){.panneau-flag{display:inline-flex}}

.panneau-toggle{
    display:inline-flex;
    align-items:center;
    gap:var(--g-hair);
    margin-inline-start:auto;
    flex-shrink:0;
    min-height:44px;
    padding:var(--g-hair) var(--g-tiny);
    background:var(--raised);
    color:var(--body);
    border:var(--thin) solid var(--border);
    border-radius:var(--r-tiny);
    font-family:var(--f-base);
    font-size:var(--xs);
    font-weight:var(--medium);
    letter-spacing:var(--loose);
    text-transform:uppercase;
    cursor:pointer;
}
.panneau-toggle:hover{background:var(--rule-bold);color:var(--body)}

.panneau-lines{
    position:relative;
    display:block;
    width:18px;
    height:2px;
    background:var(--body);
}
.panneau-lines::before,
.panneau-lines::after{
    content:"";
    position:absolute;
    inset-inline-start:0;
    width:18px;
    height:2px;
    background:var(--body);
    transition:transform var(--fast) var(--release);
}
.panneau-lines::before{inset-block-start:-6px}
.panneau-lines::after{inset-block-start:6px}

.panneau-word{display:inline}
@media (max-width:339px){.panneau-word{display:none}}

.panneau-guide{
    display:flex;
    min-width:0;
    flex:0 1 auto;
    margin-inline-start:auto;
    overflow:visible;
}

.panneau-chain{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-end;
    gap:var(--g-snug);
    margin:0;
    padding:0;
    list-style:none;
}

.panneau-node{margin:0;flex-shrink:0}
.panneau-node[hidden]{display:none}

.panneau-hop{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding-inline:var(--g-hair);
    color:var(--body);
    font-family:var(--f-base);
    font-size:13px;
    font-weight:600;
    font-variant-caps:small-caps;
    letter-spacing:var(--loose);
    white-space:nowrap;
    text-decoration:none;
    position:relative;
}
.panneau-hop:hover{background:var(--raised);color:var(--body)}
.panneau-hop[aria-current="page"]{color:var(--flare)}
.panneau-hop[aria-current="page"]::after{
    content:"\2022";
    position:absolute;
    inset-block-end:2px;
    inset-inline-start:50%;
    transform:translateX(-50%);
    color:var(--flare);
    font-size:var(--xs);
    line-height:1;
}

.panneau-moreWrap{position:relative;margin:0;flex-shrink:0}
.panneau-moreWrap[hidden]{display:none}

.panneau-moreKey{
    display:inline-flex;
    align-items:center;
    gap:var(--g-hair);
    min-height:44px;
    padding-inline:var(--g-hair);
    background:var(--base);
    color:var(--body);
    border:0;
    font-family:var(--f-base);
    font-size:13px;
    font-weight:600;
    font-variant-caps:small-caps;
    letter-spacing:var(--loose);
    white-space:nowrap;
    cursor:pointer;
}
.panneau-moreKey:hover{background:var(--raised);color:var(--body)}

.panneau-morePane{
    display:none;
    position:absolute;
    inset-block-start:calc(100% + 4px);
    inset-inline-end:0;
    z-index:110;
    min-width:200px;
    max-height:70vh;
    overflow-y:auto;
    margin:0;
    padding:var(--g-hair) 0;
    list-style:none;
    background:var(--base);
    color:var(--body);
    border:var(--thin) solid var(--rule-bold);
    box-shadow:var(--d-wide);
}
.panneau-morePane.is-open{display:block}
.panneau-morePane .panneau-node{display:block;width:100%}
.panneau-morePane .panneau-hop{display:flex;width:100%;padding-inline:var(--g-tiny)}
.panneau-morePane .panneau-hop[aria-current="page"]::after{display:none}

.panneau-deck{
    display:flex;
    align-items:center;
    gap:var(--g-tiny);
    flex-shrink:0;
    margin-inline-start:auto;
}

.panneau-quiet{
    display:none;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding-inline:var(--g-snug);
    background:var(--base);
    color:var(--body);
    border:var(--thin) solid var(--rule-bold);
    border-radius:var(--r-base);
    font-family:var(--f-base);
    font-size:var(--small);
    font-weight:var(--medium);
    letter-spacing:var(--loose);
    white-space:nowrap;
    text-decoration:none;
}
.panneau-quiet:hover{background:var(--raised);color:var(--body);border-color:var(--flare)}
@media (min-width:1240px){.panneau-quiet{display:inline-flex}}

.panneau-panel{
    display:none;
    position:absolute;
    inset-block-start:100%;
    inset-inline:0;
    z-index:105;
    background:var(--base);
    color:var(--body);
    border-block-end:var(--thin) solid var(--rule-bold);
    box-shadow:var(--d-wide);
    max-height:76vh;
    overflow-y:auto;
}
.panneau-panel.is-open{display:block;}

.panneau-panelGuide{display:block;padding:var(--g-tiny) var(--edge-narrow) var(--g-snug)}
.panneau-panelChain{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}
.panneau-panelNode{margin:0}
.panneau-panelHop{
    display:flex;
    align-items:center;
    min-height:48px;
    padding-inline:var(--g-hair);
    color:var(--body);
    background:var(--base);
    font-family:var(--f-base);
    font-size:var(--sm-2);
    font-weight:var(--medium);
    letter-spacing:var(--loose);
    text-decoration:none;
}
.panneau-panelHop:hover{background:var(--raised);color:var(--body)}
.panneau-panelHop[aria-current="page"]{color:var(--flare);background:var(--base)}

@media (max-width:899px){
    .panneau-guide{display:none}
    .panneau-deck{margin-inline-start:0}
    .panneau-toggle{margin-inline-start:auto}
}

@media (min-width:900px){
    .panneau-toggle{display:none}
    .panneau-panel{display:none}
}

@media (max-width:520px){
    .panneau-band{gap:var(--g-hair)}
    .panneau-brand{padding:2px var(--g-hair)}
    .panneau-visual{height:30px}
    .panneau.is-shrunk .panneau-visual{height:26px}
    .panneau-toggle{padding-inline:var(--g-hair);gap:4px;font-size:var(--xs)}
}

/* ── хлебные крошки BREAD-01 ─────────────────────────────────── */
.encart{background:var(--field);color:var(--quiet);padding-block:var(--g-tiny)}
.encart-body{display:block}
.encart-hop{color:var(--quiet);background:var(--field);font-size:var(--small)}
.encart-hop:hover{color:var(--flare);background:var(--field)}
.encart-here{color:var(--body);background:var(--field);font-size:var(--small)}
.encart-here::before,
.encart-hop + .encart-hop::before{content:" / ";color:var(--quiet);padding-inline:var(--g-hair)}

/* ── шапка страницы PHEAD-01 ─────────────────────────────────── */
.coupole{
    background:var(--field);
    color:var(--body);
    padding-block:var(--sec-y);
    border-block-end:var(--thin) solid var(--border);
}
.coupole-eyebrow{
    display:block;
    font-family:var(--f-base);
    font-weight:var(--medium);
    font-size:var(--small);
    text-transform:uppercase;
    letter-spacing:var(--loose);
    color:var(--flare);
    background:var(--field);
    margin-block-end:var(--g-tiny);
}
.coupole-head{margin-block-end:var(--g-snug)}
.coupole-rule{
    width:60px;
    height:0;
    border-block-start:var(--b-medium) solid var(--flare);
    margin-block-end:var(--g-snug);
}
.coupole-lead{
    color:var(--quiet);
    font-size:var(--display-4);
    line-height:var(--roomy);
    max-width:var(--column);
    margin-block-end:0;
}

/* ── первый экран HERO-09 ────────────────────────────────────── */
.carnet{
    background-color:var(--field);
    background-image:linear-gradient(100deg, rgba(1,15,15,0.96) 0%, rgba(1,15,15,0.86) 46%, rgba(1,21,21,0.62) 100%), url("/shots-alt/spotlight-24.webp");
    background-size:cover;
    background-position:center;
    color:var(--body);
    padding-block:var(--sec-y);
    border-block-end:var(--thin) solid var(--border);
}
.carnet-body{display:block}
.carnet-stuff{padding-block:var(--g-snug)}
.carnet-head{margin-block-end:var(--g-snug)}
.carnet-lead{
    color:var(--quiet);
    font-size:var(--display-4);
    line-height:var(--roomy);
    max-width:var(--slim);
    margin-block-end:var(--g-base);
}
.carnet-fine{
    display:block;
    margin-block-start:var(--g-tiny);
    font-size:var(--xs);
    color:var(--quiet);
    background:transparent;
    max-width:var(--slim);
}
.carnet-chain{display:flex;flex-direction:column;gap:var(--g-snug);margin:var(--g-base) 0 0;padding:0;list-style:none}
.carnet-node{
    display:flex;
    align-items:flex-start;
    gap:var(--g-tiny);
    margin:0;
    padding:var(--g-snug);
    background:var(--base);
    color:var(--body);
    border:var(--thin) solid var(--border);
    border-radius:var(--r-base);
}
.carnet-num{
    flex-shrink:0;
    font-family:var(--banner);
    font-weight:var(--black);
    font-size:var(--sub);
    line-height:1;
    color:var(--flare);
    background:var(--base);
}
.carnet-feat{
    margin:0;
    font-size:var(--sm-2);
    font-weight:var(--black);
    line-height:var(--compact);
    color:var(--body);
}

@media (min-width:900px){
    .carnet-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--g-wide);align-items:start}
    .carnet-chain{margin-block-start:0}
    .carnet-stuff{padding-block:var(--g-tiny)}
}

/* ── сетка пунктов GRID-02 ───────────────────────────────────── */
.crypte{background:var(--field);color:var(--body);padding-block:var(--sec-y)}
.crypte-head{margin-block-end:var(--g-base)}
.crypte-stack{display:block}
.crypte-node{
    display:flex;
    align-items:flex-start;
    gap:var(--g-snug);
    padding-block:var(--g-snug);
    border-block-end:var(--thin) solid var(--border);
}
.crypte-num{
    flex-shrink:0;
    width:80px;
    font-family:var(--banner);
    font-weight:var(--black);
    font-size:var(--xl-2);
    line-height:1;
    letter-spacing:var(--narrow);
    color:var(--flare);
    background:var(--field);
    display:flex;
    align-items:center;
    gap:var(--g-hair);
}
.crypte-glyph{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    flex-shrink:0;
    color:var(--flare);
    background:var(--field);
}
.crypte-glyph svg{width:22px;height:22px;fill:currentColor}
.crypte-stuff{min-width:0;flex:1 1 auto}
.crypte-sub{margin-block-end:var(--g-hair);font-size:var(--display-4)}
.crypte-words{color:var(--quiet);background:var(--field);line-height:var(--roomy)}

@media (max-width:600px){
    .crypte-node{flex-direction:column;gap:var(--g-tiny)}
    .crypte-num{width:auto}
}

/* ── вопросы FAQ-03 ──────────────────────────────────────────── */
.trumeau{background:var(--field);color:var(--body);padding-block:var(--sec-y)}
.trumeau-head{margin-block-end:var(--g-base)}
.trumeau-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--g-snug)}
@media (min-width:900px){.trumeau-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--g-base)}}
.trumeau-block{
    padding:var(--g-snug);
    background:var(--base);
    color:var(--body);
    border:var(--thin) solid var(--border);
    border-radius:var(--r-base);
}
.trumeau-sum{list-style:none;cursor:pointer;display:block}
.trumeau-sum::-webkit-details-marker{display:none}
.trumeau-ask{
    margin:0 0 var(--g-tiny);
    display:flex;
    align-items:baseline;
    gap:var(--g-hair);
    font-size:var(--sm-2);
    font-weight:var(--black);
    line-height:var(--compact);
    color:var(--body);
}
.trumeau-mark{
    flex-shrink:0;
    font-family:var(--banner);
    font-weight:var(--black);
    color:var(--flare);
    background:var(--base);
}
.trumeau-words{color:var(--quiet);background:var(--base);line-height:var(--roomy)}

/* ── отзывы REV-08 ───────────────────────────────────────────── */
.piedestal{background:var(--field);color:var(--body);padding-block:var(--sec-y)}
.piedestal-head{margin-block-end:var(--g-base)}
.piedestal-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--g-snug)}
@media (min-width:700px){.piedestal-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.piedestal-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g-base)}}
.piedestal-block{
    padding:var(--g-snug);
    background:var(--base);
    color:var(--body);
    border:var(--thin) solid var(--border);
    border-radius:var(--r-base);
}
.piedestal-top{display:flex;align-items:center;gap:var(--g-tiny);margin-block-end:var(--g-tiny)}
.piedestal-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    flex-shrink:0;
    border-radius:var(--round-full);
    background:var(--flare);
    color:var(--field);
    font-family:var(--banner);
    font-weight:var(--black);
    font-size:var(--sm-2);
}
.piedestal-who{display:flex;flex-direction:column;min-width:0}
.piedestal-byname{font-weight:var(--black);color:var(--body);background:var(--base);font-size:var(--sm-2)}
.piedestal-moment{color:var(--quiet);background:var(--base);font-size:var(--xs)}
.piedestal-stars{display:flex;align-items:center;gap:var(--g-hair);margin-block-end:var(--g-tiny);color:var(--flare);background:var(--base);font-size:var(--sm-2);letter-spacing:var(--loose)}
.piedestal-score{color:var(--quiet);background:var(--base);font-size:var(--xs)}
.piedestal-words{margin:0;color:var(--quiet);background:var(--base);line-height:var(--roomy);font-size:var(--small)}

/* ── призыв CTA-05 ───────────────────────────────────────────── */
.marque{
    background-color:var(--base);
    background-image:linear-gradient(180deg, rgba(1,21,21,0.94) 0%, rgba(1,21,21,0.88) 100%), url("/shots-alt/spotlight-24.webp");
    background-size:cover;
    background-position:center;
    color:var(--body);
    padding-block:var(--sec-y);
    border-block:var(--thin) solid var(--border);
}
.marque-body{text-align:center}
.marque-eyebrow{
    display:block;
    font-size:var(--small);
    font-weight:var(--medium);
    text-transform:uppercase;
    letter-spacing:var(--loose);
    color:var(--flare);
    background:transparent;
    margin-block-end:var(--g-tiny);
}
.marque-head{margin-block-end:var(--g-snug)}
.marque-words{
    color:var(--quiet);
    background:transparent;
    max-width:var(--slim);
    margin-inline:auto;
    margin-block-end:var(--g-base);
    line-height:var(--roomy);
}
.marque-deck{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g-tiny)}
.marque-goto{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding-inline:var(--g-base);
    background:var(--base);
    color:var(--body);
    border:var(--thin) solid var(--rule-bold);
    border-radius:var(--r-base);
    font-size:var(--sm-2);
    font-weight:var(--medium);
    letter-spacing:var(--loose);
    text-decoration:none;
}
.marque-goto:hover{background:var(--raised);color:var(--body);border-color:var(--flare)}
.marque-fine{
    display:block;
    margin-block-start:var(--g-tiny);
    font-size:var(--xs);
    color:var(--quiet);
    background:transparent;
}

/* ── текст PROSE-12 ──────────────────────────────────────────── */
.tribune{background:var(--field);color:var(--body);padding-block:var(--sec-y);counter-reset:tribunepart}
.tribune-part{counter-increment:tribunepart;margin-block-end:var(--g-base)}
.tribune-head{
    display:flex;
    align-items:flex-start;
    gap:var(--g-tiny);
    font-size:var(--xl-2);
    font-weight:var(--w-normal);
    margin-block-end:var(--g-snug);
    margin-block-start:0;
}
.tribune-head::before{
    content:counter(tribunepart);
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    background:var(--flare);
    color:var(--field);
    border-radius:var(--r-base);
    font-family:var(--banner);
    font-size:var(--sub);
    font-weight:var(--black);
    line-height:1;
}
.tribune-sub{font-size:var(--display-4);margin-block-end:var(--g-tiny)}
.tribune-part p{max-width:var(--column);color:var(--quiet);line-height:var(--roomy)}
.tribune-part strong{color:var(--body);font-weight:var(--black)}
.tribune-part em{color:var(--body);font-style:italic}
.tribune-chain,.tribune-order{color:var(--quiet);max-width:var(--column);line-height:var(--roomy)}
.tribune-hop{
    position:relative;
    color:var(--flare);
    background:var(--field);
    text-decoration:none;
}
.tribune-hop::after{
    content:"";
    position:absolute;
    inset-inline-start:0;
    inset-block-end:-2px;
    width:0;
    border-block-end:var(--b-medium) solid currentColor;
    transition:width var(--mid) var(--release);
}
.tribune-hop:hover{color:var(--spot-deep);background:var(--field)}
.tribune-hop:hover::after{width:100%}

.tribune-figure{margin:var(--g-base) 0;width:fit-content;margin-inline:auto}
.tribune-visual{width:auto;height:auto;max-width:100%;max-height:480px;border:var(--thin) solid var(--border)}
.shot{margin:var(--g-base) auto;width:fit-content}
.shot-visual{width:auto;height:auto;max-width:100%;max-height:480px;border:var(--thin) solid var(--border)}
.shotTall{max-height:56vh;max-width:430px}

@media (max-width:600px){
    .tribune-head{font-size:var(--sub);gap:var(--g-hair)}
    .tribune-head::before{width:40px;height:40px;font-size:var(--display-4)}
}

/* ── таблица TABLE-04 ────────────────────────────────────────── */
.quai{background:var(--field);color:var(--body);padding-block:var(--sec-y)}
.quai-head{margin-block-end:var(--g-base)}
.quai-scroll{overflow-x:auto;border:var(--thin) solid var(--border)}
.quai-grid{width:100%;min-width:560px;background:var(--field);color:var(--body);font-size:var(--small)}
.quai-grid th{
    background:var(--base);
    color:var(--body);
    text-align:start;
    padding:var(--g-tiny);
    font-weight:var(--black);
    letter-spacing:var(--loose);
    border-block-end:var(--thin) solid var(--rule-bold);
}
.quai-grid th:first-child{background:var(--raised);color:var(--body)}
.quai-grid td{
    padding:var(--g-tiny);
    color:var(--quiet);
    background:var(--field);
    border-block-end:var(--thin) solid var(--border);
    vertical-align:top;
}
.quai-grid td:first-child{
    background:var(--base);
    color:var(--body);
    font-weight:var(--black);
    border-inline-end:var(--strong) solid var(--flare);
}

@media (max-width:640px){
    .quai-grid{min-width:0;font-size:var(--xs)}
    .quai-grid th,.quai-grid td{padding:var(--g-hair);overflow-wrap:anywhere}
}

/* ── юридический раздел LEGAL-03 ─────────────────────────────── */
.voute{background:var(--field);color:var(--body);padding-block:var(--sec-y)}
.voute-body{display:block}
.voute-toc{
    background:var(--base);
    color:var(--body);
    padding:var(--g-snug);
    border:var(--thin) solid var(--border);
    border-radius:var(--r-base);
    font-size:var(--small);
    margin-block-end:var(--g-base);
}
.voute-tocHead{margin:0 0 var(--g-tiny);font-size:var(--sm-2);color:var(--body)}
.voute-tocChain{margin:0;padding-inline-start:var(--g-snug);color:var(--quiet)}
.voute-tocHop{color:var(--quiet);background:var(--base)}
.voute-tocHop:hover{color:var(--flare);background:var(--base)}
.voute-stuff{min-width:0}
.voute-lead{color:var(--quiet);font-size:var(--display-4);line-height:var(--roomy)}
.voute-part{margin-block-end:var(--g-base)}
.voute-sub{font-size:var(--display-4);margin-block-end:var(--g-tiny)}
.voute-part p{color:var(--quiet);line-height:var(--roomy)}
.voute-contacts{color:var(--quiet);line-height:var(--roomy)}
.voute-fine{
    margin-block-start:var(--g-base);
    padding:var(--g-snug);
    background:var(--base);
    color:var(--quiet);
    border:var(--thin) solid var(--border);
    font-size:var(--small);
    line-height:var(--roomy);
}

@media (min-width:900px){
    .voute-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--g-base);align-items:start}
    .voute-toc{position:sticky;top:calc(var(--shell) + var(--g-snug));align-self:start;margin-block-end:0}
}

/* ── форма FORM-02 ───────────────────────────────────────────── */
.chapitre{background:var(--field);color:var(--body);padding-block:var(--sec-y)}
.chapitre-body{display:block}
.chapitre-aside{
    background:var(--base);
    color:var(--body);
    padding:var(--g-snug);
    border:var(--thin) solid var(--border);
    border-radius:var(--r-base);
    margin-block-end:var(--g-base);
}
.chapitre-asideHead{margin:0 0 var(--g-tiny);font-size:var(--display-4)}
.chapitre-words{color:var(--quiet);background:var(--base);line-height:var(--roomy)}
.chapitre-chain{margin:0;padding:0;list-style:none;color:var(--quiet)}
.chapitre-form{display:flex;flex-direction:column;gap:var(--g-tiny)}
.chapitre-line{display:flex;flex-direction:column;gap:var(--g-hair);flex:0 0 auto}
.chapitre-chip{font-size:var(--small);font-weight:var(--medium);color:var(--body);background:var(--field)}
.chapitre-input,.chapitre-area{
    width:100%;
    padding:var(--g-tiny);
    background:var(--base);
    color:var(--body);
    border:var(--thin) solid var(--rule-bold);
    border-radius:var(--r-base);
    font-family:var(--f-base);
    font-size:var(--sm-2);
}
.chapitre-area{min-height:140px;resize:vertical}
.chapitre-send{
    align-self:flex-start;
    min-height:50px;
    padding-inline:var(--g-base);
    background:var(--flare);
    color:var(--field);
    border:0;
    border-radius:var(--r-base);
    font-family:var(--f-base);
    font-size:var(--sm-2);
    font-weight:var(--black);
    letter-spacing:var(--loose);
    cursor:pointer;
}
.chapitre-send:hover{background:var(--spot-deep);color:var(--field)}
.chapitre-done{
    display:none;
    margin-block-start:var(--g-tiny);
    padding:var(--g-tiny);
    background:var(--raised);
    color:var(--body);
    border:var(--thin) solid var(--flare);
}
.chapitre-done.is-open{display:block}

@media (min-width:900px){
    .chapitre-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--g-base);align-items:start}
    .chapitre-aside{margin-block-end:0}
}

/* ── карточка автора AUTH-08 ─────────────────────────────────── */
.medaillon{background:var(--field);color:var(--body);padding-block:var(--sec-y)}
.medaillon-face{
    display:inline-flex;
    align-items:center;
    gap:var(--g-snug);
    padding:var(--g-snug);
    background:var(--base);
    color:var(--body);
    border:var(--thin) solid var(--border);
    border-radius:var(--r-base);
}
.medaillon-mug{
    width:40px;
    height:40px;
    flex-shrink:0;
    border-radius:var(--round-full);
    object-fit:cover;
}
.medaillon-byname{display:block;font-size:var(--sm-2);font-weight:var(--black);color:var(--body);background:var(--base)}
.medaillon-job{display:block;font-size:var(--xs);color:var(--quiet);background:var(--base)}
.medaillon-articles{padding-block:var(--g-wide) 0}
.medaillon-articlesHead{font-family:var(--banner);font-size:var(--display-4);font-weight:var(--black);margin-block-end:var(--g-tiny)}
.medaillon-articlesChain{display:flex;flex-direction:column;gap:var(--g-hair);list-style:none;padding:0;margin:0}
.medaillon-articlesNode{font-size:var(--sm-2);line-height:var(--normal)}
.medaillon-articlesHop{color:var(--flare);background:var(--field);text-decoration:underline}
.medaillon-articlesHop:hover{color:var(--spot-deep);background:var(--field)}

/* ── подпись автора BYLINE-03 ────────────────────────────────── */
.lisere{background:var(--field);color:var(--body);border-block-end:var(--thin) solid var(--border);padding-block:var(--g-tiny)}
.lisere-band{
    width:100%;
    max-width:calc(var(--main) + 2 * var(--inset-desktop));
    margin-inline:auto;
    padding-inline:var(--edge-narrow);
    display:flex;
    align-items:center;
    gap:var(--g-hair);
}
@media (min-width:600px){.lisere-band{padding-inline:var(--pad-md)}}
@media (min-width:900px){.lisere-band{padding-inline:var(--inset-desktop)}}
.lisere-mug{width:28px;height:28px;border-radius:var(--round-full);object-fit:cover;flex-shrink:0}
.lisere-detail{font-size:var(--small);color:var(--quiet);background:var(--field)}
.lisere-byname{color:var(--flare);background:var(--field)}
.lisere-byname:hover{color:var(--spot-deep);background:var(--field);text-decoration:underline}
.lisere-hat{color:var(--quiet);background:var(--field)}

/* ── врезка INLINE-CTA-06 ────────────────────────────────────── */
.linteau{background:var(--field);color:var(--body);padding-block:var(--g-base)}
.linteau-core{
    max-width:var(--slim);
    margin-inline:auto;
    display:flex;
    flex-direction:column;
    gap:var(--g-tiny);
    text-align:center;
}
.linteau-words{margin:0;color:var(--quiet);background:var(--field);font-size:var(--sm-2)}
.linteau-deck{display:flex;flex-direction:column;gap:var(--g-tiny);justify-content:center}
.linteau-goto{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding-inline:var(--g-snug);
    background:var(--base);
    color:var(--body);
    border:var(--thin) solid var(--rule-bold);
    border-radius:var(--r-base);
    font-size:var(--small);
    font-weight:var(--medium);
    text-decoration:none;
}
.linteau-goto:hover{background:var(--raised);color:var(--body);border-color:var(--flare)}
@media (min-width:600px){
    .linteau-deck{flex-direction:row}
}

/* ── лента с офферной кнопкой в тексте ───────────────────────── */
.pitchbelt{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:var(--g-hair);
    text-align:center;
    margin-block:var(--g-base);
    padding:var(--g-snug);
    background:var(--base);
    color:var(--body);
    border:var(--thin) solid var(--border);
    border-radius:var(--r-base);
}
.pitchbelt-fine{font-size:var(--xs);color:var(--quiet);background:var(--base)}
.pitchbelt-hop{color:var(--flare);background:var(--base);text-decoration:underline}
.pitchbelt-hop:hover{color:var(--spot-deep);background:var(--base)}

/* ── страница 404 ERR-03 ─────────────────────────────────────── */
.module{background:var(--field);color:var(--body);padding-block:var(--sec-y);display:flex;flex-direction:column;justify-content:center;flex:1 0 auto}
.module-body{text-align:center}
.module-head{font-size:var(--xl-2);max-width:var(--slim);margin-inline:auto}
.module-words{color:var(--quiet);background:var(--field);max-width:var(--slim);margin-inline:auto;line-height:var(--roomy)}
.module-goto{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding-inline:var(--g-base);
    background:var(--flare);
    color:var(--field);
    border-radius:var(--r-base);
    font-size:var(--sm-2);
    font-weight:var(--black);
    letter-spacing:var(--loose);
    text-decoration:none;
}
.module-goto:hover{background:var(--spot-deep);color:var(--field)}
.shell:has(> .module){display:flex;flex-direction:column}

/* ── куки COOK-10 ────────────────────────────────────────────── */
.billet{display:contents}
.billet-veil{
    position:fixed;
    inset:0;
    z-index:94;
    background:rgba(0,0,0,0.45);
    pointer-events:none;
}
.billet-block{
    position:fixed;
    inset:0;
    margin:auto;
    height:fit-content;
    z-index:95;
    width:min(480px, calc(100vw - 2 * var(--g-wide)));
    padding:var(--g-base);
    background:var(--raised);
    color:var(--body);
    border:var(--thin) solid var(--rule-bold);
    border-radius:var(--r-wide);
    box-shadow:var(--d-huge);
}
.billet-head{margin:0 0 var(--g-tiny);font-family:var(--banner);font-size:var(--sm-2);font-weight:var(--black);color:var(--body)}
.billet-message{margin:0 0 var(--g-snug);color:var(--quiet);background:var(--raised);font-size:var(--small);line-height:var(--normal)}
.billet-deck{display:flex;flex-direction:column;gap:var(--g-hair)}
.billet-allow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding-inline:var(--g-snug);
    background:var(--flare);
    color:var(--field);
    border:0;
    border-radius:var(--r-base);
    font-family:var(--f-base);
    font-size:var(--small);
    font-weight:var(--black);
    cursor:pointer;
}
.billet-allow:hover{background:var(--spot-deep);color:var(--field)}
.billet-dismiss{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding-inline:var(--g-snug);
    background:var(--base);
    color:var(--body);
    border:var(--thin) solid var(--rule-bold);
    border-radius:var(--r-base);
    font-family:var(--f-base);
    font-size:var(--small);
    font-weight:var(--medium);
    cursor:pointer;
}
.billet-dismiss:hover{background:var(--rule-bold);color:var(--body)}

@media (min-width:600px){
    .billet-deck{flex-direction:row}
    .billet-allow,.billet-dismiss{flex:1 1 auto}
}

@media (max-width:720px){
    .billet-block{padding:12px 14px !important;width:min(480px, calc(100vw - 2 * var(--g-snug)))}
    .billet-head{display:none !important}
    .billet-message{font-size:13px !important;line-height:1.35 !important;margin-block-end:var(--g-tiny)}
    .billet-allow,.billet-dismiss{padding:8px 14px !important;font-size:12px !important;min-height:36px !important}
}

/* ── подвал FOOT-04 ──────────────────────────────────────────── */
.cloche{
    position:relative;
    background:var(--base);
    color:var(--quiet);
    border-block-start:var(--thin) solid var(--border);
    padding-block:var(--g-snug);
}
.cloche-band{
    width:100%;
    max-width:calc(var(--main) + 2 * var(--inset-desktop));
    margin-inline:auto;
    padding-inline:var(--edge-narrow);
    display:flex;
    flex-direction:column;
    gap:var(--g-tiny);
    align-items:center;
    text-align:center;
}
@media (min-width:600px){.cloche-band{padding-inline:var(--pad-md)}}
@media (min-width:900px){.cloche-band{padding-inline:var(--inset-desktop)}}
.rg-say{
    display:block;
    text-align:center;
    font-size:var(--xs);
    line-height:var(--normal);
    color:var(--quiet);
    background:var(--base);
    border-inline-start:var(--strong) solid var(--warn-band);
    padding-inline-start:var(--g-tiny);
}
.rg-hop{color:var(--flare);background:var(--base);text-decoration:underline}
.rg-hop:hover{color:var(--spot-deep);background:var(--base)}
.cloche-note{font-size:var(--xs);color:var(--quiet);background:var(--base)}
.cloche-guide{display:block;width:100%}
.cloche-hop{
    display:inline-block;
    color:var(--quiet);
    background:var(--base);
    font-size:var(--xs);
    letter-spacing:var(--loose);
    text-transform:uppercase;
    padding-inline:var(--g-hair);
    margin-block:2px;
    border-inline-start:var(--thin) solid var(--border);
}
.cloche-hop:first-child{border-inline-start:0}
.cloche-hop:hover{color:var(--body);background:var(--base)}

@media (min-width:900px){
    .cloche-band{flex-direction:row;justify-content:space-between;text-align:start;align-items:center;flex-wrap:wrap}
    .cloche-guide{width:auto;text-align:end}
    .rg-say{width:100%;text-align:start}
}

@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{
        animation-duration:1ms !important;
        animation-iteration-count:1 !important;
        transition-duration:1ms !important;
        scroll-behavior:auto !important;
    }
    body{animation:none;opacity:1}
}

/* ── офферная кнопка: цвет и приём анимации из scripts/cta-style.mjs ─── */
.buffet-hit{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--g-base);min-height:50px;border-radius:var(--r-base);border:var(--thin) solid var(--rule-bold);font-size:var(--sm-2);font-weight:var(--medium);letter-spacing:var(--loose)}
.buffet-hit{position:relative;
  background:#C026D3;color:#FFFFFF;text-decoration:none;
  transition:background var(--fast) var(--release),transform var(--fast) var(--release);}
.buffet-hit.buffet-hit{color:#FFFFFF;text-decoration:none;}
.buffet-hit:hover{background:#A21CAF;color:#FFFFFF;animation:none}
.buffet-hit.buffet-hit:hover{color:#FFFFFF;text-decoration:none}
.buffet-hit:hover::after{animation:none}
.buffet-hit:active{background:#86198F;color:#FFFFFF}
.buffet-hit:focus-visible{outline:3px solid #010F0F;outline-offset:3px}
@keyframes buffet-wake{0%{box-shadow:0 0 0 0 currentColor;opacity:.55}70%,100%{box-shadow:0 0 0 4px transparent;opacity:0}}
.buffet-hit::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:buffet-wake 1.1s var(--release) infinite}
@media (prefers-reduced-motion:reduce){.buffet-hit,.buffet-hit::after{animation:none!important;transition:none!important}}

.panneau-offer,.carnet-offer,.marque-offer,.linteau-offer,.pitchbelt-offer{
    white-space:nowrap;
    flex-shrink:0;
    text-align:center;
}
.panneau-offer{font-size:var(--small);padding-inline:var(--g-snug)}
@media (min-width:1400px){.panneau-offer{font-size:var(--sm-2);padding-inline:var(--g-base)}}
.carnet-offer{white-space:normal}
.marque-offer{white-space:normal}
.linteau-offer{white-space:normal}
.pitchbelt-offer{white-space:normal}

@media (max-width:660px){
    .panneau-band{flex-wrap:wrap;height:auto;min-height:88px;padding-block:var(--g-hair);row-gap:var(--g-hair)}
    .panneau-deck{order:4;flex-basis:100%;margin-inline-start:0}
    .panneau-offer{width:100%}
    .panneau.is-shrunk .panneau-band{height:auto}
}

.piedestal-stack .pitchbelt,
.trumeau-stack .pitchbelt,
.crypte-stack .pitchbelt{grid-column:1 / -1;margin-block:var(--g-snug)}

@media (max-width: 936px) {
  .panneau-guide,
  .panneau-chain,
  .panneau-hop,
  .panneau-quiet { display: none !important; }
  .panneau-toggle { display: flex !important; }
}