@font-face{font-family:'Caveat Fallback';font-style:normal;font-weight:400 700;src:local('Arial Bold'),local('Arial-BoldMT'),local('Liberation Sans Bold'),local('LiberationSans-Bold'),local('Roboto Bold'),local('Roboto-Bold'),local('Helvetica Bold');size-adjust:72.3%;ascent-override:133%;descent-override:41.5%;line-gap-override:0%}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.skh{--paper:#F8F2E9; --paper2:#F1E8DB; --ink:#2B1D1A; --ink2:#6E5A52;
  --cherry:#C8382D; --pink:#E8A0B4; --gold:#C9A84C;
  --display:'Playfair Display','Playfair Display Fallback',Georgia,serif; --body:'Raleway','Raleway Fallback','Helvetica Neue',Arial,sans-serif; --hand:Caveat,'Caveat Fallback','Segoe Print','Comic Sans MS',cursive;
  --pad:32px;}
.skh *{box-sizing:border-box;margin:0;padding:0}
.skh{scroll-behavior:smooth;scroll-padding-top:88px}
.skh{background:var(--paper);color:var(--ink);font:16px/1.55 var(--body);overflow-x:hidden;
  background-image:radial-gradient(rgba(43,29,26,.045) 1px,transparent 1px);background-size:5px 5px}
.skh img{display:block;max-width:100%}
.skh a{color:inherit}
.skh .wrap{max-width:1120px;margin:0 auto;padding:0 var(--pad)}
.skh section{padding:96px 0}
.skh .defs{position:absolute;width:0;height:0;overflow:hidden}
/* кадры «кипения» прячем через visibility, а не display: смена кадра — только перерисовка, без раскладки SVG */
.skh[data-f="0"] .v:not(.v0),.skh[data-f="1"] .v:not(.v1),.skh[data-f="2"] .v:not(.v2){visibility:hidden}
.skh .boil{filter:var(--boil)}
/* десктоп: кадр фильтра выбирается по data-f, а не сменой custom property — та наследуется всем потомкам и пересчитывает стили всей страницы */
.skh.skh-boil[data-f="1"] .boil{filter:url(#boil1)}.skh.skh-boil[data-f="2"] .boil{filter:url(#boil2)}
.skh .sk{position:relative;isolation:isolate}
.skh .sk>svg.frame{position:absolute;z-index:-1;overflow:visible;pointer-events:none}
.skh .sk[data-sk="under"]>svg.frame{opacity:0}
.skh .sk[data-sk="under"]:hover>svg.frame,.skh .sk[data-sk="under"]:focus-visible>svg.frame{opacity:1}
.skh .kicker{font:700 14px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--cherry)}
.skh h1,.skh h2,.skh h3{font-family:var(--display);font-weight:800;line-height:1.08}
.skh h1{font-size:66px;margin:16px 0 20px}
.skh h2{font-size:46px;margin:12px 0 0}
.skh h3{font-size:22px;line-height:1.2}
.skh .hand{font-family:var(--hand);font-weight:700}
.skh .muted{color:var(--ink2)}
.skh em.accent{font-style:italic;color:var(--cherry);position:relative;white-space:nowrap}
.skh .scribble{position:absolute;left:-6px;bottom:-12px;width:calc(100% + 12px);height:22px;overflow:visible}
.skh .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.skh .sec-head p{max-width:42ch}
.skh .skh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 26px;font:700 16px/1 var(--body);color:var(--ink);text-decoration:none;border:0;background:none;cursor:pointer}
.skh .skh-btn.primary{color:#fff}
.skh .skh-btn:hover{transform:rotate(-1.5deg)}
.skh .skh-btn:active{transform:rotate(-1.5deg) translateY(2px)}
.skh :focus-visible{outline:3px dashed var(--cherry);outline-offset:6px}
.skh .skh-hero{padding:40px 0 56px;min-height:min(calc(100svh - 82px),820px);display:grid;align-content:center}
.skh #cake{transform:scale(1.12);transform-origin:center}
.skh .skh-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
.skh .lead{font-size:18px;color:var(--ink2);max-width:44ch;margin-bottom:36px}
.skh .actions{display:flex;gap:20px;flex-wrap:wrap}
.skh .stats{display:flex;gap:40px;margin-top:48px}
.skh .stats b{display:block;font:800 40px/1 var(--display)}
.skh .stats span{font-size:14px;color:var(--ink2)}
.skh #cake{width:100%;height:auto;overflow:visible}
.skh #cake text{font-family:var(--hand);font-weight:700;font-size:24px;fill:var(--ink)}
.skh .about .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.skh .photo{position:relative;width:min(370px,84%);margin:16px auto 0;transform:rotate(-2.5deg)}
.skh .photo .pic{padding:12px 12px 54px}
.skh .photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 12%}
.skh .photo .cap{position:absolute;left:0;right:0;bottom:12px;text-align:center;font:700 28px/1 var(--hand)}
.skh .tape{position:absolute;width:120px;height:34px;top:-16px;left:50%;margin-left:-60px;transform:rotate(-4deg);z-index:2;
  background:repeating-linear-gradient(-45deg,rgba(232,160,180,.75) 0 3px,rgba(232,160,180,.35) 3px 7px)}
.skh .badge{position:absolute;right:-40px;top:24px;width:108px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(8deg);z-index:3}
.skh .badge b{font:800 34px/1 var(--display)}
.skh .badge span{font:700 20px/1 var(--hand)}
.skh .doodle{position:absolute;overflow:visible;pointer-events:none}
.skh blockquote{font:700 32px/1.2 var(--hand);color:var(--cherry);margin:24px 0}
.skh .about p+p{margin-top:16px}
.skh .about .txt p{color:var(--ink2);max-width:58ch}
.skh .about strong{color:var(--ink)}
.skh .sign{margin-top:28px;display:flex;align-items:center;gap:16px}
.skh .sign .hand{font-size:44px;color:var(--ink);position:relative}
.skh .sign small{color:var(--ink2);font-size:14px;line-height:1.3}
.skh .fill{background:var(--paper2);overflow:hidden}
.skh .ctrls{display:flex;align-items:center;gap:16px}
.skh .arrow{width:56px;height:56px;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.skh .arrow svg{width:26px;height:26px;overflow:visible}
.skh .count{font:700 26px/1 var(--hand);min-width:70px;text-align:center}
.skh .skh-track{display:flex;gap:36px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;
  max-width:1120px;margin:0 auto;padding:16px var(--pad) 40px;scroll-padding-inline:var(--pad);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--pad),#000 calc(100% - var(--pad)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--pad),#000 calc(100% - var(--pad)),transparent 100%)}
.skh .skh-track::-webkit-scrollbar{display:none}
.skh .skh-track.drag{cursor:grabbing;scroll-snap-type:none}
.skh .fcard{flex:0 0 calc((100% - 72px)/3);scroll-snap-align:start;padding:14px 14px 22px;user-select:none}
.skh .fcard:nth-child(odd){transform:rotate(-1deg)}
.skh .fcard:nth-child(even){transform:rotate(1deg) translateY(10px)}
.skh .fcard img{width:100%;aspect-ratio:1/1;object-fit:cover;-webkit-user-drag:none;pointer-events:none}
.skh .fcard .num{font:700 22px/1 var(--hand);color:var(--cherry);margin:16px 0 4px}
.skh .fcard p{color:var(--ink2);font-size:16px;margin-top:6px}
.skh .fill-foot{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.skh .fill-foot .hand{font-size:26px;color:var(--ink2)}
.skh .works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 40px}
.skh .pol{display:block;text-decoration:none;padding:12px 12px 16px;position:relative}
.skh .pol:nth-child(3n+1){transform:rotate(-2deg)}
.skh .pol:nth-child(3n+2){transform:rotate(1.5deg) translateY(16px)}
.skh .pol:nth-child(3n){transform:rotate(-.5deg)}
.skh .pol:hover{transform:rotate(0) scale(1.02);z-index:2}
.skh .pol img{width:100%;aspect-ratio:1/1;object-fit:cover}
.skh .pol span{display:block;font:700 24px/1.1 var(--hand);margin-top:12px;text-align:center}
.skh .pol .tape{width:90px;margin-left:-45px;top:-14px;height:28px}
.skh .pol:nth-child(even) .tape{background:repeating-linear-gradient(45deg,rgba(201,168,76,.7) 0 3px,rgba(201,168,76,.3) 3px 7px);transform:rotate(5deg)}
.skh .center{text-align:center;margin-top:64px}
.skh .steps{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:16px}
.skh .steps-line{position:absolute;left:8%;right:8%;top:22px;height:60px;width:84%;overflow:visible;z-index:-1}
.skh .steps-line-v{display:none} .skh .step{text-align:center}
.skh .step .ic{width:104px;height:104px;margin:0 auto 20px;display:grid;place-items:center}
.skh .step .ic svg{width:60px;height:60px;overflow:visible}
.skh .step .n{font:700 26px/1 var(--hand);color:var(--cherry)}
.skh .step h3{font-size:20px;margin:6px 0 8px}
.skh .step p{font-size:16px;color:var(--ink2)}
.skh .gifts .wrap>.grid{display:block}
.skh .gifts .gift-foot{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-top:44px}
.skh .gifts .gift-foot .note{margin:0;max-width:560px;font-size:16px}
.skh .tickets{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
@media (max-width:900px){.skh .fcard{flex-basis:calc((100% - 36px)/2)}}
@media (max-width:1100px){.skh .tickets{grid-template-columns:1fr;max-width:520px}}
.skh .ticket{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:22px 20px 22px 24px}
.skh .ticket:nth-child(1){transform:rotate(-1.5deg)}
.skh .ticket:nth-child(2){transform:rotate(1deg)}
.skh .ticket:nth-child(3){transform:rotate(-.5deg)}
.skh .ticket small{display:block;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.skh .ticket b{font:800 38px/1 var(--display);white-space:nowrap}
.skh .ticket small{margin-bottom:6px}
.skh .ticket .hand{font-size:24px;text-align:right;line-height:1.05}
.skh .note{font-size:14px;color:var(--ink2);margin:20px 0 24px}
.skh .faq .wrap{max-width:860px}
.skh .faq-list{display:grid;gap:20px}
.skh details{padding:0 24px}
.skh summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font:700 20px/1.3 var(--display)}
.skh summary::-webkit-details-marker{display:none}
.skh summary i{flex:0 0 22px;height:22px;position:relative}
.skh summary i::before,.skh summary i::after{content:"";position:absolute;left:0;right:0;top:9px;height:3px;background:var(--cherry);border-radius:2px;transform:rotate(-3deg)}
.skh summary i::after{transform:rotate(87deg)}
.skh details[open] summary i::after{display:none}
.skh details p{padding:0 0 22px;color:var(--ink2);max-width:68ch}
.skh details p a{color:var(--cherry)}
.skh .skh-contact h2{font-size:40px}
.skh .skh-contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.skh .msgs{display:flex;flex-wrap:wrap;gap:16px;margin:32px 0 40px}
.skh .msgs .skh-btn{min-height:48px;padding:10px 20px}
.skh .cinfo{display:grid;gap:10px;font-size:17px}
.skh .cinfo a{text-decoration:none;font-weight:600}
.skh .cinfo .hand{font-size:26px;color:var(--cherry);margin-top:12px}
.skh .card{padding:36px;display:grid;gap:20px}
.skh #contact-form h3{font-size:28px}
.skh .field{display:grid;gap:6px}
.skh .field label{font-size:14px;font-weight:600;color:var(--ink2)}
.skh .field .in{padding:0 4px}
.skh .field input,.skh .field select,.skh .field textarea{width:100%;border:0;background:transparent;font:16px/1.4 var(--body);color:var(--ink);padding:12px 4px;min-height:48px;outline:none}
.skh .field textarea{min-height:96px;resize:vertical}
.skh .field .in:focus-within{background:rgba(232,160,180,.18)}
.skh .agree{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink2)}
.skh .agree input{width:20px;height:20px;accent-color:var(--cherry);margin-top:2px;flex:0 0 auto}
.skh #contact-form .skh-btn{justify-self:start}
.skh.js .rv{opacity:0;translate:0 28px}
.skh .rv.on{animation:skh-rv .42s steps(5,end) forwards}
@keyframes skh-rv{to{opacity:1;translate:0 0}}
.skh .steps-line{clip-path:inset(0 100% 0 0)}
.skh .steps.on .steps-line{animation:skh-draw 1.1s steps(13,end) .3s forwards}
@keyframes skh-draw{to{clip-path:inset(0 0 0 0)}}
@media (max-width:980px){.skh h1{font-size:52px}
.skh h2{font-size:38px}
.skh .skh-hero .wrap,.skh .about .wrap,.skh .skh-contact .wrap{grid-template-columns:1fr;gap:48px}
.skh #cake{max-width:520px;margin:0 auto;transform:none}
.skh .skh-hero{min-height:0}
.skh .steps{grid-template-columns:1fr;gap:28px;max-width:460px;margin-inline:auto}
.skh .step{display:grid;grid-template-columns:92px 1fr;gap:20px;text-align:left;align-items:center}
.skh .step .ic{width:88px;height:88px;margin:0}
.skh .steps-line{display:none} .skh .steps-line-v{display:block;position:absolute;left:14px;width:60px;top:44px;height:calc(100% - 88px);overflow:visible;z-index:-1;clip-path:inset(0 0 100% 0)} .skh .steps.on .steps-line-v{animation:skh-draw 1.6s steps(16,end) .3s forwards}
.skh .works-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.skh{--pad:20px}
.skh section{padding:72px 0}
.skh h1{font-size:42px}
.skh h2{font-size:32px}
.skh .lead{font-size:17px}
.skh .stats{gap:24px}
.skh .stats b{font-size:32px}
.skh .stats>div{flex:1 1 0;min-width:0}
.skh .sec-head{flex-direction:column;align-items:flex-start}
.skh .fcard{flex-basis:80%}
.skh .works-grid{grid-template-columns:1fr 1fr;gap:28px 18px}
.skh .pol span{font-size:20px}
.skh .badge{right:-8px;width:100px;height:100px}
.skh .badge b{font-size:28px}
.skh .badge span{font-size:16px}
.skh .ticket{margin-left:0!important}
.skh .ticket b{font-size:clamp(26px,8vw,34px)}
.skh form.card,.skh blockquote{font-size:28px}
.skh .skh-contact h2{font-size:30px}
.skh .doodle{display:none}}
@media (prefers-reduced-motion:reduce){.skh{scroll-behavior:auto}
.skh .rv,.skh.js .rv{opacity:1;translate:none}
.skh .rv.on{animation:none}
.skh .steps-line{clip-path:none}
.skh .steps.on .steps-line{animation:none} .skh .steps-line-v{clip-path:none} .skh .steps.on .steps-line-v{animation:none}}
.skh{padding-top:var(--header-h,88px);overflow-x:clip;min-height:100vh}
.skh h1,.skh h2,.skh h3{color:inherit;letter-spacing:0}
.skh #contact-form{display:grid;gap:20px}
.skh .field-error{display:block;min-height:0;font-size:13px;color:var(--cherry)}
.skh .field-error:empty{display:none}
.skh [aria-invalid="true"]{background:rgba(200,56,45,.08)}
.skh .form-status:empty{display:none}
.skh .form-status{font-weight:600;padding:12px 4px}
.skh .form-status.success{color:#2F7A4A}
.skh .form-status.error{color:var(--cherry)}
.skh .skh-btn{white-space:nowrap}

.skh .kinds{display:flex;flex-wrap:wrap;gap:14px 18px;margin:-8px 0 40px}
.skh .kinds a{position:relative;padding:9px 16px;font-weight:600;font-size:16px;color:var(--ink)}
.skh .kinds a:hover{color:var(--cherry);transform:rotate(-1.5deg)}
/* ===== Elpis Sweets · «живая линия» — шапка, подвал, меню, окно «Заказать», Оракул ===== */
body.sketch-home{--paper:#F8F2E9;--paper2:#F1E8DB;--ink:#2B1D1A;--ink2:#6E5A52;--cherry:#C8382D;--pink:#E8A0B4;--gold:#C9A84C;--hand:Caveat,'Caveat Fallback','Segoe Print','Comic Sans MS',cursive;background:#F8F2E9}
body.sketch-home[data-f="0"] .skc .v:not(.v0),body.sketch-home[data-f="1"] .skc .v:not(.v1),body.sketch-home[data-f="2"] .skc .v:not(.v2){visibility:hidden}
body.sketch-home .skc{isolation:isolate}
body.sketch-home .skc>svg.frame{position:absolute;z-index:-1;overflow:visible;pointer-events:none}
:where(.skc-rel){position:relative}
body.sketch-home .skc[data-sk="under"]>svg.frame{opacity:0}
body.sketch-home .skc[data-sk="under"]:hover>svg.frame,body.sketch-home .skc[data-sk="under"][aria-current]>svg.frame{opacity:1}
.skc-logo{display:inline-flex;align-items:center;gap:10px;font:italic 700 25px/1 'Playfair Display',Georgia,serif;color:#2B1D1A;white-space:nowrap}
.skc-logo b{font-weight:700;color:#C8382D}
.skc-logo svg{width:38px;height:38px;overflow:visible;flex:0 0 auto}

/* ---------- шапка ---------- */
body.sketch-home .site-header,body.sketch-home .site-header.scrolled{background:rgba(248,242,233,.96)!important;box-shadow:none!important;backdrop-filter:blur(6px)}
body.sketch-home .header-logo>img,body.sketch-home .footer-brand>img,body.sketch-home .mnx-top>a>img{display:none!important}
body.sketch-home .header-nav a{color:#2B1D1A!important;font-weight:600;letter-spacing:.02em;font-size:16px;padding:6px 2px}
body.sketch-home .header-nav a::after{display:none!important}
body.sketch-home .header-nav a:hover,body.sketch-home .header-nav a[aria-current]{color:#C8382D!important}
body.sketch-home .header-phone{color:#2B1D1A!important}
body.sketch-home .header-phone:hover{color:#C8382D!important}
body.sketch-home .site-header .btn-primary,body.sketch-home .mnx-cta,body.sketch-home .om-cta{background:transparent!important;box-shadow:none!important;border-radius:0!important;color:#fff!important;position:relative}
body.sketch-home .site-header .btn-primary:hover,body.sketch-home .mnx-cta:hover,body.sketch-home .om-cta:hover{transform:rotate(-1.5deg)!important}
body.sketch-home .burger span{background:#2B1D1A!important;height:3px;border-radius:3px}
body.sketch-home .burger span:nth-child(2){transform:rotate(-2deg)}

/* ---------- мобильное меню ---------- */
body.sketch-home .mnx{background:#F8F2E9!important;color:#2B1D1A!important;background-image:radial-gradient(rgba(43,29,26,.045) 1px,transparent 1px)!important;background-size:5px 5px!important}
body.sketch-home .mnx *{color:inherit}
body.sketch-home .mnx-eyebrow{color:#C8382D!important;font-weight:700;letter-spacing:.14em}
body.sketch-home .mnx-tile{border-radius:0!important;position:relative}
body.sketch-home .mnx-tile b{color:#2B1D1A!important}body.sketch-home .mnx-tile span{color:#6E5A52!important}
body.sketch-home .mnx-link{border:0!important;background:transparent!important;border-radius:0!important;position:relative}
body.sketch-home .mnx-link b{font-family:'Playfair Display',Georgia,serif;font-size:1.15rem}
body.sketch-home .mnx-ic{background:#F1E8DB!important;border-radius:50%!important;color:#C8382D!important}
body.sketch-home .mnx-chip{background:transparent!important;border:0!important;border-radius:0!important;position:relative;color:#2B1D1A!important}
body.sketch-home .mnx-invert{filter:none!important}
body.sketch-home .mnx-close{background:transparent!important;color:#2B1D1A!important;border-radius:50%!important;position:relative}
body.sketch-home .mnx-status{color:#6E5A52!important;font-family:var(--hand);font-size:1.25rem}

/* ---------- окно «Заказать» ---------- */
body.sketch-home .order-modal-overlay{background:rgba(43,29,26,.45)!important;backdrop-filter:blur(2px)}
body.sketch-home .om{background:#FBF7F1!important;border-radius:0!important;box-shadow:10px 10px 0 rgba(232,160,180,.55)!important;color:#2B1D1A}
body.sketch-home .om-title{font-size:28px!important;color:#2B1D1A!important}
body.sketch-home .om-sub{font-family:var(--hand);font-size:20px!important;color:#C8382D!important}
body.sketch-home .om-opt{border:0!important;border-radius:0!important;background:transparent!important;position:relative}
body.sketch-home .om-opt:hover{transform:rotate(-.8deg)}
body.sketch-home .om-ico{background:#F1E8DB!important;border-radius:50%!important}
body.sketch-home .om-badge{background:transparent!important;color:#C8382D!important;font-family:var(--hand);font-size:17px!important;text-transform:none!important;letter-spacing:0!important;padding:0!important}
body.sketch-home .om-arrow{color:#2B1D1A!important;font-size:24px}
body.sketch-home .om-copy{border:0!important;border-radius:0!important;background:transparent!important;color:#2B1D1A!important;position:relative}
body.sketch-home .om-close{background:transparent!important;color:#2B1D1A!important;font-size:26px!important}
body.sketch-home .om-or{font-family:var(--hand);font-size:22px!important;color:#6E5A52!important}
body.sketch-home .om-or::before,body.sketch-home .om-or::after{background:repeating-linear-gradient(90deg,#2B1D1A 0 14px,transparent 14px 18px)!important;height:2px!important}
body.sketch-home .om-foot{color:#6E5A52!important}
body.sketch-home .om-avatar img{border-radius:50%;border:2px solid #2B1D1A}

/* ---------- кнопка Оракула ---------- */
body.sketch-home .oracle-fab{background:#FBF7F1!important;color:#2B1D1A!important;border:0!important;border-radius:0!important;box-shadow:none!important;position:fixed}
body.sketch-home .oracle-fab-icon{background:#F1E8DB!important;border-radius:50%!important}
body.sketch-home .oracle-fab-label{color:#2B1D1A!important;font-family:var(--hand)!important;font-size:21px!important;font-weight:700!important;letter-spacing:0!important}
body.sketch-home .oracle-fab:hover{transform:rotate(-2deg)!important}

/* ---------- чат Оракула ---------- */
body.sketch-home .chat-overlay{background:rgba(43,29,26,.35)!important}
body.sketch-home .chat-window{background:#FBF7F1!important;color:#2B1D1A!important;border:0!important;border-radius:0!important;box-shadow:10px 10px 0 rgba(201,168,76,.45)!important}
body.sketch-home .chat-window *{border-radius:0}
body.sketch-home .chat-header{background:#F1E8DB!important;border:0!important;color:#2B1D1A!important;position:relative}
body.sketch-home .chat-header h3{color:#2B1D1A!important;font-family:'Playfair Display',Georgia,serif!important}
body.sketch-home .chat-header-subtitle{color:#C8382D!important;font-family:var(--hand);font-size:17px!important}
body.sketch-home .chat-avatar,body.sketch-home .chat-msg-avatar{background:#FBF7F1!important;border-radius:50%!important;border:2px solid #2B1D1A}
body.sketch-home .chat-btn-icon{background:transparent!important;color:#2B1D1A!important;border-radius:50%!important}
body.sketch-home .chat-messages{background:transparent!important;background-image:radial-gradient(rgba(43,29,26,.045) 1px,transparent 1px)!important;background-size:5px 5px!important}
body.sketch-home .chat-welcome h4{color:#2B1D1A!important;font-family:'Playfair Display',Georgia,serif!important;font-size:1.5rem}
body.sketch-home .chat-welcome p{color:#6E5A52!important}
body.sketch-home .chat-quick-chip{background:transparent!important;border:0!important;color:#2B1D1A!important;position:relative;font-weight:600}
body.sketch-home .chat-quick-chip:hover{color:#C8382D!important;transform:rotate(-1.5deg)}
body.sketch-home .chat-msg-bubble{border:0!important;border-radius:0!important;position:relative;box-shadow:none!important}
body.sketch-home .chat-msg--assistant .chat-msg-bubble{background:#FBF7F1!important;color:#2B1D1A!important}
body.sketch-home .chat-msg--user .chat-msg-bubble,body.sketch-home .chat-msg--human .chat-msg-bubble{background:#F6DDE4!important;color:#2B1D1A!important}
body.sketch-home .chat-msg-bubble a{color:#C8382D!important}
body.sketch-home .chat-msg-time,body.sketch-home .chat-msg-name{color:#6E5A52!important}
body.sketch-home .chat-typing-dot{background:#C8382D!important}
body.sketch-home .chat-input-area{background:#F1E8DB!important;border:0!important;position:relative}
body.sketch-home .chat-input-wrap{background:#FBF7F1!important;border:0!important;position:relative}
body.sketch-home .chat-input{color:#2B1D1A!important;background:transparent!important}
body.sketch-home .chat-input::placeholder{color:#8A776E!important}
body.sketch-home .chat-send-btn{background:#C8382D!important;color:#fff!important;border-radius:50%!important;border:2px solid #2B1D1A!important}
body.sketch-home .chat-disclaimer{background:#F1E8DB!important;border:0!important}
body.sketch-home .chat-disclaimer-text{color:#6E5A52!important}
body.sketch-home .chat-contact-btn{background:transparent!important;border:0!important;color:#2B1D1A!important;position:relative}
body.sketch-home .chat-confirm-box{background:#FBF7F1!important;color:#2B1D1A!important;border:2px solid #2B1D1A!important;box-shadow:8px 8px 0 rgba(232,160,180,.55)!important}
body.sketch-home .chat-confirm-btn{border-radius:0!important;border:2px solid #2B1D1A!important;background:transparent!important;color:#2B1D1A!important}
body.sketch-home .chat-confirm-btn--clear{background:#C8382D!important;color:#fff!important}
body.sketch-home .chat-error{background:#FCE9E7!important;color:#8E2219!important;border-radius:0!important}

/* ---------- подвал ---------- */
body.sketch-home .site-footer{background:#F1E8DB!important;color:#2B1D1A!important;border:0!important;position:relative;isolation:isolate}
body.sketch-home .site-footer h4{color:#2B1D1A!important;font-family:'Playfair Display',Georgia,serif}
body.sketch-home .site-footer p,body.sketch-home .site-footer li,body.sketch-home .site-footer a,body.sketch-home .site-footer span,body.sketch-home .site-footer div{color:#6E5A52!important}
body.sketch-home .site-footer a:hover{color:#C8382D!important}
body.sketch-home .footer-phone,body.sketch-home .footer-schedule-time{color:#2B1D1A!important;font-family:'Playfair Display',Georgia,serif}
body.sketch-home .footer-social a{background:#FBF7F1!important;border:0!important;border-radius:50%!important;position:relative}
body.sketch-home .footer-bottom{border-top:0!important;position:relative}
body.sketch-home .footer-schedule-note{border-top-color:rgba(43,29,26,.15)!important}

/* ---------- cookie ---------- */
body.sketch-home #cookie-consent{background:#FBF7F1!important;color:#2B1D1A!important;border-top:2px solid #2B1D1A!important;box-shadow:0 -6px 0 rgba(232,160,180,.45)!important}
body.sketch-home #cookie-consent *{color:#2B1D1A}
body.sketch-home #cookie-consent a{color:#C8382D!important}
body.sketch-home #cookie-consent .cc-btn{border-radius:0!important;border:2px solid #2B1D1A!important;background:transparent!important;color:#2B1D1A!important}
body.sketch-home #cookie-consent .cc-btn--accept,body.sketch-home #cookie-consent .cc-btn:not(.cc-btn--reject){background:#C8382D!important;color:#fff!important}

/* ---------- рамки внутри окон ---------- */
body.sketch-home .om{overflow:visible!important;display:flex!important;flex-direction:column;padding:0!important}
body.sketch-home .skc-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 24px 24px}
@media (max-width:480px){body.sketch-home .skc-scroll{padding:12px 16px calc(20px + env(safe-area-inset-bottom))}}
body.sketch-home .om-ico,body.sketch-home .mnx-ic,body.sketch-home .chat-btn-icon,body.sketch-home .footer-social a,body.sketch-home .om-close,body.sketch-home .mnx-close{background:transparent!important}
body.sketch-home .om-close{z-index:2}
body.sketch-home .chat-window{overflow:visible!important}
body.sketch-home .chat-window::before{display:none!important}
body.sketch-home #cookie-consent .cc-btn--accept{background:transparent!important}
body.sketch-home .mnx-tile{box-shadow:none!important}
body.sketch-home .skc[data-inset]>svg.frame{z-index:6}
body.sketch-home .skc-logo b,.skc-logo b{color:#C8382D!important}
body.sketch-home .footer-brand .skc-logo{display:flex;margin-bottom:14px}
body.sketch-home .mnx-bottom{background:#F1E8DB!important;background-image:none!important;box-shadow:0 -2px 0 #2B1D1A!important}
body.sketch-home .mnx-chip,body.sketch-home .mnx-chip *{color:#2B1D1A!important}
body.sketch-home .mnx-tile{background-color:#FBF7F1!important;background-size:cover!important;background-position:center top!important;border:2px solid #2B1D1A;padding:10px 12px!important}body.sketch-home .mnx-tile::before{background:linear-gradient(180deg,rgba(251,247,241,0) 52%,rgba(251,247,241,.96) 80%)!important}body.sketch-home .mnx-tile[aria-current="page"]{outline-color:#C8382D}

/* окно Оракула открывается на месте кнопки */
@media (min-width:481px){
body.sketch-home .chat-window{bottom:24px!important;right:24px!important;max-height:calc(100vh - 48px)!important;max-height:calc(100dvh - 48px)!important}
/* html.chat-open ставит chat.js вместе с .chat-window.open. body:has(...) заставлял браузер при любой вставке узла в страницу (кадры «кипения», торт) пересчитывать стили всего документа */
html.chat-open body.sketch-home .oracle-fab{opacity:0!important;pointer-events:none!important}
}

.skc-logo b{position:relative;display:inline-block}
.skc-logo .skc-u{position:absolute;left:-1px;right:-3px;bottom:-.3em;width:calc(100% + 4px);height:.32em;overflow:visible;pointer-events:none}
body.sketch-home .site-footer .skc-logo{color:#2B1D1A!important}body.sketch-home .site-footer .skc-logo b{color:#C8382D!important}

/* Блог: перелинковка с посадочными */
.skh .skb-kinds-sec{padding:10px 0 60px}.skh .skb-kinds-sec .kinds{margin:0}
.skh .skb-body .skb-kinds{margin:40px 0 30px;align-items:center}.skh .skb-body .skb-kinds b{font-size:22px;color:var(--cherry);margin-right:4px}.skh .skb-body .skb-kinds a{text-decoration:none;background:none;color:var(--ink)}.skh .skb-body .skb-kinds a:hover{color:var(--cherry)}
/* Дрожание только у красных акцентов и «Sweets» в логотипе (04.10.2026) */
.boil-a,.skc-logo b{filter:url(#boil0)}
/* кадр берём из body[data-f]: меняется один атрибут, браузер пересчитывает только эти элементы, а не весь документ */
body[data-f="1"] .boil-a,body[data-f="1"] .skc-logo b{filter:url(#boil1)}body[data-f="2"] .boil-a,body[data-f="2"] .skc-logo b{filter:url(#boil2)}
.skh em.accent.accent-wrap{white-space:normal}

/* ===== Главная · свежие отзывы (.skr) ===== */
.skh .skr{background:#FBEFEF;background-image:radial-gradient(rgba(200,56,45,.10) 1.2px,transparent 1.6px);background-size:22px 22px;position:relative}
.skh .skr .sec-head{align-items:center}
.skh .skr-score{display:grid;justify-items:center;gap:6px;padding:14px 26px 12px;background:#FFFDF9;transform:rotate(2deg);text-decoration:none;color:var(--ink);flex:none}
.skh .skr-score b{font:800 52px/1 var(--display);color:var(--cherry)}
.skh .skr-score .hand{font-size:21px;color:var(--ink2)}
.skh .skr-score:hover{transform:rotate(0) scale(1.03)}
.skh .skr-stars{display:inline-flex;gap:2px;vertical-align:middle}
.skh .skr-stars svg{width:20px;height:20px;overflow:visible}
.skh .skr-stars svg.on path[fill^=url]{fill:#E3C463}
.skh .skr-stars svg.off path[fill^=url]{fill:none}
.skh .skr-stars svg.off{opacity:.3}
.skh .skr-score .skr-stars svg{width:24px;height:24px}
.skh .skr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;align-items:stretch}
.skh .skr-card{display:flex;flex-direction:column;margin:0;padding:34px 26px 22px;background:#FFFDF9;
  background-image:repeating-linear-gradient(transparent 0 33px,rgba(200,56,45,.12) 33px 34px);background-position:0 26px;transition:transform .25s}
.skh .skr-card:nth-child(1){transform:rotate(-1.4deg)}
.skh .skr-card:nth-child(2){transform:rotate(.9deg) translateY(14px)}
.skh .skr-card:nth-child(3){transform:rotate(-.5deg)}
.skh .skr-card:hover{transform:rotate(0) translateY(-4px)}
.skh .skr-card .tape{width:90px;margin-left:-45px;top:-14px;height:28px}
.skh .skr-card:nth-child(even) .tape{background:repeating-linear-gradient(45deg,rgba(201,168,76,.7) 0 3px,rgba(201,168,76,.3) 3px 7px);transform:rotate(5deg)}
.skh .skr-q{position:absolute;left:14px;top:-4px;font-size:92px;line-height:1;color:var(--pink);pointer-events:none}
.skh .skr-txt{margin:0 0 18px;font:600 23px/34px var(--hand);color:var(--ink);flex:1}
.skh .skr-more{font:700 16px/1 var(--body);color:var(--cherry);white-space:nowrap}
.skh .skr-card footer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:center;padding-top:14px;border-top:1.5px dashed rgba(43,29,26,.25)}
.skh .skr-card .ava{grid-row:span 2;width:50px;height:50px;display:grid;place-items:center;font:800 23px/1 var(--display);color:var(--cherry)}
.skh .skr-card footer b{font:800 18px/1.1 var(--display);display:block}
.skh .skr-card footer time{font-size:14px;color:var(--ink2)}
.skh .skr-card footer .skr-stars{grid-column:2}
.skh .skr-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 22px;margin-top:56px}
.skh .skr-note{font-size:23px;color:var(--ink2);transform:rotate(-2deg)}
@media (max-width:980px){.skh .skr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.skh .skr-card:nth-child(3){grid-column:1/-1;max-width:560px;justify-self:center}}
@media (max-width:760px){.skh .skr .sec-head{flex-direction:column;align-items:flex-start}.skh .skr-score{align-self:center;margin-top:8px;grid-auto-flow:column;align-items:center;gap:12px;padding:10px 18px}.skh .skr-score b{font-size:40px}.skh .skr-score .hand{font-size:18px}.skh .skr-grid{grid-template-columns:minmax(0,1fr);gap:34px}.skh .skr-card:nth-child(2){transform:rotate(.9deg)}.skh .skr-txt{font-size:22px;line-height:32px}.skh .skr-actions{margin-top:40px}}

/* fix 2026-10-04: рисованная рамка Оракула не обрезается справа */
body.sketch-home .oracle-fab{overflow:visible!important}

/* fix 2026-11-04: контраст надзаголовков (WCAG AA ≥4.5:1 на бумажном фоне) и заголовка cookie-баннера */
.skh .kicker{color:#B8332A}
body.sketch-home #cookie-consent .cc-text strong{color:#2B1D1A!important}

/* ===== UX 2026-11: реальные фото на первом экране ===== */
.skh-hero .hero-art{position:relative}
.hero-pics{display:flex;gap:14px;justify-content:center;margin-top:8px}
.hero-pics .hp{position:relative;display:block;background:#fff;padding:7px 7px 30px;border:2px solid var(--ink);box-shadow:4px 4px 0 rgba(232,160,180,.55);text-decoration:none;color:var(--ink);transition:transform .25s}
.hero-pics .hp img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.hero-pics .hp b{position:absolute;left:0;right:0;bottom:4px;text-align:center;font:700 19px/1.1 var(--hand)}
.hero-pics .hp .tape{position:absolute;top:-10px;left:50%;width:62px;height:20px;margin-left:-31px;background:repeating-linear-gradient(45deg,rgba(232,160,180,.75) 0 6px,rgba(232,160,180,.45) 6px 12px);transform:rotate(-4deg);z-index:1}
.hero-pics .hp1{transform:rotate(-4deg)}.hero-pics .hp2{transform:rotate(3deg)}.hero-pics .hp3{transform:rotate(-2deg)}
.hero-pics .hp:hover,.hero-pics .hp:focus-visible{transform:rotate(0) translateY(-4px)}
@media(max-width:899px){.skh-hero .hero-art{display:flex;flex-direction:column-reverse}.hero-pics{margin:-8px 0 8px}.hero-pics .hp{width:31%;max-width:150px}.hero-pics .hp b{font-size:16px}}
@media(min-width:900px){.skh-hero .hero-art{padding-bottom:150px}.skh-hero .hero-art #cake{transform:scale(.82);transform-origin:50% 0}.hero-pics{position:absolute;left:0;right:0;bottom:-24px;gap:26px;align-items:flex-end}.hero-pics .hp{width:136px}.hero-pics .hp2{margin-bottom:22px}}

/* ===== UX 2026-11: единая кнопка связи на мобильных ===== */
.cfab{display:none}
@media(max-width:899px){
.tg-fab,.oracle-fab{display:none!important}
.cfab{display:block;position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:10002}
body.cookie-visible .cfab{bottom:calc(16px + var(--cookie-banner-h, 140px) + 12px)}
body.nav-open .cfab,body.om-open .cfab,body.chat-open .cfab{opacity:0;pointer-events:none}
.cfab-btn{display:flex;align-items:center;gap:8px;height:50px;padding:0 20px;background:#C8382D;color:#fff;border:2px solid #2B1D1A;box-shadow:3px 3px 0 #2B1D1A;font:700 16px/1 'Raleway',Arial,sans-serif;cursor:pointer}
.cfab-btn span{font-size:19px}
.cfab.open .cfab-btn{background:#FBF7F1;color:#2B1D1A}
.cfab-sheet{position:absolute;right:0;bottom:62px;width:min(300px,calc(100vw - 28px));background:#FBF7F1;border:2px solid #2B1D1A;box-shadow:4px 4px 0 rgba(232,160,180,.7);padding:14px 14px 8px}
.cfab-t{margin:0;font:700 italic 22px/1.1 'Playfair Display',Georgia,serif;color:#2B1D1A}
.cfab-s{margin:4px 0 10px;font-size:13px;color:#6E5A52}
.cfab-i{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;width:100%;padding:10px 0;border:0;border-top:1px dashed #d9cbb8;background:none;color:#2B1D1A;font:600 16px/1.2 'Raleway',Arial,sans-serif;text-align:left;text-decoration:none;cursor:pointer}
.cfab-i .ic{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border:2px solid #2B1D1A;border-radius:50%;font-size:16px;background:#fff}
.cfab-i.ai .ic{background:#F1E8DB;color:#C8382D}
.cfab-i small{grid-column:2;font:400 13px/1.2 'Raleway',Arial,sans-serif;color:#6E5A52}.cfab-i .ic img{width:20px;height:20px;display:block}.cfab-i.tg .ic,.cfab-i.vb .ic{border:0;background:none}.cfab-i.tg .ic img,.cfab-i.vb .ic img{width:36px;height:36px}
}

/* ===== UX 2026-11: конструктор — способ получения и связь ===== */
.ck-opts{border:0;margin:0 0 16px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ck-opts.ck-opts-3{grid-template-columns:repeat(3,1fr)}
.ck-opts legend{grid-column:1/-1;padding:0;margin-bottom:8px;font:700 16px/1.3 'Raleway',Arial,sans-serif;color:#2B1D1A}
.ck-opts label{position:relative;cursor:pointer}
.ck-opts input{position:absolute;opacity:0;inset:0;margin:0}
.ck-opts span{display:block;height:100%;padding:10px 12px;border:2px solid #2B1D1A;background:#FBF7F1;font:700 16px/1.25 'Raleway',Arial,sans-serif;color:#2B1D1A;text-align:center}
.ck-opts small{display:block;margin-top:3px;font-weight:400;font-size:13px;color:#6E5A52}
.ck-opts input:checked+span{background:#C8382D;color:#fff;box-shadow:3px 3px 0 #2B1D1A}
.ck-opts input:checked+span small{color:#fff}
.ck-opts input:focus-visible+span{outline:3px solid #E8A0B4;outline-offset:2px}
#ck-bar.on-form .skh-btn,#ck-bar.on-form button{display:none}
@media(max-width:899px){body.sketch-constructor .cfab{bottom:calc(84px + env(safe-area-inset-bottom))}}
@media(max-width:899px){body.sketch-constructor .cfab-btn{width:50px;padding:0;justify-content:center;font-size:0;gap:0}}

/* ===== UX 2026-11: каталог — выбор по поводу ===== */
.skk-occ{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:10px 0 4px;scrollbar-width:none}
.skk-occ::-webkit-scrollbar{display:none}
.skk-occ b{flex:none;font:700 19px/1 Caveat,'Segoe Print',cursive;color:#6E5A52;margin-right:2px}
.skk-occ a{flex:none;padding:7px 12px;border:2px solid #2B1D1A;background:#FBF7F1;color:#2B1D1A;font:600 14px/1 'Raleway',Arial,sans-serif;text-decoration:none;white-space:nowrap}
.skk-occ a:hover,.skk-occ a:focus-visible{background:#C8382D;color:#fff}

/* ===== UX 2026-11: цена на первом экране, условия, шапка ===== */
.hero-price{margin:14px 0 0;font-size:16px;line-height:1.4;color:#5E4B44}
.hero-price b{color:#2B1D1A}
.skd-terms{margin:14px 0 0;font-size:16px;line-height:1.45;color:#5E4B44}
.skd-terms b{color:#2B1D1A}
@media(max-width:1199px){.hdr-x{display:none}}
.fcard .fc-go{display:inline-block;margin-top:10px;font:700 16px/1.3 'Raleway',Arial,sans-serif;color:#B8332A;text-decoration:underline;text-underline-offset:3px}
.fcard .fc-go:hover,.fcard .fc-go:focus-visible{color:#2B1D1A}
#header-order-btn{gap:0}
.header-nav a{white-space:nowrap}
@media(min-width:900px) and (max-width:1023px){.header-nav{gap:.6rem!important}.header-nav a{letter-spacing:.02em!important;font-size:13px!important}}

/* ===== UX 2026-11: тексты главной ===== */
.about-facts{list-style:none;margin:14px 0 18px;padding:0;display:grid;gap:8px}
.about-facts li{position:relative;padding-left:28px;font-size:16px;line-height:1.45;color:#2B1D1A}
.about-facts li::before{content:'✓';position:absolute;left:2px;top:-3px;font:700 22px/1 Caveat,'Segoe Print',cursive;color:#B8332A}
.fill-sub{margin-top:8px;max-width:560px;font-size:16px;line-height:1.45}
.skr-ig{align-self:center;color:#B8332A;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.skr-ig-hero{margin-top:14px;font-size:16px}
.skr-ig-hero a{color:#B8332A;font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* ===== Каталог 2026-11: поводы вне липкой панели, сортировка на телефоне, срок в карточке ===== */
.skk-occ-wrap{padding-top:8px;padding-bottom:4px}
.skk-qv .qv-lead{margin:10px 0 0;font-size:14px;color:#5E4B44}
@media(max-width:760px){
.skk-sort{display:flex!important;position:relative;flex:0 0 46px;width:46px;min-height:44px;padding:0!important;align-items:center;justify-content:center}
.skk-sort::before{content:'⇅';font:700 20px/1 Arial,sans-serif;color:#2B1D1A;pointer-events:none}
.skk-sort select{position:absolute;inset:0;width:100%;height:100%;opacity:0;padding:0}
}

/* QA: на экранах уже 360px бургер меню уходил за край */
@media (max-width:359px){#site-header .header-inner{gap:4px}#site-header .skc-logo{font-size:20px;gap:6px}#site-header .skc-logo svg{width:30px;height:30px}#header-order-btn{padding:0 12px}}

/* b9b: Оракул — аватары нарисованы линией, индикатор «печатает» в стиле пузырей */
body.sketch-home .chat-msg-avatar{color:#2B1D1A!important;overflow:hidden}body.sketch-home .chat-msg-avatar svg{display:block}body.sketch-home .chat-typing{background:#FBF7F1!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:.8rem 1.05rem!important;margin-left:calc(30px + .65rem);gap:.45rem}body.sketch-home .chat-typing-dot{width:8px;height:8px;border-radius:50%!important}
html.chat-open .cfab{opacity:0;pointer-events:none}
/* b9c: соседние блоки чередуют фон (светлый / бежевый / розовый CTA) — без «слипшихся» блоков */
.skh section.about{background:var(--paper2)}.skh section.fill{background:transparent}.skh section.works{background:var(--paper2)}
.skh.skb .skb-cta{background:#FBEFEF;background-image:radial-gradient(rgba(200,56,45,.10) 1.2px,transparent 1.6px);background-size:22px 22px}
.skh.skl .skl-gallery+.skk-faq,.skh.skl .skl-text+.skk-faq,.skh.skl .skl-gallery+script+.skk-faq,.skh.skl .skl-text+script+.skk-faq{background:transparent}
body.sketch-ny .skn-col-sec{background:var(--paper2)}
.skh.skr .skr-why{background:var(--paper2)}.skh.skr .skr-terms{background:transparent}
.skh.skd .skd-pay,.skh.skd .skd-how,.skh.skd .skd-tips,.skh.skd .skd-map{background:var(--paper2)}.skh.skd .skd-cancel,.skh.skd .skk-faq{background:transparent}
.skh.skv .skv-form-sec{background:var(--paper2)}
.skh.skb .skb-quick{background:var(--paper2);padding:64px 0}.skh.skb #articles.skb-list{background:transparent}.skh.skb .skb-kinds-sec{background:var(--paper2);padding-top:64px}
/* b9e: меню в шапке — пункты-наклейки в рисованных рамках; текущий раздел розовый со скотчем */
@media (min-width:901px){
body.sketch-home .header-nav{gap:12px!important}
body.sketch-home .header-nav a{padding:5px 12px!important;font-size:15px!important;line-height:1.3;background:#FBF7F1;box-shadow:3px 3px 0 rgba(201,168,76,.45);transform:rotate(-1.2deg);transition:transform .2s ease,box-shadow .2s ease}
body.sketch-home .header-nav a:nth-child(even){transform:rotate(1deg)}
body.sketch-home .header-nav a:hover,body.sketch-home .header-nav a:focus-visible{transform:rotate(0) translateY(-2px);box-shadow:4px 5px 0 rgba(201,168,76,.6)}
body.sketch-home .header-nav a[aria-current]{background:#F6DDE4}
body.sketch-home .header-nav a[aria-current]::before{content:"";position:absolute;left:50%;top:-8px;width:34px;height:12px;margin-left:-17px;z-index:2;background:repeating-linear-gradient(45deg,rgba(232,160,180,.85) 0 3px,rgba(232,160,180,.45) 3px 7px);transform:rotate(-4deg);pointer-events:none}
}
@media (min-width:1280px) and (max-width:1439px){body.sketch-home .header-nav{gap:7px!important}body.sketch-home .header-nav a{padding:4px 7px!important;font-size:14px!important}}
@media (min-width:901px) and (max-width:1279px){body.sketch-home .header-nav{gap:8px!important}body.sketch-home .header-nav a{padding:4px 8px!important;font-size:14px!important}}
@media (min-width:1200px) and (max-width:1279px){body.sketch-home .header-nav{gap:6px!important}body.sketch-home .header-nav a{padding:4px 6px!important;font-size:13px!important}}
@media (min-width:901px) and (max-width:1099px){body.sketch-home .header-nav{gap:6px!important}body.sketch-home .header-nav a{padding:4px 6px!important;font-size:13px!important}}
@media (min-width:901px) and (max-width:979px){body.sketch-home .header-nav{gap:4px!important}body.sketch-home .header-nav a{padding:3px 5px!important;font-size:12px!important}}
@media (prefers-reduced-motion:reduce){body.sketch-home .header-nav a{transition:none}}
body.sketch-home .mnx-scroll{display:flex;flex-direction:column}body.sketch-home .mnx-scroll>*{flex-shrink:0}body.sketch-home .mnx-hi{margin:6px 4px 16px;font:700 30px/1.05 var(--hand);color:#2B1D1A}body.sketch-home .mnx-hl{color:#C8382D;background:linear-gradient(transparent 62%,rgba(246,221,228,.95) 62%)}body.sketch-home .mnx-sts{display:flex;flex-direction:column;gap:14px;margin:0 4px}body.sketch-home .mnx-sts li+li{border:0}body.sketch-home .mnx-link.mnx-st{min-height:58px;gap:14px;padding:8px 16px;background:#FBF7F1!important;box-shadow:3px 3px 0 rgba(201,168,76,.45);color:#2B1D1A;-webkit-tap-highlight-color:transparent;transition:box-shadow .15s ease,transform .15s ease}body.sketch-home .mnx-link.mnx-st:active{transform:translate(2px,2px);box-shadow:1px 1px 0 rgba(201,168,76,.45)}body.sketch-home .mnx.is-open .mnx-sts li:nth-child(odd){transform:rotate(-1deg)}body.sketch-home .mnx.is-open .mnx-sts li:nth-child(even){transform:rotate(.9deg) translateX(6px)}body.sketch-home .mnx.is-open .mnx-sts li:nth-child(6){transition-delay:.23s}body.sketch-home .mnx-sts li:nth-child(1) .mnx-st::before,body.sketch-home .mnx-sts li:nth-child(4) .mnx-st::before,body.sketch-home .mnx-st[aria-current="page"]::before{content:"";position:absolute;top:-8px;left:50%;width:46px;height:15px;margin-left:-23px;background:rgba(201,168,76,.5);transform:rotate(4deg);z-index:2;pointer-events:none}body.sketch-home .mnx-sts li:nth-child(4) .mnx-st::before{background:rgba(246,221,228,.95);transform:rotate(-5deg);left:30%}body.sketch-home .mnx-link.mnx-st[aria-current="page"]{background:#F6DDE4!important}body.sketch-home .mnx-st[aria-current="page"]::before{background:rgba(201,168,76,.55);left:50%;transform:rotate(4deg)}body.sketch-home .mnx-st-i{display:flex;flex:0 0 auto;color:#C8382D}body.sketch-home .mnx-st-i svg{width:22px;height:22px}body.sketch-home .mnx-st-t{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}body.sketch-home .mnx-st-t b{flex:none;font:italic 600 19px/1.1 'Playfair Display',Georgia,serif;color:#2B1D1A!important}body.sketch-home .mnx-st-t small{font:600 17px/1 var(--hand);color:#6E5A52}body.sketch-home .mnx-link.mnx-st i{font:700 22px/1 var(--hand);font-style:normal;color:#C8382D}body.sketch-home .mnx-note{margin:auto 8px 0;padding-top:18px;text-align:center;font:600 21px/1.15 var(--hand);color:#6E5A52}body.sketch-home .mnx-note b{color:#2B1D1A;font-weight:700}
.cfab-ai{display:none}@media(max-width:899px){.cfab{display:flex;align-items:center;gap:10px}.cfab-ai{display:grid;place-items:center;flex:0 0 auto;width:50px;height:50px;padding:0;background:#FBF7F1;border:2px solid #2B1D1A;box-shadow:3px 3px 0 #2B1D1A;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:rotate(-3deg);transition:transform .15s ease,box-shadow .15s ease}.cfab-ai[hidden]{display:none}.cfab-ai span{display:flex}.cfab-ai:active{transform:rotate(0) translate(2px,2px);box-shadow:1px 1px 0 #2B1D1A}.cfab-ai:focus-visible{outline:2px solid #C8382D;outline-offset:3px}}
.skh .photo .ph-mx{position:relative;overflow:hidden;background:#000;isolation:isolate}
.skh .photo .ph-in{position:relative;transform-origin:50% 62%}
.skh .photo .ph-in>img{display:block}
.skh .photo .ph-in>.ph-b,.skh .photo .ph-in>.ph-g,.skh .photo .ph-in>canvas{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;pointer-events:none}
.skh .photo .ph-b,.skh .photo .ph-g,.skh .photo .cap-b{opacity:0}
.skh .photo .ph-dust{-webkit-mask:url(/nadezhda-bgmask.png) 50% 12%/cover no-repeat;mask:url(/nadezhda-bgmask.png) 50% 12%/cover no-repeat}
.skh .photo .cap{display:grid;justify-items:center}
.skh .photo .cap>span{grid-area:1/1;white-space:nowrap}
.skh .photo.ph-go .ph-in{animation:phBreath 6s ease-in-out infinite;will-change:transform}
.skh .photo.ph-go .ph-b{animation:phX 8s linear infinite;will-change:opacity}
.skh .photo.ph-go .cap-a{animation:phCa 8s linear infinite}
.skh .photo.ph-go .cap-b{animation:phCb 8s linear infinite}
.skh .photo.ph-go .ph-g{animation:phG 8s linear infinite;will-change:opacity}
.skh .photo.ph-go:not(.ph-on) .ph-in,.skh .photo.ph-go:not(.ph-on) .ph-b,.skh .photo.ph-go:not(.ph-on) .ph-g,.skh .photo.ph-go:not(.ph-on) .cap>span{animation-play-state:paused}
.skh .photo.ph-rm .ph-mx{cursor:pointer}
.skh .photo.ph-rm .ph-b,.skh .photo.ph-rm .cap>span{transition:opacity .8s ease}
.skh .photo.ph-alt .ph-b,.skh .photo.ph-alt .cap-b{opacity:1}
.skh .photo.ph-alt .cap-a{opacity:0}
@keyframes phX{0%,37.5%{opacity:0;animation-timing-function:cubic-bezier(.45,0,.55,1)}50%,87.5%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1)}100%{opacity:0}}
@keyframes phCa{0%,37.5%{opacity:1}43.75%,93.75%{opacity:0}100%{opacity:1}}
@keyframes phCb{0%,43.75%{opacity:0}50%,87.5%{opacity:1}93.75%,100%{opacity:0}}
@keyframes phG{0%,41.25%{opacity:0;animation-timing-function:ease-out}43.75%{opacity:1;animation-timing-function:ease-in}46.25%,91.25%{opacity:0;animation-timing-function:ease-out}93.75%{opacity:1;animation-timing-function:ease-in}96.25%,100%{opacity:0}}
@keyframes phBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}
@media (prefers-reduced-motion:reduce){.skh .photo .ph-in,.skh .photo .ph-g,.skh .photo.ph-go .ph-b,.skh .photo.ph-go .cap>span{animation:none!important}}