/* TEJA VUH · миры чая, магазин, карточка сорта (27.09.2026, 06 Лендинги). Язык — как у мира матчи: огромное слово, круг цвета типа,
   предмет поверх слова, воздух, движение от прокрутки. Цвет типа — только в деталях (решение 27.09). */
.I{display:block}
@keyframes gira{to{transform:rotate(360deg)}}
@keyframes cierne{from{opacity:0;filter:blur(20px);transform:translateY(-.22em) scale(1.14)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes sube{from{opacity:0;transform:translateY(80px) rotate(-14deg)}}
.l{display:inline-block;animation:cierne 1.4s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 90ms + 150ms)}
.esc:not(.listo) .l{animation-play-state:paused}
.datos{display:flex;gap:22px;margin:18px 0 0}
.datos div{font:500 11.5px/1.25 var(--tx);color:var(--gris)}.datos b{display:block;font:800 21px/1 var(--zag);letter-spacing:-.04em;color:var(--tinta)}
.cnt{font:700 13px var(--zag);letter-spacing:-.02em;text-align:right;white-space:nowrap}
.cnt .bars{display:flex;gap:4px;margin-top:8px;justify-content:flex-end}.cnt .bars i{width:12px;height:3px;border-radius:2px;background:var(--linea);transition:background .4s}.cnt .bars i.on{background:var(--tip)}

/* ── герой мира ── */
.wh{height:190svh;position:relative}
.wh .esc{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--fondo);--P:clamp(0, calc(var(--p) * 1.2), 1);--D:min(86vw, 42svh, 560px);--T:calc(96px + var(--fs, 20vw) * .8 - 18px)}
.wh .esc::before{content:"";position:absolute;inset:-10%;background:url(/nuevo/i/tramado.webp) center/340px;opacity:.07;transform:rotate(-8deg);pointer-events:none}
.wh-k{position:absolute;left:var(--padl);top:74px;z-index:7}
.wh-w{position:absolute;left:50%;top:96px;z-index:4;transform:translateX(-50%);margin:0;white-space:nowrap;font:800 var(--fs,20vw)/.8 var(--zag);letter-spacing:-.068em;text-transform:uppercase;color:var(--tip)}
.wh-disco{position:absolute;left:50%;top:var(--T);width:var(--D);aspect-ratio:1;margin-left:calc(var(--D) / -2);border-radius:50%;background:var(--tip);z-index:2}
.wh-disco::after{content:"";position:absolute;inset:-13px;border-radius:50%;border:1.5px dashed var(--tip);opacity:.5;animation:gira 80s linear infinite}
.wh-te{position:absolute;left:50%;top:calc(var(--T) + var(--D) * .08);width:calc(var(--D) * .78);margin-left:calc(var(--D) * -.39);z-index:5;
  transform:rotate(calc(-18deg + var(--P) * 40deg)) scale(calc(.94 + var(--P) * .08));filter:drop-shadow(0 26px 24px rgba(35,28,23,.34));animation:sube 1s .45s cubic-bezier(.2,.8,.2,1) backwards}
.wh-te.foto{top:calc(var(--T) + var(--D) * .12);width:calc(var(--D) * .76);margin-left:calc(var(--D) * -.38);aspect-ratio:1;border-radius:50%;object-fit:cover;border:7px solid var(--papel);transform:rotate(calc(var(--P) * 12deg))}
.wh-hoja{position:absolute;z-index:6;left:-10vw;top:calc(var(--T) + var(--D) * .56);width:30vw;max-width:220px;transform:rotate(calc(-30deg + var(--P) * 34deg)) translateY(calc(var(--P) * -40px));pointer-events:none}
.wh-vert{position:absolute;z-index:6;right:12px;top:calc(var(--T) + 6px);writing-mode:vertical-rl;font:600 30px/1 var(--tx);letter-spacing:.1em;color:var(--tip);opacity:.85}
.wh-nota{position:absolute;z-index:7;left:calc(50% - var(--D) * .02);top:calc(var(--T) + var(--D) + 6px);transform:rotate(-4deg);color:var(--terra);font:700 21px/1.05 var(--mano);max-width:14em}
.wh-pie{position:absolute;left:var(--padl);right:var(--pad);bottom:max(18px,env(safe-area-inset-bottom));z-index:7}
.wh-pie p{font:500 15.5px/1.42 var(--tx);color:var(--gris);max-width:21em;margin:0 0 14px}
.wh-pie .pil{background:var(--tip)}
@media (max-height:720px){.wh .datos{display:none}}
@media (min-width:900px){
  .wh .esc{--D:min(36vw, 60svh);--T:calc(10svh + 60px)}
  .wh-w{left:var(--padl);transform:none}
  .wh-disco{left:auto;right:8vw;margin-left:0}
  .wh-te{left:auto;right:calc(8vw + var(--D) * .11);margin-left:0}
  .wh-hoja{left:auto;right:calc(8vw + var(--D) * .8)}
  .wh-nota{left:auto;right:calc(8vw + var(--D) * .1)}
  .wh-pie{right:auto;max-width:470px;bottom:9svh}
}

/* ── какой он: шкала окисления / цвет настоя ── */
.wq{position:relative;padding:96px var(--pad) 70px var(--padl);overflow:hidden}
.wq .in{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.wq .tit2 i{color:var(--tip)}
.wq-esc{position:relative;margin:38px 0 10px;height:92px}
.wq-esc .barra{position:absolute;left:0;right:0;top:30px;height:18px;border-radius:999px;background:linear-gradient(90deg,#9DB45A 0%,#C9C08A 18%,#C6A15A 42%,#A3582F 72%,#5E2A16 100%)}
.wq-esc .punto{position:absolute;top:18px;left:calc(clamp(0, calc(var(--p,0) * 2 - .35), 1) * var(--x,.5) * (100% - 42px));width:42px;height:42px;border-radius:50%;background:var(--tip);border:4px solid var(--papel);box-shadow:0 8px 16px rgba(35,28,23,.3)}
.wq-esc small{position:absolute;top:0;font:600 10.5px/1.3 var(--tx);letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.wq-esc small.d{right:0}
.wq-esc .et{position:absolute;top:64px;left:calc(var(--x,.5) * (100% - 42px) - 20px);font:700 21px/1 var(--mano);color:var(--tip);white-space:nowrap;opacity:clamp(0, calc(var(--p,0) * 3 - 1.2), 1)}
.wq-taza{display:flex;align-items:center;gap:16px;margin:36px 0 0}
.wq-taza i{flex:none;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.35),rgba(255,255,255,0) 42%),var(--licor);box-shadow:inset 0 0 0 6px rgba(255,255,255,.55),0 12px 20px rgba(35,28,23,.18)}
.wq-taza span{font:500 15px/1.45 var(--tx);color:var(--gris);max-width:22em}.wq-taza b{display:block;font:800 13px var(--zag);letter-spacing:.02em;text-transform:uppercase;color:var(--tinta);margin-bottom:3px}
.wq .hoja-f{position:absolute;right:-16vw;top:auto;bottom:-60px;width:58vw;max-width:380px;opacity:.55;transform:rotate(calc(20deg - var(--p,0) * 40deg));pointer-events:none;z-index:1}

/* ── сорта: круг, предмет, огромное имя, сведения без коробок ── */
.ws{position:relative}
.ws .esc{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--fondo-2)}
.ws-cab{position:absolute;left:var(--padl);right:var(--pad);top:74px;z-index:6;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.ws-cab h2{font:800 clamp(22px,6.4vw,44px)/.95 var(--zag);letter-spacing:-.05em;text-transform:uppercase;margin-top:10px}
.ws-cab h2 i{font-style:normal;color:var(--tip)}
.ws-disco{position:absolute;left:50%;top:37%;width:min(78vw,38svh,480px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:var(--tip);z-index:1}
.ws-disco::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1.5px dashed var(--tip);opacity:.5;animation:gira 60s linear infinite}
.gig{position:absolute;left:0;top:calc(37% - 13vw);z-index:2;white-space:nowrap;font:800 26vw/1 var(--zag);letter-spacing:-.07em;color:var(--tip);opacity:0;transition:opacity .6s;text-transform:uppercase;
  transform:translateX(calc(8vw - var(--lp,0) * (var(--w,100) * 1% - 60vw)));mix-blend-mode:multiply;pointer-events:none}
.gig.on{opacity:.14}
.ws-plato{position:absolute;left:50%;top:37%;width:min(70vw,34svh,430px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:3}
.ws-plato img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 26px 24px rgba(35,28,23,.3));opacity:0;transform:rotate(-30deg) scale(.7);transition:opacity .55s,transform .8s cubic-bezier(.2,.8,.2,1)}
.ws-plato img.foto{inset:9%;width:82%;height:82%;object-fit:cover;border-radius:50%;border:7px solid var(--papel);filter:none;box-shadow:0 22px 36px rgba(35,28,23,.28)}
.ws-plato img.on{opacity:1;transform:rotate(calc(var(--lp,0) * 24deg - 12deg)) scale(1)}
.vert{position:absolute;right:12px;top:20%;z-index:4;writing-mode:vertical-rl;font:600 32px/1 var(--tx);letter-spacing:.08em;color:var(--tip);opacity:0;transition:opacity .5s}
.vert.on{opacity:.8}
.ws-info{position:absolute;left:var(--padl);right:var(--pad);bottom:max(18px,env(safe-area-inset-bottom));z-index:6;height:286px}
.mi{position:absolute;inset:0;opacity:0;transform:translateY(22px);transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.mi.on{opacity:1;transform:none;pointer-events:auto}
.mi .tag{font:700 21px/1 var(--mano);color:var(--tip);transform:rotate(-3deg);display:inline-block}
.mi h3{font:800 23px/1.02 var(--zag);letter-spacing:-.045em;margin:6px 0 6px}
.mi h3 a{border-bottom:2px solid transparent;transition:border-color .3s}.mi h3 a:hover{border-color:var(--tip)}
.mi p{font-size:14px;line-height:1.42;color:#4B3A2E;max-width:28em}
.fmt{display:flex;gap:8px;margin:12px 0 0;flex-wrap:wrap}
.fmt button{height:34px;padding:0 14px;border-radius:999px;border:1.5px solid var(--tip);color:var(--tip);font:600 13px var(--tx);transition:background .25s,color .25s}
.fmt button.on{background:var(--tip);color:#fff}
.mi .pp,.pc-pp{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:14px}
.pr{font:800 34px/1 var(--zag);letter-spacing:-.06em}.pr small{display:block;font:500 12px var(--tx);letter-spacing:0;color:var(--gris);margin-top:6px}
.pil.tip{background:var(--tip);box-shadow:0 10px 22px rgba(35,28,23,.2)}
.mi .mas-l{display:inline-block;margin-top:10px;font:600 13.5px var(--tx);color:var(--tip);border-bottom:1.5px solid currentColor}
@media (min-width:900px){.ws-disco,.ws-plato{left:36%}.vert{right:auto;left:58%}.ws-info{left:auto;right:8vw;width:400px;bottom:auto;top:calc(50% - 120px)}}

/* ── как заварить ── */
.wb{position:relative;background:var(--olivo);color:var(--papel);padding:100px var(--pad) 80px var(--padl);overflow:hidden}
.wb .in{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.wb .kick{color:var(--tip-luz,#E7D3A6)}
.wb .tit2 i{color:var(--tip-luz,#E7D3A6)}
.wb-num{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;margin:34px 0 0}
.wb-num div{transform:translateY(calc((1 - clamp(0, calc(var(--p,0) * 4 - .4 - var(--k,0) * .2), 1)) * 40px));opacity:clamp(0, calc(var(--p,0) * 4 - .4 - var(--k,0) * .2), 1)}
/* 30.09: цифры «В гайвани — коротко» — заливкой, а не контуром (контур не читался — список «ниже планки» 29.09) */
.wb-num b{display:block;font:800 clamp(40px,12.6vw,96px)/.86 var(--zag);letter-spacing:-.065em;color:var(--tip-luz,#E7D3A6)}
.wb-num small{display:block;font:600 11px/1.35 var(--tx);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,240,214,.7);margin-top:8px}
.wb-dos{display:grid;gap:0;margin:40px 0 0}
.wb-dos div{padding:16px 0;border-top:1.5px solid rgba(255,240,214,.3)}
.wb-dos h3{font:800 16px/1.1 var(--zag);letter-spacing:-.03em;text-transform:uppercase;color:var(--tip-luz,#E7D3A6);margin-bottom:6px}
.wb-dos p{font:500 15px/1.5 var(--tx);color:rgba(255,240,214,.86)}
.wb-alt{display:inline-block;margin-top:26px;font:700 21px/1.1 var(--mano);color:var(--tip-luz,#E7D3A6);transform:rotate(-2deg)}
.wb-gai{position:absolute;right:-12vw;bottom:-40px;width:64vw;max-width:420px;opacity:.16;filter:invert(1);transform:rotate(calc(-12deg + var(--p,0) * 20deg));pointer-events:none;z-index:1}
@media (min-width:900px){.wb-num{grid-template-columns:repeat(4,minmax(0,1fr))}.wb-dos{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5vw}}

/* ── откуда ── */
.wo{position:relative;padding:96px var(--pad) 60px var(--padl);overflow:hidden}
.wo .in{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.wo-l{list-style:none;margin:28px 0 0;padding:0}
.wo-l li{padding:18px 0;border-top:1.5px solid var(--linea)}
.wo-l li:last-child{border-bottom:1.5px solid var(--linea)}
.wo-l b{display:block;font:800 clamp(24px,7.6vw,52px)/.95 var(--zag);letter-spacing:-.05em;text-transform:uppercase}
.wo-l b i{font-style:normal;color:var(--tip)}
.wo-l span{display:block;font:500 14.5px/1.45 var(--tx);color:var(--gris);margin-top:6px}
.wo-l a{border-bottom:1.5px solid var(--linea)}

/* ── дверь в следующий мир ── */
.wn{position:relative;padding:90px var(--pad) 70px var(--padl);overflow:hidden;background:var(--fondo)}
.wn .in{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.wn-puerta{display:block;margin:14px 0 0}
.wn-puerta b{display:block;font:800 clamp(46px,15vw,150px)/.86 var(--zag);letter-spacing:-.065em;text-transform:uppercase;color:var(--sig,var(--tinta))}
.wn-puerta b i{font-style:normal;color:var(--terra);display:inline-block;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.wn-puerta:hover b i{transform:translateX(14px)}
.wn-puerta span{display:block;font:500 15px/1.5 var(--tx);color:var(--gris);margin-top:12px;max-width:26em}
.wn-otros{display:flex;flex-wrap:wrap;gap:10px 22px;margin:26px 0 0}
.wn-fuentes{margin:40px 0 0;font:500 12px/1.5 var(--tx);color:var(--gris);max-width:44em}

/* ── магазин ── */
.th{position:relative;padding:92px var(--pad) 30px var(--padl);overflow:hidden}
.th .in{max-width:1180px;margin:0 auto;position:relative;z-index:2}
.th h1{font:800 20.5vw/.8 var(--zag);letter-spacing:-.068em;text-transform:uppercase;color:var(--tinta);margin:14px 0 0;white-space:nowrap}
.th p{font:500 15.5px/1.45 var(--tx);color:var(--gris);max-width:24em;margin-top:16px}
.th-rama{position:absolute;right:-12vw;top:40px;width:50vw;max-width:340px;transform:rotate(calc(18deg - var(--p,0) * 30deg));opacity:.95;pointer-events:none}
.tf{position:sticky;top:62px;z-index:40;background:rgba(243,238,231,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea)}
.tf .in{display:flex;gap:8px;overflow-x:auto;padding:10px var(--pad) 10px var(--padl);scrollbar-width:none}
.tf .in::-webkit-scrollbar{display:none}
.tf a{flex:none;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;border:1.5px solid var(--tip,var(--tinta));color:var(--tip,var(--tinta));font:600 13px var(--tx);white-space:nowrap}
.tf a i{width:8px;height:8px;border-radius:50%;background:var(--tip,var(--tinta))}
.tg{position:relative;padding:60px var(--pad) 30px var(--padl);scroll-margin-top:120px}
.tg .in{max-width:1180px;margin:0 auto}
.tg-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:3px solid var(--tip);padding-bottom:10px}
.tg-cab h2{font:800 clamp(34px,11vw,84px)/.86 var(--zag);letter-spacing:-.06em;text-transform:uppercase;color:var(--tip)}
.tg-cab a{font:600 13.5px var(--tx);color:var(--tip);border-bottom:1.5px solid currentColor;white-space:nowrap;margin-bottom:6px}
.tg-cab small{display:block;font:600 11px/1.3 var(--tx);letter-spacing:.16em;text-transform:uppercase;color:var(--gris);margin-bottom:8px}
.tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 14px;margin:28px 0 0}
.tp{position:relative;display:block}
.tp .cir{position:relative;display:block;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--tip) 18%,var(--fondo))}
@supports not (background:color-mix(in srgb,red 10%,white)){.tp .cir{background:var(--fondo-2)}}
.tp .cir img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(35,28,23,.25));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.tp .cir img.foto{inset:14%;width:72%;height:72%;object-fit:cover;border-radius:50%;border:5px solid var(--papel);filter:none}
.tp:hover .cir img{transform:rotate(-10deg) scale(1.05)}
.tp h3{font:800 15px/1.12 var(--zag);letter-spacing:-.035em;margin:12px 0 3px}
.tp .o{display:block;font:500 12px/1.35 var(--tx);color:var(--gris)}
.tp .pp{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.tp .pp b{font:800 18px var(--zag);letter-spacing:-.05em}.tp .pp b small{font:500 11px var(--tx);letter-spacing:0;margin-right:3px}
.tp .mas{width:40px;height:40px;background:var(--tip);box-shadow:0 8px 14px rgba(35,28,23,.2)}
.tp .n{position:absolute;left:-2px;top:-6px;font:700 19px/1 var(--mano);color:var(--terra);transform:rotate(-8deg)}
@media (min-width:700px){.tr{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.tr{grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 26px}.th h1{font-size:min(15vw,190px)}}

/* ── карточка сорта ── */
.pc .esc{position:relative;min-height:100svh;overflow:hidden;background:var(--fondo);padding-bottom:30px}
.pc-cab{position:relative;z-index:7;padding:78px var(--pad) 0 var(--padl)}
.pc-w{position:relative;z-index:4;margin:12px 0 0;padding:0 var(--pad) 0 var(--padl);font:800 var(--fs,15vw)/.84 var(--zag);letter-spacing:-.065em;text-transform:uppercase;color:var(--tip);white-space:nowrap}
.pc-vis{position:relative;height:min(92vw,52svh,560px);margin-top:-18px}
.pc-disco{position:absolute;left:50%;top:0;width:min(80vw,46svh,500px);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:var(--tip)}
.pc-disco::after{content:"";position:absolute;inset:-13px;border-radius:50%;border:1.5px dashed var(--tip);opacity:.5;animation:gira 80s linear infinite}
.pc-img{position:absolute;left:50%;top:4%;width:min(74vw,43svh,470px);aspect-ratio:1;transform:translateX(-50%) rotate(-14deg);object-fit:contain;filter:drop-shadow(0 26px 24px rgba(35,28,23,.34));z-index:3;animation:sube 1s .3s cubic-bezier(.2,.8,.2,1) backwards}
.pc-img.foto{top:9%;width:min(62vw,36svh,400px);border-radius:50%;object-fit:cover;border:7px solid var(--papel);filter:none;transform:translateX(-50%)}
.pc-vert{position:absolute;right:12px;top:4%;writing-mode:vertical-rl;font:600 32px/1 var(--tx);letter-spacing:.08em;color:var(--tip);opacity:.85;z-index:4}
.pc-nota{position:absolute;left:var(--padl);bottom:2%;z-index:5;font:700 21px/1.05 var(--mano);color:var(--terra);transform:rotate(-4deg);max-width:12em}
.pc-body{position:relative;z-index:5;padding:10px var(--pad) 0 var(--padl);max-width:640px}
.pc-body .d{font:500 16px/1.5 var(--tx);color:#4B3A2E;margin:6px 0 0}
.pc-body .hay{display:block;font:700 21px/1.1 var(--mano);color:var(--tip);margin-top:14px;transform:rotate(-2deg)}
@media (min-width:900px){.pc .esc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.pc-cab,.pc-w{grid-column:1/3}.pc-vis{grid-column:2;grid-row:3;height:min(40vw,62svh)}.pc-body{grid-column:1;grid-row:3;padding-top:0}}
.pr-rel{position:relative;padding:70px var(--pad) 40px var(--padl);background:var(--fondo-2)}
.pr-rel .in{max-width:1180px;margin:0 auto}
.dic{margin:26px 0 0;padding:18px 0;border-top:1.5px solid var(--tinta);border-bottom:1.5px solid var(--tinta)}
.dic b{display:block;font:800 13px var(--zag);letter-spacing:.02em;text-transform:uppercase;color:var(--tip);margin-bottom:6px}
.dic p{font:500 15px/1.55 var(--tx);color:#4B3A2E}
.dic small{display:block;margin-top:8px;font:600 10.5px var(--tx);letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}

/* ── 27.09, слово владельца: фон сцены — цвет чая, как в /vau/2/; миры и карточки — в своём цвете ── */
.wh .esc,.pc .esc{background:var(--tip);color:var(--papel)}
.wh .esc::before{mix-blend-mode:screen;opacity:.1}
.wh .esc::after,.pc .esc::after,.ws .esc::after{content:"";position:absolute;inset:0;background:radial-gradient(90% 55% at 50% 44%,rgba(255,255,255,.14),transparent 70%);pointer-events:none;z-index:1}
.wh .kick,.ws .kick,.pc .kick{color:var(--papel);opacity:.85}
.wh-w,.pc-w{color:var(--papel)}
.wh-disco,.ws-disco,.pc-disco{background:rgba(255,240,214,.12)}
.wh-disco::after,.ws-disco::after,.pc-disco::after{border-color:rgba(255,240,214,.5)}
.wh-vert,.pc-vert,.vert{color:rgba(255,240,214,.72)}
.wh-nota,.pc-nota{color:#FFE2C2}
.wh-pie p{color:rgba(255,240,214,.86)}
.wh-pie .pil,.pil.tip{background:var(--papel);color:var(--tip);box-shadow:0 10px 22px rgba(0,0,0,.22)}
.wh .enl,.pc .enl{color:var(--papel)}
.wh .datos div,.pc .datos div{color:rgba(255,240,214,.75)}.wh .datos b{color:var(--papel)}
.ws .esc{background:var(--c0,var(--tip));color:var(--papel);transition:background-color .8s cubic-bezier(.4,0,.2,1)}
.ws .esc::before{content:"";position:absolute;inset:0;background:url(/nuevo/i/tramado.webp) center/320px;opacity:.1;mix-blend-mode:screen;pointer-events:none;z-index:1}
.ws-ola{position:absolute;inset:0;z-index:0;clip-path:circle(0% at 50% 37%);-webkit-clip-path:circle(0% at 50% 37%);pointer-events:none}
.ws-ola.va{clip-path:circle(140% at 50% 37%);-webkit-clip-path:circle(140% at 50% 37%);transition:clip-path .9s cubic-bezier(.6,0,.2,1),-webkit-clip-path .9s cubic-bezier(.6,0,.2,1)}
.ws-cab h2 i{color:#FFE2C2}
.ws .cnt .bars i,.pc .cnt .bars i{background:rgba(255,240,214,.3)}.ws .cnt .bars i.on{background:var(--papel)}
.gig{color:rgba(255,240,214,.2);mix-blend-mode:normal}.gig.on{opacity:1}
.mi .tag{color:#FFE2C2}.mi h3{color:var(--papel)}.mi p{color:rgba(255,240,214,.88)}
.mi .pr small,.pc .pr small{color:rgba(255,240,214,.75)}
.ws .fmt button,.pc .fmt button{border-color:rgba(255,240,214,.7);color:var(--papel)}
.ws .fmt button.on,.pc .fmt button.on{background:var(--papel);color:var(--tip)}
.mi .mas-l{color:var(--papel)}
.wb{background:#2A1D14;background:color-mix(in srgb,var(--tip) 42%,#140d09)}
.pc-body .d{color:rgba(255,240,214,.9)}.pc-body .hay{color:#FFE2C2}
.pc .dic{border-color:rgba(255,240,214,.5)}.pc .dic b{color:#FFE2C2}.pc .dic p{color:rgba(255,240,214,.9)}.pc .dic small{color:rgba(255,240,214,.65)}
.ws-plato img.foto,.wh-te.foto,.pc-img.foto{border-color:rgba(255,240,214,.85)}
.pc-vis{z-index:2}.pc-body{z-index:5}

/* ══ 28.09 · вход в мир: стол со всеми сортами + бирки-кнопки; лента сортов «проваливается» (слово владельца 27.09 вечером) ══ */
@keyframes flota{from{transform:translateY(0) rotate(0)}to{transform:translateY(-7px) rotate(2deg)}}
@keyframes aparece{from{opacity:0}}
@keyframes tira{0%{transform:rotate(var(--r))}30%{transform:rotate(calc(var(--r) - 10deg)) translateY(3px)}62%{transform:rotate(calc(var(--r) + 6deg))}100%{transform:rotate(var(--r))}}
@keyframes baja{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
/* миры — строка вверху, без «таблеток»: точка цвета мира и слово */
.wm{position:absolute;left:0;right:0;top:66px;z-index:9;display:flex;gap:18px;overflow-x:auto;padding:6px var(--pad) 6px var(--padl);scrollbar-width:none;-webkit-mask:linear-gradient(90deg,transparent,#000 var(--padl),#000 calc(100% - 28px),transparent);mask:linear-gradient(90deg,transparent,#000 var(--padl),#000 calc(100% - 28px),transparent)}
.wm::-webkit-scrollbar{display:none}
.wm-a{flex:none;display:inline-flex;align-items:center;gap:7px;font:600 12.5px/1 var(--tx);letter-spacing:.02em;color:rgba(255,240,214,.62);padding:6px 0;border-bottom:2px solid transparent;transition:color .3s,border-color .3s}
.wm-a i{width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px rgba(255,240,214,.75)}
.wm-a:hover{color:var(--papel)}.wm-a.on{color:var(--papel);border-bottom-color:var(--papel)}
.wh{height:165svh}
.wh .esc{--D:min(80vw,33svh,520px);--T:calc(112px + var(--fs,20vw) * .8 + 12px)}
.wh-w{top:112px;transform:translateX(-50%) translateY(calc(var(--P) * -36%));opacity:calc(1 - var(--P) * .7)}
.wh-mesa{position:absolute;left:50%;top:var(--T);width:var(--D);aspect-ratio:1;margin-left:calc(var(--D) / -2);z-index:4;
  transform:rotate(calc(var(--P) * 22deg)) scale(calc(1 + var(--P) * .42));transform-origin:50% 50%}
.wh-mesa .wh-disco{position:absolute;inset:0;left:0;right:auto;top:0;width:100%;margin:0}
.wh-anillo{position:absolute;inset:9%;border-radius:50%;border:1.5px dotted rgba(255,240,214,.4);animation:gira 50s linear infinite reverse;pointer-events:none}
.wh-it{position:absolute;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:calc(var(--s) * 100%);aspect-ratio:1;z-index:2;
  transform:translate(-50%,-50%) translate(calc(var(--dx) * var(--P) * 70%),calc(var(--dy) * var(--P) * 70%)) rotate(calc(var(--g) - var(--P) * 22deg));
  animation:aparece .9s calc(var(--f) * .12 + .35s) both;-webkit-tap-highlight-color:transparent}
.wh-it img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 14px rgba(0,0,0,.3));animation:flota 3.8s ease-in-out infinite alternate;animation-delay:calc(var(--f) * -1);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.wh-it img.foto{border-radius:50%;object-fit:cover;border:5px solid rgba(255,240,214,.88);filter:drop-shadow(0 14px 14px rgba(0,0,0,.28))}
.wh-it:hover img{transform:scale(1.07)}
.wh-it .nn{position:absolute;left:-2%;top:-4%;font:700 22px/1 var(--mano);color:#FFE2C2;transform:rotate(-10deg);text-shadow:0 2px 6px rgba(0,0,0,.25)}
.wh-hoja{top:calc(var(--T) + var(--D) * .66)}
.wh-pie{bottom:max(16px,env(safe-area-inset-bottom));opacity:calc(1 - var(--P) * 1.6);transform:translateY(calc(var(--P) * 30px))}
.wh-lead{font:500 14.5px/1.42 var(--tx);color:rgba(255,240,214,.86);max-width:24em;margin:0 0 6px!important}
.wh-cuantos{display:block;font:700 19px/1.05 var(--mano);color:#FFE2C2;margin:0 0 10px;transform:rotate(-1.5deg);transform-origin:left}
.wh-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 10px}
.wt{display:block;text-align:left;filter:drop-shadow(0 7px 10px rgba(0,0,0,.24));transform:rotate(var(--r));transition:transform .35s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent}
.wt:hover{transform:rotate(0) translateY(-2px)}.wt.tira{animation:tira .7s cubic-bezier(.3,.6,.3,1)}
.wt .pap{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;min-height:46px;padding:6px 10px 6px 25px;background:var(--papel);color:var(--tinta);
  clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%)}
.wt .pap::before{content:"";position:absolute;left:10px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--tip);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.wt .n{grid-row:1/3;font:700 21px/1 var(--mano);color:var(--tip)}
.wt b{font:700 12px/1.12 var(--zag);letter-spacing:-.03em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wt small{font:500 11px/1.25 var(--tx);color:var(--gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wh-baja{display:none}
@media (max-height:760px){.wh-lead{display:none}.wh .esc{--D:min(74vw,30svh)}}
@media (max-height:660px){.wh-cuantos{display:none}.wh .esc{--D:min(64vw,27svh)}.wt .pap{min-height:40px}}
@media (min-width:900px){
  .wm{top:70px;-webkit-mask:none;mask:none}
  .wh .esc{--D:min(40vw,62svh);--T:calc(9svh + 60px)}
  .wh-w{top:118px;left:var(--padl);transform:translateY(calc(var(--P) * -36%))}
  .wh-mesa{left:auto;right:7vw;margin-left:0}
  .wh-hoja{left:auto;right:calc(7vw + var(--D) * .86);top:calc(var(--T) + var(--D) * .6)}
  .wh-pie{right:auto;width:min(540px,44vw);bottom:8svh}
  .wh-lead{font-size:16px}
  .wh-baja{display:grid;place-items:center;position:absolute;left:50%;bottom:22px;width:40px;height:40px;margin-left:-20px;border-radius:50%;border:1.5px solid rgba(255,240,214,.5);color:var(--papel);z-index:8;animation:baja 2.2s ease-in-out infinite;opacity:calc(1 - var(--P) * 3)}
}
/* лента сортов: уходящий «проваливается» на зрителя, следующий поднимается из глубины */
.ws-plato a{position:absolute;inset:0;display:block;pointer-events:none}
.ws-plato a.on{pointer-events:auto}
.ws-plato a img{opacity:0;transform:translateY(16%) scale(.42) rotate(-22deg);transition:opacity .6s,transform .95s cubic-bezier(.2,.8,.2,1)}
.ws-plato a.on img{opacity:1;transform:rotate(calc(var(--lp,0) * 24deg - 12deg)) scale(calc(1 + max(0, var(--lp,0) - .7) * 1.2))}
.ws-plato a.ido img{opacity:0;transform:scale(2.4) rotate(16deg);transition:opacity .55s,transform .9s cubic-bezier(.55,0,.2,1)}
.gig{transition:opacity .6s}
.mi.ido{transform:translateY(-26px)}
.ws-info{height:318px}
.cnt .bars{gap:2px}
.cnt .bars button{width:16px;height:22px;display:grid;place-items:center}
.cnt .bars button::before{content:"";width:12px;height:3px;border-radius:2px;background:rgba(255,240,214,.3);transition:background .4s,width .4s}
.cnt .bars button.on::before{background:var(--papel)}.cnt .bars button.ya::before{width:16px}
.mi .abrir{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font:700 14.5px/1 var(--zag);letter-spacing:-.02em;color:var(--papel);border-bottom:2px solid rgba(255,240,214,.55);padding-bottom:4px}
.mi .abrir .ico{width:17px;height:17px;transition:transform .3s}.mi .abrir:hover .ico{transform:translateX(5px)}
@media (min-width:900px){.ws-info{height:auto}}
/* магазин 28.09: плитки форматов с ценой, строка разделов без «таблеток» */
.tp-f{display:flex;gap:5px;margin:9px 0 0}
.tp-f button{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px 5px;border-radius:10px;border:1.5px solid color-mix(in srgb,var(--tip) 45%,transparent);color:var(--tinta);transition:background .25s,color .25s,border-color .25s,transform .25s}
@supports not (border-color:color-mix(in srgb,red 10%,white)){.tp-f button{border-color:var(--linea)}}
.tp-f button b{font:700 12.5px/1 var(--zag);letter-spacing:-.03em}
.tp-f button small{font:500 10.5px/1.2 var(--tx);color:var(--gris)}
.tp-f button.on{background:var(--tip);border-color:var(--tip);color:#fff;transform:translateY(-2px)}
.tp-f button.on small{color:rgba(255,255,255,.85)}
.tp-1{display:inline-block;margin-top:8px;font:700 12px/1 var(--zag);letter-spacing:-.02em;color:var(--tip);border-bottom:1.5px dashed currentColor;padding-bottom:3px}
.tp .pp b .v{font:inherit}
.tf{background:rgba(243,238,231,.86)}
.tf .in{gap:20px}
.tf a{height:auto;padding:8px 0;border:0;border-radius:0;border-bottom:2px solid transparent;color:var(--gris);font:600 13px var(--tx);transition:color .3s,border-color .3s}
.tf a i{box-shadow:0 0 0 2px var(--fondo),0 0 0 3px var(--tip)}
.tf a.on{color:var(--tip);border-bottom-color:var(--tip)}
.tg{position:relative;z-index:1}

.tg-cab{flex-wrap:wrap}.tg-cab>div{min-width:0;max-width:100%}.tg-cab h2{white-space:normal}.tg-cab a{flex:none}

/* страница «Миры чая» */
.mh{position:relative;padding:100px var(--pad) 50px var(--padl);background:var(--fondo)}.mh .in{max-width:1180px;margin:0 auto}
.mh-l{display:flex;flex-wrap:wrap;gap:10px 20px;margin:26px 0 0}.mh-l a{display:inline-flex;align-items:center;gap:8px;font:700 16px var(--zag);letter-spacing:-.03em;color:var(--c)}
.mh-l a i{width:12px;height:12px;border-radius:50%;background:var(--c)}
.mp{position:sticky;top:0;height:100svh;background:var(--c);color:var(--papel);overflow:hidden;box-shadow:0 -30px 60px rgba(0,0,0,.25)}
.mp::before{content:"";position:absolute;inset:0;background:url(/nuevo/i/tramado.webp) center/320px;opacity:.1;mix-blend-mode:screen;pointer-events:none}
.mp-in{position:relative;display:flex;flex-direction:column;height:100%;padding:84px var(--pad) max(22px,env(safe-area-inset-bottom)) var(--padl);max-width:1180px;margin:0 auto}
.mp-n{font:600 11px var(--tx);letter-spacing:.24em;color:rgba(255,240,214,.75)}
.mp-w{font:800 clamp(52px,19vw,200px)/.82 var(--zag);letter-spacing:-.07em;text-transform:uppercase;margin:10px 0 0;white-space:nowrap}
.mp-mesa{position:relative;flex:1;min-height:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:0}
.mp-mesa img{width:clamp(70px,24vw,170px);aspect-ratio:1;object-fit:contain;margin:-6px;transform:rotate(var(--g));filter:drop-shadow(0 16px 14px rgba(0,0,0,.3));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.mp-mesa img.foto{object-fit:cover;border-radius:50%;border:4px solid rgba(255,240,214,.85)}
.mp-in:hover .mp-mesa img{transform:rotate(0) scale(1.06)}
.mp p{font:500 15px/1.45 var(--tx);color:rgba(255,240,214,.9);max-width:26em}
.mp-c{display:block;font:700 20px/1 var(--mano);color:#FFE2C2;margin:10px 0 0}
.mp-ir{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:14px;height:54px;padding:0 24px;border-radius:999px;background:var(--papel);color:var(--c);font:700 16px var(--zag);letter-spacing:-.03em;box-shadow:0 12px 24px rgba(0,0,0,.22)}
.mp-in:hover .mp-ir .ico{transform:translateX(6px)}.mp-ir .ico{transition:transform .3s}