/* Творческий стиль — общее оформление всех страниц */
:root{--paper:#f4efe6;--paper2:#ebe3d4;--ink:#1e1b18;--g:#6f665c;--red:#e8452c;--blue:#2f4bd8;--yel:#f6d24a;--serif:"Playfair Display",Georgia,serif;--hand:"Caveat",cursive;--sans:"Golos Text",system-ui,sans-serif;--gut:clamp(16px,4vw,56px)}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(rgba(30,27,24,.06) 1px,transparent 1px);background-size:4px 4px}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.w{max-width:1280px;margin:0 auto;padding:0 var(--gut)}
.hand{font-family:var(--hand);font-weight:700;color:var(--red);line-height:1}
.it{font-family:var(--serif);font-style:italic}
/* masthead */
.mast{border-bottom:3px double var(--ink)}
.mast .w{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-top:18px;padding-bottom:14px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.mast .logo{font:800 clamp(22px,3vw,32px)/1 var(--serif);letter-spacing:-.02em;text-transform:none;text-align:center}
.mast .logo i{color:var(--red)}
.mast nav{display:flex;gap:20px;justify-content:flex-end}
.mast nav a:hover{color:var(--red)}
@media(max-width:760px){.mast .w{grid-template-columns:1fr auto}.mast .w>span{display:none}.mast nav a:not(:last-child){display:none}}
.pill{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:6px 26px;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:500;transition:transform .3s cubic-bezier(.3,1.6,.5,1),background .2s}
.pill:hover{transform:rotate(-2deg) scale(1.03);background:var(--red)}
.pill.o{background:none;color:var(--ink);border:1.5px solid var(--ink)}
.pill.o:hover{background:var(--yel)}
/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,4vw,60px);padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(60px,8vw,110px);align-items:center}
.hero h1{font:400 clamp(40px,5.6vw,96px)/.95 var(--serif);letter-spacing:-.035em}
.hero h1 i{color:var(--red)}
.hero h1 .u{position:relative;white-space:nowrap}
.hero h1 .u svg{position:absolute;left:-2%;bottom:-.08em;width:104%;height:.3em;overflow:visible}
.hero h1 .u path{stroke-dasharray:500;stroke-dashoffset:500;animation:draw 1.2s .6s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.hero p{font-size:clamp(17px,1.5vw,20px);max-width:44ch;margin-top:30px;color:#3b352f}
.hero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px;align-items:center}
.hero .note{font-size:28px;margin-left:8px;transform:rotate(-4deg)}
.collage{position:relative;aspect-ratio:1/1.05}
.ph{position:absolute;background:#fff;padding:10px 10px 38px;box-shadow:0 18px 40px -12px rgba(30,27,24,.35);transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.ph img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top}
.ph span{position:absolute;left:12px;bottom:6px;font:700 22px var(--hand);color:var(--ink)}
.ph::before{content:"";position:absolute;top:-12px;left:50%;width:84px;height:24px;background:rgba(246,210,74,.75);transform:translateX(-50%) rotate(-3deg)}
.ph:hover{transform:rotate(0) scale(1.04)!important;z-index:5}
.ph1{width:62%;left:0;top:4%;transform:rotate(-6deg)}
.ph2{width:56%;right:0;top:0;transform:rotate(5deg)}
.ph3{width:60%;left:18%;bottom:0;transform:rotate(-1.5deg);z-index:2}
.stamp{position:absolute;right:2%;bottom:16%;width:120px;height:120px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;text-align:center;font:600 13px/1.2 var(--sans);transform:rotate(12deg);z-index:4;animation:spin 18s linear infinite}
.stamp b{display:block;font:800 30px var(--serif)}
@keyframes spin{to{transform:rotate(372deg)}}
@media(max-width:860px){.hero{grid-template-columns:1fr}.collage{max-width:520px;width:92%;margin:10px auto 0}.stamp{width:92px;height:92px;font-size:11px;right:0}.stamp b{font-size:22px}}
/* marquee */
.mq{background:var(--ink);color:var(--paper);overflow:hidden;transform:rotate(-1.2deg);margin:0 -20px}
.mq div{display:flex;gap:40px;width:max-content;padding:16px 0;animation:mq 40s linear infinite;font:italic 400 clamp(22px,2.6vw,34px) var(--serif)}
.mq span::after{content:"✳";color:var(--yel);margin-left:40px;font-style:normal}
@keyframes mq{to{transform:translateX(-50%)}}
section{padding:clamp(80px,10vw,140px) 0}
.kick{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px}
.kick::before{content:"";width:40px;height:1.5px;background:var(--ink)}
h2.t{font:400 clamp(36px,5.4vw,80px)/.98 var(--serif);letter-spacing:-.03em;max-width:15ch}
h2.t i{color:var(--red)}
/* columns of services */
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:56px;border-top:1.5px solid var(--ink)}
.cols article{padding:26px 26px 30px 0}
.cols article+article{padding-left:26px;border-left:1px solid rgba(30,27,24,.25)}
.cols h3{font:600 26px/1.15 var(--serif);letter-spacing:-.02em;margin-bottom:12px}
.cols p{color:#4a433c;font-size:16px}
.cols p:first-of-type::first-letter{float:left;font:800 58px/.82 var(--serif);color:var(--red);margin:6px 8px 0 0}
.cols small{display:block;margin-top:14px;font:700 22px var(--hand);color:var(--blue)}
@media(max-width:900px){.cols{grid-template-columns:1fr}.cols article+article{padding-left:0;border-left:0;border-top:1px solid rgba(30,27,24,.25)}}
/* story */
.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);margin-top:56px;align-items:start}
.story .ph{position:relative;transform:rotate(-2deg)}
.story .ph img{aspect-ratio:4/3.2}
.story h3{font:400 clamp(28px,3.2vw,46px)/1.05 var(--serif);letter-spacing:-.02em}
.story .txt p{margin-top:18px;color:#3b352f}
.story .big{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.story .big div{background:#fff;padding:14px 16px;border-radius:4px;box-shadow:0 6px 18px -8px rgba(0,0,0,.25);transform:rotate(var(--r,0deg))}
.story .big b{display:block;font:800 clamp(26px,3vw,38px)/1 var(--serif);color:var(--red)}
.story .big span{font-size:13px;color:var(--g)}
.pull{margin-top:34px;padding-left:22px;border-left:4px solid var(--red);font:italic 400 clamp(20px,2vw,26px)/1.35 var(--serif)}
.pull small{display:block;margin-top:12px;font:500 14px var(--sans);font-style:normal;color:var(--g)}
@media(max-width:860px){.story{grid-template-columns:1fr}}
/* gallery */
.gal{columns:3 280px;column-gap:22px;margin-top:56px}
.card{break-inside:avoid;margin-bottom:26px;background:#fff;padding:12px 12px 18px;box-shadow:0 10px 30px -14px rgba(30,27,24,.35);transform:rotate(var(--r));transition:transform .45s cubic-bezier(.3,1.4,.5,1)}
.card:hover{transform:rotate(0) translateY(-6px)}
.card img{width:100%;object-fit:cover;object-position:top}
.card h4{font:600 21px/1.2 var(--serif);margin:14px 4px 6px}
.card p{font-size:15px;color:#4a433c;margin:0 4px}
.card .hand{font-size:24px;margin:10px 4px 0;display:block}
.card .meta{display:flex;justify-content:space-between;align-items:center;margin:12px 4px 0;font-size:13px;color:var(--g)}
.card .meta a{color:var(--blue);border-bottom:1px solid}
/* recipe */
.recipe{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,80px);align-items:start}
.recipe ol{list-style:none;counter-reset:r}
.recipe li{counter-increment:r;display:grid;grid-template-columns:70px 1fr;gap:16px;padding:22px 0;border-bottom:1px dashed rgba(30,27,24,.35)}
.recipe li::before{content:counter(r);font:italic 400 52px/1 var(--serif);color:var(--red)}
.recipe b{display:block;font:600 22px var(--serif)}
.recipe span{color:#4a433c;font-size:15.5px}
.price-note{margin-top:30px;background:var(--yel);padding:22px;transform:rotate(-1.5deg);box-shadow:0 10px 24px -12px rgba(0,0,0,.35)}
.price-note p{font-size:15px}
.price-note ul{list-style:none;margin-top:10px;font-size:15px}
.price-note li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid rgba(30,27,24,.15)}
@media(max-width:860px){.recipe{grid-template-columns:1fr}}
/* letters */
.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:56px}
.letter{background:#fffdf7;padding:28px 26px;box-shadow:0 12px 30px -14px rgba(30,27,24,.4);transform:rotate(var(--r));background-image:repeating-linear-gradient(transparent 0 31px,rgba(47,75,216,.12) 31px 32px)}
.letter p{font:italic 400 18px/32px var(--serif)}
.letter footer{margin-top:16px;font:700 26px var(--hand);color:var(--blue)}
.letter footer small{display:block;font:400 13px var(--sans);color:var(--g)}
@media(max-width:900px){.notes{grid-template-columns:1fr}}
/* hello */
.hello{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,80px)}
.hello .lt{font:400 clamp(22px,2.2vw,30px)/1.4 var(--serif)}
.hello .lt p+p{margin-top:18px}
.sign{font:700 54px var(--hand);color:var(--red);margin-top:18px;transform:rotate(-4deg);display:inline-block}
.tools{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}
.tools span{padding:8px 16px;border:1.5px solid var(--ink);border-radius:999px;font-size:15px;transform:rotate(var(--r));background:var(--paper)}
.tools span:nth-child(4n+1){background:var(--yel)}
.tools span:nth-child(5n+2){background:var(--ink);color:var(--paper)}
details{border-bottom:1px solid rgba(30,27,24,.3)}
summary{list-style:none;cursor:pointer;padding:18px 0;font:600 20px var(--serif);display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"✳";color:var(--red);transition:transform .3s}
details[open] summary::after{transform:rotate(90deg)}
details p{padding-bottom:18px;color:#4a433c}
@media(max-width:860px){.hello{grid-template-columns:1fr}}
/* final */
.final{background:var(--red);color:#fff;text-align:center;padding:clamp(80px,12vw,160px) 0;position:relative;overflow:hidden}
.final h2{font:400 clamp(42px,8vw,128px)/.92 var(--serif);letter-spacing:-.035em}
.final h2 i{color:var(--yel)}
.final p{max-width:46ch;margin:26px auto 0;font-size:18px;color:#ffe3dc}
.final .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:38px}
.final .pill{background:#fff;color:var(--ink)}
.final .pill.o{background:none;color:#fff;border-color:#fff}
.final .pill.o:hover{background:#fff;color:var(--red)}
footer.f{padding:22px 0;font-size:14px;color:var(--g)}
footer.f .w{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
[data-rv]{opacity:0;transform:translateY(30px) rotate(1deg);transition:.9s cubic-bezier(.2,.8,.2,1)}[data-rv].in{opacity:1;transform:none}
.style-switch{position:fixed;right:16px;bottom:16px;z-index:50;background:var(--yel);color:var(--ink);font:700 20px var(--hand);padding:8px 14px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}[data-rv]{opacity:1;transform:none}}

/* ===== общие элементы многостраничного сайта ===== */
.mast{position:relative}
.mast nav a.on{color:var(--red);text-decoration:underline wavy var(--red);text-underline-offset:5px}
.burger{display:none;font:700 24px var(--hand);color:var(--ink);justify-self:end}
.mmenu{display:none;position:absolute;left:var(--gut);right:var(--gut);top:100%;z-index:40;background:#fff;padding:18px 20px;box-shadow:0 20px 40px -18px rgba(30,27,24,.45);transform:rotate(-1deg)}
.mmenu a{display:block;padding:8px 0;font:600 22px var(--serif);border-bottom:1px dashed rgba(30,27,24,.25)}
.mmenu.open{display:block}
@media(max-width:760px){.mast nav{display:none!important}.burger{display:block}}
.crumbs{font:700 22px var(--hand);color:var(--g)}
.crumbs a{color:var(--blue);border-bottom:1.5px solid}
.page-hd{padding:clamp(40px,6vw,80px) 0 clamp(30px,4vw,50px)}
.page-hd h1{font:400 clamp(42px,6.4vw,104px)/.95 var(--serif);letter-spacing:-.035em;margin-top:14px;max-width:16ch}
.page-hd h1 i{color:var(--red)}
.page-hd .lead{font-size:clamp(17px,1.5vw,21px);max-width:52ch;margin-top:22px;color:#3b352f}
.page-hd .aside-note{display:inline-block;margin-top:18px;font-size:26px;transform:rotate(-2deg)}
.sec{padding:clamp(50px,7vw,100px) 0}
.sec.tight{padding-top:0}
.tabs{display:flex;gap:6px 18px;flex-wrap:wrap;margin:10px 0 30px;font:600 20px var(--serif)}
.tabs button{padding:4px 2px;border-bottom:2px solid transparent;color:var(--g);transition:color .2s}
.tabs button sup{font:700 15px var(--hand);color:var(--red);margin-left:3px}
.tabs button.on,.tabs button:hover{color:var(--ink);border-color:var(--red)}
.card.hide{display:none}
.card a.cover{display:block}
.case-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,70px);align-items:center}
.case-top .ph{position:relative;transform:rotate(-2deg)}
.case-top .ph img{aspect-ratio:4/3.1}
.stickers{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.stickers div{background:#fff;padding:12px 16px;box-shadow:0 6px 18px -8px rgba(0,0,0,.25);transform:rotate(var(--r,0deg));max-width:220px}
.stickers b{display:block;font:800 clamp(26px,2.6vw,36px)/1 var(--serif);color:var(--red)}
.stickers span{font-size:13.5px;color:var(--g)}
.chapter{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(20px,5vw,80px);padding:clamp(40px,5vw,70px) 0;border-top:1.5px solid var(--ink)}
.chapter .no{font:italic 400 clamp(28px,3vw,42px)/1.05 var(--serif)}
.chapter .no small{display:block;font:700 22px var(--hand);color:var(--red);margin-bottom:6px;font-style:normal}
.chapter .body{font-size:18px;color:#3b352f}
.chapter .body p+p{margin-top:14px}
.dropcap::first-letter{float:left;font:800 70px/.8 var(--serif);color:var(--red);margin:8px 10px 0 0}
.checks{list-style:none}
.checks li{padding:10px 0 10px 44px;position:relative;border-bottom:1px dashed rgba(30,27,24,.25)}
.checks li::before{content:"✓";position:absolute;left:4px;top:4px;font:700 30px var(--hand);color:var(--red);transform:rotate(-8deg)}
.flow{display:flex;flex-wrap:wrap;gap:12px;counter-reset:f}
.flow div{counter-increment:f;background:#fff;padding:14px 16px;box-shadow:0 6px 18px -10px rgba(0,0,0,.3);flex:1 1 170px;transform:rotate(var(--r,0deg))}
.flow div::before{content:counter(f);display:block;font:italic 400 32px/1 var(--serif);color:var(--red)}
.flow b{display:block;font:600 18px var(--serif);margin-top:4px}
.flow span{font-size:14.5px;color:var(--g)}
.album{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.album .ph{position:relative;transform:rotate(var(--r));cursor:zoom-in}
.album .ph img{aspect-ratio:4/3}
@media(max-width:860px){.case-top,.chapter{grid-template-columns:1fr}.album{grid-template-columns:1fr 1fr}}
.lightbox{position:fixed;inset:0;z-index:90;background:rgba(30,27,24,.88);display:none;place-items:center;padding:20px;cursor:zoom-out}
.lightbox.open{display:grid}
.lightbox img{max-height:90vh;max-width:min(1200px,94vw);background:#fff;padding:10px;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.pager{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.pager a{background:#fff;padding:18px 20px;box-shadow:0 8px 22px -12px rgba(0,0,0,.35);transition:transform .3s cubic-bezier(.3,1.4,.5,1)}
.pager a:hover{transform:rotate(-1deg) translateY(-3px)}
.pager small{display:block;font:700 20px var(--hand);color:var(--red)}
.pager b{font:600 19px var(--serif)}
.pager a:last-child{text-align:right}
.menu-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.menu-tabs a{padding:8px 18px;border:1.5px solid var(--ink);border-radius:999px;font-weight:500;background:var(--paper);transform:rotate(var(--r,0deg));transition:background .2s}
.menu-tabs a:hover{background:var(--yel)}
.group{padding:clamp(36px,5vw,64px) 0;border-top:1.5px solid var(--ink);display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(20px,5vw,70px);scroll-margin-top:20px}
.group h2{font:400 clamp(30px,3.6vw,52px)/1 var(--serif);letter-spacing:-.02em}
.group h2 small{display:block;font:700 26px var(--hand);color:var(--red);margin-bottom:8px}
.group .gl{color:#4a433c;margin-top:14px}
.dish{padding:14px 0;border-bottom:1px dashed rgba(30,27,24,.3)}
.dish .row{display:flex;align-items:baseline;gap:8px}
.dish b{font:600 19px var(--serif)}
.dish .dots{flex:1;border-bottom:2px dotted rgba(30,27,24,.35);transform:translateY(-4px);min-width:20px}
.dish .pr{font:700 24px var(--hand);color:var(--red);white-space:nowrap}
.dish p{font-size:15px;color:var(--g);margin-top:2px}
.dish .tm{font-size:13px;color:var(--blue)}
.packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.pack{background:var(--yel);padding:18px;transform:rotate(var(--r));box-shadow:0 10px 24px -12px rgba(0,0,0,.35)}
.pack b{display:block;font:600 20px var(--serif)}
.pack p{font-size:14.5px;margin-top:6px}
.pack s{color:var(--g);margin-right:6px}
.pack strong{font:700 26px var(--hand);color:var(--red)}
@media(max-width:860px){.group{grid-template-columns:1fr}.packs{grid-template-columns:1fr}}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.post{display:flex;flex-direction:column;gap:10px}
.post .ph{position:relative;transform:rotate(var(--r))}
.post .ph img{aspect-ratio:4/3}
.post .meta{font:700 20px var(--hand);color:var(--red)}
.post h3{font:600 24px/1.15 var(--serif)}
.post p{color:#4a433c;font-size:15.5px}
@media(max-width:900px){.posts{grid-template-columns:1fr}}
.prose{max-width:720px;margin:0 auto;font-size:19px;line-height:1.7;color:#2f2a25}
.prose p{margin:0 0 18px}
.prose > p:first-of-type::first-letter{float:left;font:800 78px/.8 var(--serif);color:var(--red);margin:8px 12px 0 0}
.prose h2{font:400 clamp(28px,3vw,40px)/1.1 var(--serif);margin:42px 0 14px}
.prose ul{margin:0 0 20px 0;list-style:none}
.prose li{padding:6px 0 6px 30px;position:relative}
.prose li::before{content:"✳";position:absolute;left:0;color:var(--red)}
.prose .note{background:var(--yel);padding:18px 20px;margin:26px 0;transform:rotate(-1deg);box-shadow:0 10px 24px -12px rgba(0,0,0,.35);font-size:17px}
.prose a{color:var(--blue);border-bottom:1px solid}
.prose .case-embed{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center;background:#fff;padding:12px;margin:26px 0;box-shadow:0 10px 24px -14px rgba(0,0,0,.35);border:0}
.prose .case-embed img{aspect-ratio:4/3;object-fit:cover;object-position:top}
.prose .case-embed small{font:700 20px var(--hand);color:var(--red);display:block}
.prose .case-embed b{font:600 19px var(--serif)}
.letter-form{background:#fffdf7;max-width:860px;margin:0 auto;padding:clamp(26px,5vw,60px);box-shadow:0 30px 60px -30px rgba(30,27,24,.45);background-image:repeating-linear-gradient(transparent 0 43px,rgba(47,75,216,.12) 43px 44px);font:400 clamp(20px,2vw,26px)/44px var(--serif);position:relative}
.letter-form::before{content:"";position:absolute;top:-14px;left:50%;width:120px;height:28px;background:rgba(246,210,74,.8);transform:translateX(-50%) rotate(-2deg)}
.blank{display:inline-block;min-width:160px;max-width:100%;border:0;border-bottom:2px solid var(--ink);background:transparent;font:700 26px var(--hand);color:var(--blue);padding:0 6px;outline:none;line-height:1.2;vertical-align:baseline}
.blank:focus{border-color:var(--red)}
.blank[aria-invalid="true"]{border-color:var(--red);background:rgba(232,69,44,.08)}
.blank.wide{min-width:min(420px,100%)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 6px;line-height:1.3}
.chips label{cursor:pointer;position:relative}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-block;padding:8px 16px;border:1.5px solid var(--ink);border-radius:999px;font:500 16px var(--sans);transition:.2s;transform:rotate(var(--r,0deg))}
.chips input:checked+span{background:var(--red);border-color:var(--red);color:#fff}
.chips input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.letter-form textarea{width:100%;min-height:132px;border:0;background:transparent;font:700 26px/44px var(--hand);color:var(--blue);resize:vertical;outline:none}
.form-status{font:700 24px var(--hand);margin-top:10px;min-height:30px}
.form-status.err{color:var(--red)}.form-status.ok{color:#1a8a4a}
.facts-tbl{width:100%;border-collapse:collapse;font-size:17px}
.facts-tbl td{padding:12px 0;border-bottom:1px dashed rgba(30,27,24,.3);vertical-align:top}
.facts-tbl td:first-child{font:700 22px var(--hand);color:var(--red);width:40%}
.timeline{list-style:none;border-left:2px solid var(--ink);padding-left:24px}
.timeline li{position:relative;padding:0 0 22px}
.timeline li::before{content:"";position:absolute;left:-32px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--red)}
.timeline b{font:600 20px var(--serif);display:block}
.timeline small{font:700 20px var(--hand);color:var(--blue)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px)}
@media(max-width:860px){.two{grid-template-columns:1fr}}
.foot{border-top:3px double var(--ink);padding:clamp(40px,5vw,60px) 0 26px}
.foot .cols4{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.foot h4{font:700 24px var(--hand);color:var(--red);margin-bottom:10px}
.foot a{display:block;padding:3px 0;color:#3b352f}
.foot a:hover{color:var(--red)}
.foot .sig{font:800 28px/1 var(--serif)}
.foot .sig i{color:var(--red)}
.foot .base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:40px;font-size:13.5px;color:var(--g)}
@media(max-width:860px){.foot .cols4{grid-template-columns:1fr 1fr}}
.big404{font:400 clamp(120px,24vw,320px)/.8 var(--serif);color:var(--red);letter-spacing:-.06em}
button.ph{border:0;display:block;text-align:left;font:inherit;width:100%}
.notes.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.notes.n4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.notes.n4{grid-template-columns:1fr}}
a.inl{color:var(--blue);border-bottom:1px solid}
/* ---- правки отображения (проверка 2026-10-02) ---- */
.final h2{line-height:1.06}
.stamp b{line-height:1;margin-bottom:2px}
@media(max-width:860px){.group{grid-template-columns:minmax(0,1fr)}.case-top,.chapter,.two{grid-template-columns:minmax(0,1fr)}.case-top .ph,.page-hd .ph{width:92%;margin:0 auto}}
@media(max-width:600px){.pager{grid-template-columns:minmax(0,1fr)}.pager a:last-child{text-align:left}}
.kick{flex-wrap:wrap;row-gap:6px}
.big404{line-height:.9;margin-bottom:24px}
h2.t,.page-hd h1{line-height:1.02}
@media(max-width:600px){.dish .row{flex-wrap:wrap;row-gap:2px}.dish .dots{display:none}.dish .pr{width:100%}.notes.n2{grid-template-columns:minmax(0,1fr)!important}.big10 small{position:static;display:block;margin-top:14px;transform:rotate(-3deg)}}
.notes.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.letter footer{line-height:1.15}.letter footer small{margin-top:6px}
.case-top .ph{margin-right:14px}
.big404{margin-bottom:48px}
.prose .note .hand{margin-bottom:8px}
.stickers{padding-left:6px}

/* боковой отступ колонки: правила разделов (padding: X 0) не должны его затирать */
.w.w{padding-left:var(--gut);padding-right:var(--gut)}
/* демо-бот в Telegram */
.demo-cr__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,4vw,60px);align-items:end}
.demo-cr__qr{background:#fffdf7;padding:14px 14px 10px;box-shadow:0 12px 30px -14px rgba(30,27,24,.4);transform:rotate(var(--r));text-align:center}
.demo-cr__qr img{width:150px;height:150px}
.demo-cr__qr figcaption{font-size:22px;margin-top:6px}
.demo-cr__notes{margin-top:40px}
.demo-cr__note{display:block;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.demo-cr__note:hover{transform:rotate(0deg) scale(1.03)}
.demo-cr__ps{font-size:24px;margin-top:30px}
@media(max-width:760px){.demo-cr__top{grid-template-columns:minmax(0,1fr)}.demo-cr__qr{display:none}}
/* страница «Демо-бот» */
.bot-cr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:start}
.bot-cr__chat{height:min(680px,calc(100vh - 140px));min-height:520px;border-radius:18px;overflow:hidden;background:#eef0f4;box-shadow:0 24px 50px -24px rgba(30,27,24,.5);position:sticky;top:90px}
.bot-cr__notes{display:grid;gap:14px}
.bot-cr__notes .letter{padding:16px 20px}
.bot-cr__notes .letter p{font-size:16px;line-height:26px}
.bot-cr__notes .letter footer{font-size:22px}
@media(max-width:900px){.bot-cr{grid-template-columns:minmax(0,1fr)}.bot-cr__chat{position:relative;top:auto;height:72vh;min-height:460px}}
/* ИИ-ассистент чатом в странице вопросов */
.ai-dock{height:620px;max-width:440px;margin-top:22px;border-radius:16px;background:rgba(255,255,255,.08);display:grid;place-items:center;text-align:center;padding:20px}
.ai-dock.ai-dock-on{background:transparent}
.ai-dock-wait{font-size:24px;margin:0!important}
.ai-dock-on .ai-dock-wait{visibility:hidden}
.ai-dock-fail{display:grid;gap:10px}
.ai-dock-fail a{color:var(--yel);border-bottom:1px solid}
@media(max-width:860px){.ai-dock{height:72vh;min-height:480px}}
.ai:has(.ai-dock){transform:none}