/* Golden Seed — фирменный стиль из брендбука: оникс + золотая фольга, фон «Грани»,
   Cinzel (латинский вордмарк), Cormorant Garamond (кириллические заголовки),
   Marck Script / Great Vibes (акценты, как на пачке), Open Sans (текст). */

/* ---------- шрифты (локально, без Google) ---------- */
@font-face{font-family:"Cinzel";src:url(../fonts/cinzel-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Cinzel";src:url(../fonts/cinzel-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Cinzel";src:url(../fonts/cinzel-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Cormorant";src:url(../fonts/cormorant-garamond-cyrillic-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant";src:url(../fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");font-weight:500;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+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant";src:url(../fonts/cormorant-garamond-cyrillic-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant";src:url(../fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F}
@font-face{font-family:"Cormorant";src:url(../fonts/cormorant-garamond-cyrillic-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant";src:url(../fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Cormorant";src:url(../fonts/cormorant-garamond-cyrillic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant";src:url(../fonts/cormorant-garamond-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Marck Script";src:url(../fonts/marck-script-cyrillic-400-normal.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:"Marck Script";src:url(../fonts/marck-script-latin-400-normal.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F}
@font-face{font-family:"Great Vibes";src:url(../fonts/great-vibes-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Open Sans";src:url(../fonts/open-sans-cyrillic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Open Sans";src:url(../fonts/open-sans-latin-400-normal.woff2) format("woff2");font-weight:400;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+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Open Sans";src:url(../fonts/open-sans-cyrillic-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Open Sans";src:url(../fonts/open-sans-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F}
@font-face{font-family:"Open Sans";src:url(../fonts/open-sans-cyrillic-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Open Sans";src:url(../fonts/open-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Open Sans";src:url(../fonts/open-sans-cyrillic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Open Sans";src:url(../fonts/open-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+20AC,U+2122,U+2212}

/* ---------- токены бренда ---------- */
:root{
  --onyx:#0B0B0C; --graphite:#17171A; --coal:#111113;
  --foil:#E3B23C; --gold-light:#F7DC7A; --gold-deep:#A8781E; --copper:#D07A2C;
  --pearl:#EDEDEF; --silver:#C9CACE; --kernel:#E9B98A; --green:#8CC63F;
  --text:#EDEDEF; --muted:#A9A9AF;
  --foil-grad:linear-gradient(100deg,#A8781E 0%,#E3B23C 22%,#F7DC7A 45%,#E3B23C 62%,#A8781E 85%,#D9A23A 100%);
  --line-grad:linear-gradient(90deg,#D07A2C,#F7DC7A,#D07A2C);
  --f-mark:"Cinzel",serif; --f-head:"Cormorant","Cinzel",Georgia,serif;
  --f-script:"Marck Script","Great Vibes",cursive; --f-vibes:"Great Vibes",cursive;
  --f-body:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --gutter:clamp(20px,5vw,80px); --max:1320px;
  --ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--onyx)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--onyx);color:var(--text);font:400 17px/1.65 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.is-loading{overflow:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px;border-radius:6px}
::selection{background:var(--foil);color:var(--onyx)}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-60px;z-index:200;background:var(--foil);color:var(--onyx);padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none}
.skip:focus{top:16px}
.wrap{width:min(100% - var(--gutter)*2,var(--max));margin-inline:auto}

/* золото фольгой — как на пачке */
.foil{background:var(--foil-grad);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 7s ease-in-out infinite}
@keyframes foil{0%,100%{background-position:0% 0}50%{background-position:100% 0}}

/* ---------- прелоадер ---------- */
.pre{position:fixed;inset:0;z-index:300;background:var(--onyx);display:grid;place-items:center;clip-path:inset(0 0 0 0)}
html:not(.js) .pre{display:none}
.pre__in{display:grid;justify-items:center;gap:28px}
.pre__word{font:400 clamp(34px,7vw,88px)/1 var(--f-mark);letter-spacing:.08em;display:flex;gap:.02em;perspective:600px;
  background:var(--foil-grad);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent}
.pre__word span{display:inline-block;transform-origin:50% 100%}
.pre__word .sp{width:.35em}
.pre__bar{width:min(260px,60vw);height:1px;background:rgba(227,178,60,.18);overflow:hidden}
.pre__bar i{display:block;height:100%;background:var(--line-grad);transform:scaleX(.08);transform-origin:left}
.pre__script{font:400 clamp(26px,3.6vw,40px)/1 var(--f-vibes);color:var(--gold-deep)}

/* ---------- шапка ---------- */
.hdr{position:fixed;inset:0 0 auto;z-index:50;transition:transform .5s var(--ease),background .4s,backdrop-filter .4s}
.hdr.is-solid{background:rgba(11,11,12,.72);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px 0 rgba(227,178,60,.14)}
.hdr.is-hidden{transform:translateY(-100%)}
.hdr__in{display:flex;align-items:center;gap:28px;height:78px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand__crest{height:44px;width:auto}
.brand__mark{font:400 22px/1 var(--f-mark);letter-spacing:.09em;white-space:nowrap}
.nav{display:flex;gap:30px;margin-left:auto}
.nav a{text-decoration:none;font-size:15px;color:var(--silver);position:relative;padding:6px 0;transition:color .3s}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line-grad);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.nav a:hover{color:var(--gold-light)}
.nav a:hover::after{transform:scaleX(1);transform-origin:left}
.langs{display:flex;gap:2px;border:1px solid rgba(227,178,60,.3);border-radius:999px;padding:3px}
.langs a{font-size:12px;font-weight:700;letter-spacing:.04em;text-decoration:none;padding:5px 9px;border-radius:999px;color:var(--silver)}
.langs a[aria-current="true"]{background:var(--foil-grad);color:var(--onyx)}
.hdr__burger{display:none;background:none;border:0;width:44px;height:44px;position:relative}
.hdr__burger i{position:absolute;left:11px;right:11px;height:1.5px;background:var(--gold-light);transition:transform .4s var(--ease)}
.hdr__burger i:first-child{top:17px}.hdr__burger i:last-child{top:26px}
.menu-open .hdr__burger i:first-child{transform:translateY(4.5px) rotate(45deg)}
.menu-open .hdr__burger i:last-child{transform:translateY(-4.5px) rotate(-45deg)}

/* ---------- кнопки ---------- */
.btn{--h:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding:0 28px;border-radius:999px;border:0;
  font:700 14px/1 var(--f-body);letter-spacing:.06em;text-decoration:none;position:relative;isolation:isolate;overflow:hidden;white-space:nowrap;transition:color .4s,box-shadow .4s}
.btn--gold{background:var(--foil-grad);background-size:200% 100%;color:var(--onyx);box-shadow:0 10px 30px -10px rgba(227,178,60,.55),inset 0 1px 0 rgba(255,255,255,.45);transition:background-position .8s var(--ease),box-shadow .4s}
.btn--gold:hover{background-position:100% 0;box-shadow:0 14px 40px -10px rgba(247,220,122,.75),inset 0 1px 0 rgba(255,255,255,.5)}
.btn--gold::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%);transform:translateX(-120%);transition:transform .9s var(--ease);z-index:-1}
.btn--gold:hover::after{transform:translateX(120%)}
.btn--line{background:transparent;color:var(--gold-light);box-shadow:inset 0 0 0 1px rgba(227,178,60,.65)}
.btn--line::before{content:"";position:absolute;inset:0;background:var(--foil-grad);transform:translateY(101%);transition:transform .55s var(--ease);z-index:-1}
.btn--line:hover{color:var(--onyx)}
.btn--line:hover::before{transform:none}
.btn--sm{--h:44px;padding:0 20px;font-size:13px}
.cart-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--onyx);color:var(--gold-light);font-size:12px}
.cart-count[hidden]{display:none}

/* ---------- разделы на сплошном фоне ---------- */
.solid{position:relative;z-index:2;background:var(--onyx)}
.section{padding:clamp(90px,12vw,170px) 0}
.h2{font:600 clamp(40px,5.6vw,84px)/1 var(--f-head);margin:0 0 22px;letter-spacing:-.01em;text-wrap:balance}
.h2 .line{display:block;overflow:hidden;padding-bottom:.08em}
.h2 .word{display:inline-block;white-space:nowrap}
.h2 .chr{display:inline-block}
.lead{max-width:52ch;color:#c9c9ce;margin:0}

/* каталог */
.catalog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px);margin-top:70px;perspective:1400px}
.pack-card{display:flex;flex-direction:column;align-items:center;text-align:center}
.pack{--sx:50%;--sy:30%;position:relative;width:100%;max-width:340px;aspect-ratio:11/16;border-radius:14px;transform-style:preserve-3d;will-change:transform;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(227,178,60,.15);overflow:hidden;
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/10px 100% repeat-x;}
.pack{-webkit-mask:none;clip-path:polygon(0 1.6%,2% 0,4% 1.6%,6% 0,8% 1.6%,10% 0,12% 1.6%,14% 0,16% 1.6%,18% 0,20% 1.6%,22% 0,24% 1.6%,26% 0,28% 1.6%,30% 0,32% 1.6%,34% 0,36% 1.6%,38% 0,40% 1.6%,42% 0,44% 1.6%,46% 0,48% 1.6%,50% 0,52% 1.6%,54% 0,56% 1.6%,58% 0,60% 1.6%,62% 0,64% 1.6%,66% 0,68% 1.6%,70% 0,72% 1.6%,74% 0,76% 1.6%,78% 0,80% 1.6%,82% 0,84% 1.6%,86% 0,88% 1.6%,90% 0,92% 1.6%,94% 0,96% 1.6%,98% 0,100% 1.6%,100% 98.4%,98% 100%,96% 98.4%,94% 100%,92% 98.4%,90% 100%,88% 98.4%,86% 100%,84% 98.4%,82% 100%,80% 98.4%,78% 100%,76% 98.4%,74% 100%,72% 98.4%,70% 100%,68% 98.4%,66% 100%,64% 98.4%,62% 100%,60% 98.4%,58% 100%,56% 98.4%,54% 100%,52% 98.4%,50% 100%,48% 98.4%,46% 100%,44% 98.4%,42% 100%,40% 98.4%,38% 100%,36% 98.4%,34% 100%,32% 98.4%,30% 100%,28% 98.4%,26% 100%,24% 98.4%,22% 100%,20% 98.4%,18% 100%,16% 98.4%,14% 100%,12% 98.4%,10% 100%,8% 98.4%,6% 100%,4% 98.4%,2% 100%,0 98.4%)}
.pack__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.25)}
.pack__seam{position:absolute;left:0;right:0;top:9%;height:2px;background:var(--line-grad);opacity:.8}
.pack__open{position:absolute;top:4%;right:9%;font:600 9px/1 var(--f-body);letter-spacing:.2em;color:var(--gold-light)}
.pack__prem{position:absolute;top:15%;left:60%;width:56%;transform:translateX(-50%) translateZ(30px)}
.pack--white .pack__prem{left:50%}
.pack__plate{position:absolute;inset:0;background:radial-gradient(60% 34% at 60% 40%,rgba(11,11,12,.88),rgba(11,11,12,.55) 55%,transparent 80%),radial-gradient(50% 18% at 60% 80%,rgba(11,11,12,.85),transparent 80%)}
.pack--white .pack__plate{background:radial-gradient(60% 34% at 50% 40%,rgba(255,255,255,.9),rgba(255,255,255,.5) 55%,transparent 80%),radial-gradient(50% 18% at 50% 80%,rgba(255,255,255,.9),transparent 80%)}
.pack__mark{position:absolute;top:34%;left:22%;right:0;font:400 clamp(20px,2.3vw,30px)/1.05 var(--f-mark);letter-spacing:.06em;transform:translateZ(50px)}
.pack__mark small{display:block;font-size:.42em;letter-spacing:.42em;margin-top:.6em;color:var(--gold-light)}
.pack__seeds{position:absolute;left:5%;top:14%;bottom:6%;display:flex;flex-direction:column;justify-content:space-around;width:20%}
.pack__seeds img{width:62%;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}
.pack__seeds img:nth-child(even){margin-left:38%}
.pack__flavor{position:absolute;bottom:15%;left:22%;right:0;font:400 clamp(30px,3.2vw,46px)/1 var(--f-script);transform:translateZ(60px)}
.pack__w{position:absolute;bottom:7%;right:12%;font:600 13px/1 var(--f-body);letter-spacing:.08em;color:var(--pearl)}
.pack__shine{position:absolute;inset:0;background:radial-gradient(circle at var(--sx) var(--sy),rgba(255,248,220,.38),transparent 45%),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.08) 45%,transparent 60%);mix-blend-mode:screen;pointer-events:none}
.pack--white .pack__mark,.pack--white .pack__flavor{left:0;color:transparent;filter:drop-shadow(0 1px 0 rgba(168,120,30,.35))}
.pack--white .pack__w{color:#3a3a3e}
.pack--white .pack__open{color:var(--gold-deep)}
.pack-card h3{font:400 clamp(34px,3vw,44px)/1 var(--f-script);color:var(--gold-light);margin:34px 0 6px}
.pack-card__w{font:600 13px/1 var(--f-body);letter-spacing:.12em;color:var(--muted);margin:0 0 10px}
.pack-card p{margin:0 0 22px;color:#c9c9ce;max-width:30ch}

/* заказ */
.order__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,60px);margin-top:60px;align-items:start}
.order__box,.opt{border-radius:28px;padding:clamp(26px,3vw,40px);background:linear-gradient(170deg,#1a1a1d,#101012);position:relative}
.order__box::before,.opt::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(150deg,rgba(247,220,122,.5),rgba(227,178,60,.04) 50%,rgba(208,122,44,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.order__item{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid rgba(237,237,239,.08)}
.order__item img{width:28px;height:auto;transition:transform .5s var(--ease)}
.order__item.is-on img{transform:rotate(-18deg) scale(1.15)}
.order__name{font:400 30px/1 var(--f-script);color:var(--gold-light)}
.order__w{font-size:13px;color:var(--muted);margin-left:8px}
.qty{margin-left:auto;display:flex;align-items:center;gap:6px}
.qty button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(227,178,60,.4);background:none;font-size:20px;line-height:1;color:var(--gold-light);transition:background .3s,color .3s}
.qty button:hover{background:var(--foil);color:var(--onyx)}
.qty__n{min-width:30px;text-align:center;font:600 18px/1 var(--f-body);font-variant-numeric:tabular-nums}
.order__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.order__send[data-empty]{opacity:.55}
.order__note{font-size:14px;color:var(--muted);margin:18px 0 0}
.order__empty{font-size:14px;color:var(--muted);margin:16px 0 0}
.opt h3{font:600 clamp(30px,2.8vw,40px)/1.05 var(--f-head);margin:0 0 14px}
.opt p{color:#c9c9ce;margin:0 0 14px}
.opt ul{margin:0 0 26px;padding:0;list-style:none;display:grid;gap:10px}
.opt li{display:flex;gap:12px;align-items:baseline}
.opt li::before{content:"";flex:none;width:8px;height:14px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--foil-grad);transform:translateY(2px)}

/* вопросы */
.faq{margin-top:50px;max-width:900px}
.faq details{border-bottom:1px solid rgba(227,178,60,.2)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font:600 clamp(22px,2.2vw,30px)/1.2 var(--f-head)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid rgba(227,178,60,.5);position:relative;transition:transform .5s var(--ease),background .3s}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--gold-light);transform:translate(-50%,-50%)}
.faq summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .5s var(--ease)}
.faq details[open] summary i{background:var(--foil)}
.faq details[open] summary i::before,.faq details[open] summary i::after{background:var(--onyx)}
.faq details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.faq__a{overflow:hidden}
.faq__a p{margin:0 0 26px;color:#c9c9ce;max-width:62ch}

/* футер */
.ftr{position:relative;z-index:2;background:linear-gradient(#0B0B0C,#070708);padding:110px 0 40px;overflow:hidden}
.ftr__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}
.ftr h2{font:600 clamp(36px,4vw,56px)/1 var(--f-head);margin:0 0 16px}
.ftr h3{font:700 13px/1 var(--f-body);letter-spacing:.14em;color:var(--gold-light);margin:6px 0 18px}
.ftr p,.ftr li{color:#c9c9ce;margin:0 0 8px}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr a{text-decoration:none;transition:color .3s}
.ftr a:hover{color:var(--gold-light)}
.ftr__tel{font:600 clamp(22px,2vw,28px)/1.3 var(--f-head);display:block}
.ftr__mark{--reveal:100%;font:400 clamp(40px,10.4vw,200px)/.9 var(--f-mark);letter-spacing:.03em;white-space:nowrap;text-align:center;margin:90px 0 30px;
  background:linear-gradient(90deg,#E3B23C 0,#F7DC7A calc(var(--reveal) - 10%),rgba(227,178,60,.08) var(--reveal));-webkit-background-clip:text;background-clip:text;color:transparent}
.ftr__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted);border-top:1px solid rgba(237,237,239,.08);padding-top:26px}
.ftr__bottom .script{font:400 22px/1 var(--f-script);color:var(--gold-deep)}

/* курсор, тост, летящая семечка */
.cursor{position:fixed;inset:0;pointer-events:none;z-index:400;mix-blend-mode:difference;opacity:0;transition:opacity .3s}
.cursor.is-on{opacity:1}
.cursor i,.cursor b{position:fixed;left:0;top:0;border-radius:50%;translate:-50% -50%}
.cursor i{width:6px;height:6px;background:var(--gold-light)}
.cursor b{width:38px;height:38px;border:1px solid rgba(247,220,122,.8);transition:width .4s var(--ease),height .4s var(--ease),background .3s}
.cursor.is-hover b{width:74px;height:74px;background:rgba(247,220,122,.15)}
.cursor.is-down b{width:26px;height:26px}
@media (pointer:fine){body.has-cursor,body.has-cursor a,body.has-cursor button{cursor:none}}
.toast{position:fixed;left:50%;bottom:28px;z-index:250;transform:translate(-50%,30px);opacity:0;padding:14px 22px;border-radius:999px;background:var(--foil-grad);color:var(--onyx);font-weight:600;font-size:14px;box-shadow:0 20px 40px -10px rgba(0,0,0,.7);transition:transform .5s var(--ease),opacity .4s;max-width:calc(100% - 32px);text-align:center}
.toast.is-on{transform:translate(-50%,0);opacity:1}
.fly{position:fixed;left:0;top:0;width:22px;height:auto;z-index:260;pointer-events:none;filter:drop-shadow(0 0 10px rgba(247,220,122,.9))}

/* ---------- адаптив ---------- */
@media (max-width:1080px){
  .nav{gap:20px}
  .numbers__grid{grid-template-columns:1fr 1fr}
  .num:first-child{grid-column:1/-1}
}
@media (max-width:900px){
  .nav,.hdr .langs{display:none}
  .hdr__burger{display:block}
  .hdr__order{margin-left:auto}
  .menu-open .nav{display:flex;position:fixed;inset:78px 0 0;flex-direction:column;gap:6px;padding:30px var(--gutter);background:rgba(11,11,12,.97);margin:0}
  .menu-open .nav a{font:600 34px/1.3 var(--f-head);color:var(--pearl)}
  .menu-open .hdr .langs{display:flex;position:fixed;left:var(--gutter);bottom:30px}
  .why,.catalog__grid,.order__grid,.ftr__grid{grid-template-columns:1fr}
  .catalog__grid{gap:70px}
}
@media (max-width:759px){
  body{font-size:16px}
  .hdr__in{height:66px;gap:12px}
  .brand__mark{font-size:18px}
  .hdr__order{--h:38px;padding:0 14px;font-size:12px}
  .hero{align-items:flex-end;padding:56vh 0 70px}
  .hero__grid{grid-template-columns:1fr}
  .hero__title{font-size:clamp(44px,13vw,64px)}
  .hero__badge{width:210px}
  .hero__hint{display:none}
  .hero::before{content:"";position:absolute;inset:40% 0 -10vh;background:linear-gradient(transparent,rgba(11,11,12,.8) 35%,rgba(11,11,12,.8) 75%,transparent);pointer-events:none;z-index:-1}
  .path__head{top:84px}
  .path__steps{top:auto;bottom:92px;transform:none}
  .path__step{inset:auto 0 0 0;max-width:none;padding:22px;border-radius:20px;background:rgba(11,11,12,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .path__step h3{font-size:40px;margin-bottom:10px}
  .path__foot{bottom:40px}
  .numbers__grid{grid-template-columns:1fr;gap:40px}
  .num:first-child .num__v,.num__v{font-size:clamp(120px,36vw,170px)}
  .order__name{font-size:26px}
  .order__item{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .path__pin{height:auto;padding:120px 0}
  .path__step{position:static;opacity:1;transform:none;filter:none;margin-bottom:40px;max-width:600px}
  .path__steps{position:static;transform:none;margin-top:40px}
  .path__head{position:static}
  .path__foot{display:none}
  .path__ghost{display:none}
}

main{position:relative;z-index:2}
.ftr__staff{opacity:.5;font-size:.8rem;margin-left:1rem;text-decoration:underline;text-underline-offset:3px}.ftr__staff:hover,.ftr__staff:focus-visible{opacity:1}