@font-face{font-family:"Lora";src:url(/v/Lora-italic-400.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Lora";src:url(/v/Lora-normal-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url(/v/Lora-normal-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url(/v/NunitoSans-normal-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url(/v/NunitoSans-normal-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root{--cl-moss:#1F3B2C;--cl-moss2:#2E5440;--cl-cream:#F6F1E7;--cl-cream2:#FFFCF6;--cl-copper:#B5673A;--cl-copper2:#8E4E2A;--cl-text:#242A26;--cl-text2:#4A534D;--cl-dim:#6F7873;--cl-rule:#DCD5C7;
--cl-serif:"Lora",Georgia,serif;--cl-sans:"Nunito Sans",system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cl-cream);color:var(--cl-text);font:400 17px/1.65 var(--cl-sans)}
img{max-width:100%;height:auto;display:block}
a{color:var(--cl-copper2);text-underline-offset:3px}a:hover{color:var(--cl-copper)}
h1,h2,h3{font-family:var(--cl-serif);font-weight:600;line-height:1.12;margin:0 0 .5em}
h1{font-size:clamp(2rem,4.6vw,3.4rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}h3{font-size:1.25rem}
p,li{max-width:66ch}p{margin:0 0 1.1em}
.clsSkip{position:absolute;left:-999px;top:0;background:var(--cl-moss);color:#fff;padding:8px 12px}.clsSkip:focus{left:8px;top:8px;z-index:60}
/* каркас: боковая навигация слева */
.clsFrame{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.clsSide{background:var(--cl-moss);color:#E8EFEA;padding:26px 22px;position:sticky;top:0;height:100vh;overflow:auto}
.clsBrand{font-family:var(--cl-serif);font-weight:600;font-size:1.35rem;color:#fff;text-decoration:none;display:block;line-height:1.2;margin-bottom:6px}
.clsBrand small{display:block;font:400 .72rem/1.3 var(--cl-sans);letter-spacing:.14em;text-transform:uppercase;color:#A9C2B2;margin-top:6px}
.clsSide nav{margin-top:22px}.clsSide nav ul{list-style:none;margin:0;padding:0}
.clsSide nav a{display:block;color:#DCE8E0;text-decoration:none;padding:7px 10px;border-left:3px solid transparent;font-size:.93rem;border-radius:0 6px 6px 0}
.clsSide nav a[aria-current=page],.clsSide nav a:hover{border-left-color:var(--cl-copper);background:rgba(255,255,255,.07);color:#fff}
.clsSide .clsLang{display:inline-block;margin-top:22px;font-size:.82rem;color:#fff;border:1px solid #A9C2B2;padding:6px 12px;border-radius:999px;text-decoration:none}
.clsSide .clsAge{margin-top:26px;font-size:.76rem;color:#A9C2B2;line-height:1.5}
.clsBurger{display:none}
@media (max-width:900px){.clsFrame{grid-template-columns:minmax(0,1fr)}.clsSide{position:static;height:auto;padding:14px 18px}
.clsSide details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#fff;font:600 .95rem var(--cl-sans)}
.clsSide details summary::-webkit-details-marker{display:none}.clsSide details summary::after{content:"☰";font-size:1.3rem}.clsSide details[open] summary::after{content:"✕"}
.clsSide nav{margin-top:12px}.clsSide .clsAge{display:none}}
@media (min-width:901px){.clsSide details summary{display:none}.clsSide details nav{display:block}}
.clsMain{min-width:0}
.clsIn{width:min(1040px,calc(100% - 48px));margin:0 auto}
.clsKick{font:700 .72rem/1.2 var(--cl-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--cl-copper2);margin:0 0 .8rem}
/* сплит-hero: фото слева */
.clsHero{display:grid;grid-template-columns:5fr 6fr;min-height:60vh}
.clsHero figure{margin:0;position:relative}.clsHero figure img{width:100%;height:100%;object-fit:cover;min-height:300px}
.clsHero figure figcaption{position:absolute;left:12px;bottom:10px;font-size:.74rem;background:rgba(31,59,44,.75);color:#fff;padding:5px 9px;border-radius:4px}
.clsHero div{padding:60px 48px 48px;display:flex;flex-direction:column;justify-content:center;background:var(--cl-cream2)}
.clsHero .clsLede{font-family:var(--cl-serif);font-size:1.22rem;line-height:1.5;color:var(--cl-text2);max-width:46ch}
.clsHero .clsToggle{display:inline-flex;gap:0;border:1px solid var(--cl-rule);border-radius:999px;overflow:hidden;margin-bottom:22px;font-size:.8rem;width:max-content}
.clsHero .clsToggle a,.clsHero .clsToggle span{padding:6px 12px;text-decoration:none;color:var(--cl-text2)}.clsHero .clsToggle span{background:var(--cl-moss);color:#fff}
@media (max-width:900px){.clsHero{grid-template-columns:minmax(0,1fr)}.clsHero div{padding:30px 24px}.clsHero figure img{min-height:220px;aspect-ratio:16/9}}
/* кнопки — pill со стрелкой */
.clsBtn{display:inline-flex;align-items:center;gap:10px;background:var(--cl-copper);color:#fff;text-decoration:none;font:700 .95rem var(--cl-sans);padding:12px 22px;border-radius:999px;border:0;cursor:pointer}
.clsBtn::after{content:"→"}.clsBtn:hover{background:var(--cl-copper2);color:#fff}
.clsBtn.clsGhost{background:transparent;color:var(--cl-moss);border:1.5px solid var(--cl-moss)}
/* секции */
.clsSec{padding:50px 0}.clsSec.clsAlt{background:var(--cl-cream2)}
.clsProse h2{margin-top:1.5em}.clsProse h2:first-child{margin-top:0}
@media (max-width:700px){.clsProse table{display:block;overflow-x:auto;white-space:nowrap}}
.clsProse table{border-collapse:collapse;width:100%;font-size:.94rem;margin:10px 0 24px}
.clsProse th,.clsProse td{text-align:left;padding:10px;border-bottom:1px solid var(--cl-rule);vertical-align:top}.clsProse th{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cl-dim)}
.clsProse ul,.clsProse ol{padding-left:22px}
/* аккордеон глав */
.clsAcc{border:1px solid var(--cl-rule);border-radius:12px;overflow:hidden;background:var(--cl-cream2);margin:0 0 26px}
.clsAcc details{border-top:1px solid var(--cl-rule)}.clsAcc details:first-child{border-top:0}
.clsAcc summary{cursor:pointer;padding:16px 20px;font-family:var(--cl-serif);font-weight:600;font-size:1.12rem;list-style:none;display:flex;justify-content:space-between;gap:12px}
.clsAcc summary::-webkit-details-marker{display:none}.clsAcc summary::after{content:"▾";color:var(--cl-copper);transition:transform .2s}.clsAcc details[open] summary::after{transform:rotate(180deg)}
.clsAcc .clsBody{padding:0 20px 18px}
.clsAcc .clsBody p{max-width:70ch}
/* факты в две колонки */
.clsFacts{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;margin:0 0 30px;padding:18px 22px;background:var(--cl-moss);color:#fff;border-radius:12px}
.clsFacts div{border-bottom:1px solid rgba(255,255,255,.15);padding:6px 0}.clsFacts b{font-family:var(--cl-serif);font-size:1.25rem;font-weight:600;display:block}.clsFacts span{font-size:.78rem;color:#A9C2B2}
@media (max-width:600px){.clsFacts{grid-template-columns:minmax(0,1fr)}}
/* карточки */
.clsCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:10px 0 26px}
.clsCard{display:block;text-decoration:none;color:var(--cl-text);background:var(--cl-cream2);border:1px solid var(--cl-rule);border-radius:12px;overflow:hidden}
.clsCard img{aspect-ratio:4/3;object-fit:cover}.clsCard div{padding:14px 16px 18px}.clsCard h3{font-size:1.05rem;margin-bottom:.3em}.clsCard p{font-size:.9rem;color:var(--cl-text2);margin:0}
.clsCard:hover{border-color:var(--cl-copper)}
/* таймлайн как список с медными точками */
.clsLegs{list-style:none;padding:0;margin:0 0 26px;max-width:66ch}.clsLegs li{display:grid;grid-template-columns:22px 1fr;gap:12px;padding:10px 0;border-bottom:1px dashed var(--cl-rule)}
.clsLegs li::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--cl-copper);margin-top:7px}.clsLegs b{display:block;font-family:var(--cl-serif)}.clsLegs p{margin:3px 0 0;font-size:.96rem}
/* форма — светлая карточка в две колонки */
.clsAsk{background:var(--cl-cream2);border:1px solid var(--cl-rule);border-radius:14px;padding:28px;box-shadow:0 10px 30px rgba(31,59,44,.08)}
.clsAsk form{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}@media (max-width:640px){.clsAsk form{grid-template-columns:minmax(0,1fr)}}
.clsAsk label{display:block;font:700 .74rem/1.2 var(--cl-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--cl-dim);margin:0 0 5px}
.clsAsk input,.clsAsk select,.clsAsk textarea{width:100%;padding:11px 12px;border:1px solid var(--cl-rule);border-radius:8px;background:#fff;font:400 1rem var(--cl-sans);color:var(--cl-text)}
.clsAsk .clsFull{grid-column:1/-1}.clsAsk .clsTrap{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.clsAsk .clsAgree{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font:400 .86rem/1.45 var(--cl-sans);color:var(--cl-text2);text-transform:none;letter-spacing:0}
.clsAsk .clsAgree input{width:auto;margin-top:4px}.clsAsk .clsBtn{grid-column:1/-1;justify-content:center}
.clsAsk .clsEarn{grid-column:1/-1;font-size:.8rem;color:var(--cl-dim);margin:4px 0 0}
.clsDone,.clsFail{display:none;padding:14px 16px;margin-top:14px;border-radius:8px}.clsDone{background:#E6F0E9;color:#1F3B2C}.clsFail{background:#F6E6DF;color:#6B3417}
.clsAskRow{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;align-items:start}@media (max-width:900px){.clsAskRow{grid-template-columns:minmax(0,1fr)}}
.clsSteps{counter-reset:k;list-style:none;padding:0;margin:0 0 22px;max-width:62ch}.clsSteps li{counter-increment:k;padding:10px 0 10px 44px;position:relative}
.clsSteps li::before{content:counter(k);position:absolute;left:0;top:7px;width:30px;height:30px;border-radius:50%;background:var(--cl-copper);color:#fff;font:700 .9rem/30px var(--cl-sans);text-align:center}
.clsPost .clsMeta{font-size:.86rem;color:var(--cl-dim);margin-bottom:18px}.clsFig{margin:0 0 24px}.clsFig img{border-radius:12px}.clsFig figcaption{font-size:.78rem;color:var(--cl-dim);margin-top:6px}
.clsCrumbs{font-size:.8rem;color:var(--cl-dim);margin:0 0 16px}.clsCrumbs a{color:var(--cl-dim)}
.clsNote{background:var(--cl-cream2);border-left:4px solid var(--cl-copper);padding:16px 18px;margin:0 0 22px;border-radius:0 10px 10px 0;max-width:70ch}
/* подвал — тёмно-зелёный */
.clsFoot{background:var(--cl-moss);color:#DCE8E0;padding:44px 0 30px;font-size:.9rem}
.clsFoot .clsCols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;padding-bottom:24px;border-bottom:1px solid var(--cl-moss2)}
@media (max-width:760px){.clsFoot .clsCols{grid-template-columns:minmax(0,1fr)}}
.clsFoot h4{font:700 .74rem/1.2 var(--cl-sans);letter-spacing:.16em;text-transform:uppercase;color:#A9C2B2;margin:0 0 10px}
.clsFoot ul{list-style:none;padding:0;margin:0}.clsFoot li{margin:6px 0}.clsFoot a{color:#F0D3BD}.clsFoot p{max-width:none;color:#DCE8E0}
.clsFoot .clsAgeBox{margin-top:16px;padding:12px 14px;border:1px solid var(--cl-moss2);border-radius:10px;font-size:.84rem;color:#fff}
.clsFoot .clsSmall{margin:18px 0 0;font-size:.79rem;color:#A9C2B2}
/* липкая кнопка */
.clsStick{display:none}@media (max-width:900px){.clsStick{display:inline-flex;position:fixed;right:12px;left:12px;bottom:12px;z-index:50;justify-content:center}body{padding-bottom:76px}}