/* MEI Matcha. Палитра и шрифты взяты с брендборда. */
@font-face{font-family:Forum;src:url(/fonts/forum-cyrillic.woff2) format("woff2");font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Forum;src:url(/fonts/forum-latin.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215}
@font-face{font-family:Forum;src:url(/fonts/forum-latin-ext.woff2) format("woff2");font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1EFF}
@font-face{font-family:Jost;font-weight:300;src:url(/fonts/jost-cyrillic-300.woff2) format("woff2");font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Jost;font-weight:300;src:url(/fonts/jost-latin-300.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+02BB-02BC,U+2000-206F,U+2212}
@font-face{font-family:Jost;font-weight:300;src:url(/fonts/jost-latin-ext-300.woff2) format("woff2");font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1EFF}
@font-face{font-family:Jost;font-weight:400;src:url(/fonts/jost-cyrillic-400.woff2) format("woff2");font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Jost;font-weight:400;src:url(/fonts/jost-latin-400.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+02BB-02BC,U+2000-206F,U+2212}
@font-face{font-family:Jost;font-weight:400;src:url(/fonts/jost-latin-ext-400.woff2) format("woff2");font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1EFF}
@font-face{font-family:Jost;font-weight:500;src:url(/fonts/jost-cyrillic-500.woff2) format("woff2");font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Jost;font-weight:500;src:url(/fonts/jost-latin-500.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+02BB-02BC,U+2000-206F,U+2212}
@font-face{font-family:Jost;font-weight:500;src:url(/fonts/jost-latin-ext-500.woff2) format("woff2");font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1EFF}

:root{
  --forest:#12291C; --forest-2:#1B3A29; --pine:#2C4F3A; --matcha:#7C9A4D; --sage:#B6C3A7; --sage-2:#DDE3D2;
  --gold:#C6A465; --gold-2:#E7D5A9; --gold-3:#9D7C43;
  --rice:#F4F0E6; --paper:#FBF8F1; --ink:#14251B; --ink-2:#4C5C50;
  --serif:Forum,"Times New Roman",serif; --sans:Jost,"Segoe UI",system-ui,sans-serif;
  --gut:clamp(16px,4.4vw,64px); --sec:clamp(72px,11vw,168px);
  --ease:cubic-bezier(.2,.75,.2,1);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--paper);color:var(--ink);font:400 clamp(16px,1.08vw,18px)/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,canvas,iframe{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,p,ol,ul,dl,dd,figure,fieldset,blockquote{margin:0;padding:0}
ol,ul{list-style:none}fieldset{border:0;min-width:0}
h1,h2{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.005em}
h3,h4{font-weight:500}
h2{font-size:clamp(34px,4.6vw,76px)}
:focus-visible{outline:2px solid var(--gold-3);outline-offset:3px}
[data-head=dark] .hero :focus-visible{outline-color:var(--gold-2)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.skip{position:fixed;top:-60px;left:16px;z-index:200;background:var(--forest);color:var(--paper);padding:10px 16px}
.skip:focus{top:12px}
.ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.ln>span{display:block}
.ic{width:1.5em;height:1.5em;flex:none}

/* Логотип: только файлы из брендборда */
.mark{display:block;width:44px;height:auto}
.logo{display:block;flex:none;justify-self:start}
.logo img{display:block;width:auto;height:84px;transition:height .35s var(--ease)}
.logo__gold{display:none!important}
[data-head=dark] .head:not(.is-solid) .logo__gold,.head.menu-open .logo__gold{display:block!important}
[data-head=dark] .head:not(.is-solid) .logo__light,.head.menu-open .logo__light{display:none}
.head.is-solid .logo img{height:60px}
.logo--foot img{height:auto;width:132px}

/* Кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 28px;background:var(--forest);color:var(--paper);border:1px solid var(--forest);border-radius:2px;font-weight:400;letter-spacing:.02em;transition:background .35s,color .35s,border-color .35s;will-change:transform}
.btn .ic{width:20px;height:20px;transition:transform .35s var(--ease)}
.btn:hover{background:var(--pine);border-color:var(--pine)}
.btn:hover .ic{transform:translateX(4px)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn--gold{background:var(--gold);border-color:var(--gold);color:var(--forest)}
.btn--gold:hover{background:var(--gold-2);border-color:var(--gold-2)}
.btn--ghost{background:none;color:var(--forest)}
.btn--ghost:hover{background:var(--forest);color:var(--paper);border-color:var(--forest)}
.btn--line{background:none;border-color:var(--gold);color:var(--gold-2)}
.btn--line:hover{background:var(--gold);border-color:var(--gold);color:var(--forest)}
.btn--full{width:100%}.btn--grow{flex:1}
.link{position:relative;padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .4s var(--ease)}
.link:hover{background-size:0 1px;background-position:100% 100%}
.tag{position:absolute;z-index:2;top:14px;left:14px;padding:3px 11px;background:var(--forest);color:var(--gold-2);font-size:13px;border-radius:99px}
.tag--inline{position:static;display:inline-block;margin-bottom:14px}

/* Шапка */
.head{position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:10px var(--gut);transition:background .4s,color .4s,box-shadow .4s,transform .45s var(--ease)}
[data-head=dark] .head{color:var(--paper)}
.head.is-solid{background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(14px);color:var(--ink);box-shadow:0 1px 0 rgba(20,37,27,.08)}
.head.is-hidden{transform:translateY(-101%)}
.head.menu-open{background:none;box-shadow:none;backdrop-filter:none;transform:none;color:var(--paper)}
.head__nav{display:flex;gap:clamp(20px,3vw,44px)}
.head__nav a{position:relative;padding:6px 0;font-size:16px}
.head__nav a::after{content:"";position:absolute;left:50%;bottom:0;width:5px;height:5px;margin-left:-2.500px;border-radius:50%;background:var(--gold);transform:scale(0);transition:transform .3s var(--ease)}
.head__nav a:hover::after,.head__nav a[aria-current]::after{transform:scale(1)}
.head__tools{display:flex;align-items:center;justify-content:flex-end;gap:18px}
.langs{display:flex;gap:2px;font-size:14px}
.langs a{padding:4px 7px;opacity:.55;transition:opacity .25s}
.langs a[aria-current],.langs a:hover{opacity:1}
.langs a[aria-current]{box-shadow:inset 0 -1px currentColor}
.bagbtn{position:relative;display:grid;place-items:center;width:40px;height:40px}
.bagbtn .ic{width:25px;height:25px}
.bagbtn__n{position:absolute;top:0;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--gold);color:var(--forest);font:500 12px/18px var(--sans);text-align:center}
.bagbtn__n[hidden]{display:none}
.burger{display:none;width:40px;height:40px;position:relative}
.burger i{position:absolute;left:8px;right:8px;height:1px;background:currentColor;transition:transform .35s var(--ease),top .35s var(--ease)}
.burger i:first-child{top:16px}.burger i:last-child{top:24px}
.burger[aria-expanded=true] i{top:20px}
.burger[aria-expanded=true] i:first-child{transform:rotate(45deg)}.burger[aria-expanded=true] i:last-child{transform:rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:45;background:var(--forest);color:var(--paper);padding:124px var(--gut) 32px;display:flex;flex-direction:column;justify-content:space-between}
.mnav[hidden]{display:none}
.mnav nav a{display:block;font:400 clamp(36px,10vw,52px)/1.3 var(--serif)}
.mnav__foot{display:flex;justify-content:space-between;align-items:center;color:var(--gold-2)}
.social{display:flex;gap:14px}.social a{opacity:.8;transition:opacity .25s}.social a:hover{opacity:1}

/* Загрузочный экран */
.loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--forest);color:var(--gold-2);animation:loader-out .7s var(--ease) 2.6s forwards}
.loader img{width:min(44vw,210px);height:auto;clip-path:circle(0% at 50% 31%);animation:reveal 1.6s var(--ease) .1s forwards}
html.seen .loader{display:none}
@keyframes reveal{to{clip-path:circle(90% at 50% 31%)}}
@keyframes loader-out{to{opacity:0;visibility:hidden}}

/* Герой */
.hero{position:relative;min-height:max(100svh,640px);background:radial-gradient(90% 90% at 66% 46%,#25503A 0%,var(--forest-2) 34%,var(--forest) 72%);color:var(--paper);overflow:hidden;isolation:isolate}
.hero::after{content:"";position:absolute;inset:0;background:var(--grain);pointer-events:none;mix-blend-mode:overlay}
.hero__ring{position:absolute;z-index:0;top:50%;left:66%;width:min(112vh,70vw);translate:-50% -50%;overflow:visible}
.hero__orbit,.hero__orbit2{fill:none;stroke:var(--gold);transform:rotate(-90deg);transform-origin:center;stroke-dasharray:1}
.hero__orbit{stroke-width:1.400;stroke-dashoffset:var(--o,0)}
.hero__orbit2{stroke-width:.700;opacity:.4;stroke-dashoffset:var(--o,0)}
.hero__sun{position:absolute;z-index:1;top:50%;left:66%;width:0;height:0;--r:min(54.900vh,34.300vw)}
.hero__sun::after{content:"";position:absolute;width:clamp(30px,5vh,58px);aspect-ratio:1;margin:calc(clamp(30px,5vh,58px)/-2);border-radius:50%;background:radial-gradient(circle at 34% 30%,var(--gold-2),var(--gold) 55%,var(--gold-3));box-shadow:0 0 44px rgba(231,213,169,.32);transform:rotate(calc(var(--a,64deg) + var(--b,0deg))) translateY(calc(var(--r)*-1)) rotate(calc((var(--a,64deg) + var(--b,0deg))*-1))}
.hero__stage{position:absolute;z-index:1;top:50%;left:66%;width:min(112vh,70vw);aspect-ratio:1;translate:-50% -50%}
.hero__stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;transition:opacity .9s}
.hero__stage.is-live canvas{opacity:1}
.hero__fallback{position:absolute;top:50%;left:50%;width:62%;translate:-50% -50%;transition:opacity .6s}
.hero__stage.is-live .hero__fallback{opacity:0}
.hero__kanji{position:absolute;z-index:2;right:var(--gut);top:50%;translate:0 -50%;writing-mode:vertical-rl;font:300 clamp(16px,1.600vw,24px)/1 var(--sans);letter-spacing:.5em;color:var(--gold-2);opacity:.75}
.hero__copy{position:absolute;z-index:3;left:var(--gut);bottom:clamp(40px,9vh,96px);max-width:min(54vw,780px)}
.hero__kicker{color:var(--gold-2);margin-bottom:16px}
.hero h1{font-size:clamp(50px,6.600vw,124px);line-height:1;text-shadow:0 2px 40px rgba(18,41,28,.45)}
.hero__text{max-width:30em;margin-top:clamp(18px,2.400vh,28px);color:rgba(251,248,241,.84)}
.hero__cta{display:flex;align-items:center;flex-wrap:wrap;gap:16px 30px;margin-top:clamp(22px,3.400vh,38px)}

/* Полоса преимуществ */
.trust{display:grid;grid-template-columns:repeat(4,1fr);background:var(--forest);color:var(--gold-2);border-top:1px solid rgba(198,164,101,.28)}
.trust div{display:flex;align-items:center;justify-content:center;gap:14px;padding:26px 16px;text-align:left;color:var(--paper)}
.trust div+div{border-left:1px solid rgba(198,164,101,.2)}
.trust .ic{width:30px;height:30px;color:var(--gold)}

/* Путь листа: круглое окно и солнце, которое идёт по кольцу */
.path{background:var(--paper)}
.path__pin{padding:var(--sec) var(--gut)}
.path__round{display:none}
.path__copy h2{margin-bottom:clamp(24px,4vh,48px)}
.path__copy ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,44px)}
.path__m{aspect-ratio:16/10;overflow:hidden;margin-bottom:14px;background:var(--sage-2)}
.path__m img{width:100%;height:100%;object-fit:cover}
.path__copy h3{font:400 clamp(24px,2.300vw,34px)/1.200 var(--serif)}
.path__copy p{max-width:34em;margin-top:6px;color:var(--ink-2)}
.path__win{position:absolute;inset:3.500%;border-radius:50%;overflow:hidden;background:var(--sage-2)}
.path__img{position:absolute;inset:0}
.path__img img{width:100%;height:100%;object-fit:cover}
.path__ring{position:absolute;inset:0;overflow:visible}.path__ring circle{fill:none;stroke:var(--gold);stroke-width:1.200}
.path__sun{position:absolute;inset:0;transform:rotate(var(--s,0deg))}
.path__sun::after{content:"";position:absolute;top:0;left:50%;width:30px;height:30px;margin:-15px;border-radius:50%;background:radial-gradient(circle at 34% 30%,var(--gold-2),var(--gold) 60%,var(--gold-3));box-shadow:0 2px 12px rgba(157,124,67,.5)}
/* Закреплённый вариант включается скриптом только там, где он работает плавно */
.pinpath .path__pin{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.050fr) minmax(0,1fr);align-items:center;gap:clamp(32px,7vw,120px);padding:96px var(--gut) 56px}
.pinpath .path__round{display:block;position:relative;width:min(78vh,100%);aspect-ratio:1;justify-self:center}
.pinpath .path__img:not(:first-child){clip-path:circle(0% at 86% 14%)}
.pinpath .path__copy ol{display:block}
.pinpath .path__m{display:none}
.pinpath .path__copy li{padding:clamp(12px,1.900vh,20px) 0;border-top:1px solid rgba(20,37,27,.14);opacity:.34;transition:opacity .5s}
.pinpath .path__copy li.on{opacity:1}
.pinpath .path__copy p{overflow:hidden;max-height:0;margin-top:0;transition:max-height .55s var(--ease),margin .55s var(--ease)}
.pinpath .path__copy li.on p{max-height:8em;margin-top:6px}

/* Коллекция */
.coll{background:var(--rice);padding:var(--sec) 0}
.coll__head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;padding:0 var(--gut);margin-bottom:clamp(32px,5vw,64px)}
.coll__head p{max-width:30em;margin-top:14px;color:var(--ink-2)}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{padding:8px 18px;border:1px solid rgba(20,37,27,.3);border-radius:99px;font-size:15px;transition:background .3s,color .3s,border-color .3s}
.pill:hover{border-color:var(--forest)}
.pill[aria-pressed=true],.pill[aria-current]{background:var(--forest);border-color:var(--forest);color:var(--paper)}
.rail{display:flex;gap:clamp(14px,1.800vw,28px);padding:0 var(--gut) 8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;scroll-padding-left:var(--gut)}
.rail::-webkit-scrollbar{display:none}
.rail.is-drag{cursor:grabbing;scroll-snap-type:none}.rail.is-drag a{pointer-events:none}
.rail .pcard{flex:0 0 clamp(250px,25.500vw,400px);scroll-snap-align:start}
.rail .pcard[hidden]{display:none}
.coll__foot{padding:clamp(28px,4vw,48px) var(--gut) 0}

/* Карточка товара */
.pcard{position:relative;display:flex;flex-direction:column}
.pcard__media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:2px;background:linear-gradient(170deg,var(--t1,#E9E5D6),var(--t2,#D5DAC4))}
.pcard:nth-child(3n+2) .pcard__media{--t1:#23452F;--t2:#132C1E}
.pcard:nth-child(3n) .pcard__media{--t1:#F1EDE1;--t2:#E2DAC4}
.pcard__media img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .55s,transform .9s var(--ease)}
.pcard__media img.is-cut{object-fit:contain;padding:6% 8%}
.pcard__media img.is-photo{object-fit:cover}
.pcard__b{opacity:0}
.pcard:hover .pcard__a:has(+ .pcard__b){opacity:0}
.pcard:hover .pcard__b{opacity:1}
.pcard:hover .pcard__media img{transform:scale(1.04)}
.pcard__ph{position:absolute;top:50%;left:50%;width:44%;translate:-50% -50%}
.pcard__body{padding-top:14px}
.pcard h3{font:400 clamp(22px,1.800vw,28px)/1.200 var(--serif)}
.pcard p{color:var(--ink-2);font-size:.94em}
.pcard__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.price{font-weight:500}
.pcard__add{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid var(--forest);border-radius:50%;transition:background .3s,color .3s,transform .3s var(--ease)}
.pcard__add .ic{width:20px;height:20px}
.pcard__add:hover:not([disabled]){background:var(--forest);color:var(--paper);transform:rotate(90deg)}
.pcard__add[disabled]{border:0;border-radius:0;font-size:14px;color:var(--ink-2);cursor:default}

/* Главный чай */
.feat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:min(92vh,860px)}
.feat__panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(18px,2.400vw,28px);padding:clamp(48px,7vw,110px) var(--gut);background:var(--forest);color:var(--paper)}
.feat__panel p{max-width:27em;color:rgba(251,248,241,.8)}
.feat__mark{position:absolute;right:-16%;bottom:-20%;width:68%;opacity:.14}
.feat__media{position:relative;overflow:hidden;background:var(--sage)}
.feat__bg{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
.feat__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,41,28,.34),transparent 55%)}
.feat__tin{position:absolute;z-index:2;left:50%;bottom:-3%;width:min(66%,520px);translate:-50% 0;filter:drop-shadow(0 34px 44px rgba(10,24,16,.5))}
.seal{position:absolute;z-index:3;top:clamp(18px,4vw,48px);right:clamp(18px,4vw,48px);width:clamp(96px,10vw,136px);aspect-ratio:1;border-radius:50%;background:var(--paper);color:var(--forest)}
.seal svg{animation:spin 26s linear infinite}
.seal text{font:400 11.500px var(--sans);letter-spacing:.14em;fill:currentColor}
.seal::after{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:var(--gold)}
@keyframes spin{to{transform:rotate(360deg)}}

/* Почему матча */
.why{display:grid;grid-template-columns:minmax(0,1.150fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center;padding:var(--sec) var(--gut);background:var(--paper)}
.why__lead{max-width:32em;margin-top:18px;color:var(--ink-2)}
.why ul{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3.400vw,48px) clamp(20px,3vw,44px);margin-top:clamp(32px,5vw,60px)}
.why li{display:flex;flex-direction:column;gap:12px}
.why .ic{width:38px;height:38px;color:var(--gold-3)}
.why h3{font-size:1.100em}.why li p{color:var(--ink-2);font-size:.96em}
.why__bowl{aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 12px var(--paper),0 0 0 13px var(--gold)}
.why__bowl img{width:100%;height:100%;object-fit:cover}

/* Панорама */
.grown{position:relative;min-height:min(112vh,1000px);display:flex;align-items:center;padding:var(--sec) var(--gut);overflow:hidden;background:var(--forest)}
.grown__img{position:absolute;inset:-10% 0}
.grown__img img{width:100%;height:100%;object-fit:cover}
.grown__card{position:relative;z-index:2;width:min(560px,100%);padding:clamp(28px,4vw,56px);background:var(--paper);display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.grown__card h2{font-size:clamp(32px,3.800vw,58px)}
.grown__card p{color:var(--ink-2)}

/* Два блока */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.400vw,20px);padding:clamp(10px,1.400vw,20px);background:var(--paper)}
.duo a{position:relative;display:flex;align-items:flex-end;min-height:clamp(420px,46vw,680px);overflow:hidden;color:var(--paper);padding:clamp(24px,3.400vw,52px)}
.duo h2{font-size:clamp(30px,3.200vw,50px);max-width:12em}
.duo p{margin:10px 0 18px;max-width:28em;color:rgba(251,248,241,.86)}
.duo a>div{position:relative;z-index:2}
.duo__a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.200s var(--ease)}
.duo__a:hover img{transform:scale(1.04)}
.duo__a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,41,28,.86),rgba(18,41,28,.1) 62%)}
.duo__b{background:var(--forest)}
.duo__kanji{position:absolute;top:clamp(24px,3.400vw,48px);right:clamp(24px,3.400vw,48px);writing-mode:vertical-rl;letter-spacing:.32em;color:var(--gold-2)}
.duo__mark{position:absolute;top:10%;left:50%;width:min(52%,320px);translate:-50% 0;transition:transform 1.200s var(--ease)}
.duo__b:hover .duo__mark{transform:rotate(16deg)}
.link--light{color:var(--gold-2)}

/* Отзывы */
.revs{padding:var(--sec) var(--gut);background:var(--rice)}
.revs__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(24px,3vw,44px);margin-top:clamp(28px,4vw,52px)}
.revs blockquote{font:400 clamp(22px,1.900vw,30px)/1.300 var(--serif)}
.revs figcaption{margin-top:16px;color:var(--ink-2)}.stars{color:var(--gold-3);letter-spacing:.1em}

/* Подвал */
.foot{position:relative;background:var(--forest);color:var(--paper);overflow:hidden}
.foot__news{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);align-items:end;padding:clamp(56px,8vw,112px) var(--gut);border-bottom:1px solid rgba(198,164,101,.24)}
.foot__news h2{font-size:clamp(32px,3.800vw,60px)}
.foot__news p{margin-top:10px;color:rgba(251,248,241,.74);max-width:30em}
.news{position:relative;display:flex;border-bottom:1px solid var(--gold);flex-wrap:wrap}
.news input[type=email]{flex:1;min-width:0;height:58px;background:none;border:0;outline-offset:-2px;color:var(--paper)}
.news input::placeholder{color:rgba(251,248,241,.6)}
.news button{color:var(--gold-2);padding:0 2px 0 16px}.news button:hover{color:var(--paper)}
.news__ok{position:absolute;top:100%;left:0;color:var(--gold-2);margin:8px 0 0!important}
.foot__cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.300fr;gap:32px;padding:clamp(40px,6vw,72px) var(--gut) 0}
.foot__cols h3{font-size:1em;color:var(--gold-2);margin-bottom:12px}
.foot__cols a:not(.logo),.foot__cols span{display:block;padding:3px 0;color:rgba(251,248,241,.8)}
.foot__cols a:not(.logo):hover{color:var(--paper)}
.foot__brand p{max-width:24em;margin:18px 0;color:rgba(251,248,241,.74)}
.foot__brand .social a{display:block;color:var(--gold-2)}
.foot__giant{display:block;width:min(100% - var(--gut)*2,1500px);height:auto;margin:clamp(40px,6vw,72px) auto clamp(-40px,-2vw,-12px);user-select:none}
.foot__base{position:relative;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px var(--gut);font-size:14px;color:rgba(251,248,241,.72);background:var(--forest);border-top:1px solid rgba(198,164,101,.24)}

/* Индикатор прокрутки */
.orbit{position:fixed;z-index:40;right:16px;bottom:16px;width:40px;height:40px;opacity:0;transition:opacity .4s;pointer-events:none;mix-blend-mode:difference}
.orbit.on{opacity:1}
.orbit svg{overflow:visible}.orbit circle:first-child{fill:none;stroke:#E7D5A9;stroke-width:.8;opacity:.6}
.orbit__sun{fill:#E7D5A9;transform-origin:22px 22px;transform:rotate(var(--p,0deg))}

/* Корзина */
.bag{position:fixed;inset:0;z-index:80}.bag[hidden]{display:none}
.bag__scrim{position:absolute;inset:0;background:rgba(18,41,28,.5);opacity:0;transition:opacity .4s}
.bag__panel{position:absolute;top:0;right:0;bottom:0;width:min(480px,100%);display:flex;flex-direction:column;background:var(--paper);transform:translateX(102%);transition:transform .5s var(--ease)}
.bag.open .bag__scrim{opacity:1}.bag.open .bag__panel{transform:none}
.bag__head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px}
.bag__head h2{font-size:32px}
.bag__head button{position:relative;width:40px;height:40px}
.bag__head i{position:absolute;left:9px;right:9px;top:20px;height:1px;background:currentColor;transform:rotate(45deg)}.bag__head i+i{transform:rotate(-45deg)}
.bag__free{padding:0 24px 16px;font-size:15px;color:var(--ink-2)}
.bag__free b{display:block;height:3px;margin-top:8px;background:var(--sage-2);position:relative}
.bag__free b::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w,0);background:var(--gold);transition:width .5s var(--ease)}
.bag__items{flex:1;overflow-y:auto;padding:0 24px;overscroll-behavior:contain}
.bagi{display:grid;grid-template-columns:84px 1fr auto;gap:14px;padding:16px 0;border-top:1px solid rgba(20,37,27,.1)}
.bagi__img{width:84px;aspect-ratio:4/5;background:linear-gradient(170deg,#E9E5D6,#D5DAC4);overflow:hidden}
.bagi__img img{width:100%;height:100%;object-fit:contain;padding:4px}
.bagi h3{font:400 21px/1.200 var(--serif)}.bagi small{display:block;color:var(--ink-2)}
.bagi__q{display:inline-flex;align-items:center;gap:4px;margin-top:8px}
.bagi__q button{width:30px;height:30px;border:1px solid rgba(20,37,27,.25);border-radius:50%}
.bagi__q span{min-width:24px;text-align:center}
.bagi__r{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;font-weight:500}
.bagi__r button{font-weight:400;font-size:14px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.bag__foot{padding:18px 24px calc(18px + env(safe-area-inset-bottom));border-top:1px solid rgba(20,37,27,.12)}
.bag__total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.bag__total strong{font:400 28px/1 var(--serif)}
.bag__empty{padding:32px 0;display:flex;flex-direction:column;gap:18px;align-items:flex-start;color:var(--ink-2)}
.fly{position:fixed;z-index:90;width:22px;height:22px;margin:-11px;border-radius:50%;background:radial-gradient(circle at 34% 30%,var(--gold-2),var(--gold) 60%,var(--gold-3));pointer-events:none}

/* Шапка внутренних страниц */
.phead{padding:clamp(130px,17vw,220px) var(--gut) clamp(32px,5vw,64px);background:var(--rice)}
.phead h1{font-size:clamp(50px,8.500vw,150px)}
.phead p{max-width:34em;margin-top:18px;color:var(--ink-2);font-size:1.100em}
.phead--img{position:relative;min-height:min(88vh,800px);display:flex;align-items:flex-end;background:var(--forest);color:var(--paper);overflow:hidden}
.phead__img{position:absolute;inset:-8% 0}
.phead__img img{width:100%;height:100%;object-fit:cover}
.phead--img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,41,28,.82),rgba(18,41,28,.28) 60%,rgba(18,41,28,.5))}
.phead__in{position:relative;z-index:2}
.phead--img p{color:rgba(251,248,241,.9)}

/* Магазин */
.shop{padding:clamp(24px,3vw,44px) var(--gut) var(--sec);background:var(--rice)}
.shop__bar{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,40px)}
.sorter{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink-2)}
.sorter select{background:none;border:0;border-bottom:1px solid currentColor;padding:4px 2px;color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.400vw,52px) clamp(14px,2vw,32px)}
.empty{padding:40px 0;color:var(--ink-2)}

/* Страница товара */
.prod{display:grid;grid-template-columns:minmax(0,1.150fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);padding:clamp(124px,11vw,150px) var(--gut) var(--sec);background:var(--paper)}
.prod__gallery{position:sticky;top:96px;align-self:start}
.prod__main{position:relative;aspect-ratio:4/5;max-height:calc(100vh - 170px);width:100%;background:linear-gradient(170deg,#E9E5D6,#D5DAC4);overflow:hidden}
.prod__main img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s}
.prod__main img.on{opacity:1}
.prod__main img.is-cut{object-fit:contain;padding:5%}.prod__main img.is-photo{object-fit:cover}
.prod__thumbs{display:flex;gap:10px;margin-top:10px}
.prod__thumbs button{width:72px;aspect-ratio:1;background:#E9E5D6;overflow:hidden;opacity:.6;transition:opacity .3s}
.prod__thumbs button[aria-pressed=true]{opacity:1;box-shadow:inset 0 -2px var(--gold-3)}
.prod__thumbs img{width:100%;height:100%;object-fit:contain}
.crumbs{display:flex;gap:8px;font-size:15px;color:var(--ink-2);margin-bottom:clamp(18px,3vw,36px)}
.crumbs a:hover{color:var(--ink)}
.prod h1{font-size:clamp(46px,5.600vw,96px)}
.prod__sub{font-size:1.150em;color:var(--gold-3);margin-top:6px}
.prod__sum{max-width:33em;margin-top:16px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.chips li{padding:3px 12px;background:var(--rice);border-radius:99px;font-size:14px}
.buy{margin-top:clamp(20px,3vw,32px)}
.vars legend{font-size:15px;color:var(--ink-2);margin-bottom:8px}
.vars{display:flex;flex-wrap:wrap;gap:8px}
.vars label{cursor:pointer}.vars input{position:absolute;opacity:0}
.vars span{display:block;padding:9px 22px;border:1px solid rgba(20,37,27,.3);transition:background .25s,color .25s}
.vars input:checked+span{background:var(--forest);color:var(--paper);border-color:var(--forest)}
.vars input:disabled+span{opacity:.4;text-decoration:line-through}
.vars input:focus-visible+span{outline:2px solid var(--gold-3);outline-offset:2px}
.buy__price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:clamp(16px,2vw,24px) 0}
.buy__price strong{font:400 clamp(30px,3vw,42px)/1 var(--serif)}
.buy__price s{color:var(--ink-2)}
.buy__price em{font-style:normal;font-size:15px;color:var(--gold-3)}
.buy__row{display:flex;gap:10px}
.qty{display:flex;align-items:center;border:1px solid rgba(20,37,27,.3)}
.qty button{width:44px;height:54px;font-size:20px}
.qty input{width:36px;text-align:center;background:none;border:0}
.facts{margin-top:clamp(20px,3vw,32px);border-top:1px solid rgba(20,37,27,.14)}
.facts div{display:grid;grid-template-columns:9em 1fr;gap:12px;padding:10px 0;border-bottom:1px solid rgba(20,37,27,.14)}
.facts dt{color:var(--ink-2)}
.acc{margin-top:12px}
.acc details{border-bottom:1px solid rgba(20,37,27,.14)}
.acc summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;cursor:pointer;list-style:none;font-weight:500}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";font:300 24px/1 var(--sans);color:var(--gold-3);transition:transform .35s var(--ease)}
.acc details[open] summary::after{transform:rotate(45deg)}
.acc p{padding-bottom:16px;color:var(--ink-2);max-width:40em}
.acc--big{max-width:900px}.acc--big summary{font:400 clamp(22px,2.200vw,32px)/1.250 var(--serif)}
.rel{padding:0 var(--gut) var(--sec);background:var(--paper)}
.rel h2{margin-bottom:clamp(24px,3vw,40px);font-size:clamp(32px,3.400vw,54px)}

/* Ритуал */
.steps{padding:var(--sec) var(--gut);background:var(--paper)}
.steps ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(16px,2.400vw,36px);margin-top:clamp(32px,5vw,64px)}
.steps__n{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;font:400 26px/1 var(--serif);color:var(--gold-3);margin-bottom:18px}
.steps h3{font:400 clamp(22px,1.900vw,28px)/1.200 var(--serif);margin-bottom:8px}
.steps p{color:var(--ink-2);font-size:.97em}
.recipes{padding:var(--sec) var(--gut);background:var(--rice)}
.recipe{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);align-items:center;padding:clamp(28px,4vw,56px) 0;border-bottom:1px solid rgba(20,37,27,.14)}
.recipe:nth-of-type(even) .recipe__img{order:2}
.recipe__img{aspect-ratio:1;border-radius:50%;overflow:hidden}
.recipe__img img{width:100%;height:100%;object-fit:cover}
.recipe h3{font:400 clamp(28px,3vw,46px)/1.100 var(--serif)}
.recipe__time{color:var(--gold-3);margin:6px 0 20px}
.recipe__cols{display:grid;grid-template-columns:1fr 1.400fr;gap:clamp(20px,3vw,44px)}
.recipe h4{margin-bottom:8px}
.recipe li{padding:3px 0;color:var(--ink-2)}
.recipe ol{counter-reset:s}.recipe ol li{counter-increment:s;padding-left:1.600em;position:relative}
.recipe ol li::before{content:counter(s) ".";position:absolute;left:0;color:var(--gold-3)}

/* О нас */
.story{padding:var(--sec) var(--gut);background:var(--paper);display:grid;gap:clamp(56px,9vw,132px)}
.story article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.200fr);gap:clamp(28px,7vw,120px);align-items:center}
.story article:nth-child(even) .story__img{order:2}
.story__img{aspect-ratio:1;max-width:560px;width:100%;border-radius:50%;overflow:hidden;justify-self:center}
.story__img img{width:100%;height:100%;object-fit:cover}
.story p{max-width:32em;margin-top:18px;color:var(--ink-2);font-size:1.100em}
.tagline{padding:var(--sec) var(--gut);background:var(--forest);color:var(--paper);text-align:center;display:flex;flex-direction:column;gap:32px;align-items:center}
.tagline p{font:400 clamp(38px,6.400vw,110px)/1.100 var(--serif);max-width:14em}

/* Контакты */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.150fr);gap:clamp(32px,7vw,120px);padding:clamp(32px,5vw,72px) var(--gut) var(--sec);background:var(--rice)}
.contact__list{display:grid;gap:26px;align-content:start}
.contact__list h2{font:400 15px/1.300 var(--sans);color:var(--ink-2);margin-bottom:4px}
.contact__list a,.contact__list p{display:block;font:400 clamp(22px,2vw,30px)/1.350 var(--serif)}
.contact__list a:hover{color:var(--gold-3)}
.form{display:grid;gap:18px;align-content:start;padding:clamp(24px,3.400vw,48px);background:var(--paper)}
.form h2{font-size:clamp(30px,3vw,44px);margin-bottom:4px}
.form label span{display:block;font-size:15px;color:var(--ink-2);margin-bottom:4px}
.form input:not(.hp),.form textarea,.fld input,.fld select,.fld textarea,.co__promo input{width:100%;min-height:50px;padding:10px 14px;background:#fff;border:1px solid rgba(20,37,27,.22);border-radius:2px;transition:border-color .25s}
.form input:focus,.form textarea:focus,.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--forest)}
.form textarea,.fld textarea{resize:vertical}
.form__msg{min-height:1.500em;color:var(--pine)}.form__msg.bad{color:#9B2F22}
.map{height:clamp(320px,44vw,520px);background:var(--sage-2)}.map iframe{width:100%;height:100%;border:0;filter:saturate(.55) contrast(.96)}

/* Текстовые страницы */
.plain{padding:clamp(24px,4vw,56px) var(--gut) var(--sec);background:var(--rice)}
.plain__list{max-width:860px;display:grid;gap:30px}
.plain__list h2{font-size:clamp(26px,2.600vw,38px);margin-bottom:6px}
.plain__list p,.prose p{color:var(--ink-2)}
.prose{max-width:760px;display:grid;gap:14px}.prose__note{padding:12px 16px;background:var(--paper);font-size:.94em}

/* Оформление заказа */
.co{padding:clamp(124px,12vw,156px) var(--gut) var(--sec);background:var(--rice)}
.co h1{font-size:clamp(40px,5.400vw,84px);margin-bottom:clamp(24px,3vw,44px)}
.co__form{display:grid;grid-template-columns:minmax(0,1.300fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;gap:clamp(16px,2vw,24px) clamp(24px,5vw,72px);align-items:start}
.co__form>fieldset{grid-column:1;padding:clamp(20px,2.800vw,36px);background:var(--paper);display:grid;gap:12px}
.co__form legend{float:left;width:100%;font:400 clamp(24px,2.200vw,32px)/1.200 var(--serif);margin-bottom:6px}
.co__sum{grid-column:2;grid-row:1/-1;position:sticky;top:90px;padding:clamp(20px,2.800vw,36px);background:var(--forest);color:var(--paper)}
.co__sum h2{font-size:clamp(26px,2.400vw,34px);margin-bottom:12px}
.fld span{display:block;font-size:15px;color:var(--ink-2);margin-bottom:4px}
.fld[hidden]{display:none}
.err{display:block;color:#9B2F22;font-size:14px;min-height:0}
.opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(20,37,27,.2);cursor:pointer;transition:border-color .25s,background .25s}
.opt:has(input:checked){border-color:var(--forest);background:var(--rice)}
.opt input{accent-color:var(--forest);width:18px;height:18px;flex:none}
.opt__b{flex:1}.opt b{display:block;font-weight:400}.opt small{color:var(--ink-2);font-size:14px}
.opt em{font-style:normal;white-space:nowrap}
.coli{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(198,164,101,.24)}
.coli__img{width:56px;aspect-ratio:1;background:#E9E5D6;overflow:hidden}.coli__img img{width:100%;height:100%;object-fit:contain}
.coli small{display:block;color:rgba(251,248,241,.7)}
.co__promo{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.co__promo input{flex:1;min-width:0;background:transparent;border-color:rgba(198,164,101,.5);color:var(--paper)}
.co__promo input::placeholder{color:rgba(251,248,241,.6)}
.co__promo button{padding:0 16px;border:1px solid var(--gold);color:var(--gold-2)}
.co__promo small{width:100%;color:var(--gold-2)}
.co__sum dl>div{display:flex;justify-content:space-between;padding:5px 0}
.co__sum dt{color:rgba(251,248,241,.74)}
.co__total{margin-top:6px;padding-top:12px!important;border-top:1px solid rgba(198,164,101,.4)}
.co__total dt{color:var(--paper)}.co__total dd{font:400 28px/1 var(--serif)}
.co__sum .btn{margin-top:14px;background:var(--gold);border-color:var(--gold);color:var(--forest)}
.co__err{color:#F3B8A7;margin-top:10px}.co__err:empty{display:none}
.co__terms{margin-top:10px;font-size:14px;color:rgba(251,248,241,.7);text-decoration:underline;text-underline-offset:3px}
.co__empty{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.co__empty[hidden]{display:none}

.done{max-width:680px;margin:0 auto;padding:clamp(120px,14vw,180px) var(--gut) var(--sec);text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.done__mark{width:124px}
.done h1{font-size:clamp(40px,5vw,72px)}
.done>p{color:var(--ink-2)}
.done ul{width:100%;margin:8px 0;text-align:left}
.done li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(20,37,27,.14)}
.done__t{font-weight:500}

/* Появление контента. Всё работает на переходах CSS, поэтому не зависит от частоты кадров */
@property --a{syntax:"<angle>";inherits:true;initial-value:64deg}
.hero__sun{--a:64deg;transition:--a 1.800s cubic-bezier(.6,0,.2,1) .4s,opacity .5s ease .7s}
.hero__orbit,.hero__orbit2{transition:stroke-dashoffset 2s cubic-bezier(.6,0,.2,1)}
.hero h1 .ln>span,.phead h1 .ln>span{transition:transform 1.200s var(--ease) .15s}
.hero h1 .ln+.ln>span,.phead h1 .ln+.ln>span{transition-delay:.3s}
.hero__kicker{transition:opacity .9s ease .5s}.hero__text{transition:opacity .9s ease .8s}.hero__cta{transition:opacity .9s ease 1s}.hero__kanji{transition:opacity 1s ease 1.100s}.phead p{transition:opacity .9s ease .35s}
html.anim:not(.go) .hero__kicker,html.anim:not(.go) .hero__text,html.anim:not(.go) .hero__cta,html.anim:not(.go) .hero__kanji,html.anim:not(.go) .phead p{opacity:0}
html.anim:not(.go) .hero h1 .ln>span,html.anim:not(.go) .phead h1 .ln>span{transform:translateY(110%)}
html.anim:not(.go) .hero__ring{--o:1}
html.anim:not(.go) .hero__sun{--a:-60deg;opacity:0}
html.anim [data-r]{transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
html.anim [data-r]:not(.in){opacity:0;transform:translateY(32px)}
html.anim [data-lines] .ln>span{transition:transform 1.100s var(--ease)}
html.anim [data-lines]:not(.in) .ln>span{transform:translateY(106%)}
html.anim [data-reveal-circle]{transition:clip-path 1.600s cubic-bezier(.6,0,.2,1)}
html.anim [data-reveal-circle]:not(.in){clip-path:circle(14% at 50% 50%)}
html.anim [data-reveal-circle].in{clip-path:circle(72% at 50% 50%)}
.note{position:fixed;z-index:95;left:50%;bottom:22px;max-width:calc(100% - 32px);padding:10px 18px;background:var(--forest);color:var(--paper);border-radius:3px;transform:translate(-50%,16px);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}
.note.on{opacity:1;transform:translate(-50%,0)}

@media (max-width:1100px){
  .head{grid-template-columns:1fr auto}
  .head__nav{display:none}.burger{display:block}
  .steps ol{grid-template-columns:repeat(3,minmax(0,1fr))}
  .foot__cols{grid-template-columns:1fr 1fr}.foot__brand{grid-column:1/-1}
}
@media (max-width:860px){
  .hero{min-height:max(100svh,680px);display:flex;flex-direction:column}
  .hero__ring,.hero__stage,.hero__sun{left:50%;top:33%}
  .hero__ring,.hero__stage{width:min(104vw,58vh)}
  .hero__sun{--a:44deg;--r:min(51vw,28.400vh)}
  .hero__sun::after{width:26px;margin:-13px}
  .hero__kanji{top:22%;translate:0;right:14px}
  .hero__copy{left:var(--gut);right:var(--gut);bottom:26px;max-width:none}
  .hero h1{font-size:clamp(42px,12.400vw,72px)}
  .hero__kicker{margin-bottom:8px}
  .hero__text{font-size:15.500px;margin-top:10px}
  .hero__cta{margin-top:16px}
  .trust{grid-template-columns:1fr 1fr}
  .trust div{justify-content:flex-start;padding:16px}
  .trust div:nth-child(3){border-left:0}
  .trust div:nth-child(n+3){border-top:1px solid rgba(198,164,101,.2)}
  .path__copy ol{grid-template-columns:minmax(0,1fr)}
  .feat,.why,.duo,.foot__news,.prod,.contact,.recipe,.story article{grid-template-columns:minmax(0,1fr)}
  .feat__media{min-height:112vw}
  .why__bowl{width:min(100%,520px);justify-self:center;grid-row:1}
  .grown{align-items:flex-end;min-height:min(120vh,860px)}
  .prod__gallery{position:static}.prod__main{max-height:none}
  .co__form{grid-template-columns:minmax(0,1fr)}
  .co__sum{grid-column:1;grid-row:auto;position:static}
  .recipe:nth-of-type(even) .recipe__img,.story article:nth-child(even) .story__img{order:0}
  .recipe__img{max-width:320px;width:100%;justify-self:center}
  .recipe__cols{grid-template-columns:1fr}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps ol{grid-template-columns:1fr 1fr}
  .orbit{display:none}
}
@media (max-width:520px){
  .head .logo img{height:68px}.head.is-solid .logo img{height:52px}
  .langs{font-size:13px}.head__tools{gap:6px}
  .why ul{grid-template-columns:1fr 1fr}
  .steps ol{grid-template-columns:1fr}
  .rail .pcard{flex-basis:72vw}
  .bagi{grid-template-columns:68px 1fr auto}.bagi__img{width:68px}
  .buy__row{flex-wrap:wrap}.qty{flex:0 0 auto}
  .facts div{grid-template-columns:7.500em 1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
}