/* DA LUCIA — демо студии MERIDIAN. Красное на кремовой бумаге, лист с красной рамкой поверх обоев с дамаском.
   Шрифты Playfair Display и Bitter (SIL OFL) на своём хостинге. */
@font-face{font-family:'LDisp';src:url(fonts/playfair.woff2) format('woff2');font-weight:400 900;font-display:swap}
@font-face{font-family:'LDisp';src:url(fonts/playfair-italic.woff2) format('woff2');font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:'LText';src:url(fonts/bitter.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'LText';src:url(fonts/bitter-italic.woff2) format('woff2');font-weight:100 900;font-style:italic;font-display:swap}

:root{
  --paper:#F2ECE1;--paper2:#EAE2D3;--red:#C3243A;--pink:#EDC3C8;--ink:#1F1A17;--mut:#6E655C;--wall:#D9D1C1;
  --disp:'LDisp',Georgia,serif;--text:'LText',Georgia,serif;
  --eio:cubic-bezier(.77,0,.175,1);--eo:cubic-bezier(.25,.46,.45,.94);--fr:44px;
}
html.en .ru,html:not(.en) .en{display:none}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
body{margin:0;background:var(--wall) url(img/damask.jpg) 0 0/420px repeat;color:var(--ink);font:400 15px/1.65 var(--text);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
figure,p,h1,h2,h3{margin:0}
:focus-visible{outline:1px solid var(--red);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ── лист бумаги с красной рамкой ── */
.sheet{position:relative;margin:0 18px;min-height:100vh;background:var(--paper);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .3 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");
  box-shadow:0 0 0 1px rgba(80,60,40,.08),0 30px 60px rgba(60,40,20,.18);transform-origin:50% var(--oy,50vh);will-change:transform}
.sheet::after{content:'';position:absolute;top:0;bottom:0;left:var(--fr);right:var(--fr);border-left:1.5px solid var(--red);border-right:1.5px solid var(--red);pointer-events:none;z-index:1}
main,.foot,.top{position:relative;padding:0 calc(var(--fr) + 34px)}

/* смена страниц: лист наклоняется и падает, новая страница поднимается снизу и выпрямляется */
.sheet{transition:transform 1s var(--eio)}
html.entering .sheet{transform:translateY(100vh) rotate(5deg) scale(.94);transition:none}
html.leaving .sheet{transform:translateY(112vh) rotate(-9deg) scale(.92);transition:transform .9s cubic-bezier(.6,0,.35,1)}
html.nojs .sheet,html.still .sheet{transition:none;transform:none}

/* ── шапка ── */
.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:118px;z-index:20}
.top::after{content:'';position:absolute;left:calc(var(--fr) + 34px);right:calc(var(--fr) + 34px);bottom:0;height:1.5px;background:var(--red)}
.badge{position:relative;justify-self:start;width:60px;height:60px;border-radius:50%;background:var(--red);color:var(--paper);font:italic 600 13px/1 var(--disp);text-transform:uppercase;letter-spacing:.02em;transition:transform .4s var(--eo)}
.badge:hover{transform:rotate(-8deg) scale(1.05)}
.badge .cnt{position:absolute;right:-8px;bottom:-8px;width:24px;height:24px;border-radius:50%;background:var(--paper);color:var(--red);border:1.5px solid var(--red);display:grid;place-items:center;font:700 11px/1 var(--text);font-style:normal}
.logo{display:flex;flex-direction:column;align-items:center;border:1.5px solid var(--red);padding:9px 34px 7px;color:var(--red);position:relative}
.logo::before,.logo::after{content:'';position:absolute;top:50%;width:14px;height:1.5px;background:var(--red)}
.logo::before{left:-15px}.logo::after{right:-15px}
.logo b{font:800 30px/1 var(--disp);letter-spacing:.02em}
.logo i{font:italic 600 12px/1.2 var(--disp)}
.tr{justify-self:end;display:flex;align-items:center;gap:18px}
.oval{display:inline-block;border:1.5px solid var(--red);border-radius:50%;padding:12px 30px;color:var(--red);font:italic 600 14px/1 var(--disp);text-transform:uppercase;transform:rotate(-7deg);transition:background .3s,color .3s}
.oval::before,.oval::after{content:'•';margin:0 8px;font-size:10px;vertical-align:2px}
.oval:hover{background:var(--red);color:var(--paper)}
.langs{display:flex;gap:6px;font:600 11px/1 var(--text)}
.langs button{color:var(--mut)}
.langs button[aria-pressed=true]{color:var(--red)}
.navpanel{position:fixed;inset:0;z-index:60;background:var(--paper);display:flex;flex-direction:column;justify-content:center;padding:40px calc(var(--fr) + 40px)}
.navpanel[hidden]{display:none}
.navpanel nav{display:flex;flex-direction:column}
.navpanel nav a{font:800 clamp(40px,7vw,96px)/1 var(--disp);color:var(--red);text-transform:uppercase;padding:4px 0;transition:padding .4s var(--eo)}
.navpanel nav a:hover,.navpanel nav a[aria-current]{padding-left:24px}
.navpanel .cartbtn{align-self:flex-start;margin-top:30px;font:italic 600 16px/1 var(--disp);color:var(--red);border-bottom:1px solid var(--red)}
html.navopen .badge{position:fixed;z-index:70;top:29px;left:calc(var(--fr) + 52px)}

/* ── роли текста ── */
.big{font:800 clamp(52px,8.6vw,140px)/.9 var(--disp);color:var(--red);text-transform:uppercase;letter-spacing:-.01em}
.big.xl{font-size:clamp(64px,12vw,200px)}
.sp .ch{color:var(--pink);transition:color .5s var(--eo)}
.sp.in .ch{color:var(--red)}
.kick{font:italic 600 13px/1 var(--disp);text-transform:uppercase;letter-spacing:.04em}
.hi{font:italic 700 15px/1.2 var(--disp);text-transform:uppercase;color:var(--red)}
.it{font:italic 400 17px/1.4 var(--disp)}
.sm{font-size:13.5px}
.drop::first-letter{float:left;font:800 3.3em/.82 var(--disp);color:var(--paper);background:var(--ink);padding:.1em .12em .04em;margin:.08em .16em 0 0}
.btn{display:inline-block;align-self:flex-start;border:1px solid var(--red);outline:1px solid var(--red);outline-offset:3px;padding:10px 28px;color:var(--red);font:italic 700 13px/1 var(--disp);text-transform:uppercase;letter-spacing:.03em;transition:background .35s,color .35s;margin:4px}
.btn:hover{background:var(--red);color:var(--paper)}
.btn.solid{background:var(--red);color:var(--paper)}
.btn.solid:hover{background:transparent;color:var(--red)}
.btn .t2{display:none}
.btn.done .t1{display:none}.btn.done .t2{display:inline}
.frame{border:1.5px solid var(--red);outline:1px solid var(--red);outline-offset:-7px;background:var(--paper2);padding:28px 22px;text-align:center}
.eng{mix-blend-mode:multiply;max-height:260px;width:auto;margin:0 auto;filter:contrast(1.05)}
.dm{display:inline-block;width:.42em;height:.42em;background:var(--red);color:var(--paper);margin:0 .3em;vertical-align:.12em}
.dm svg{width:100%;height:100%;padding:12%}
.h3 .dm,h3 .dm{width:9px;height:9px;vertical-align:2px;margin:0 12px}

/* ── кадры: внутри рамки чуть больше, едут при прокрутке, при появлении уменьшаются ── */
.px{position:relative;overflow:hidden;background:#cfc6b5}
.px>img{width:100%;height:100%;object-fit:cover;scale:1.22;translate:0 var(--py,0px);transition:scale 1.6s var(--eo)}
.px.in>img{scale:1.1}

/* ── первый экран ── */
.hero{position:relative;padding-top:24px}
.mq{overflow:hidden;white-space:nowrap;border-bottom:1.5px solid var(--red);margin:0 -2px}
.mqi{display:inline-block;font:800 clamp(80px,13vw,210px)/1.05 var(--disp);color:var(--red);text-transform:uppercase;will-change:transform}
.mqi>span{display:inline-block}
.mqi .dm{width:.3em;height:.3em;margin:0 .28em;vertical-align:middle;position:relative;top:-.06em}
.aw{text-align:right;color:var(--red);font:italic 600 15px/1 var(--disp);padding:12px 0 18px}
.stamp{position:absolute;right:-30px;top:40px;width:170px;height:170px;color:var(--red);opacity:.32;z-index:2;font-family:var(--disp);fill:var(--red);will-change:transform}
@keyframes spin{to{transform:rotate(360deg)}}
.hp{position:relative}
.hp .px{aspect-ratio:16/8.4}
.hp .cap{position:absolute;left:4%;bottom:7%;max-width:330px;background:var(--ink);color:#E9E2D6;padding:16px 18px;font-size:13px;line-height:1.55;z-index:2}

/* ── меню и бронь (две колонки через красную линию) ── */
.grid2{display:grid;grid-template-columns:1.85fr 1fr;border-bottom:1.5px solid var(--red)}
.grid2 .col{padding:70px 46px 70px 0;display:flex;flex-direction:column;gap:26px}
.grid2 .side{border-left:1.5px solid var(--red);padding:70px 0 70px 40px;text-align:center;align-items:center;gap:12px}
.grid2 .side .h{font:700 12px/1 var(--text);text-transform:uppercase;letter-spacing:.06em;margin-top:12px}
.redbox{display:flex;flex-direction:column;align-self:stretch;background:var(--red);color:var(--paper);padding:16px 22px 10px;text-align:left;transition:transform .4s var(--eo)}
.redbox:hover{transform:translateY(-4px)}
.redbox b{font:800 clamp(36px,4.2vw,62px)/1 var(--disp);text-transform:uppercase}
.call{font:italic 600 22px/1.2 var(--disp);color:var(--red)}
.mr .eng{max-height:330px}

/* ── кто мы ── */
.who{display:grid;grid-template-columns:1fr 1fr;gap:34px 46px;padding:80px 0;border-bottom:1.5px solid var(--red)}
.redblk{background:var(--red);color:var(--paper);padding:20px 24px 6px;align-self:start}
.redblk h2,.redblk h1{font:800 clamp(56px,8vw,120px)/.88 var(--disp);text-transform:uppercase}
.who .px:nth-of-type(1){grid-row:span 2;aspect-ratio:4/5}
.who .px:nth-of-type(2){aspect-ratio:1}
.who .btn{justify-self:start}

/* ── время лимонада ── */
.lemon{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:30px;padding:80px 0;border-bottom:1.5px solid var(--red);align-items:start}
.lemon .big{grid-column:1/3}
.lemon>.eng{grid-column:3;max-height:200px}
.lemon .px{aspect-ratio:3/4.4}
.lemon .frame{display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:100%}
.weekly{display:flex;flex-direction:column;gap:30px;text-align:center;border-left:1.5px solid var(--red);padding-left:26px}
.big2{font-size:clamp(30px,3.2vw,48px)!important;line-height:1}
.wk{display:flex;flex-direction:column;gap:10px;align-items:center}
.wk .eng{max-height:150px}
.wk p:last-child{font-size:13.5px}

/* ── заказать домой ── */
.order{display:grid;grid-template-columns:1.2fr .55fr .75fr;gap:30px;padding:80px 0;align-items:start}
.order .big{grid-column:1/2}
.order .drop{grid-column:2;grid-row:1}
.order .note2{grid-column:3;grid-row:1/3;text-align:center}
.order .card{background:var(--red);color:var(--paper);padding:26px 22px;margin-top:14px;text-align:center}
.order .card .it{font-size:24px;margin-bottom:10px}
.order .card .sig{font:italic 600 20px/1 var(--disp);margin-top:14px}
.prods{grid-column:1/3;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pr .tile{margin-bottom:2px}

.pr b{display:block;color:var(--red);font:600 14px/1.3 var(--text);margin-top:10px}
.pr span{font-size:13px}
.order>.btn{grid-column:1;justify-self:start}
.order>.px{grid-column:3;aspect-ratio:3/4}

.check{height:14px;margin:30px 0;background:repeating-conic-gradient(var(--red) 0 25%,transparent 0 50%) 0 0/14px 14px;opacity:.5}
main>.check{margin:30px 0}

/* ── бронь ── */
.book{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px 60px;padding:30px 0 90px}
.book .big{grid-column:1/-1}
.book .stamp{top:-20px;right:0}
.bk{display:flex;flex-direction:column;gap:18px}
.lab{display:inline-block;border:1px solid var(--red);color:var(--red);font:italic 700 11px/1 var(--disp);text-transform:uppercase;padding:6px 10px;margin-bottom:8px}
.days{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.days::-webkit-scrollbar{display:none}
.days button{flex:0 0 auto;width:58px;padding:8px 0;background:var(--paper2);border:1px solid transparent;text-align:center;font-size:12px;line-height:1.2;transition:border-color .3s,background .3s}
.days button b{display:block;font:700 19px/1.1 var(--disp)}
.days button[aria-pressed=true]{border-color:var(--red);background:var(--paper);color:var(--red)}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
.slots button{padding:8px 0;background:var(--paper2);border:1px solid transparent;font-size:13px}
.slots button[aria-pressed=true]{border-color:var(--red);color:var(--red);background:var(--paper)}
.slots button:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.row2{display:grid;grid-template-columns:auto 1fr;gap:30px}
.step{display:inline-flex;align-items:center;gap:14px;background:var(--paper2);padding:6px 10px}
.step button{width:26px;height:26px;border:1px solid var(--red);color:var(--red)}
.step b{font:700 20px/1 var(--disp);min-width:20px;text-align:center}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{padding:7px 12px;background:var(--paper2);border:1px solid transparent;font-size:12.5px}
.chips button[aria-pressed=true]{border-color:var(--red);color:var(--red);background:var(--paper)}
.bk .sum{font:italic 400 17px/1.4 var(--disp);color:var(--red);min-height:1.4em}
.bk .acts{display:flex;flex-wrap:wrap;gap:12px}
.bk .fine{font-size:12px;color:var(--mut)}

/* ── подвал ── */
.foot{padding-top:40px;padding-bottom:40px}
.foot .box{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border:1.5px solid var(--red);padding:42px 8%;margin:0 calc(-1 * 34px - 1px);background:var(--paper)}
.foot .box div{display:flex;flex-direction:column;gap:3px}
.foot .h{font:italic 700 14px/1.2 var(--disp);text-transform:uppercase;margin-bottom:6px}
.foot a,.foot span{font-size:14px;position:relative;padding-left:0;transition:padding .3s var(--eo)}
.foot .box a:hover{padding-left:16px}
.foot .box a::before{content:'';position:absolute;left:0;top:50%;width:8px;height:8px;margin-top:-4px;background:var(--red);transform:scale(0);transition:transform .3s var(--eo)}
.foot .box a:hover::before{transform:scale(1)}
.foot .mut{color:var(--mut)}
.foot .note{font-size:11.5px;color:var(--mut);margin-top:22px;line-height:1.55}
.foot .note a{text-decoration:underline}

/* ── корзина ── */
.cart{position:fixed;inset:0;z-index:80;background:rgba(30,20,15,.35);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.cart.open{opacity:1;visibility:visible}
.cart .panel{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--paper);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .6s var(--eio);border-left:1.5px solid var(--red)}
.cart.open .panel{transform:none}
.cart .hd{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1.5px solid var(--red)}
.cart .h{font:800 26px/1 var(--disp);color:var(--red);text-transform:uppercase}
.cart .x{font:italic 600 14px/1 var(--disp);color:var(--red)}
.cart .body{flex:1;overflow:auto;padding:20px 24px}
.cart ul{list-style:none;margin:0;padding:0}
.cart li{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(195,36,58,.25)}
.cart li .tile{width:64px;padding:8px}
.cart li b{display:block;color:var(--red);font:600 13.5px/1.25 var(--text)}
.cart li small{font-size:12px;color:var(--mut)}
.cart .q{display:flex;align-items:center;gap:8px}
.cart .q button{width:24px;height:24px;border:1px solid var(--red);color:var(--red)}
.cart .ship{font-size:12.5px;margin-bottom:14px}
.cart .ship .tr2{height:3px;background:rgba(195,36,58,.18);margin-top:7px}
.cart .ship .tr2 i{display:block;height:100%;background:var(--red);transition:width .6s var(--eo)}
.cart .sumrow{display:flex;justify-content:space-between;font-size:13px;margin-top:8px}
.cart .sum{display:flex;justify-content:space-between;font:800 18px/1 var(--disp);color:var(--red);margin:14px 0 18px}
.cart .go{display:block;text-align:center}
.cart .fine2{font-size:12px;color:var(--mut);margin-top:12px}
.cart .empty{text-align:center;padding-top:50px}
.cart .empty p{font:italic 400 22px/1.3 var(--disp);margin-bottom:18px}

/* ── страница меню ── */
.mh{text-align:center;padding:60px 0 30px;position:relative}
.mh::before,.mh::after{content:'';position:absolute;top:44%;width:12%;height:1.5px;background:var(--red)}
.mh::before{left:0}.mh::after{right:0}
.mh .it{margin-top:8px}
.mgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px 46px;padding:40px 0 30px;align-items:start}
.ms h3,.shapes h3,.week h3{font:italic 700 clamp(20px,1.9vw,28px)/1.1 var(--disp);color:var(--red);text-transform:uppercase;text-align:center;margin-bottom:18px}
.ms ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.ms li{display:grid;grid-template-columns:1fr auto;gap:2px 14px}
.ms .n{color:var(--red);font:600 15px/1.3 var(--text)}
.ms .v{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font:italic 600 10px/1 var(--disp);margin-left:4px;vertical-align:1px}
.ms .p{font-size:13px;color:var(--ink)}
.ms .d{grid-column:1/-1;font-size:13px;color:var(--mut);line-height:1.45}
.week{display:flex;flex-direction:column;gap:10px;align-items:center}
.week .p{font:700 18px/1 var(--disp);color:var(--red)}
.sea{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;align-items:center;text-align:left}
.sea h3{text-align:left}
.shapes{text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}
.shapes>p.sm{color:var(--mut)}
.dolci .eng{max-height:160px;margin-top:10px}
.mnote{text-align:center;font-size:12.5px;color:var(--mut);padding-bottom:10px}

/* ── бронь (страница) ── */
.bg2{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;padding:60px 0 90px;align-items:start}
.bg2 .px{aspect-ratio:3/4;position:sticky;top:30px}
.bg2 .big{font-size:clamp(40px,5vw,78px);margin-bottom:18px}
.bg2 p{margin-bottom:22px}

/* ── внутри: фото пролетают поверх огромных слов ── */
.iv{position:relative;height:340vh}
.iv .words{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 clamp(90px,17vw,300px)/.86 var(--disp);color:var(--red);text-transform:uppercase;text-align:center;z-index:1}
.iv .words>span{display:block}
.flyers{position:absolute;inset:0;z-index:2;pointer-events:none}
.fly{position:absolute;width:min(30vw,400px);aspect-ratio:4/5;overflow:hidden;box-shadow:0 18px 40px rgba(40,25,15,.18);will-change:transform}
.fly img{width:100%;height:100%;object-fit:cover}
.f1{left:3%;top:40vh}.f2{right:4%;top:70vh;width:min(34vw,460px);aspect-ratio:4/3}.f3{left:30%;top:110vh}.f4{right:10%;top:150vh}
.f5{left:6%;top:180vh;aspect-ratio:3/4}.f6{left:38%;top:205vh;width:min(36vw,480px);aspect-ratio:4/3}.f7{right:3%;top:240vh}.f8{left:12%;top:265vh}

/* ── о нас ── */
.ah{display:grid;grid-template-columns:1fr 1.2fr;gap:46px;padding:60px 0;align-items:start}
.ah .px{aspect-ratio:4/3.4}
.story{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;padding:30px 0 70px;align-items:center;border-bottom:1.5px solid var(--red)}
.story .lead{font-size:18px;line-height:1.7}
.story .px{aspect-ratio:3/4}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:70px 0;border-bottom:1.5px solid var(--red)}
.val h3{font:italic 700 24px/1.1 var(--disp);color:var(--red);text-transform:uppercase;margin-bottom:16px}
.duo2{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;padding:70px 0}
.duo2 .px{aspect-ratio:4/3}
.duo2 .px:nth-child(2){aspect-ratio:3/4}
.cta{text-align:center;padding:30px 0 90px;display:flex;flex-direction:column;align-items:center;gap:26px}
.cta .btn{align-self:center}

/* ── лавка ── */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 34px;padding:40px 0 60px}
.prod .px{aspect-ratio:4/5}
.prod h3{color:var(--red);font:600 18px/1.3 var(--text);margin-top:14px}
.prod p{font-size:13.5px;color:var(--mut)}
.prod .buy{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.prod .p{font:700 19px/1 var(--disp)}
.ship2{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 30px;text-align:left;margin-bottom:80px}
.ship2 .eng{grid-row:1/3;grid-column:2;max-height:130px}

/* ── записки ── */
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:40px 0 90px}
.nc{display:flex;flex-direction:column;gap:10px}
.nc .px{aspect-ratio:4/5}
.nc:hover .hi{text-decoration:underline;text-underline-offset:4px}
.note article{max-width:760px;margin:0 auto;padding:60px 0 90px;display:flex;flex-direction:column;gap:22px}
.note .kick{color:var(--red)}
.note .big{font-size:clamp(36px,5vw,72px);line-height:.95}
.note .px{aspect-ratio:16/10;margin:10px 0}
.note .txt{display:flex;flex-direction:column;gap:18px;font-size:16.5px;line-height:1.75}
.note .more{border-top:1.5px solid var(--red);padding-top:22px;display:flex;flex-direction:column;gap:8px}
.note .more a{color:var(--red);font:italic 600 18px/1.3 var(--disp)}

.nf{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:60px 0}
.nf .btn{align-self:center}

/* ── общие мелочи по референсу ── */
.kick.line{display:flex;align-items:center;gap:12px}
.kick.line::after{content:'';flex:1;height:1px;background:currentColor;opacity:.7}
.kick.red{color:var(--red)}
.rule{display:flex;align-items:center;gap:10px;width:60%;margin:6px auto}
.rule::before,.rule::after{content:'';flex:1;height:1px;background:var(--red)}
.rule .dm{margin:0}
.tile{display:grid;place-items:center;background:#E4DDD0;aspect-ratio:1/.92;padding:12%}
.tile .eng{max-height:100%;transition:transform .7s var(--eo)}
a:hover .tile .eng,.prod:hover .tile .eng{transform:scale(1.05) rotate(-2deg)}
.date{display:inline-block;border:1px solid var(--red);color:var(--red);font:italic 600 11px/1 var(--disp);padding:5px 8px}

/* ── меню: две колонки, внизу три ── */
.m2{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;padding:40px 0 30px}
.m2 .c1,.m2 .c2{display:flex;flex-direction:column;gap:46px}
.m2 .c1{padding-right:56px;border-right:1.5px solid var(--red);margin-right:-56px}
.m3{display:grid;grid-template-columns:1fr .9fr 1fr;gap:40px;padding:46px 0 30px;border-top:1.5px solid var(--red);align-items:start}
.week h3{margin-bottom:6px}
.sh2{display:flex;align-items:center;gap:20px}
.sh2 p{color:var(--red);font:600 16px/1.9 var(--text);text-align:left}
.sh2 .eng{max-height:150px}
.sea .ms h3{margin-bottom:12px}

/* ── лавка: вступление и ряды гравюр на серой полосе ── */
.intro2{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px 46px;padding:30px 0 50px;align-items:center}
.big3{font:italic 800 clamp(40px,5vw,76px)/1.02 var(--disp)!important;color:var(--red);text-transform:uppercase}
.intro2 .px{grid-row:span 2;aspect-ratio:4/3}
.prods2{display:flex;flex-direction:column;gap:46px;padding-bottom:60px}
.prow{display:grid;grid-template-columns:repeat(3,1fr);background:#E4DDD0;padding:0 2%}
.prow .prod{padding:0 6% 28px;display:flex;flex-direction:column;gap:6px;background:var(--paper)}
.prow .prod .tile{margin:0 -6% 10px;background:#E4DDD0}
.prow{background:none;padding:0;gap:0 26px}
.prod .p{font:600 12px/1 var(--text);color:var(--mut)}
.prod h3{color:var(--red);font:600 clamp(20px,1.8vw,26px)/1.15 var(--disp);margin:0}
.prod .d{font-size:13px;color:var(--mut)}
.prod .btn{align-self:flex-start;margin-top:6px}

/* ── о нас: команда, философия, игра, факты ── */
.tt{padding:40px 0 20px;border-bottom:1.5px solid var(--red);margin-bottom:26px;text-align:center}
.about .wide{aspect-ratio:16/7}
.team{display:grid;grid-template-columns:repeat(4,1fr) 1.1fr;gap:22px;padding:30px 0 60px;border-bottom:1.5px solid var(--red);align-items:start}
.tm .px{aspect-ratio:4/5}
.tm b{display:block;font:700 15px/1.2 var(--text);margin-top:10px}
.tm span{font-size:12.5px;color:var(--mut)}
.tmside{border-left:1.5px solid var(--red);padding-left:22px;text-align:center;display:flex;flex-direction:column;gap:12px;align-self:stretch;justify-content:center}
.tmside .eng{max-height:150px}
.phil{display:grid;grid-template-columns:1fr 1fr;gap:26px 46px;padding:60px 0;border-bottom:1.5px solid var(--red);align-items:start}
.phil .redblk h2{font-size:clamp(40px,5vw,78px)}
.phil .game{grid-row:span 2;text-align:left}
.phil .drop{align-self:start}
.h2{font:800 clamp(28px,2.8vw,40px)/1 var(--disp);color:var(--red);text-transform:uppercase;margin:6px 0 10px}
.ws{display:grid;grid-template-columns:repeat(9,1fr);border:1px solid rgba(31,26,23,.35);margin:16px 0 12px;user-select:none;-webkit-user-select:none;touch-action:none}
.ws button{aspect-ratio:1;border-right:1px solid rgba(31,26,23,.2);border-bottom:1px solid rgba(31,26,23,.2);font:500 clamp(13px,1.3vw,18px)/1 var(--text);transition:background .25s,color .25s}
.ws button:nth-child(9n){border-right:0}
.ws button.sel{background:var(--pink)}
.ws button.ok{background:var(--red);color:var(--paper)}
.wl{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}
.wl li.ok{color:var(--red);text-decoration:line-through}
.won{font:italic 600 18px/1.3 var(--disp);color:var(--red);margin-top:10px}
.who2{display:grid;grid-template-columns:1.6fr 1fr;gap:46px;padding:60px 0;border-bottom:1.5px solid var(--red)}
.who2>div{display:flex;flex-direction:column;gap:18px}
.who2 .eng{max-height:150px;margin:0}
.facts{border-left:1.5px solid var(--red);padding-left:34px;display:flex;flex-direction:column;gap:14px;text-align:center}
.facts .redblk{text-align:left}
.facts .redblk h2{font-size:clamp(36px,4vw,60px)}
.facts .eng{max-height:120px}
.facts p{font-size:13.5px}

/* ── записки: главная статья, сетка, гороскоп ── */
.nlay{display:grid;grid-template-columns:1fr 300px;gap:40px;padding:30px 0 60px}
.feat{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;padding-bottom:34px;border-bottom:1.5px solid var(--red);margin-bottom:34px}
.feat .px{aspect-ratio:4/3}
.feat div{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.h2b{font:800 clamp(30px,3.2vw,48px)/1 var(--disp);color:var(--red);text-transform:uppercase}
.ngrid{display:grid;grid-template-columns:1fr 1fr;gap:34px 30px}
.nc{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.nc .px{aspect-ratio:4/4.6;width:100%}
.nc h3{font:800 clamp(20px,1.9vw,28px)/1.02 var(--disp);color:var(--red);text-transform:uppercase}
.nc p{font-size:13.5px;color:var(--mut)}
.nc:hover h3,.feat:hover .h2b{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.horo{text-align:left;padding:26px 20px;display:flex;flex-direction:column;gap:6px;align-self:start}
.horo h2{font:800 30px/1 var(--disp);color:var(--red);text-transform:uppercase;text-align:center}
.horo>.sm{text-align:center;color:var(--mut);margin-bottom:10px}
.hz{display:grid;grid-template-columns:90px 1fr;gap:2px 12px;padding:14px 0;border-top:1px solid rgba(195,36,58,.3)}
.hz .eng{grid-row:span 3;max-height:90px}
.hz .hi{font-size:13px}
.hz .dt{font-size:11.5px;color:var(--mut)}
.hz p:last-child{font-size:12.5px;line-height:1.5}

/* ── внутри: огромные слова повторяются, фото наезжают ── */
.ivb{position:relative;min-height:92vh;display:grid;place-items:center;padding:6vh 0;overflow:hidden}
.ivb .words{position:relative;font:800 clamp(80px,13vw,220px)/.86 var(--disp);color:var(--red);text-transform:uppercase;text-align:center;z-index:1}
.ivb .words>span{display:block}
.ivb .words::before,.ivb .words::after{content:'';position:absolute;top:50%;width:14vw;height:1.5px;background:var(--red)}
.ivb .words::before{right:100%;margin-right:2vw}.ivb .words::after{left:100%;margin-left:2vw}
.fl2{position:absolute;z-index:2;width:min(28vw,400px);aspect-ratio:4/5;overflow:hidden;box-shadow:0 18px 40px rgba(40,25,15,.2);will-change:transform;background:#cfc6b5}
.fl2 img{width:100%;height:100%;object-fit:cover}
.fl2.l{left:0;top:12%}.fl2.r{right:0;top:44%;aspect-ratio:4/3;width:min(32vw,460px)}
.ivb:nth-child(2) .fl2.l{top:46%}.ivb:nth-child(2) .fl2.r{top:6%}
.ivb:nth-child(3) .fl2.r{top:16%;aspect-ratio:4/5}.ivb:nth-child(3) .fl2.l{top:52%;aspect-ratio:4/3;width:min(32vw,460px)}

/* ── телефон и планшет ── */
@media (max-width:900px){
  :root{--fr:12px}
  .sheet{margin:0}
  main,.foot,.top{padding:0 calc(var(--fr) + 16px)}
  .top{height:92px}
  .top::after{left:calc(var(--fr) + 16px);right:calc(var(--fr) + 16px)}
  .badge{width:50px;height:50px;font-size:11px}
  .logo{padding:7px 14px 5px}.logo b{font-size:20px}
  .oval{padding:9px 14px;font-size:11px}.oval::before,.oval::after{display:none}
  .langs{display:none}
  .stamp{width:110px;height:110px;right:-10px}
  .hp .px{aspect-ratio:4/5}
  .hp .cap{position:static;max-width:none;margin-top:0}
  .grid2,.who,.lemon,.order,.book,.mgrid,.bg2,.ah,.story,.vals,.duo2,.pgrid,.ngrid{grid-template-columns:1fr}
  .grid2 .col{padding:50px 0}
  .grid2 .side{border-left:0;border-top:1.5px solid var(--red);padding:40px 0}
  .lemon .big,.lemon>.eng,.order .big,.order .drop,.order .note2,.prods,.order>.btn,.order>.px{grid-column:auto;grid-row:auto}
  .weekly{border-left:0;padding-left:0}
  .prods{grid-template-columns:repeat(3,1fr);gap:10px}
  .who .px:nth-of-type(1){grid-row:auto}
  .foot .box{grid-template-columns:1fr;margin:0 -17px;padding:30px 24px}
  .big{font-size:clamp(38px,11.2vw,90px)}
  .big.xl{font-size:18vw}
  .book .big,.bg2 .big{font-size:8.6vw}
  .book>*,.bk,.grid2>*,.lemon>*,.order>*,.bg2>*,.bg2 .bk{min-width:0}
  .row2{grid-template-columns:1fr;gap:18px}
  .iv .words{font-size:20vw}
  .iv{height:300vh}
  .m2,.m3,.intro2,.team,.phil,.who2,.nlay,.feat,.ngrid,.prow{grid-template-columns:1fr}
  .m2 .c1{border-right:0;padding-right:0;margin-right:0}
  .team{grid-template-columns:1fr 1fr}.tmside{grid-column:1/-1;border-left:0;padding-left:0}
  .facts{border-left:0;padding-left:0}
  .prow{gap:26px}
  .fl2{width:46vw}.fl2.r,.ivb:nth-child(3) .fl2.l{width:54vw}
  .ivb .words::before,.ivb .words::after{display:none}
  .phil .game{grid-row:auto}
  .fly{width:52vw}.f2,.f6{width:64vw}
  .bg2 .px{position:static}
  .sea{grid-template-columns:1fr}
  .mh::before,.mh::after{display:none}
}
@media (prefers-reduced-motion:reduce){
  .mqi,.stamp{animation:none}
  .sheet{transition:none}
}