/* "Так было" storefront styles. Ported from the Claude Design project (Главная.dc.html + takbylo.css).
   Default theme is the night archive; .paper switches a section to light "paper insert" tokens. */
:root{
  --bg:#12100d; --bg2:#1b1814; --bg3:#26221b;
  --ink:#efe6d2; --muted:#bcb099; --line:rgba(239,230,210,.16);
  --accent:#9e2a1f; --accent-hover:#b8382a; --on-accent:#ffffff; --accent-text:#e88c76;
  --accent2:#c9a063; --folder:#3d4a3a; --blue:#3e5873;
  --paper:#efe6d2; --paper2:#e2d5b8; --ink-paper:#1c1814;
  --v-true:#3f6b3a; --v-grain:#a0701a; --v-false:#9e2a1f; --v-none:#4f6378;
  --v-true-t:#8fc184; --v-grain-t:#dcae5c; --v-false-t:#e88c76; --v-none-t:#9fb4c9;
  --display:"Old Standard TT", Georgia, serif;
  --body:"PT Serif", Georgia, serif;
  --mono:"PT Mono", "Courier New", monospace;
  --ui:"PT Sans", system-ui, sans-serif;
  --wrap:1280px; --gut:16px; --sec:64px;
  --fs:17px;
}
.paper{
  --bg:#efe6d2; --bg2:#e6dbc2; --bg3:#d9caa8;
  --ink:#1c1814; --muted:#54493c; --line:rgba(28,24,20,.22);
  --accent-text:#9e2a1f; --accent2:#7a5a26;
  --v-true-t:#2f5a2b; --v-grain-t:#7a5310; --v-false-t:#9e2a1f; --v-none-t:#3f5468;
  background-color:var(--bg);
  background-image:linear-gradient(rgba(239,230,210,.62),rgba(239,230,210,.62)),url("/assets/img/paper-texture.webp");
  background-size:auto,640px;
  color:var(--ink);
}
@media (min-width:390px){:root{--gut:20px;--fs:18px}}
@media (min-width:768px){:root{--gut:32px;--sec:88px}}
@media (min-width:1024px){:root{--gut:48px;--sec:112px}}
@media (min-width:1440px){:root{--wrap:1320px;--fs:19px}}
@media (min-width:1920px){:root{--wrap:1560px;--fs:20px;--sec:136px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:var(--fs);line-height:1.55;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--accent-text);text-underline-offset:.18em}
a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}
h1,h2,h3,p,ol,ul,figure,blockquote{margin:0}
ol,ul{padding:0;list-style:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.site{background:var(--bg);color:var(--ink);min-width:320px}
.wrap{width:100%;max-width:calc(var(--wrap) + var(--gut)*2);margin-inline:auto;padding-inline:var(--gut)}
.sec{padding-block:var(--sec)}
.sec--dark{background:var(--bg)}
.sec--deep{background:#0d0c0a}
.sec__head{display:grid;gap:16px;margin-bottom:40px}
@media (min-width:1024px){.sec__head{margin-bottom:56px}}
.kicker{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent2)}
.h2{font-family:var(--display);font-weight:400;font-size:clamp(34px,1.4rem + 3.4vw,92px);line-height:1.04;letter-spacing:-.01em;text-wrap:balance;max-width:18ch}
.lead{font-size:1.1em;color:var(--muted);max-width:62ch;text-wrap:pretty}

.btn{white-space:nowrap;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;font-family:var(--ui);font-weight:700;font-size:16px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;text-align:center}
.btn--accent{background:var(--accent);color:var(--on-accent)}
.btn--accent:hover{background:var(--accent-hover);color:var(--on-accent)}
.btn--ghost{border-color:var(--accent2);color:var(--ink);background:transparent}
.btn--ghost:hover{background:var(--accent2);color:#12100d}
.btn--wide{width:100%}

/* HEADER */
.hdr{position:sticky;top:0;z-index:50;background:rgba(13,12,10,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr__in{display:flex;align-items:center;gap:16px;height:60px}
.logo{display:flex;align-items:baseline;gap:12px;text-decoration:none;color:var(--ink);white-space:nowrap;margin-right:auto}
.logo:hover{color:var(--ink)}
.logo__word{font-family:var(--display);font-size:26px;line-height:1}
.logo__sub{display:none;font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.06em}
@media (min-width:1440px){.logo__sub{display:inline}}
.nav{display:none}
.nav__link{font-family:var(--ui);font-size:15px;color:var(--ink);text-decoration:none;white-space:nowrap}
.nav__link:hover{color:var(--accent2)}
.nav__cta{font-family:var(--ui);font-weight:700;font-size:15px;color:var(--on-accent);background:var(--accent);padding:9px 14px;text-decoration:none;white-space:nowrap}
.nav__cta:hover{background:var(--accent-hover);color:var(--on-accent)}
.nav.is-open{display:flex;position:fixed;left:0;right:0;top:60px;flex-direction:column;align-items:stretch;gap:0;background:#0d0c0a;border-bottom:1px solid var(--line);padding:8px var(--gut) 20px}
.nav.is-open .nav__link{padding:14px 0;border-bottom:1px solid var(--line);font-size:17px}
.nav.is-open .nav__cta{margin-top:16px;text-align:center;padding:14px}
.hdr__login{display:none;font-family:var(--ui);font-size:15px;color:var(--ink);text-decoration:none;white-space:nowrap}
.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;background:transparent;border:1px solid var(--line);cursor:pointer}
.burger__bar{display:block;height:2px;background:var(--ink)}
@media (min-width:768px){.hdr__login{display:inline}}
@media (min-width:1024px){
  .hdr__in{height:68px;gap:28px}
  .nav,.nav.is-open{display:flex;position:static;flex-direction:row;align-items:center;gap:24px;padding:0;background:none;border:0}
  .nav.is-open .nav__link{padding:0;border:0;font-size:15px}
  .nav.is-open .nav__cta{margin:0;padding:9px 14px}
  .burger{display:none}
  .hdr__login{order:3}
}

/* HERO */
.hero{position:relative;overflow:hidden;background:#0d0c0a;padding:28px 0 32px;isolation:isolate}
.hero__bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,12,10,.88) 0%,rgba(13,12,10,.7) 45%,rgba(13,12,10,.95) 100%),url("/assets/img/archive-hall-mobile.webp") center top/cover no-repeat}
@media (min-width:1024px){.hero__bg{background:linear-gradient(90deg,rgba(13,12,10,.97) 0%,rgba(13,12,10,.82) 40%,rgba(13,12,10,.45) 100%),url("/assets/img/archive-hall-wide.webp") center/cover no-repeat}}
.dust{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(220,230,240,.55);animation:dust 14s linear infinite}
.dust:nth-child(1){left:62%;top:20%;animation-delay:-2s}
.dust:nth-child(2){left:70%;top:48%;animation-delay:-5s;width:2px;height:2px}
.dust:nth-child(3){left:55%;top:66%;animation-delay:-8s}
.dust:nth-child(4){left:78%;top:30%;animation-delay:-11s;width:2px;height:2px}
.dust:nth-child(5){left:66%;top:80%;animation-delay:-4s}
.dust:nth-child(6){left:84%;top:58%;animation-delay:-9s;width:2px;height:2px}
.dust:nth-child(7){left:58%;top:38%;animation-delay:-13s}
.dust:nth-child(8){left:74%;top:12%;animation-delay:-6s;width:2px;height:2px}
@keyframes dust{0%{transform:translate(0,0);opacity:0}15%{opacity:.8}50%{transform:translate(-30px,60px);opacity:.5}85%{opacity:.7}100%{transform:translate(-60px,120px);opacity:0}}
.hero__grid{display:grid;gap:28px;align-items:center}
@media (min-width:1024px){.hero{padding:56px 0 40px}.hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;min-height:min(78vh,820px)}}
@media (min-width:1920px){.hero__grid{gap:80px}}
.hero__text{display:grid;gap:18px;align-content:center}
.hero__label{font-family:var(--mono);font-size:15px;color:var(--muted)}
.hero__title{font-family:var(--display);font-weight:400;font-size:clamp(34px,1.2rem + 3.6vw,104px);line-height:1.02;letter-spacing:-.01em;text-wrap:balance;min-height:2.04em}
.hero__verdict{display:grid;gap:10px;min-height:6.2em}
.js .hero__verdict{opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease}
.js .hero__verdict.is-on{opacity:1;transform:none}
.hero__vtag{font-family:var(--ui);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.hero__vtag--grain{color:var(--v-grain-t)}
.hero__vtag--false{color:var(--v-false-t)}
.hero__vtext{font-size:1.08em;line-height:1.5;max-width:46ch;text-wrap:pretty}
.hero__more{color:var(--accent2);white-space:nowrap}
.hero__actions,.theme__cta{display:grid;gap:12px}
@media (min-width:480px){.hero__actions,.theme__cta{display:flex;flex-wrap:wrap}.hero__actions .btn,.theme__cta .btn{flex:none;white-space:nowrap}}
.hero__slogan{font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--muted)}
.hero__stage{display:grid;gap:12px;min-width:0}
.hero__caption{font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--muted)}
.hero__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:28px}
@media (min-width:768px){.hero__tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tab{display:grid;gap:4px;align-content:start;text-align:left;padding:12px 14px;background:rgba(27,24,20,.8);border:1px solid var(--line);border-top:3px solid transparent;color:var(--muted);font-family:var(--ui);font-size:14px;line-height:1.3;cursor:pointer;transition:color .2s,border-color .2s}
.tab:hover{color:var(--ink)}
.tab.is-active{color:var(--ink);border-top-color:var(--accent)}
.tab__n{font-family:var(--mono);font-size:12px;color:var(--accent2)}

/* Scene: the case folder */
.scene{position:relative;aspect-ratio:1448/1086;container-type:inline-size;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.65);background:#1a140e}
.scene__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scene__closed{transition:opacity 1s ease .15s,transform 1.4s ease}
.scene__open{opacity:0;transform:scale(1.04);transition:opacity 1.1s ease,transform 1.6s ease}
.s-open .scene__closed{opacity:0;transform:scale(.97)}
.s-open .scene__open{opacity:1;transform:none}
.scene__label{position:absolute;left:32.5%;top:17.5%;width:31%;height:22%;display:grid;align-content:center;justify-items:center;gap:.6cqw;text-align:center;color:#1c1814;transition:opacity .5s}
.s-open .scene__label{opacity:0}
.scene__case{font-family:var(--mono);font-size:1.6cqw;letter-spacing:.16em}
.scene__ctitle{font-family:var(--display);font-size:3cqw;line-height:1.05}
.scene__fond{font-family:var(--mono);font-size:1.2cqw;color:#4a3f33}
.seal{position:absolute;left:66.85%;top:47.3%;width:8.4%;aspect-ratio:1;transform:translate(-50%,-50%)}
.seal__half{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 42% 38%,#ad2c2e 0 30%,#851a1d 58%,#5d0e11 100%);box-shadow:0 .3cqw .7cqw rgba(0,0,0,.5);transition:transform .8s cubic-bezier(.3,.7,.2,1),opacity .6s ease .35s}
.seal__half--l{clip-path:polygon(0 0,53% 0,44% 36%,57% 54%,45% 100%,0 100%)}
.seal__half--r{clip-path:polygon(53% 0,100% 0,100% 100%,45% 100%,57% 54%,44% 36%)}
.s-crack .seal__half--l{transform:translate(-34%,14%) rotate(-26deg)}
.s-crack .seal__half--r{transform:translate(36%,20%) rotate(22deg)}
.s-open .seal__half{opacity:0}
.sheet{position:absolute;left:13%;top:21%;width:31%;font-family:var(--mono);font-size:1.3cqw;line-height:1.86cqw;color:#2a241d;opacity:0;transition:opacity .8s ease .6s}
.s-open .sheet{opacity:1}
.sheet__head{font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.86cqw}
.sheet__list{display:grid}
.sheet__key{position:relative;margin-top:1.86cqw;font-size:1.45cqw;line-height:2.2cqw}
.sheet__mark{display:inline-block;font-weight:700;font-size:1.3em;color:#1c1814;padding:0 .25em;background:linear-gradient(transparent 52%,rgba(201,154,60,.75) 52%) no-repeat 0 0/0% 100%}
.s-lens .sheet__mark{background-size:100% 100%;transition:background-size .6s ease 1s}
.lens{position:absolute;top:50%;left:-14%;width:9.5cqw;aspect-ratio:1;border-radius:50%;border:.55cqw solid #a8834a;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.4),rgba(255,250,235,.08) 62%);box-shadow:0 1cqw 2cqw rgba(0,0,0,.45),inset 0 0 1.4cqw rgba(255,255,255,.45);transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .2s}
.lens::after{content:"";position:absolute;right:-2.2cqw;bottom:-3.6cqw;width:1.3cqw;height:4.6cqw;background:#3b2a17;border-radius:.6cqw;transform:rotate(-45deg)}
.s-lens .lens{opacity:1;left:64%;transition:left 1.4s cubic-bezier(.45,.05,.3,1),opacity .3s}
.doc{position:absolute;margin:0;padding:.45cqw;background:#ece2ca;box-shadow:0 1.2cqw 2.6cqw rgba(0,0,0,.55);opacity:0;transform:translateY(9cqw) rotate(var(--r,0deg));transition:opacity .7s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.doc img{width:100%;height:auto}
.doc--paper{left:55%;top:11%;width:23%;--r:-4deg;transition-delay:.7s}
.doc--bond{left:71%;top:16%;width:22%;--r:5deg;transition-delay:.9s}
.doc--note{left:57%;top:63%;width:33%;--r:-2deg;transition-delay:1.1s}
.s-open .doc{opacity:1;transform:rotate(var(--r,0deg))}
.stamp{position:absolute;left:60%;top:37%;font-family:var(--ui);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:2.7cqw;line-height:1;padding:1.1cqw 1.8cqw;border:.55cqw double currentColor;background:rgba(239,230,210,.88);opacity:0;transform:rotate(-12deg) scale(2.4);transition:opacity .15s,transform .15s;white-space:nowrap}
.stamp--grain{color:var(--v-grain)}
.stamp--false{color:var(--v-false)}
.s-stamp .stamp{opacity:.96;transform:rotate(-12deg) scale(1);transition:opacity .12s ease,transform .36s cubic-bezier(.55,0,.85,.3)}
.scene.s-stamp{animation:thud .32s ease .34s}
@keyframes thud{0%{transform:none}30%{transform:translateY(.4cqw)}60%{transform:translateY(-.15cqw)}100%{transform:none}}
@media (max-width:767px){
  .sheet{width:33%;top:24%}
  .sheet__list{display:none}
  .sheet__head{font-size:2.3cqw;line-height:3cqw;margin-bottom:3cqw}
  .sheet__key{font-size:3cqw;line-height:4cqw}
  .lens{width:13cqw}
  .doc--bond{display:none}
  .doc--paper{left:56%;top:9%;width:31%}
  .doc--note{left:52%;top:68%;width:40%}
  .stamp{left:48%;top:44%;font-size:4.4cqw}
}

/* METHOD */
.steps{display:grid;gap:12px}
@media (min-width:1024px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}}
.step{display:grid;gap:10px;align-content:start;padding:24px 0;border-top:2px solid var(--ink)}
@media (min-width:1024px){.step{padding:28px 32px 28px 0}.step+.step{padding-left:32px;border-left:1px solid var(--line)}}
.step__n{font-family:var(--mono);font-size:14px;color:var(--accent-text)}
.step__t{font-family:var(--display);font-weight:400;font-size:clamp(28px,1.2rem + 1.4vw,44px);line-height:1.05}
.step__d{color:var(--muted);max-width:40ch}
.example{display:grid;gap:24px;margin-top:48px;padding:28px;background:rgba(255,250,238,.55);border:1px solid var(--line)}
@media (min-width:1024px){.example{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;padding:40px 48px;align-items:center}}
.example__lbl{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.type{font-family:var(--mono);font-size:clamp(17px,.9rem + .6vw,24px);line-height:1.55;color:var(--ink);margin-top:12px}
.type__num{background:linear-gradient(transparent 58%,rgba(201,154,60,.55) 58%);font-weight:700}
.example__src{display:grid;gap:10px;font-family:var(--ui);font-size:15px;color:var(--muted);border-top:1px dashed var(--line);padding-top:14px}
@media (min-width:1024px){.example__src{border-top:0;border-left:1px dashed var(--line);padding:0 0 0 32px}}
.rel{display:inline-grid;place-items:center;width:28px;height:28px;border:2px solid currentColor;border-radius:50%;font-family:var(--mono);font-weight:700;font-size:14px;color:var(--ink);flex:none}
.rel-row{display:flex;gap:10px;align-items:center;color:var(--ink)}
.verdicts{display:grid;gap:12px;margin-top:48px}
@media (min-width:768px){.verdicts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.verdicts{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.vcard{display:grid;gap:14px;align-content:start;padding:24px;border:1px solid var(--line);background:rgba(255,250,238,.4)}
.vstamp{justify-self:start;font-family:var(--ui);font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;border:4px double currentColor;transform:rotate(-3deg)}
.vstamp--true{color:var(--v-true-t)}
.vstamp--grain{color:var(--v-grain-t)}
.vstamp--false{color:var(--v-false-t)}
.vstamp--none{color:var(--v-none-t)}
.vcard__d{font-size:.95em;color:var(--muted)}
.levels{display:grid;gap:12px;margin-top:16px}
@media (min-width:768px){.levels{grid-template-columns:repeat(3,minmax(0,1fr))}}
.level{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--line);font-family:var(--ui);font-size:15px;color:var(--muted)}
.level b{color:var(--ink);display:block;font-size:16px}

/* THEME */
.theme__head{display:grid;gap:32px;margin-bottom:48px}
@media (min-width:1024px){.theme__head{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:end;margin-bottom:64px}}
.theme__text{display:grid;gap:18px;align-content:start}
.exhibit{display:grid;gap:10px;margin:0}
.exhibit__frame{padding:10px;background:#e9dfc6;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.exhibit__frame img{width:100%;height:auto}
.exhibit__cap{font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--muted)}
.cases{display:grid;gap:16px}
@media (min-width:768px){.cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media (min-width:1024px){.cases{grid-template-columns:repeat(4,minmax(0,1fr))}}
.case{position:relative;display:grid;gap:14px;align-content:start;padding:28px 18px 18px;margin-top:14px;text-decoration:none;color:#e9dfc8;background-color:var(--folder);background-image:url("/assets/img/paper-texture.webp");background-size:500px;background-blend-mode:multiply;box-shadow:0 14px 30px rgba(0,0,0,.45);transition:transform .3s ease,box-shadow .3s ease}
.case::before{content:"";position:absolute;left:0;top:-14px;width:42%;height:16px;background:inherit;background-color:var(--folder)}
a.case:hover{transform:translateY(-4px);box-shadow:0 22px 40px rgba(0,0,0,.55);color:#e9dfc8}
.case__label{display:grid;gap:6px;padding:14px;background:#e2d5b8;color:#1c1814;min-height:118px;align-content:start}
.case__no{font-family:var(--mono);font-size:13px;letter-spacing:.1em}
.case__t{font-family:var(--display);font-size:22px;line-height:1.15}
.case__st{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;color:#e9dfc8}
.case__dot{width:10px;height:10px;border-radius:50%;background:#bcb099;flex:none}
.case--out .case__dot{background:#8fc184}
.case--dossier .case__dot{background:#c23a30;box-shadow:0 0 0 3px rgba(194,58,48,.3)}
.case--soon .case__label{background:#cfc1a0}
.theme__cta{margin-top:40px}

/* DOSSIER */
.spread{display:grid;background:#d8c8a4;padding:10px;box-shadow:0 26px 60px rgba(28,24,20,.35)}
@media (min-width:768px){.spread{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}}
.page{display:grid;gap:16px;align-content:start;padding:28px 22px 32px;background:#f6efdd;font-size:16px;line-height:1.6;color:#1c1814;min-width:0}
@media (min-width:768px){.page{padding:40px 36px 44px}.page--l{box-shadow:inset -18px 0 24px -18px rgba(28,24,20,.35)}.page--r{box-shadow:inset 18px 0 24px -18px rgba(28,24,20,.35)}}
@media (min-width:1440px){.page{padding:52px 56px;font-size:17px}}
.page+.page{border-top:1px solid rgba(28,24,20,.15)}
@media (min-width:768px){.page+.page{border-top:0}}
.page__run{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:12px;color:#54493c;border-bottom:1px solid rgba(28,24,20,.25);padding-bottom:8px}
.page__ch{font-family:var(--display);font-weight:400;font-size:clamp(26px,1.2rem + 1vw,38px);line-height:1.1}
.page__h{font-family:var(--ui);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#54493c;margin-top:8px}
.ref{font-family:var(--mono);font-size:.7em;color:#9e2a1f;vertical-align:super;line-height:0}
.page__verdicts{display:grid;gap:14px;padding:18px 0;border-block:1px solid rgba(28,24,20,.25)}
.page__v{display:grid;gap:8px}
.fns{display:grid;gap:4px;margin-top:4px}
.fn{position:relative;display:flex;gap:10px;align-items:flex-start;padding:8px 10px;font-family:var(--mono);font-size:12.5px;line-height:1.5;color:#3a3127;transform-origin:left center;transition:transform .35s ease,background-color .35s,box-shadow .35s;cursor:zoom-in;outline-offset:0}
.fn:hover,.fn:focus{transform:scale(1.12);background:#fffaf0;box-shadow:0 0 0 2px #a8834a,0 10px 24px rgba(28,24,20,.25);z-index:2}
@media (min-width:768px){.fn:hover,.fn:focus{transform:scale(1.32)}}
.fn__n{color:#9e2a1f;flex:none}
.fn__rel{flex:none;font-weight:700;border:1.5px solid currentColor;border-radius:50%;width:20px;height:20px;display:inline-grid;place-items:center;font-size:11px}
.dossier__hint{font-family:var(--mono);font-size:13px;color:var(--muted);margin-top:16px}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px;border-top:2px solid var(--ink)}
@media (min-width:768px){.facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fact{display:grid;gap:4px;padding:20px 16px 20px 0;border-bottom:1px solid var(--line)}
.fact__n{font-family:var(--display);font-size:clamp(40px,1.6rem + 2vw,72px);line-height:1}
.fact__l{font-family:var(--ui);font-size:15px;color:var(--muted);margin:0}

/* PRICES */
.offers{display:grid;gap:20px}
@media (min-width:768px){.offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
.offer{position:relative;display:grid;gap:18px;align-content:start;padding:28px 22px;border:1px solid rgba(28,24,20,.3);outline:1px solid rgba(28,24,20,.3);outline-offset:-8px;box-shadow:0 24px 50px rgba(0,0,0,.45)}
@media (min-width:1024px){.offer{padding:44px 44px 40px}}
.offer--main{outline-color:var(--accent);border-color:var(--accent)}
.offer__doc{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.offer__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.offer__sum{font-family:var(--display);font-size:clamp(52px,2rem + 3vw,96px);line-height:1}
.offer__old{font-family:var(--display);font-size:28px;text-decoration:line-through;color:var(--muted)}
.offer__list{display:grid;gap:10px}
.offer__list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px}
.offer__list li::before{content:"—";color:var(--accent-text)}
.offer__note{font-family:var(--ui);font-size:14px;color:var(--muted)}
.offer__seal{position:absolute;right:20px;top:-22px;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;text-align:center;font-family:var(--ui);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;line-height:1.15;color:#fff;background:radial-gradient(circle at 40% 35%,#b5352c,#7e1a15 75%);box-shadow:0 6px 14px rgba(0,0,0,.35);transform:rotate(8deg)}

/* TRUST */
.countries{display:grid;gap:0;border-top:2px solid var(--ink)}
@media (min-width:768px){.countries{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.countries>:last-child{grid-column:1/-1}}
@media (min-width:1024px){.countries{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:24px}.countries>:last-child{grid-column:auto}}
.country{display:grid;gap:6px;padding:20px 0;border-bottom:1px solid var(--line)}
.country__n{font-family:var(--display);font-size:28px;line-height:1.1}
.country__d{font-family:var(--ui);font-size:15px;color:var(--muted)}
.principles{display:grid;gap:16px;margin-top:48px}
@media (min-width:768px){.principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.principle{display:grid;gap:12px;align-content:start;padding:24px;background:var(--bg2);border:1px solid var(--line)}
.principle__t{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.2}
.principle__d{color:var(--muted);font-size:.95em}

/* FAQ */
.faq{display:grid;max-width:900px;border-top:2px solid var(--ink)}
.qa{border-bottom:1px solid var(--line)}
.qa__q{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:22px 0;cursor:pointer;list-style:none;font-family:var(--display);font-size:clamp(22px,1rem + .9vw,32px);line-height:1.2}
.qa__q::-webkit-details-marker{display:none}
.qa__q::after{content:"+";font-family:var(--mono);font-size:24px;color:var(--accent-text);transition:transform .3s;flex:none}
.qa[open] .qa__q::after{transform:rotate(45deg)}
.qa__a{padding:0 0 24px;max-width:66ch;color:var(--muted);text-wrap:pretty}

/* FOOTER */
.ftr{background:#0b0a08;border-top:1px solid var(--line);padding:48px 0 32px;color:var(--ink)}
.ftr__top{display:grid;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line)}
@media (min-width:1024px){.ftr__top{grid-template-columns:minmax(0,1fr) auto;align-items:end}}
.ftr__brand{display:grid;gap:6px}
.ftr__slogan{font-family:var(--mono);font-size:13px;color:var(--muted)}
.ftr__nav{display:flex;flex-wrap:wrap;gap:10px 24px;font-family:var(--ui);font-size:15px}
.ftr__nav a{color:var(--ink);text-decoration:none}
.ftr__nav a:hover{color:var(--accent2)}
.legal{display:grid;gap:14px;padding-top:24px;font-family:var(--ui);font-size:15px;line-height:1.6}
.legal__line{color:var(--ink)}
.legal__links{display:flex;flex-wrap:wrap;gap:8px 20px}
.legal__links a{color:var(--ink)}
.legal__links a:hover{color:var(--accent2)}
.legal__copy{color:var(--muted);font-size:14px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none !important;animation:none !important}
  html{scroll-behavior:auto}
  .dust{display:none}
}

/* ===== HOME v2: brand storefront (shelf of cases from several fonds) ===== */
@media (min-width:1024px){.hero--brand{min-height:calc(100svh - 68px);padding:28px 0 20px;display:flex;flex-direction:column}.hero--brand .hero__grid{flex:1}}
.hero__sub{font-size:1.12em;line-height:1.5;color:var(--muted);max-width:44ch;text-wrap:pretty}
.hero__now{display:grid;gap:6px;padding:14px 16px;border:1px solid var(--line);background:rgba(18,16,13,.72);min-height:8.6em;align-content:start}
.hero__now-case{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted)}
.hero__now-v{font-family:var(--display);font-size:1.2em;line-height:1.2}
.hero__now-t{font-size:.95em;line-height:1.45;transition:opacity .5s}
.hero__now .hero__vtag{transition:opacity .4s}
.js .hero__now.is-wait .hero__vtag,.js .hero__now.is-wait .hero__now-t{opacity:0}
.hero__vtag--check{color:var(--v-none-t)}

.shelf{position:relative;width:100%;aspect-ratio:4/3;container-type:inline-size;overflow:hidden;background:radial-gradient(ellipse 60% 55% at 38% 30%,rgba(190,205,215,.13),transparent 70%),linear-gradient(180deg,#17140f,#0e0c09);box-shadow:0 30px 70px rgba(0,0,0,.65)}
.shelf__back{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 18cqw,rgba(0,0,0,.35) 18cqw 19cqw),linear-gradient(180deg,transparent 0 31%,rgba(74,52,32,.55) 31% 33%,transparent 33%)}
.shelf__plank{position:absolute;left:0;right:0;bottom:0;height:5cqw;background:linear-gradient(180deg,#5a3f25,#2a1c10);box-shadow:0 -1cqw 2.4cqw rgba(0,0,0,.55)}
.spines{position:absolute;right:3cqw;bottom:5cqw;height:60cqw;display:flex;align-items:flex-end;gap:.7cqw}
.spine{position:relative;width:6.2cqw;height:var(--h,90%);padding:0;border:0;cursor:pointer;background-color:var(--c,#3d4a3a);background-image:url("/assets/img/paper-texture.webp");background-size:40cqw;background-blend-mode:multiply;box-shadow:inset -.7cqw 0 1cqw rgba(0,0,0,.4),0 0 1.2cqw rgba(0,0,0,.5);filter:brightness(.72);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}
.spine:hover{filter:brightness(.9)}
.spine.is-active{transform:translateY(-7cqw);filter:none}
.spine:nth-child(2){--h:84%}.spine:nth-child(3){--h:93%}.spine:nth-child(4){--h:87%}.spine:nth-child(5){--h:95%}.spine:nth-child(6){--h:82%}
.spine--f1{--c:#3d4a3a}.spine--f2{--c:#34465a}.spine--f3{--c:#5b4228}
.spine__label{position:absolute;left:.9cqw;right:.9cqw;top:3cqw;height:62%;display:flex;align-items:center;justify-content:flex-start;padding:1cqw .2cqw;background:#e2d5b8;color:#1c1814;font-family:var(--mono);font-size:max(1.4cqw,9px);line-height:1.1;writing-mode:vertical-rl;transform:rotate(180deg);overflow:hidden;white-space:nowrap}
.cover{position:absolute;left:4cqw;top:4cqw;width:47cqw;aspect-ratio:722/1020;opacity:0;transform:translateX(34cqw) translateY(6cqw) scale(.55) rotate(3deg);transform-origin:right bottom;transition:opacity .25s ease,transform .25s ease}
.s-out .cover{opacity:1;transform:none;transition:opacity .5s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.cover__bg{position:absolute;inset:0;background:url("/assets/img/case-folder-closed.webp") 49.3% 45%/200.6% auto no-repeat;box-shadow:0 2cqw 4cqw rgba(0,0,0,.6)}
.cover__tint{position:absolute;inset:0;mix-blend-mode:color;opacity:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 13.7%,13.9% 13.7%,13.9% 40.4%,79.9% 40.4%,79.9% 13.7%,0 13.7%)}
.cover--f2 .cover__tint{background:#2c4f78;opacity:.9}
.cover--f3 .cover__tint{background:#7a4a1e;opacity:.9}
.cover__seal{position:absolute;left:84.5%;top:47.4%;width:19%;aspect-ratio:1;transform:translate(-50%,-50%)}
.cover__label{position:absolute;left:13.9%;top:13.7%;width:66%;height:27%;display:grid;align-content:center;justify-items:center;gap:.6cqw;padding:0 1.6cqw;text-align:center;color:#1c1814}
.cover__fond{font-family:var(--mono);font-size:max(1.2cqw,8px);line-height:1.25;color:#54493c}
.cover__no{font-family:var(--mono);font-size:max(1.4cqw,9px);letter-spacing:.14em}
.cover__t{font-family:var(--display);font-size:max(2.5cqw,13px);line-height:1.1;text-wrap:balance}
.cover__slip{position:absolute;left:9%;top:55%;width:62%;display:grid;gap:.6cqw;padding:1.4cqw 1.6cqw;background:#efe6d2;color:#2a241d;font-family:var(--mono);font-size:max(1.3cqw,8px);line-height:1.35;box-shadow:0 .8cqw 1.6cqw rgba(0,0,0,.45);transform:rotate(-1.5deg)}
.cover__slip-h{font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.cover__key{position:relative;font-size:max(1.45cqw,9px)}
.cover .stamp{left:16%;top:77%;font-size:max(3cqw,12px)}
.stamp--check{color:var(--v-none)}
.shelf.s-stamp .cover{animation:thud .32s ease .34s}
.shelf.s-lens .lens{left:calc(100% + 1.5cqw)}
.shelf.s-stamp .lens{opacity:0;transition:opacity .4s}

.fonds{display:grid;gap:24px}
@media (min-width:768px){.fonds{grid-template-columns:repeat(2,minmax(0,1fr))}.fonds>:last-child:nth-child(2n+1){grid-column:1/-1}}
@media (min-width:1024px){.fonds{grid-template-columns:repeat(3,minmax(0,1fr))}.fonds>:last-child:nth-child(2n+1){grid-column:auto}.fonds>:last-child:nth-child(3n+1){grid-column:1/-1}.fonds>:last-child:nth-child(3n+2){grid-column:span 2}}
.fond{position:relative;display:grid;gap:18px;align-content:start;margin-top:16px;padding:32px 22px 24px;color:#e9dfc8;background-color:var(--c,#3d4a3a);background-image:url("/assets/img/paper-texture.webp");background-size:520px;background-blend-mode:multiply;box-shadow:0 16px 34px rgba(0,0,0,.45)}
.fond::before{content:"";position:absolute;left:0;top:-16px;width:38%;height:18px;background-color:var(--c,#3d4a3a)}
.fond--f2{--c:#34465a}.fond--f3{--c:#5b4228}
.fond__label{display:grid;gap:8px;padding:18px;background:#e2d5b8;color:#1c1814}
.fond__no{font-family:var(--mono);font-size:13px;letter-spacing:.1em}
.fond__t{font-family:var(--display);font-weight:400;font-size:clamp(26px,1.2rem + .8vw,34px);line-height:1.1}
.fond__meta{font-family:var(--mono);font-size:13px;color:#54493c}
.fond__d{font-size:.95em;line-height:1.5;color:#e9dfc8}
.fond__docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fond__doc{margin:0;padding:4px;background:#e9dfc6}
.fond__doc img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:top}
.fond__st{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px}
.fond__st .case__dot{background:#8fc184}
.fond--soon .fond__st .case__dot{background:#bcb099}
.fond__stamp{justify-self:start;font-family:var(--ui);font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;border:4px double currentColor;color:#d3dde8;transform:rotate(-3deg)}
.fond .btn{justify-self:stretch}
@media (min-width:480px){.fond .btn{justify-self:start}}

.lverdicts{display:grid;gap:16px}
@media (min-width:768px){.lverdicts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.lverdicts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lv{display:grid;gap:16px;align-content:start;padding:26px 22px;background:#f6efdd;border:1px solid var(--line);box-shadow:0 10px 24px rgba(28,24,20,.12)}
.lv__case{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted)}
.lv__v{font-family:var(--display);font-size:clamp(22px,1rem + .8vw,30px);line-height:1.15;text-wrap:balance}
.lv__t{font-size:.95em;line-height:1.5;color:var(--ink)}

.prices{display:grid;gap:16px}
@media (min-width:768px){.prices{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
.pr{display:grid;gap:12px;align-content:start;padding:28px 24px;background:var(--bg2);border:1px solid var(--line)}
@media (min-width:1024px){.pr{padding:36px 40px}}
.pr--main{border-color:var(--accent)}
.pr__t{font-family:var(--display);font-weight:400;font-size:clamp(24px,1.1rem + .8vw,32px);line-height:1.15}
.pr__sum{font-family:var(--display);font-size:clamp(44px,1.8rem + 2vw,72px);line-height:1}
.pr__sum s{font-size:.45em;color:var(--muted)}
.pr__d{color:var(--muted)}
.pr .btn{justify-self:stretch;margin-top:6px}
@media (min-width:480px){.pr .btn{justify-self:start}}
.method__ex{display:grid;gap:24px;margin-top:48px}
@media (min-width:1024px){.method__ex{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:center}}
.method__ex .example{margin-top:0}
.method__ex .exhibit__frame{box-shadow:0 18px 40px rgba(28,24,20,.3)}

@media (max-width:767px){
  .shelf{aspect-ratio:4/5}
  .cover{width:62cqw;left:4cqw;top:5cqw}
  .spines{height:92cqw;right:3cqw;gap:.8cqw;bottom:6cqw}
  .spine{width:4.4cqw}
  .spine__label{font-size:0;left:.8cqw;right:.8cqw}
  .shelf__plank{height:6cqw}
}
@media (min-width:1024px){
  .hero--brand .hero__title{font-size:min(clamp(44px,1.4rem + 4vw,120px),10vh);min-height:0}
  .hero--brand .shelf{width:min(100%,calc((100svh - 150px) * 1.3333))}
  .hero--brand .hero__stage{justify-items:center;align-content:center}
}
@media (min-width:1024px) and (max-height:820px){
  .hero--brand .hero__title{font-size:min(clamp(40px,1.4rem + 4vw,120px),9vh)}
  .hero--brand .hero__sub{font-size:max(15px,2.2vh)}
  .hero--brand .hero__now{min-height:0}
  .hero--brand .hero__text{gap:12px}
}
.hero--brand .hero__title{min-height:0}
.btn--wide{white-space:normal}
@media (max-width:479px){.btn{white-space:normal}}

/* ===== THEME PAGE (fond landing, /courses/<theme>/) ===== */
.t-hero{position:relative;background:#0d0c0a;padding:32px 0 40px;overflow:hidden;isolation:isolate}
.t-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 70% at 70% 40%,rgba(190,205,215,.10),transparent 70%)}
.t-hero__grid{display:grid;gap:32px;align-items:center}
@media (min-width:1024px){.t-hero{min-height:calc(100svh - 68px);display:flex;align-items:center;padding:40px 0}.t-hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;width:100%}}
.t-hero__text{display:grid;gap:18px;align-content:center}
.t-hero__title{font-family:var(--display);font-weight:400;font-size:clamp(38px,1.3rem + 4vw,112px);line-height:1.02;letter-spacing:-.01em;text-wrap:balance}
@media (min-width:1024px){.t-hero__title{font-size:min(clamp(38px,1.3rem + 4vw,112px),9vh)}}
.t-hero__sub{font-size:1.1em;line-height:1.5;color:var(--muted);max-width:46ch;text-wrap:pretty}
.plaque{display:grid;gap:6px;padding:16px 18px;border:1px solid var(--accent);background:rgba(158,42,31,.12)}
.plaque__top{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.plaque__k{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text)}
.plaque__sum{font-family:var(--display);font-size:40px;line-height:1}
.plaque__old{font-family:var(--display);font-size:22px;text-decoration:line-through;color:var(--muted)}
.plaque__d{font-family:var(--ui);font-size:15px;color:var(--ink)}
.atlas{display:grid;gap:12px;min-width:0}
.atlas__map{position:relative;padding:10px;background:#e9dfc6;box-shadow:0 26px 60px rgba(0,0,0,.6)}
@media (min-width:1024px){.atlas{justify-self:center;width:min(100%,calc((100svh - 300px) * 1.39))}}
.atlas__img{width:100%;height:auto}
.atlas__tint{position:absolute;inset:10px;mix-blend-mode:multiply;opacity:0;transition:opacity 1.2s ease,background-color 1.2s ease}
.atlas__tint.is-on{opacity:.38}
.atlas__tint--l0{background:#3e5873}.atlas__tint--l1{background:#a8834a}.atlas__tint--l2{background:#9e2a1f}.atlas__tint--l3{background:#3f6b3a}.atlas__tint--l4{background:#5b4f7a}
.atlas__tag{position:absolute;left:22px;bottom:22px;display:grid;gap:2px;max-width:70%;padding:10px 12px;background:rgba(239,230,210,.94);color:#1c1814;font-family:var(--mono);font-size:12px;line-height:1.4;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.atlas__tag b{font-family:var(--ui);font-size:14px}
.layers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.layers>:last-child{grid-column:1/-1}
@media (min-width:768px){.layers{grid-template-columns:repeat(5,minmax(0,1fr))}.layers>:last-child{grid-column:auto}}
.layer{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;background:rgba(27,24,20,.85);border:1px solid var(--line);color:var(--muted);font-family:var(--ui);font-size:14px;line-height:1.2;text-align:left;cursor:pointer}
.layer:hover{color:var(--ink)}
.layer.is-on{color:var(--ink);border-color:var(--accent2)}
.layer__sw{width:14px;height:14px;flex:none;border:1px solid rgba(239,230,210,.5)}
.layer__sw--l0{background:#3e5873}.layer__sw--l1{background:#a8834a}.layer__sw--l2{background:#9e2a1f}.layer__sw--l3{background:#3f6b3a}.layer__sw--l4{background:#5b4f7a}
.atlas__cap{font-family:var(--mono);font-size:12px;color:var(--muted)}

.promise{font-family:var(--display);font-size:clamp(28px,1.1rem + 2.2vw,60px);line-height:1.18;max-width:28ch;text-wrap:pretty}
.promise em{font-style:normal;color:var(--accent-text)}
.who{display:grid;gap:16px;margin-top:48px}
@media (min-width:768px){.who{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.who__i{display:grid;gap:10px;align-content:start;padding:22px 0;border-top:2px solid var(--ink)}
.who__k{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}
.who__t{font-size:1.02em;line-height:1.5}

.prog{display:grid;border-top:2px solid var(--ink)}
.ser{border-bottom:1px solid var(--line)}
.ser__s{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:baseline;padding:20px 0;cursor:pointer;list-style:none}
.ser__s::-webkit-details-marker{display:none}
.ser__s::after{content:"+";grid-column:2;grid-row:1;font-family:var(--mono);font-size:24px;line-height:1;color:var(--accent-text);transition:transform .3s}
.ser[open] .ser__s::after{transform:rotate(45deg)}
.ser__t{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-family:var(--display);font-size:clamp(22px,1rem + 1vw,34px);line-height:1.15}
.ser__n{font-family:var(--mono);font-size:14px;color:var(--accent-text)}
.ser__m{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--mono);font-size:13px;color:var(--muted)}
.ser__st{color:var(--ink)}
.ser__st--ready{color:var(--v-true-t)}
.lessons{display:grid;padding:0 0 22px}
@media (min-width:768px){.lessons{padding-left:48px}}
.lesson{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:12px 0;border-top:1px dashed var(--line)}
.lesson__n{font-family:var(--mono);font-size:14px;color:var(--muted)}
.lesson__t{line-height:1.4}
.lesson__min{font-family:var(--mono);font-size:13px;color:var(--muted);white-space:nowrap}
.lesson__free{display:inline-block;margin-left:8px;font-family:var(--ui);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--v-true-t);border:1.5px solid currentColor;padding:1px 6px;vertical-align:middle}
.prog__sum{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:20px;font-family:var(--mono);font-size:14px;color:var(--muted)}

.learn{display:grid;gap:12px}
@media (min-width:768px){.learn{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media (min-width:1024px){.learn{grid-template-columns:repeat(4,minmax(0,1fr))}}
.learn__i{display:grid;gap:10px;align-content:start;padding:22px;background:var(--bg2);border:1px solid var(--line)}
.learn__n{font-family:var(--mono);font-size:13px;color:var(--accent2)}
.learn__t{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.15}
.learn__d{color:var(--muted);font-size:.95em}
.lessondocs{display:grid;gap:16px;margin-top:32px}
@media (min-width:768px){.lessondocs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lessondocs .exhibit__frame{padding:6px}
.lessondocs img{height:auto;aspect-ratio:4/3;object-fit:cover}
.registry{margin-top:56px;display:grid;gap:16px}
.h3{font-family:var(--display);font-weight:400;font-size:clamp(24px,1.1rem + 1vw,36px);line-height:1.12}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:var(--bg2)}
.tbl{width:100%;min-width:680px;border-collapse:collapse;font-family:var(--mono);font-size:14px}
.tbl th,.tbl td{padding:14px 12px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;vertical-align:top}
.tbl thead th{font-family:var(--ui);font-weight:700;font-size:14px;color:var(--ink);background:var(--bg3)}
.tbl tbody th{font-family:var(--ui);font-weight:700;color:var(--ink);white-space:nowrap}
.tbl td{color:var(--muted)}
.tbl__empty{display:block;height:18px;border-bottom:1px dotted var(--muted);opacity:.6}
.registry__cap{font-family:var(--mono);font-size:13px;color:var(--muted)}

.hw{display:grid;gap:24px}
@media (min-width:1024px){.hw{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}}
.hw__version{font-family:var(--display);font-size:clamp(26px,1.1rem + 1.4vw,44px);line-height:1.15}
.hw__docs{display:grid;gap:16px;margin-top:20px}
@media (min-width:768px){.hw__docs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.slot{display:grid;gap:10px;align-content:start;padding:18px;border:1px solid rgba(28,24,20,.3);background:#f6efdd;font-family:var(--mono);font-size:14px;line-height:1.5;color:#2a241d;box-shadow:0 8px 20px rgba(28,24,20,.12)}
.slot__k{font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#9e2a1f}
.slot__src{display:flex;gap:8px;align-items:center;font-size:12px;color:#54493c}
.hw__panel{display:grid;gap:16px;padding:24px;background:#f6efdd;border:1px solid var(--line)}
.hw__q{font-family:var(--ui);font-weight:700;font-size:16px}
.hw__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hw__opt{min-height:56px;padding:8px;background:transparent;border:4px double currentColor;font-family:var(--ui);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .2s,background-color .2s}
.hw__opt:hover{transform:rotate(-2deg)}
.hw__opt--true{color:var(--v-true-t)}.hw__opt--grain{color:var(--v-grain-t)}.hw__opt--false{color:var(--v-false-t)}.hw__opt--none{color:var(--v-none-t)}
.hw__opt.is-picked{background:rgba(28,24,20,.08);transform:rotate(-3deg)}
.hw__res{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.hw__res[hidden]{display:none}
.hw__fb{font-family:var(--ui);font-weight:700}
.hw__fb--ok{color:var(--v-true-t)}.hw__fb--no{color:var(--v-false-t)}
.hw__v{display:grid;gap:8px}

.incl{display:grid;gap:24px}
@media (min-width:768px){.incl{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:48px}}
.incl__list{display:grid;gap:0;border-top:2px solid var(--ink)}
.incl__list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
.incl__list li::before{content:"✓";font-family:var(--mono);color:var(--v-true-t)}
.incl__no li::before{content:"×";color:var(--v-false-t)}
.incl__h{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}

.order{display:grid;gap:24px}
@media (min-width:1024px){.order{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}}
.order__main{display:grid;gap:24px}
.order__terms{display:grid;gap:10px;color:var(--muted)}
.order__terms b{color:var(--ink)}
.form{display:grid;gap:16px;padding:24px;background:var(--bg2);border:1px solid var(--line)}
@media (min-width:768px){.form{padding:32px}}
.field{display:grid;gap:8px;font-family:var(--ui);font-size:15px}
.input{width:100%;min-height:52px;padding:0 16px;font:inherit;font-size:17px;color:#1c1814;background:#efe6d2;border:1px solid #a8834a}
.check{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;font-family:var(--ui);font-size:15px;line-height:1.45;color:var(--ink);cursor:pointer}
.check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.form__sum{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line);font-family:var(--ui)}
.form__sum b{font-family:var(--display);font-weight:400;font-size:32px}
.form__note{font-family:var(--ui);font-size:13px;color:var(--muted)}
.form__status{font-family:var(--ui);font-size:15px;color:var(--v-false-t)}
.form__status[hidden]{display:none}
.tl{display:grid;gap:0;margin-top:56px;border-top:2px solid var(--ink)}
@media (min-width:768px){.tl{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1440px){.tl{grid-template-columns:repeat(8,minmax(0,1fr))}}
.tl__i{position:relative;display:grid;gap:4px;align-content:start;padding:18px 12px 18px 0;border-bottom:1px solid var(--line)}
.tl__i::before{content:"";position:absolute;left:0;top:-7px;width:12px;height:12px;border-radius:50%;background:var(--muted)}
.tl__i--ready::before{background:#8fc184}
.tl__n{font-family:var(--mono);font-size:12px;color:var(--accent2);margin-top:6px}
.tl__t{font-family:var(--display);font-size:19px;line-height:1.2}
.tl__st{font-family:var(--mono);font-size:12px;color:var(--muted)}
.tl__i--ready .tl__st{color:var(--v-true-t)}

/* ===== DOSSIER PAGE (/courses/<dossier>/) ===== */
.d-hero{position:relative;background:#0d0c0a;padding:32px 0 56px;isolation:isolate}
.d-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 55% 60% at 75% 30%,rgba(190,205,215,.10),transparent 70%)}
.d-hero__grid{display:grid;gap:32px;align-items:start}
@media (min-width:1024px){.d-hero{padding:56px 0 80px}.d-hero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:56px;row-gap:40px}.d-hero__head{grid-column:1}.dcover{grid-column:2;grid-row:1}.inside{grid-column:1;grid-row:2}.buy{grid-column:2;grid-row:2}}
.d-hero__head{display:grid;gap:18px}
.d-hero__title{font-family:var(--display);font-weight:400;font-size:clamp(36px,1.2rem + 3.6vw,96px);line-height:1.03;letter-spacing:-.01em;text-wrap:balance}
.d-hero__sub{font-size:1.1em;line-height:1.5;color:var(--muted);max-width:52ch;text-wrap:pretty}
.dcover{position:relative;width:min(100%,460px);aspect-ratio:4/5;justify-self:center;container-type:inline-size}
.dcover__folder{position:absolute;left:4%;top:6%;width:72%;height:88%;background-color:var(--folder);background-image:url("/assets/img/paper-texture.webp");background-size:300px;background-blend-mode:multiply;box-shadow:0 30px 60px rgba(0,0,0,.6);transform:rotate(-3deg)}
.dcover__label{position:absolute;left:12%;right:12%;top:14%;display:grid;gap:2cqw;padding:5cqw 4cqw;background:#e2d5b8;color:#1c1814;text-align:center}
.dcover__no{font-family:var(--mono);font-size:max(3cqw,11px);letter-spacing:.16em}
.dcover__t{font-family:var(--display);font-size:max(6cqw,20px);line-height:1.08}
.dcover__k{font-family:var(--mono);font-size:max(2.6cqw,10px);color:#54493c}
.dcover__page{position:absolute;width:62%;height:80%;display:grid;align-content:start;gap:3cqw;padding:6cqw 5cqw;background:#f6efdd;color:#1c1814;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.dcover__page--1{right:4%;top:12%;transform:rotate(4deg)}
.dcover__page--2{right:3%;top:4%;transform:rotate(8deg);opacity:.85}
.dcover__run{display:flex;justify-content:space-between;font-family:var(--mono);font-size:max(2.2cqw,9px);color:#54493c;border-bottom:1px solid rgba(28,24,20,.25);padding-bottom:1.5cqw}
.dcover__ch{font-family:var(--display);font-size:max(4.4cqw,15px);line-height:1.12}
.dcover__line{display:block;height:1.4cqw;background:rgba(28,24,20,.14)}
.dcover__line--s{width:62%}
.dcover__stamp{justify-self:start;font-family:var(--ui);font-weight:700;font-size:max(3cqw,11px);letter-spacing:.14em;text-transform:uppercase;padding:1.4cqw 2.4cqw;border:.9cqw double currentColor;color:var(--v-false);transform:rotate(-6deg)}
.inside{display:grid;gap:20px}
.inside__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--ink);margin:0}
@media (min-width:768px){.inside__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
.toc{display:grid;border-top:1px solid var(--line)}
@media (min-width:768px){.toc{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}
.toc__i{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.95em;line-height:1.35}
.toc__n{font-family:var(--mono);font-size:13px;color:var(--accent2)}
.buy{align-content:start}
.buy__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.buy__sum{font-family:var(--display);font-size:clamp(56px,2rem + 3vw,88px);line-height:1}
.buy__vat{font-family:var(--ui);font-size:14px;color:var(--muted)}
.buy__fmt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.buy__fmt li{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--muted)}
.buy__fmt b{font-family:var(--ui);font-size:16px;color:var(--ink)}
.flip__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.flip__pos{font-family:var(--mono);font-size:14px;color:var(--muted)}
.flip__ctrl{display:flex;gap:8px}
.flip__btn{width:48px;height:48px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:20px;cursor:pointer}
.flip__btn[disabled]{opacity:.35;cursor:default}
.spread[hidden]{display:none}
.spread__img{margin:0;background:#fff;min-width:0}
.spread__img img{width:100%;height:auto}
.anatomy{display:grid;gap:16px}
@media (min-width:1024px){.anatomy{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.anat{display:grid;gap:12px;align-content:start;padding:24px;background:var(--bg2);border:1px solid var(--line)}
.anat__n{font-family:var(--mono);font-size:13px;color:var(--accent2)}
.anat__t{font-family:var(--display);font-weight:400;font-size:28px;line-height:1.1}
.anat__q{font-family:var(--mono);font-size:15px;line-height:1.55}
.anat__src{font-family:var(--ui);font-size:14px;color:var(--muted)}
.lvl3{display:grid;gap:16px}
@media (min-width:768px){.lvl3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.lvl{display:grid;gap:12px;align-content:start;padding:24px 0;border-top:2px solid var(--ink)}
.lvl__t{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.15}
.lvl__d{color:var(--muted)}
.upsell{display:grid;gap:28px;padding:32px 24px;border:1px solid var(--accent);background:rgba(158,42,31,.08)}
@media (min-width:1024px){.upsell{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;padding:48px;align-items:center}}
.upsell__t{font-family:var(--display);font-size:clamp(28px,1.1rem + 2vw,52px);line-height:1.1;text-wrap:balance}
.upsell__d{color:var(--muted);max-width:56ch}
.upsell__side{display:grid;gap:14px;align-content:start}
.upsell__side .btn{justify-self:start}
.recv{display:grid;gap:16px}
@media (min-width:768px){.recv{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.recv__i{display:grid;gap:10px;align-content:start;padding:22px 0;border-top:2px solid var(--ink)}
.recv__t{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.15}
.recv__d{color:var(--muted)}
.recv__links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:28px;font-family:var(--ui);font-size:15px}

/* ===== FREE LESSON (/uroki/<slug>/) — from «Урок 0.1 - Как мы проверяем.dc.html» ===== */
.crumbs{display:flex;flex-wrap:wrap;gap:4px 10px;font-family:var(--mono);font-size:13px;color:var(--muted)}
.crumbs a{color:var(--muted)}
.lsn{display:grid;gap:40px;padding-block:32px var(--sec)}
@media (min-width:1024px){.lsn{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:56px;align-items:start}.lsn--cab{grid-template-columns:minmax(220px,3fr) minmax(0,9fr)}}
.lsn__main{display:grid;gap:48px;min-width:0}
.lsn__head{display:grid;gap:12px}
.lsn__title{font-family:var(--display);font-weight:400;font-size:clamp(32px,1.2rem + 2.6vw,72px);line-height:1.05;text-wrap:balance}
.lsn__meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--mono);font-size:14px;color:var(--muted)}
.player{position:relative;aspect-ratio:16/9;display:grid;place-items:center;background:repeating-linear-gradient(135deg,rgba(239,230,210,.05) 0 10px,transparent 10px 20px),#1b1814;border:1px solid var(--line)}
.player__btn{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--accent);color:var(--on-accent);border:0;font-size:28px;cursor:pointer}
.player__cap{position:absolute;left:16px;bottom:14px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.blk{display:grid;gap:20px}
.blk__h{font-family:var(--display);font-weight:400;font-size:clamp(26px,1.1rem + 1.2vw,40px);line-height:1.1}
.docs3{display:grid;gap:16px}
@media (min-width:768px){.docs3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dcard{display:grid;gap:10px;align-content:start;padding:0;background:none;border:0;text-align:left;color:var(--ink);cursor:zoom-in;font:inherit}
.dcard__img{padding:8px;background:#e9dfc6;box-shadow:0 14px 30px rgba(0,0,0,.4)}
.dcard__img img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top}
.dcard .slot{min-height:0;aspect-ratio:4/5;cursor:default}
.dcard__cap{display:flex;gap:10px;align-items:flex-start;font-family:var(--mono);font-size:12px;line-height:1.45;color:var(--muted)}
.notes{display:grid;gap:18px}
.note{display:grid;gap:8px}
@media (min-width:768px){.note{grid-template-columns:minmax(0,1fr) 200px;gap:32px}}
.note__p{max-width:66ch;text-wrap:pretty}
.note__m{font-family:var(--mono);font-size:12.5px;line-height:1.5;color:var(--muted);padding-left:12px;border-left:2px solid var(--accent2)}
.lverdict{display:grid;gap:14px;padding:28px;border:1px solid var(--line);background:var(--bg2)}
.lverdict .vstamp{font-size:20px;padding:10px 16px}
.lnext{display:grid;gap:14px;padding:24px;border:1px solid var(--line)}
@media (min-width:768px){.lnext{grid-template-columns:minmax(0,1fr) auto;align-items:center}}
.lnext__t{font-family:var(--display);font-size:26px;line-height:1.15}
.free-banner{display:grid;gap:14px;padding:28px;background:var(--accent);color:var(--on-accent)}
@media (min-width:768px){.free-banner{grid-template-columns:minmax(0,1fr) auto;align-items:center}}
.free-banner__t{font-family:var(--display);font-size:clamp(24px,1rem + 1.2vw,36px);line-height:1.15}
.free-banner .btn{background:#efe6d2;color:#1c1814}
.free-banner .btn:hover{background:#fff;color:#1c1814}
.aside{display:grid;gap:20px;align-content:start}
@media (min-width:1024px){.aside{position:sticky;top:96px}}
.aside__box{display:grid;gap:12px;padding:20px;border:1px solid var(--line);background:var(--bg2)}
.why{width:100%;min-height:120px;padding:12px 14px;font:inherit;font-size:16px;color:#1c1814;background:#fffaf0;border:1px solid #a8834a;resize:vertical}
.why__count{font-family:var(--mono);font-size:12px;color:var(--muted);justify-self:end}
.cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cmp__i{display:grid;gap:8px;padding:14px;border:1px solid var(--line)}
.cmp__k{font-family:var(--mono);font-size:12px;color:var(--muted)}
.lightbox{position:fixed;inset:0;z-index:100;display:grid;grid-template-rows:auto minmax(0,1fr);background:rgba(10,9,7,.96)}
.lightbox__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px var(--gut);border-bottom:1px solid var(--line)}
.lightbox__t{font-family:var(--mono);font-size:13px;color:var(--muted)}
.iconbtn{min-width:44px;min-height:44px;padding:0 12px;background:transparent;border:1px solid var(--line);color:var(--ink);font-family:var(--ui);font-size:15px;cursor:pointer}
.iconbtn:hover{border-color:var(--accent2)}
.iconbtn.is-on{background:var(--ink);color:var(--bg)}
.viewer{position:relative;overflow:hidden;cursor:grab;touch-action:none;background:#0b0a08}
.viewer:active{cursor:grabbing}
.viewer__img{position:absolute;left:50%;top:50%;max-width:none;height:92%;width:auto;transform-origin:center;user-select:none;-webkit-user-drag:none}
.toc-l{display:grid;border-top:1px solid var(--line)}
.toc-l__i{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-family:var(--ui);font-size:14px;line-height:1.35;color:var(--muted);text-decoration:none}
.toc-l__i.is-cur{color:var(--ink)}
.toc-l__ck{font-family:var(--mono);color:var(--v-true-t)}
.cont__k{font-family:var(--mono);font-size:13px;color:var(--accent2)}
/* No video yet: an honest frame instead of a fake play button */
.player--soon{place-items:center;padding:24px}
.player__soon{max-width:44ch;text-align:center;font-family:var(--ui);font-size:16px;line-height:1.5;color:var(--muted)}
.dcard--text{cursor:default}
.dcard--text .slot{aspect-ratio:4/5;align-content:center;overflow:hidden}
.slot__d{font-weight:700;font-size:13px;color:#54493c}
.slot--diary{font-family:var(--body);font-style:italic;font-size:16px;line-height:1.55}
.slot--diary .slot__k,.slot--diary .slot__d{font-family:var(--mono);font-style:normal}
.itin{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12.5px;line-height:1.35}
.itin th{text-align:left;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#54493c;padding:0 4px 6px 0;border-bottom:1px solid rgba(28,24,20,.35)}
.itin td{padding:7px 4px 7px 0;border-bottom:1px dashed rgba(28,24,20,.25);vertical-align:top}
.itin td:first-child{white-space:nowrap}
.hw__form{margin-top:24px}
.hw__opt[aria-pressed="true"]{background:rgba(239,230,210,.08);transform:rotate(-3deg)}
.hw__note{font-family:var(--ui);font-size:14px;color:var(--muted)}
.btn[disabled]{opacity:.45;cursor:default}
.lnext__soon{justify-self:start;font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px dashed var(--line);padding:10px 14px}
.lightbox[hidden]{display:none}
.vtools{display:flex;gap:8px}
body.lb-open{overflow:hidden}
.dcard__img img{height:auto}
@media (min-width:768px){.docs3--lsn{grid-template-columns:repeat(2,minmax(0,1fr))}.docs3--lsn .dcard--wide{grid-column:1/-1}}
.dcard--wide .slot{aspect-ratio:auto;overflow-x:auto}
.lightbox{z-index:200}
.lightbox__bar{background:#0a0907}
@media (max-width:767px){.dcard--text .slot{aspect-ratio:auto;min-height:220px}}