/* ==========================================================
   ZILA — "liquid gold" storefront
   Brand: wine #591525 · sand #a39576 · cream #efeae2 · ink #0c0d0d
   Secondary: navy #0c4261 · sky #4194b3 · clay #d05b37 · teal #015f63 · aqua #43b9ba
   ========================================================== */
:root{
  --wine:#591525; --wine-2:#701c30; --wine-deep:#3a0c17;
  --sand:#a39576; --sand-lt:#d9cfba; --gold:#c9a24a;
  --cream:#efeae2; --paper:#f7f3ec; --white:#fffdf9; --ink:#0c0d0d;
  --navy:#0c4261; --sky:#4194b3; --clay:#d05b37; --teal:#015f63; --aqua:#43b9ba;
  --muted:#6e645a; --line:#ddd3c4; --line-2:#e7dfd2;
  --display:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --body:"Outfit","Avenir Next","Segoe UI",system-ui,sans-serif;
  --blob:46% 54% 52% 48% / 55% 45% 55% 45%;
  --blob2:58% 42% 45% 55% / 42% 58% 42% 58%;
  --ease:cubic-bezier(.22,.8,.22,1);
  --ease-io:cubic-bezier(.76,0,.24,1);
  --hdr:72px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;font-weight:300;overflow-x:hidden}
body.lock{overflow:hidden}
[hidden]{display:none!important}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--wine);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;line-height:1.04;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
.wrap{max-width:1320px;margin-inline:auto;padding-inline:clamp(16px,3.5vw,40px)}
.eyebrow{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--wine)}
.muted{color:var(--muted)}
svg.sym{fill:currentColor}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tnum{font-variant-numeric:tabular-nums}

/* ---------- preloader & page curtain ---------- */
.preloader{position:fixed;inset:0;z-index:100;background:var(--wine);display:grid;place-items:center;align-content:center;gap:18px;color:var(--cream);transition:clip-path .9s var(--ease-io);clip-path:inset(0 0 0 0)}
.preloader .pl-mark{width:84px;height:80px;animation:plPop 1s var(--ease) both}
.preloader .pl-wave{width:110px;height:12px;color:var(--sand);animation:plWave 1s .2s var(--ease) both}
.preloader.done{clip-path:inset(0 0 100% 0)}
@keyframes plPop{from{transform:scale(.6) rotate(-20deg);opacity:0}}
@keyframes plWave{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.no-js .preloader{display:none}
.curtain{position:fixed;inset:0;z-index:90;background:var(--wine);color:var(--sand);display:grid;place-items:center;pointer-events:none;clip-path:inset(100% 0 0 0)}
.curtain svg{width:64px;height:60px;opacity:0;transition:opacity .2s}
.curtain.in{animation:curIn .42s var(--ease-io) forwards}
.curtain.in svg{opacity:1}
.curtain.out{animation:curOut .55s var(--ease-io) forwards}
@keyframes curIn{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes curOut{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}

/* ---------- top ticker ---------- */
.topbar{background:var(--wine);color:var(--cream);font-size:12.5px;letter-spacing:.06em;overflow:hidden}
.ticker-track{display:flex;width:max-content;animation:tick 40s linear infinite}
.ticker-track span{display:flex;align-items:center;gap:14px;padding:9px 28px;white-space:nowrap}
.ticker-track b{color:#ead9b1;font-weight:500}
.ticker-track span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sand)}
.topbar:hover .ticker-track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- header ---------- */
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(239,234,226,.9);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:transform .45s var(--ease),border-color .3s,box-shadow .3s}
header.site.scrolled{border-color:var(--line);box-shadow:0 10px 30px -24px rgba(58,12,23,.5)}
header.site.hide{transform:translateY(-100%)}
.hdr{display:flex;align-items:center;gap:24px;height:var(--hdr)}
.brand{display:flex;align-items:center;gap:10px;color:var(--wine);flex:none}
.brand .m{width:40px;height:38px;transition:transform .6s var(--ease)}
.brand:hover .m{transform:rotate(-14deg) scale(1.05)}
.brand .w{width:64px;height:29px}
nav.main{display:flex;align-items:center;gap:2px;margin-inline:auto}
nav.main > a, nav.main .has-mega > a{position:relative;display:flex;align-items:center;gap:6px;padding:10px 13px;font-size:14px;letter-spacing:.03em;font-weight:400}
nav.main > a::after, nav.main .has-mega > a::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:1.5px;background:var(--wine);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
nav.main a:hover::after, nav.main a.on::after{transform:scaleX(1);transform-origin:left}
nav.main a.on{color:var(--wine)}
.chev{width:10px;height:6px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .3s}
.has-mega:hover .chev{transform:rotate(180deg)}
.pill{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;background:var(--clay);color:#fff;border-radius:999px;padding:2px 6px;position:relative}
.pill::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--clay);animation:ping 2s infinite;z-index:-1}
@keyframes ping{70%,100%{transform:scale(1.6);opacity:0}}
.icons{display:flex;gap:2px;align-items:center;flex:none}
.ibtn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;position:relative;transition:background .2s}
.ibtn:hover{background:var(--paper)}
.ibtn svg{width:21px;height:21px;fill:none;stroke:var(--ink);stroke-width:1.5}
.count{position:absolute;top:3px;right:1px;min-width:18px;height:18px;border-radius:9px;background:var(--wine);color:var(--cream);font-size:10.5px;font-weight:600;display:grid;place-items:center;padding:0 4px}
.ibtn.bump{animation:bump .6s var(--ease)}
@keyframes bump{30%{transform:scale(1.25)}60%{transform:scale(.92)}}
.menu-btn{display:none}

/* mega menu */
.has-mega{position:relative}
.mega{position:absolute;left:50%;top:100%;width:min(920px,92vw);transform:translate(-36%,10px);opacity:0;visibility:hidden;transition:.35s var(--ease);background:var(--white);border-radius:24px;box-shadow:0 30px 70px -30px rgba(58,12,23,.45);padding:22px;display:grid;grid-template-columns:200px 1fr;gap:22px}
.has-mega:hover .mega,.has-mega:focus-within .mega{opacity:1;visibility:visible;transform:translate(-36%,0)}
.mega ul{list-style:none;margin:0;padding:0;display:grid;gap:2px;align-content:start}
.mega li a{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;font-size:15px}
.mega li a:hover{background:var(--paper);color:var(--wine)}
.mega li small{color:var(--muted);font-size:12px}
.mega-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mega-tile{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;color:#fff}
.mega-tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mega-tile:hover img{transform:scale(1.08)}
.mega-tile span{position:absolute;left:12px;bottom:10px;font-family:var(--display);font-size:20px;z-index:1}
.mega-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(12,13,13,.55))}

@media (max-width:1080px){
  nav.main{position:fixed;inset:0 auto 0 0;width:min(360px,88vw);background:var(--cream);flex-direction:column;align-items:stretch;gap:0;padding:calc(env(safe-area-inset-top,0px) + 84px) 20px 24px;transform:translateX(-102%);transition:transform .5s var(--ease);z-index:60;overflow:auto;margin:0}
  nav.main.open{transform:none;box-shadow:30px 0 60px -30px rgba(0,0,0,.4)}
  nav.main > a, nav.main .has-mega > a{font-family:var(--display);font-size:26px;padding:12px 4px;border-bottom:1px solid var(--line-2)}
  nav.main a::after{display:none}
  .mega{display:none}
  .menu-btn{display:grid;z-index:61}
  .icons{margin-left:auto}
  .chev{display:none}
}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--wine);background:var(--wine);color:var(--cream);padding:15px 28px;border-radius:999px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;overflow:hidden;isolation:isolate;transition:color .45s var(--ease),border-color .3s;white-space:nowrap}
.btn::before{content:"";position:absolute;inset:0;background:var(--ink);border-radius:inherit;transform:translateY(101%);transition:transform .5s var(--ease);z-index:-1}
.btn:hover::before{transform:none}
.btn:hover{border-color:var(--ink)}
.btn.ghost{background:transparent;color:var(--wine)}
.btn.ghost::before{background:var(--wine)}
.btn.ghost:hover{color:var(--cream);border-color:var(--wine)}
.btn.light{background:var(--cream);border-color:var(--cream);color:var(--wine)}
.btn.light::before{background:var(--sand)}
.btn.light:hover{color:var(--ink);border-color:var(--sand)}
.btn.block{width:100%}
.btn.sm{padding:11px 18px;font-size:11.5px}
.btn[disabled]{opacity:.5;pointer-events:none}
.arrow{width:18px;height:10px;stroke:currentColor;fill:none;stroke-width:1.4;transition:transform .4s var(--ease)}
.btn:hover .arrow,.linkish:hover .arrow{transform:translateX(4px)}
.linkish{display:inline-flex;gap:10px;align-items:center;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--wine);padding:6px 0;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .5s var(--ease)}
.linkish:hover{background-size:0 1px;background-position:100% 100%}

/* ---------- reveal animations ---------- */
.js [data-r]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--d,0) * 80ms)}
.js [data-r="fade"]{transform:none}
.js [data-r="scale"]{transform:scale(.94)}
.js [data-r="left"]{transform:translateX(-40px)}
.js [data-r].in{opacity:1;transform:none}
.js .split .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.js .split .ln > span{display:inline-block;transform:translateY(105%);transition:transform 1.1s var(--ease);transition-delay:calc(var(--i,0) * 110ms + 100ms)}
.js .split.in .ln > span{transform:none}
.img-reveal{position:relative;overflow:hidden}
.js .img-reveal::after{content:"";position:absolute;inset:0;background:var(--sand-lt);transform-origin:right;transition:transform 1.1s var(--ease-io);z-index:2}
.js .img-reveal.in::after{transform:scaleX(0)}
.js .img-reveal img{transform:scale(1.18);transition:transform 1.6s var(--ease)}
.js .img-reveal.in img{transform:scale(1)}

/* ---------- photo base ---------- */
.ph{position:relative;overflow:hidden;background:var(--sand-lt)}
.ph img{width:100%;height:100%;object-fit:cover}
.ph.missing{display:grid;place-items:center;background:var(--paper)}
.ph.missing::before{content:"";width:34%;aspect-ratio:1;background:var(--sand);-webkit-mask:var(--zmask) center/contain no-repeat;mask:var(--zmask) center/contain no-repeat;opacity:.5}

/* ---------- hero slider ---------- */
.hero{position:relative;height:clamp(560px,86vh,820px);margin:14px clamp(10px,1.5vw,18px) 0;border-radius:32px;overflow:hidden;background:var(--wine-deep);color:var(--cream)}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s var(--ease),visibility 1s}
.slide.on{opacity:1;visibility:visible;z-index:1}
.slide .ph{position:absolute;inset:0;background:var(--wine-deep)}
.slide .ph img{transform:scale(1.15);transition:transform 7s linear}
.slide.on .ph img{transform:scale(1)}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(58,12,23,.88) 0%,rgba(58,12,23,.55) 42%,rgba(58,12,23,0) 75%),linear-gradient(0deg,rgba(12,13,13,.35),transparent 40%);z-index:1}
.slide-copy{position:absolute;z-index:2;left:clamp(22px,6vw,90px);bottom:clamp(90px,14vh,140px);max-width:min(640px,86%)}
.slide-copy .eyebrow{color:#ead9b1;display:flex;gap:10px;align-items:center}
.slide-copy .eyebrow::before{content:"";width:30px;height:1px;background:currentColor}
.slide-copy h1{font-size:clamp(48px,8.2vw,120px);margin:16px 0 18px;letter-spacing:-.025em}
.slide-copy h1 em{font-style:italic;color:#e7cf98}
.slide-copy p{font-size:clamp(15.5px,1.4vw,18px);max-width:30em;opacity:.88;margin-bottom:28px}
.slide .ln > span{display:inline-block;transform:translateY(110%);transition:transform 1.1s var(--ease)}
.slide .ln{display:block;overflow:hidden;padding-bottom:.08em}
.slide.on .ln > span{transform:none;transition-delay:calc(var(--i,0) * 120ms + .25s)}
.slide .fade-up{opacity:0;transform:translateY(20px);transition:.9s var(--ease)}
.slide.on .fade-up{opacity:1;transform:none;transition-delay:.65s}
.hero-ui{position:absolute;z-index:3;left:clamp(22px,6vw,90px);right:clamp(22px,4vw,48px);bottom:clamp(26px,4vh,40px);display:flex;align-items:center;gap:20px}
.hero-dots{display:flex;gap:10px;flex:1;max-width:420px}
.hero-dots button{flex:1;height:30px;position:relative;color:var(--cream);text-align:left;font-size:11px;letter-spacing:.14em}
.hero-dots button::before{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:rgba(239,234,226,.3)}
.hero-dots button i{position:absolute;left:0;bottom:4px;height:2px;width:0;background:var(--cream)}
.hero-dots button.on i{animation:prog 6.5s linear forwards}
.hero.paused .hero-dots button.on i{animation-play-state:paused}
@keyframes prog{to{width:100%}}
.hero-nav{display:flex;gap:8px;margin-left:auto}
.hero-nav button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(239,234,226,.45);display:grid;place-items:center;transition:background .3s}
.hero-nav button:hover{background:rgba(239,234,226,.15)}
.hero-nav svg{width:18px;height:10px;stroke:var(--cream);fill:none;stroke-width:1.4}
.hero-badge{position:absolute;z-index:3;right:clamp(22px,4vw,48px);top:clamp(22px,4vw,40px);width:118px;height:118px;color:var(--cream)}
.hero-badge svg.ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 18s linear infinite}
.hero-badge .core{position:absolute;inset:30px;border-radius:50%;background:var(--cream);color:var(--wine);display:grid;place-items:center}
.hero-badge .core svg{width:34px;height:32px}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:700px){.hero{height:clamp(540px,82vh,700px);border-radius:24px}.slide::after{background:linear-gradient(0deg,rgba(58,12,23,.92) 15%,rgba(58,12,23,.35) 60%,rgba(58,12,23,.1))}.hero-badge{width:88px;height:88px}.hero-badge .core{inset:22px}.hero-nav{display:none}}

/* ---------- trust strip ---------- */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--white);border-radius:24px;margin-top:18px;box-shadow:0 20px 50px -40px rgba(58,12,23,.4)}
.trust div{display:flex;gap:14px;align-items:center;padding:20px 22px;position:relative}
.trust div + div::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--line)}
.trust svg{width:30px;height:30px;stroke:var(--wine);fill:none;stroke-width:1.3;flex:none}
.trust b{display:block;font-weight:500;font-size:14.5px}
.trust span{font-size:12.5px;color:var(--muted)}
@media (max-width:900px){.trust{grid-template-columns:1fr 1fr}.trust div:nth-child(3)::before{display:none}}
@media (max-width:480px){.trust div{padding:14px;gap:10px}.trust svg{width:24px;height:24px}.trust b{font-size:13px}}

/* ---------- sections ---------- */
section.block{padding-block:clamp(56px,7vw,96px)}
section.tight{padding-block:clamp(36px,5vw,64px)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,36px)}
.sec-head h2{font-size:clamp(34px,4.6vw,62px);color:var(--wine);margin-top:10px}
.sec-head h2 em{font-style:italic;color:var(--sand)}
.sec-head p{color:var(--muted);max-width:32em;margin-top:10px}
.wave{display:block;width:72px;height:9px;color:var(--sand);margin-top:14px}

/* category rail */
.cat-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(10px,2vw,22px)}
.cat-dot{display:grid;justify-items:center;gap:10px;text-align:center}
.cat-dot .ph{width:100%;aspect-ratio:1;border-radius:var(--blob);transition:border-radius .8s var(--ease)}
.cat-dot:hover .ph{border-radius:var(--blob2)}
.cat-dot .ph img{transition:transform .9s var(--ease)}
.cat-dot:hover .ph img{transform:scale(1.1)}
.cat-dot b{font-family:var(--display);font-weight:400;font-size:clamp(17px,1.7vw,22px)}
.cat-dot small{font-size:12px;color:var(--muted);margin-top:-8px}
.cat-dot .ic{display:grid;place-items:center;color:var(--cream)}
.cat-dot .ic svg{width:42%;height:42%;stroke:currentColor;fill:none;stroke-width:1.2}
@media (max-width:860px){.cat-rail{grid-template-columns:repeat(3,1fr)}}

/* bento */
.bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:repeat(2,minmax(230px,1fr));gap:14px}
.tile{position:relative;border-radius:26px;overflow:hidden;color:var(--cream);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,2.4vw,30px);min-height:230px;isolation:isolate}
.tile .ph{position:absolute;inset:0;z-index:-2}
.tile .ph img{transition:transform 1.2s var(--ease)}
.tile:hover .ph img{transform:scale(1.07)}
.tile::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,13,13,.62),rgba(12,13,13,0) 60%);z-index:-1}
.tile.big{grid-row:span 2}
.tile h3{font-size:clamp(26px,2.8vw,40px)}
.tile p{font-size:14px;opacity:.85;margin:6px 0 14px;max-width:24em}
.tile .linkish{color:var(--cream)}
.tile.solid{background:var(--wine);justify-content:space-between}
.tile.solid::before{display:none}
.tile.solid .big-num{font-family:var(--display);font-size:clamp(64px,7vw,110px);line-height:.9;color:#e7cf98}
.tile.solid.navy{background:var(--navy)}
@media (max-width:900px){.bento{grid-template-columns:1fr 1fr}.tile.big{grid-column:span 2;grid-row:auto;min-height:340px}}
@media (max-width:520px){.bento{grid-template-columns:1fr}.tile.big{grid-column:auto}}

/* ---------- product cards ---------- */
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tab{border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13.5px;transition:.25s}
.tab:hover{border-color:var(--ink)}
.tab.on{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.tab .n{opacity:.55;margin-left:4px;font-size:12px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 18px}
.grid.c3{grid-template-columns:repeat(3,1fr)}
.grid.c5{grid-template-columns:repeat(5,1fr);gap:24px 14px}
@media (max-width:1100px){.grid,.grid.c5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.grid,.grid.c3,.grid.c5{grid-template-columns:repeat(2,1fr);gap:24px 12px}}
.card{display:flex;flex-direction:column;gap:10px;min-width:0;position:relative}
.card .media{position:relative;aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:var(--sand-lt)}
.card .media > a{position:absolute;inset:0}
.card .media .ph{position:absolute;inset:0}
.card .media .ph img{transition:transform 1s var(--ease),opacity .6s var(--ease)}
.card .media .ph.alt{opacity:0}
@media (hover:hover){.card:hover .media .ph.alt{opacity:1}.card:hover .media .ph img{transform:scale(1.06)}}
.tag{position:absolute;top:12px;left:12px;z-index:2;background:var(--cream);color:var(--wine);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:5px 10px;border-radius:999px}
.tag.sale{background:var(--clay);color:#fff}
.fav{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;background:rgba(255,253,249,.88);display:grid;place-items:center;transition:transform .3s var(--ease)}
.fav:hover{transform:scale(1.1)}
.fav svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.5;transition:.3s}
.fav.on svg{fill:var(--wine);stroke:var(--wine);animation:heart .5s var(--ease)}
@keyframes heart{40%{transform:scale(1.35)}}
.card-actions{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:flex;gap:6px;transform:translateY(calc(100% + 14px));transition:transform .5s var(--ease)}
@media (hover:hover){.card:hover .card-actions,.card:focus-within .card-actions{transform:none}}
@media (hover:none){.card-actions{transform:none}.card-actions .qv{display:none}}
.card-actions button{flex:1;background:var(--ink);color:var(--cream);border-radius:999px;padding:11px 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;transition:background .3s}
.card-actions button:hover{background:var(--wine)}
.card-actions .qv{flex:none;width:40px;background:var(--cream);color:var(--ink);display:grid;place-items:center;padding:0}
.card-actions .qv svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}
.finpill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}
.finpill i{width:10px;height:10px;border-radius:50%}
.gold-sw{background:linear-gradient(135deg,#f6e3a6,#c9a24a 55%,#8c6b22)}
.silver-sw{background:linear-gradient(135deg,#fafafa,#bfc2c6 55%,#7d8187)}
.card .meta{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.card h3{font-family:var(--body);font-size:15px;font-weight:500;line-height:1.3;letter-spacing:0}
.card h3 a:hover{color:var(--wine)}
.price{font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap;font-size:15px}
.price s{color:var(--muted);font-weight:300;margin-left:6px;font-size:12.5px}

/* horizontal carousel */
.rail-wrap{position:relative}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*18px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;cursor:grab}
.rail::-webkit-scrollbar{display:none}
.rail.drag{cursor:grabbing;scroll-snap-type:none}
.rail > *{scroll-snap-align:start}
@media (max-width:1000px){.rail{grid-auto-columns:calc((100% - 2*14px)/2.6);gap:14px}}
@media (max-width:600px){.rail{grid-auto-columns:72%}}
.rail-btns{display:flex;gap:8px}
.rbtn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:.3s}
.rbtn:hover{background:var(--ink);border-color:var(--ink)}
.rbtn:hover svg{stroke:var(--cream)}
.rbtn svg{width:18px;height:10px;stroke:var(--ink);fill:none;stroke-width:1.4}
.rail-progress{height:2px;background:var(--line);margin-top:26px;border-radius:2px;overflow:hidden}
.rail-progress i{display:block;height:100%;background:var(--wine);width:25%;transition:transform .2s}

/* marquee band */
.band{background:var(--wine);color:var(--cream);overflow:hidden;transform:rotate(-1.4deg);margin-block:20px;width:104%;margin-left:-2%}
.band.alt{background:var(--sand);color:var(--ink);transform:rotate(1.2deg);margin-top:-18px}
.band .track{display:flex;gap:40px;padding:16px 0;width:max-content;animation:tick 34s linear infinite}
.band.alt .track{animation-direction:reverse}
.band span{font-family:var(--display);font-style:italic;font-size:clamp(20px,2.4vw,30px);display:flex;align-items:center;gap:40px;white-space:nowrap}
.band span::after{content:"";width:22px;height:21px;background:currentColor;-webkit-mask:var(--zmask) center/contain no-repeat;mask:var(--zmask) center/contain no-repeat;opacity:.6}

/* split feature (finish) */
.finish{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fin{position:relative;border-radius:30px;overflow:hidden;min-height:clamp(380px,46vw,560px);color:var(--cream);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(24px,3.5vw,48px);isolation:isolate}
.fin .ph{position:absolute;inset:0;z-index:-2}
.fin::before{content:"";position:absolute;inset:0;z-index:-1}
.fin.g::before{background:linear-gradient(0deg,rgba(89,21,37,.92),rgba(89,21,37,.1) 65%)}
.fin.s::before{background:linear-gradient(0deg,rgba(12,66,97,.92),rgba(12,66,97,.1) 65%)}
.fin h3{font-size:clamp(36px,4vw,58px)}
.fin p{opacity:.88;margin:10px 0 20px;max-width:28em}
.fin .sw{width:44px;height:44px;border-radius:50%;margin-bottom:16px;box-shadow:0 0 0 4px rgba(255,255,255,.18)}
@media (max-width:760px){.finish{grid-template-columns:1fr}}

/* shop the look */
.look{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,60px);align-items:center}
.look-img{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:4/5}
.look-img .ph{position:absolute;inset:0}
.spot{position:absolute;z-index:3;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:var(--cream);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(239,234,226,.6);animation:spotPulse 2.4s infinite}
.spot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--wine)}
.spot.on{background:var(--wine)}
.spot.on::after{background:var(--cream)}
@keyframes spotPulse{70%{box-shadow:0 0 0 14px rgba(239,234,226,0)}}
.look-list{display:grid;gap:12px}
.look-item{display:grid;grid-template-columns:86px 1fr auto;gap:16px;align-items:center;padding:12px;border-radius:20px;border:1px solid var(--line);transition:.35s var(--ease)}
.look-item.on,.look-item:hover{background:var(--white);border-color:var(--sand);transform:translateX(6px)}
.look-item .ph{width:86px;height:96px;border-radius:14px}
.look-item b{font-weight:500;display:block}
.look-item small{color:var(--muted);font-size:12.5px}
.look-item .add{width:44px;height:44px;border-radius:50%;background:var(--wine);color:var(--cream);display:grid;place-items:center;font-size:22px;font-weight:300;transition:.3s}
.look-item .add:hover{background:var(--ink);transform:rotate(90deg)}
@media (max-width:860px){.look{grid-template-columns:1fr}}

/* feature duo: try-on + size */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.promo{position:relative;border-radius:30px;padding:clamp(26px,3.6vw,48px);overflow:hidden;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;isolation:isolate}
.promo.tryon{background:var(--ink);color:var(--cream)}
.promo.size{background:var(--sand-lt);color:var(--ink)}
.promo h3{font-size:clamp(32px,3.6vw,52px);max-width:12ch}
.promo p{max-width:26em;opacity:.85;margin-top:12px}
.promo.tryon{display:grid;grid-template-columns:1.25fr .75fr;align-items:stretch;gap:clamp(20px,3vw,36px)}
.pt-copy{display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.promo.tryon .scan{width:100%;max-width:260px;justify-self:end;align-self:center}
.scan{position:relative;aspect-ratio:3/4;border-radius:24px;overflow:hidden}
.scan .ph{position:absolute;inset:0}
.scan::after{content:"";position:absolute;left:0;right:0;height:30%;background:linear-gradient(transparent,rgba(67,185,186,.45),transparent);animation:scan 3s ease-in-out infinite;top:-30%}
@keyframes scan{50%{top:100%}}
.scan i{position:absolute;width:20px;height:20px;border:2px solid var(--aqua)}
.scan i:nth-of-type(1){top:10px;left:10px;border-right:0;border-bottom:0}
.scan i:nth-of-type(2){top:10px;right:10px;border-left:0;border-bottom:0}
.scan i:nth-of-type(3){bottom:10px;left:10px;border-right:0;border-top:0}
.scan i:nth-of-type(4){bottom:10px;right:10px;border-left:0;border-top:0}
@media (max-width:860px){.duo{grid-template-columns:1fr}.promo.tryon{grid-template-columns:1fr}.promo.tryon .scan{max-width:240px;justify-self:start}}

/* COD steps */
.cod{background:var(--paper);border-radius:34px;padding:clamp(26px,5vw,64px);display:grid;grid-template-columns:1fr 1.7fr;gap:clamp(24px,5vw,64px);align-items:start}
.cod h2{font-size:clamp(32px,4vw,52px);color:var(--wine)}
.cod .lead{color:var(--muted);margin-top:16px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;padding-top:18px;position:relative}
.steps li::after{content:"";position:absolute;left:0;top:0;height:1.5px;background:var(--wine);width:0;transition:width 1.2s var(--ease);transition-delay:calc(var(--d,0)*150ms + .2s)}
.steps.in li::after,.no-js .steps li::after{width:100%}
.steps li::before{content:"Step " counter(s);display:block;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--wine);font-weight:600;margin-bottom:10px}
.steps b{display:block;font-family:var(--display);font-weight:400;font-size:23px;margin-bottom:6px}
.steps span{font-size:14.5px;color:var(--muted)}
@media (max-width:860px){.cod{grid-template-columns:1fr}.steps{grid-template-columns:1fr}}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.stat{border-radius:24px;padding:24px;background:var(--white)}
.stat b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(38px,4vw,56px);color:var(--wine);line-height:1}
.stat span{font-size:13.5px;color:var(--muted)}
@media (max-width:760px){.stats{grid-template-columns:1fr 1fr}}

/* care / honest */
.care{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center}
.care h2{font-size:clamp(30px,3.8vw,50px)}
.care h2 em{color:var(--wine)}
.care-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.care-list div{background:var(--white);border-radius:18px;padding:16px;display:grid;gap:6px}
.care-list svg{width:26px;height:26px;stroke:var(--wine);fill:none;stroke-width:1.3}
.care-list b{font-weight:500;font-size:14.5px}
.care-list span{font-size:13px;color:var(--muted)}
.care .ph{border-radius:30px;aspect-ratio:1}
.gloss{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.gloss span{border:1px solid var(--sand);border-radius:999px;padding:6px 13px;font-size:12.5px}
.gloss b{font-weight:500;color:var(--wine)}
@media (max-width:860px){.care{grid-template-columns:1fr}}
@media (max-width:420px){.care-list{grid-template-columns:1fr}}

/* faq */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,72px)}
.faq h2{font-size:clamp(32px,4vw,52px);color:var(--wine)}
details.acc{border-bottom:1px solid var(--line)}
details.acc:first-of-type{border-top:1px solid var(--line)}
details.acc summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;gap:16px;font-weight:500;font-size:16px}
details.acc summary::-webkit-details-marker{display:none}
details.acc summary i{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);position:relative;transition:.35s var(--ease)}
details.acc summary i::before,details.acc summary i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.4px;background:var(--wine);transform:translate(-50%,-50%)}
details.acc summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .35s var(--ease)}
details.acc[open] summary i{background:var(--wine);border-color:var(--wine)}
details.acc[open] summary i::before{background:var(--cream)}
details.acc[open] summary i::after{transform:translate(-50%,-50%) rotate(0);background:var(--cream)}
details.acc .in{padding:0 0 20px;color:var(--muted);font-size:15px;max-width:44em}
details.acc[open] .in{animation:accIn .5s var(--ease)}
@keyframes accIn{from{opacity:0;transform:translateY(-8px)}}
@media (max-width:860px){.faq{grid-template-columns:1fr}}

/* gram */
.gram{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.gram a{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1}
.gram .ph{position:absolute;inset:0}
.gram .ph img{transition:transform .8s var(--ease)}
.gram a::after{content:"";position:absolute;inset:0;background:rgba(89,21,37,.55) var(--igmask);opacity:0;transition:.4s}
.gram a:hover::after{opacity:1}
.gram a:hover img{transform:scale(1.08)}
@media (max-width:760px){.gram{grid-template-columns:repeat(3,1fr)}}

/* ---------- footer ---------- */
footer.site{margin-top:clamp(56px,8vw,96px);background:var(--wine);color:var(--cream);padding-block:64px 28px;position:relative}
.foot-wave{position:absolute;left:0;right:0;top:-14px;height:16px;background:var(--wine);-webkit-mask:var(--wavemask) 0 0/90px 16px repeat-x;mask:var(--wavemask) 0 0/90px 16px repeat-x}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:36px}
.fgrid h4{font-family:var(--body);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:#e2cfa6;margin:0 0 16px}
.fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px}
.fgrid ul a{opacity:.82;transition:.25s}
.fgrid ul a:hover{opacity:1;padding-left:4px}
.flogo{display:flex;gap:16px;align-items:center;color:var(--cream)}
.flogo .m{width:62px;height:58px}.flogo .en{width:86px;height:40px}.flogo .ar{width:60px;height:48px;opacity:.85}
.fbrand p{font-size:14px;opacity:.78;margin-top:18px;max-width:30em}
.socials{display:flex;gap:8px;margin-top:20px}
.socials a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(239,234,226,.3);display:grid;place-items:center;transition:.3s}
.socials a:hover{background:var(--cream)}
.socials a:hover svg{stroke:var(--wine)}
.socials svg{width:18px;height:18px;stroke:var(--cream);fill:none;stroke-width:1.4}
.fnews p{font-size:14px;opacity:.78}
.inline-form{display:flex;border-bottom:1px solid rgba(239,234,226,.5);margin-top:14px}
.inline-form input{flex:1;min-width:0;background:transparent;border:0;padding:12px 0;color:var(--cream);font-size:15px}
.inline-form input::placeholder{color:rgba(239,234,226,.6)}
.inline-form button{width:40px;display:grid;place-items:center}
.inline-form svg{width:18px;height:10px;stroke:var(--cream);fill:none;stroke-width:1.4}
.news-ok{margin-top:10px;color:#e7cf98}
.pay{display:flex;gap:10px;align-items:center;margin-top:22px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.9}
.pay b{border:1px solid rgba(239,234,226,.4);border-radius:8px;padding:6px 10px;font-weight:500;letter-spacing:.08em}
.fbot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(239,234,226,.18);margin-top:48px;padding-top:20px;font-size:12.5px;opacity:.72}
@media (max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.fbrand,.fnews{grid-column:1/-1}}

/* ---------- page head (shop/guide) ---------- */
.pagehead{position:relative;margin:14px clamp(10px,1.5vw,18px) 0;border-radius:32px;overflow:hidden;color:var(--cream);min-height:clamp(260px,34vw,380px);display:flex;align-items:flex-end;isolation:isolate}
.pagehead .ph{position:absolute;inset:0;z-index:-2}
.pagehead::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(58,12,23,.9),rgba(58,12,23,.35) 70%,rgba(58,12,23,.15))}
.pagehead .wrap{width:100%;padding-block:clamp(28px,4vw,52px)}
.pagehead h1{font-size:clamp(48px,8vw,112px);letter-spacing:-.025em}
.pagehead h1 em{font-style:italic;color:#e7cf98}
.pagehead p{max-width:34em;opacity:.88;margin-top:12px}
.crumbs{font-size:12.5px;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;opacity:.85;letter-spacing:.04em}
.crumbs a:hover{text-decoration:underline}
.crumbs.dark{opacity:1;color:var(--muted)}
.crumbs.dark a:hover{color:var(--wine)}

/* shop layout */
.shop{display:grid;grid-template-columns:250px 1fr;gap:clamp(20px,3vw,40px);margin-top:34px;align-items:start}
.filters{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hdr) + 18px);display:grid;gap:26px}
.fgroup h4{font-family:var(--body);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin:0 0 12px}
.fopts{display:grid;gap:4px}
.fopt{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;font-size:14.5px;text-align:left;transition:.2s}
.fopt:hover{background:var(--paper)}
.fopt.on{background:var(--white);color:var(--wine);font-weight:500;box-shadow:inset 0 0 0 1px var(--sand)}
.fopt small{color:var(--muted);font-weight:300}
.fopt .finpill{color:inherit;font-size:14.5px;gap:10px}
.fopt .finpill i{width:16px;height:16px}
.range{display:grid;gap:10px}
.range input[type=range]{width:100%;accent-color:var(--wine)}
.range .vals{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}
.mini-guide{background:var(--wine);color:var(--cream);border-radius:20px;padding:18px;display:grid;gap:10px}
.mini-guide b{font-family:var(--display);font-weight:400;font-size:22px}
.mini-guide p{font-size:13.5px;opacity:.85}
.mini-guide a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:#e7cf98}
.toolbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.toolbar .right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
select.sel{font-size:13.5px;border:1px solid var(--line);background:var(--cream);border-radius:999px;padding:9px 14px}
.cols-toggle{display:flex;gap:4px}
.cols-toggle button{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1px solid transparent}
.cols-toggle button.on{border-color:var(--line);background:var(--white)}
.cols-toggle svg{width:16px;height:16px;fill:var(--ink)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;gap:8px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:6px 8px 6px 12px;font-size:12.5px}
.chip button{width:18px;height:18px;border-radius:50%;background:var(--line);line-height:1;font-size:12px}
.filter-btn{display:none}
.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--muted)}
.empty-state svg{width:80px;height:76px;color:var(--sand);margin:0 auto 14px}
@media (max-width:960px){
  .shop{grid-template-columns:1fr}
  .filters{position:fixed;inset:auto 0 0 0;top:auto;z-index:70;background:var(--cream);border-radius:26px 26px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));max-height:80vh;overflow:auto;transform:translateY(105%);transition:transform .5s var(--ease);box-shadow:0 -20px 50px -20px rgba(0,0,0,.3)}
  .filters.open{transform:none}
  .filter-btn{display:inline-flex}
  .cols-toggle{display:none}
}

/* ---------- product page ---------- */
.pd{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,4.5vw,72px);padding-block:20px 40px;align-items:start}
.gallery{display:grid;grid-template-columns:84px 1fr;gap:14px;position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hdr) + 16px)}
.thumbs{display:flex;flex-direction:column;gap:10px}
.thumbs button{aspect-ratio:4/5;border-radius:14px;overflow:hidden;border:1.5px solid transparent;transition:.3s;opacity:.7}
.thumbs button.on{border-color:var(--wine);opacity:1}
.thumbs .ph{width:100%;height:100%}
.thumbs .tryt{display:grid;place-items:center;background:var(--ink);color:var(--cream);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;gap:4px;opacity:1}
.thumbs .tryt svg{width:22px;height:22px;stroke:var(--aqua);fill:none;stroke-width:1.4}
.mainimg{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;cursor:zoom-in;background:var(--sand-lt)}
.mainimg .ph{position:absolute;inset:0;transition:opacity .5s var(--ease)}
.mainimg .ph img{transition:transform .25s ease-out;transform-origin:var(--zx,50%) var(--zy,50%)}
.mainimg.zoom .ph img{transform:scale(2.1)}
.mainimg .hint{position:absolute;left:14px;bottom:14px;background:rgba(255,253,249,.88);border-radius:999px;padding:7px 12px;font-size:12px;display:flex;gap:6px;align-items:center;z-index:2;transition:opacity .3s}
.mainimg.zoom .hint{opacity:0}
@media (hover:none){.mainimg .hint{display:none}}
.gal-nav{position:absolute;right:14px;bottom:14px;display:flex;gap:6px;z-index:2}
.gal-nav button{width:40px;height:40px;border-radius:50%;background:rgba(255,253,249,.9);display:grid;place-items:center}
.gal-nav svg{width:16px;height:9px;stroke:var(--ink);fill:none;stroke-width:1.5}
@media (max-width:960px){.pd{grid-template-columns:1fr}.gallery{position:static;grid-template-columns:1fr}.thumbs{flex-direction:row;order:2;overflow-x:auto}.thumbs button{width:70px;flex:none}}
.pinfo .top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pinfo h1{font-size:clamp(38px,4.4vw,62px);color:var(--wine);margin:12px 0 14px}
.pp{font-size:25px;font-variant-numeric:tabular-nums;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.pp s{font-size:16px;color:var(--muted)}
.pp em{font-style:normal;font-size:11.5px;background:var(--clay);color:#fff;padding:4px 10px;border-radius:999px;letter-spacing:.08em;font-weight:500}
.labels{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13px;background:var(--white)}
.label i{width:14px;height:14px;border-radius:50%}
.pinfo .desc{color:var(--muted);margin:4px 0 24px;max-width:36em;font-size:15.5px}
.opt{margin-bottom:22px}
.opt .ol{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin-bottom:10px}
.opt .ol a,.opt .ol button{text-transform:none;letter-spacing:0;font-weight:400;font-size:13px;color:var(--wine);text-decoration:underline;text-underline-offset:3px}
.sizes{display:flex;gap:8px;flex-wrap:wrap}
.sizes button{min-width:50px;border:1px solid var(--line);border-radius:12px;padding:11px 12px;font-variant-numeric:tabular-nums;transition:.2s;font-size:14.5px}
.sizes button:hover{border-color:var(--ink)}
.sizes button.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.sizes button small{display:block;font-size:10.5px;opacity:.6}
.sizes.shake{animation:shake .5s}
@keyframes shake{25%,75%{transform:translateX(-6px)}50%{transform:translateX(6px)}}
.buy{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-bottom:10px}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--white)}
.qty button{width:44px;height:50px;font-size:18px}
.qty output{min-width:26px;text-align:center;font-variant-numeric:tabular-nums}
.btn-row{display:grid;grid-template-columns:1fr auto;gap:10px}
.try-btn{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;background:var(--ink);color:var(--cream);padding:14px 22px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;transition:.3s}
.try-btn:hover{background:var(--teal)}
.try-btn svg{width:20px;height:20px;stroke:var(--aqua);fill:none;stroke-width:1.5}
.codbox{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;background:var(--paper);border-radius:20px;padding:18px;margin:20px 0 14px}
.codbox .ic{width:44px;height:44px;border-radius:50%;background:var(--wine);display:grid;place-items:center}
.codbox .ic svg{width:22px;height:22px;stroke:var(--cream);fill:none;stroke-width:1.5}
.codbox b{font-weight:500}
.codbox p{margin-top:2px;font-size:14px;color:var(--muted)}
.perks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:12.5px;color:var(--muted);text-align:center}
.perks div{border:1px solid var(--line);border-radius:14px;padding:12px 6px}
.perks b{display:block;color:var(--ink);font-weight:500;font-size:13px}
.spec{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:0}
.spec dt{color:var(--ink)}
.spec dd{margin:0}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--white);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));display:none;gap:12px;align-items:center;transform:translateY(110%);transition:transform .45s var(--ease)}
.sticky-buy.show{transform:none}
.sticky-buy .ph{width:44px;height:54px;border-radius:10px;flex:none}
.sticky-buy b{font-weight:500;font-size:14px;display:block;line-height:1.2}
.sticky-buy .btn{margin-left:auto;padding:12px 18px}
@media (max-width:960px){.sticky-buy{display:flex}}

/* size finder inline */
.finder{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:16px;margin-top:10px;display:grid;gap:10px}
.finder .row2{display:grid;grid-template-columns:1fr auto auto;gap:8px}
.finder input{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--paper);min-width:0;width:100%}
.finder .res{font-size:14px;color:var(--muted)}
.finder .res b{color:var(--wine);font-weight:500}

/* ---------- drawers & modals ---------- */
.scrim{position:fixed;inset:0;background:rgba(12,13,13,.42);z-index:80;animation:fadeIn .35s ease;backdrop-filter:blur(2px)}
@keyframes fadeIn{from{opacity:0}}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--cream);z-index:81;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);animation:inR .5s var(--ease)}
.drawer.closing{animation:outR .35s var(--ease-io) forwards}
@keyframes inR{from{transform:translateX(100%)}}
@keyframes outR{to{transform:translateX(100%)}}
.dh{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}
.dh h3{font-size:30px;color:var(--wine)}
.dh h3 small{font-family:var(--body);font-size:14px;color:var(--muted);margin-left:6px}
.db{flex:1;overflow:auto;padding:6px 24px}
.line{display:grid;grid-template-columns:78px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center;animation:lineIn .5s var(--ease) both;animation-delay:calc(var(--d,0)*60ms)}
@keyframes lineIn{from{opacity:0;transform:translateX(20px)}}
.line .ph{width:78px;height:94px;border-radius:14px}
.line b{font-weight:500;font-size:14.5px;display:block}
.line small{color:var(--muted);font-size:12.5px;display:block}
.line .mini{display:flex;gap:10px;align-items:center;margin-top:8px}
.line .mini button{border:1px solid var(--line);border-radius:50%;width:26px;height:26px;line-height:1}
.line .rm{font-size:12px;color:var(--muted);text-decoration:underline}
.df{padding:18px 24px 22px;border-top:1px solid var(--line);display:grid;gap:10px;background:var(--paper)}
.row{display:flex;justify-content:space-between;font-size:14.5px;font-variant-numeric:tabular-nums}
.row.t{font-size:18px;font-weight:500}
.meter{height:6px;border-radius:6px;background:var(--line);overflow:hidden}
.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--wine),var(--clay));border-radius:6px;transition:width .8s var(--ease)}
.hint{font-size:12.5px;color:var(--muted)}
.empty{text-align:center;padding:56px 10px;color:var(--muted);display:grid;justify-items:center;gap:14px}
.empty svg{width:90px;height:85px;color:var(--sand)}
.upsell{padding:16px 0}
.upsell h4{font-family:var(--body);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin:0 0 10px}
.upsell .u{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:8px 0}
.upsell .ph{width:52px;height:62px;border-radius:10px}
.upsell b{font-size:13.5px;font-weight:500;display:block}
.upsell small{font-size:12.5px;color:var(--muted)}
.upsell button{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;border:1px solid var(--ink);border-radius:999px;padding:7px 12px}
.modal{position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:16px;overflow:auto}
.mbox{background:var(--cream);border-radius:28px;width:min(580px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:clamp(22px,4vw,36px);animation:pop .45s var(--ease);position:relative}
.mbox.wide{width:min(980px,100%);padding:0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
@keyframes pop{from{transform:translateY(24px) scale(.97);opacity:0}}
.mbox h3{font-size:34px;color:var(--wine)}
.x{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);font-size:20px;line-height:1;display:grid;place-items:center;flex:none;transition:.3s;background:var(--cream)}
.x:hover{background:var(--ink);color:var(--cream);transform:rotate(90deg)}
.mbox.wide .x{position:absolute;top:14px;right:14px;z-index:3}
.qv-img{position:relative;min-height:420px}
.qv-img .ph{position:absolute;inset:0}
.qv-body{padding:clamp(22px,3.4vw,40px);overflow:auto;max-height:calc(100vh - 32px)}
.qv-body h3{font-size:36px;margin:10px 0}
@media (max-width:760px){.mbox.wide{grid-template-columns:1fr}.qv-img{min-height:300px}}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.fields label{display:grid;gap:6px;font-size:11.5px;letter-spacing:.1em;font-weight:500;text-transform:uppercase}
.fields .full{grid-column:1/-1}
.fields input,.fields select,.fields textarea{font-size:15px;text-transform:none;letter-spacing:0;font-weight:300;border:1px solid var(--line);background:var(--white);border-radius:12px;padding:12px 14px;width:100%;transition:border-color .2s}
.fields input:focus,.fields select:focus,.fields textarea:focus{border-color:var(--wine);outline:none}
.fields textarea{min-height:70px;resize:vertical}
@media (max-width:520px){.fields{grid-template-columns:1fr}}
.paym{display:flex;gap:12px;align-items:center;border:1.5px solid var(--wine);border-radius:16px;padding:14px;background:var(--white);margin-bottom:16px}
.paym .rad{width:18px;height:18px;border-radius:50%;border:5px solid var(--wine);flex:none}
.summary{background:var(--white);border-radius:16px;padding:14px;display:grid;gap:8px;margin-top:14px}
.summary .it{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}
.done{text-align:center;padding:10px 0;display:grid;justify-items:center;gap:12px}
.done svg.sym{width:110px;height:104px;color:var(--wine);animation:plPop .9s var(--ease)}
.done .ordno{font-family:var(--display);font-size:22px;color:var(--wine)}

/* search overlay */
.search{position:fixed;inset:0 0 auto 0;z-index:86;background:var(--cream);padding:calc(env(safe-area-inset-top,0px) + 26px) 0 30px;animation:dropIn .5s var(--ease);max-height:90vh;overflow:auto;border-radius:0 0 30px 30px}
@keyframes dropIn{from{transform:translateY(-100%)}}
.search .bar{display:flex;gap:14px;align-items:center;border-bottom:1.5px solid var(--wine);padding-bottom:10px}
.search .bar svg{width:26px;height:26px;stroke:var(--wine);fill:none;stroke-width:1.5;flex:none}
.search input{flex:1;min-width:0;border:0;background:transparent;font-family:var(--display);font-size:clamp(26px,4vw,44px);padding:6px 0;outline:none;color:var(--ink)}
.search .sugg{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.search .res{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:760px){.search .res{grid-template-columns:repeat(2,1fr)}}
.sres{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:8px;border-radius:14px;transition:.2s}
.sres:hover{background:var(--white)}
.sres .ph{width:64px;height:76px;border-radius:10px}
.sres b{font-weight:500;font-size:14px;display:block}
.sres small{color:var(--muted)}

/* toast + fly */
.toast-wrap{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:95;display:grid;gap:8px;width:max-content;max-width:calc(100% - 32px)}
.toast{background:var(--ink);color:var(--cream);padding:12px 14px 12px 12px;border-radius:999px;font-size:14px;display:flex;gap:12px;align-items:center;animation:toastIn .5s var(--ease);box-shadow:0 16px 40px -16px rgba(0,0,0,.5)}
.toast .ph{width:32px;height:32px;border-radius:50%;flex:none}
.toast button{color:#e7cf98;text-decoration:underline;font-size:13px}
.toast.out{animation:toastOut .35s ease forwards}
@keyframes toastIn{from{opacity:0;transform:translateY(20px) scale(.95)}}
@keyframes toastOut{to{opacity:0;transform:translateY(10px)}}
.fly{position:fixed;z-index:96;border-radius:50%;overflow:hidden;pointer-events:none;transition:transform .85s cubic-bezier(.5,-.3,.6,1),opacity .85s ease;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.fly img{width:100%;height:100%;object-fit:cover}

/* ---------- size guide ---------- */
.guide-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 30px;position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hdr));z-index:5;background:var(--cream);padding-block:12px;border-bottom:1px solid var(--line)}
.gtab{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:9px 18px 9px 10px;font-size:14.5px;transition:.25s;background:var(--white)}
.gtab svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.3}
.gtab.on{background:var(--wine);color:var(--cream);border-color:var(--wine)}
.gsec{display:grid;gap:22px}
.gsec[hidden]{display:none}
.how{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:stretch}
.how-card{background:var(--white);border-radius:28px;padding:clamp(22px,3vw,36px)}
.how-card h2{font-size:clamp(30px,3.4vw,46px);color:var(--wine);margin:8px 0 14px}
.how-steps{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:16px;counter-reset:h}
.how-steps li{counter-increment:h;display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start}
.how-steps li::before{content:counter(h);width:38px;height:38px;border-radius:50%;background:var(--wine);color:var(--cream);display:grid;place-items:center;font-family:var(--display);font-size:18px}
.how-steps b{font-weight:500;display:block}
.how-steps span{color:var(--muted);font-size:14.5px}
.diagram{background:var(--sand-lt);border-radius:28px;display:grid;place-items:center;padding:20px;min-height:340px;position:relative;overflow:hidden}
.diagram svg{width:100%;max-width:420px;height:auto}
.diagram .cap{position:absolute;left:18px;bottom:16px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--wine)}
.dg-line{stroke-dasharray:6 6;animation:dash 1.6s linear infinite}
@keyframes dash{to{stroke-dashoffset:-24}}
.dg-draw{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 2.4s var(--ease) .3s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@media (max-width:900px){.how{grid-template-columns:1fr}}
.calc{background:var(--ink);color:var(--cream);border-radius:28px;padding:clamp(22px,3.4vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center}
.calc h3{font-size:clamp(28px,3vw,42px)}
.calc h3 em{font-style:italic;color:#e7cf98}
.calc .sub{opacity:.75;margin-top:8px;font-size:14.5px}
.calc-in{display:grid;gap:14px;margin-top:20px}
.seg{display:inline-flex;border:1px solid rgba(239,234,226,.3);border-radius:999px;padding:3px;flex-wrap:wrap}
.seg button{padding:7px 14px;border-radius:999px;font-size:13px;color:inherit}
.seg button.on{background:var(--cream);color:var(--ink)}
.seg.light{border-color:var(--line)}
.seg.light button.on{background:var(--wine);color:var(--cream)}
.numin{display:flex;align-items:center;gap:10px;border-bottom:1.5px solid rgba(239,234,226,.5);padding-bottom:6px}
.numin input{flex:1;min-width:0;background:transparent;border:0;font-family:var(--display);font-size:clamp(40px,5vw,64px);color:var(--cream);outline:none;font-variant-numeric:tabular-nums;width:100%}
.numin span{font-size:18px;opacity:.7}
.calc input[type=range]{width:100%;accent-color:#e7cf98}
.calc-out{background:rgba(239,234,226,.07);border:1px solid rgba(239,234,226,.15);border-radius:22px;padding:clamp(20px,3vw,30px);display:grid;gap:14px;text-align:center}
.calc-out .big{font-family:var(--display);font-size:clamp(64px,8vw,110px);line-height:.9;color:#e7cf98;font-variant-numeric:tabular-nums}
.calc-out .lbl{font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}
.calc-out .conv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.calc-out .conv div{background:rgba(239,234,226,.07);border-radius:14px;padding:10px 6px}
.calc-out .conv b{display:block;font-weight:500;font-size:18px;font-variant-numeric:tabular-nums}
.calc-out .conv span{font-size:11px;opacity:.65;letter-spacing:.08em;text-transform:uppercase}
.calc-out .note{font-size:13.5px;opacity:.8}
.calc-out .btn{justify-self:center}
.pop-num{animation:popNum .45s var(--ease)}
@keyframes popNum{from{transform:translateY(10px);opacity:.3}}
@media (max-width:860px){.calc{grid-template-columns:1fr}}
.tablebox{overflow-x:auto;background:var(--white);border-radius:24px;padding:8px}
table.sz{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:560px}
table.sz th{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;text-align:left;padding:14px 16px;color:var(--wine);border-bottom:1px solid var(--line)}
table.sz td{padding:12px 16px;border-bottom:1px solid var(--line-2);font-size:14.5px}
table.sz tr:last-child td{border-bottom:0}
table.sz tr.hl td{background:var(--wine);color:var(--cream)}
table.sz tr.hl td:first-child{border-radius:12px 0 0 12px}
table.sz tr.hl td:last-child{border-radius:0 12px 12px 0}
.lengths{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}
.body-fig{background:var(--sand-lt);border-radius:28px;padding:20px;display:grid;place-items:center}
.body-fig svg{width:100%;max-width:380px}
.len-list{display:grid;gap:8px}
.len{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--white);border:1px solid transparent;text-align:left;transition:.25s}
.len.on,.len:hover{border-color:var(--wine)}
.len i{width:14px;height:14px;border-radius:50%}
.len b{font-weight:500;display:block}
.len small{color:var(--muted);font-size:12.5px}
.len span{font-variant-numeric:tabular-nums;font-size:14px;color:var(--wine);font-weight:500}
@media (max-width:860px){.lengths{grid-template-columns:1fr}}
.sizer{scroll-margin-top:170px;background:var(--white);border-radius:28px;padding:clamp(20px,3vw,36px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center}
.sizer h3{font-size:clamp(28px,3vw,42px);color:var(--wine)}
.sizer-stage{display:grid;place-items:center;min-height:300px;background:var(--paper);border-radius:22px;position:relative;overflow:hidden}
.card-box{border:2px dashed var(--wine);border-radius:10px;display:grid;place-items:center;color:var(--wine);font-size:12px;letter-spacing:.1em;text-transform:uppercase;transition:width .1s,height .1s;background:rgba(89,21,37,.04)}
.ring-c{border-radius:50%;border:2px solid var(--wine);background:radial-gradient(circle,rgba(89,21,37,.06),transparent 70%);display:grid;place-items:center;color:var(--wine);font-size:12px;position:relative}
.ring-c::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:12px solid rgba(201,162,74,.35)}
.sizer-steps{display:flex;gap:6px;margin:16px 0}
.sizer-steps span{flex:1;height:3px;border-radius:3px;background:var(--line)}
.sizer-steps span.on{background:var(--wine)}
.sizer .ctrl{display:grid;gap:10px;margin:18px 0}
.sizer .ctrl input{width:100%;accent-color:var(--wine)}
.sizer .read{font-family:var(--display);font-size:46px;color:var(--wine);font-variant-numeric:tabular-nums}
@media (max-width:860px){.sizer{grid-template-columns:1fr}}
.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tips div{background:var(--white);border-radius:22px;padding:20px;display:grid;gap:8px}
.tips svg{width:28px;height:28px;stroke:var(--wine);fill:none;stroke-width:1.3}
.tips b{font-weight:500}
.tips span{font-size:14px;color:var(--muted)}
@media (max-width:760px){.tips{grid-template-columns:1fr}}
.ear-scale{display:flex;gap:18px;align-items:flex-end;justify-content:center;flex-wrap:wrap}
.ear-scale div{display:grid;justify-items:center;gap:8px;font-size:13px}
.ear-scale i{display:block;border-radius:50%;border:3px solid var(--gold)}
.ear-scale b{font-weight:500}
.ear-scale small{color:var(--muted)}

/* ---------- try-on ---------- */
.tryon{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(18px,3vw,36px);margin-top:28px;align-items:start}
.stage{position:relative;aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:var(--ink);color:var(--cream);touch-action:none}
.stage canvas{position:absolute;inset:0;width:100%;height:100%}
.stage video{display:none}
.stage-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;gap:16px;align-content:center;background:radial-gradient(circle at 50% 40%,#2a1016,var(--ink) 70%)}
.stage-empty h3{font-size:clamp(28px,3.4vw,44px)}
.stage-empty p{opacity:.75;max-width:30em;margin-inline:auto}
.stage-empty .acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.stage-empty .ring-anim{width:110px;height:110px;margin:0 auto;position:relative}
.stage-empty .ring-anim i{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--aqua);animation:ripple 2.4s infinite}
.stage-empty .ring-anim i:nth-child(2){animation-delay:.8s}
.stage-empty .ring-anim i:nth-child(3){animation-delay:1.6s}
.stage-empty .ring-anim svg{position:absolute;left:28px;top:28px;width:54px;height:54px;color:var(--cream)}
@keyframes ripple{from{transform:scale(.4);opacity:1}to{transform:scale(1.2);opacity:0}}
.stage-hud{position:absolute;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;gap:8px;z-index:3;pointer-events:none}
.stage-hud > *{pointer-events:auto}
.hud-pill{background:rgba(12,13,13,.6);backdrop-filter:blur(8px);border-radius:999px;padding:7px 12px;font-size:12.5px;display:flex;gap:8px;align-items:center}
.hud-pill i{width:8px;height:8px;border-radius:50%;background:var(--aqua);animation:blink 1.4s infinite}
.hud-pill.warn i{background:var(--clay)}
@keyframes blink{50%{opacity:.3}}
.stage-tools{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:6px;z-index:3;background:rgba(12,13,13,.6);backdrop-filter:blur(8px);border-radius:999px;padding:6px}
.stage-tools button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--cream);transition:.2s}
.stage-tools button:hover,.stage-tools button.on{background:rgba(239,234,226,.18)}
.stage-tools svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}
.try-panel{display:grid;gap:18px}
.try-panel .box{background:var(--white);border-radius:24px;padding:20px}
.try-panel h4{font-family:var(--body);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin:0 0 12px}
.try-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:360px;overflow:auto;padding:2px}
.try-item{border-radius:16px;overflow:hidden;border:2px solid transparent;text-align:left;transition:.25s;background:var(--paper)}
.try-item.on{border-color:var(--wine)}
.try-item .ph{aspect-ratio:1}
.try-item span{display:block;font-size:12px;padding:6px 8px;line-height:1.25}
.adj{display:grid;gap:10px}
.adj label{display:grid;grid-template-columns:70px 1fr 44px;gap:10px;align-items:center;font-size:13px}
.adj input{accent-color:var(--wine);width:100%}
.adj output{font-variant-numeric:tabular-nums;text-align:right;color:var(--muted)}
.try-sel{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center}
.try-sel .ph{width:70px;height:84px;border-radius:12px}
.try-sel b{font-weight:500;display:block}
@media (max-width:960px){.tryon{grid-template-columns:1fr}.stage{aspect-ratio:3/4}}
.howto{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.howto div{border-top:1.5px solid var(--wine);padding-top:14px}
.howto b{font-family:var(--display);font-weight:400;font-size:21px;display:block;margin-bottom:4px}
.howto span{font-size:14px;color:var(--muted)}
@media (max-width:760px){.howto{grid-template-columns:1fr}}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .js [data-r],.js .split .ln > span,.slide .ln > span,.slide .fade-up{opacity:1!important;transform:none!important}
  .js .img-reveal::after{display:none}
}

:root{--zmask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjQ4MS4xIDY4LjEgMjM2LjMgMjIwLjMiPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0gNjY5LjI0MjE4OCAxMjguNDQxNDA2IEMgNjcwLjExNzE4OCAxMjUuNTY2NDA2IDY2OS42OTUzMTIgMTIyLjg1OTM3NSA2NjcuOTc2NTYyIDEyMC4zMTY0MDYgQyA2NjYuOTcyNjU2IDExOC43NTM5MDYgNjY1LjM5MDYyNSAxMTcuNDcyNjU2IDY2My4yMjI2NTYgMTE2LjQ2ODc1IEMgNjU5LjE1NjI1IDExNC40OTIxODggNjU0Ljc3NzM0NCAxMTMuNDg0Mzc1IDY1MC4wODIwMzEgMTEzLjQ0MTQwNiBDIDY0Ni4yMTA5MzggMTEzLjQyNTc4MSA2NDIuNjY3OTY5IDExMy41ODIwMzEgNjM5LjQ1MzEyNSAxMTMuOTEwMTU2IEMgNjM0LjkxMDE1NiAxMTQuMzcxMDk0IDYzMC40MTQwNjIgMTE1LjAxMTcxOSA2MjUuOTY4NzUgMTE1LjgyNDIxOSBDIDYyNC41NjY0MDYgMTE2LjAxNTYyNSA2MjIuNDUzMTI1IDExNi4zNjMyODEgNjE5LjYzMjgxMiAxMTYuODc4OTA2IEMgNjE2LjU5NzY1NiAxMTcuNDM3NSA2MTQuMzA0Njg4IDExNy44Mzk4NDQgNjEyLjc1NzgxMiAxMTguMDc4MTI1IEMgNjEyLjA1MDc4MSAxMTguMjA3MDMxIDYxMS4wMzEyNSAxMTguMzcxMDk0IDYwOS42OTUzMTIgMTE4LjU2NjQwNiBDIDYwNC44NDM3NSAxMTkuMzM5ODQ0IDYwMS4xOTkyMTkgMTE5Ljc2MTcxOSA1OTguNzczNDM4IDExOS44MzIwMzEgQyA1OTguNjk1MzEyIDExOS44OTQ1MzEgNTk4LjU1ODU5NCAxMTkuOTE0MDYyIDU5OC4zNTE1NjIgMTE5Ljg5MDYyNSBDIDU5Ni41NTQ2ODggMTE5Ljg5NDUzMSA1OTUuMTc5Njg4IDExOS44MTI1IDU5NC4yMzQzNzUgMTE5LjYzNjcxOSBDIDU5My42OTE0MDYgMTE5LjUwNzgxMiA1OTIuODg2NzE5IDExOS4zMTI1IDU5MS44MDg1OTQgMTE5LjA1NDY4OCBDIDU4OC44NDM3NSAxMTguMzc4OTA2IDU4Ni42MDU0NjkgMTE3Ljk4ODI4MSA1ODUuMDk3NjU2IDExNy44OTA2MjUgQyA1ODAuNjc1NzgxIDExNy4yNTc4MTIgNTc2LjUzNTE1NiAxMTguMTA1NDY5IDU3Mi42ODM1OTQgMTIwLjQ0MTQwNiBDIDU2OS43MDcwMzEgMTIyLjMyMDMxMiA1NjcuNTU0Njg4IDEyNC41NjY0MDYgNTY2LjIyNjU2MiAxMjcuMTgzNTk0IEMgNTY1LjE3OTY4OCAxMjkuMTQwNjI1IDU2NC42NTYyNSAxMzEuMDE1NjI1IDU2NC42NjQwNjIgMTMyLjgxMjUgQyA1NjQuNjM2NzE5IDEzNi4xMjg5MDYgNTY1Ljc1MzkwNiAxMzkuMTIxMDk0IDU2OC4wMTE3MTkgMTQxLjc5Mjk2OSBDIDU2OS45NjA5MzggMTQ0LjE1NjI1IDU3Mi40MTAxNTYgMTQ1LjQzMzU5NCA1NzUuMzU5Mzc1IDE0NS42MjEwOTQgQyA1NzcuMjc3MzQ0IDE0NS43Njk1MzEgNTc5LjkxNDA2MiAxNDUuMzcxMDk0IDU4My4yNjk1MzEgMTQ0LjQzMzU5NCBDIDU4My42OTUzMTIgMTQ0LjM0Mzc1IDU4NC4zOTg0MzggMTQ0LjIxNDg0NCA1ODUuMzg2NzE5IDE0NC4wNDY4NzUgQyA1ODYuNzk2ODc1IDE0My43ODkwNjIgNTg3LjgyODEyNSAxNDMuNTI3MzQ0IDU4OC40ODA0NjkgMTQzLjI1MzkwNiBDIDU4OS40MjE4NzUgMTQyLjg3NSA1OTAuNzE0ODQ0IDE0Mi4xMjEwOTQgNTkyLjM2MzI4MSAxNDAuOTkyMTg4IEMgNTkzLjAzOTA2MiAxNDAuNTE1NjI1IDU5My41NjI1IDE0MC4xNjAxNTYgNTkzLjkzMzU5NCAxMzkuOTI1NzgxIEMgNTk1LjI2OTUzMSAxMzkuMTA1NDY5IDU5Ny4wMjM0MzggMTM4LjI2NTYyNSA1OTkuMTkxNDA2IDEzNy40MDIzNDQgQyA2MDMuMDE1NjI1IDEzNS45NjQ4NDQgNjA2Ljk1NzAzMSAxMzUuMDIzNDM4IDYxMS4wMTU2MjUgMTM0LjU3ODEyNSBDIDYxNC4zMDA3ODEgMTM0LjI1MzkwNiA2MTYuODc1IDEzNC40MDIzNDQgNjE4Ljc0MjE4OCAxMzUuMDI3MzQ0IEMgNjIwLjAxNTYyNSAxMzUuMzc1IDYyMC44ODY3MTkgMTM2LjIzNDM3NSA2MjEuMzU5Mzc1IDEzNy42MDE1NjIgQyA2MjEuNjk1MzEyIDEzOC44ODI4MTIgNjIxLjM2MzI4MSAxNDAuMzMyMDMxIDYyMC4zNTE1NjIgMTQxLjk0NTMxMiBDIDYxOS40NDkyMTkgMTQzLjIyNjU2MiA2MTcuOTcyNjU2IDE0NC42ODc1IDYxNS45MjE4NzUgMTQ2LjMyNDIxOSBDIDYxNC40ODA0NjkgMTQ3LjQ3NjU2MiA2MTIuMTk1MzEyIDE0OS4wNTA3ODEgNjA5LjA3MDMxMiAxNTEuMDUwNzgxIEMgNjA3LjQzNzUgMTUyLjA0Mjk2OSA2MDYuMjUgMTUyLjc3MzQzOCA2MDUuNTA3ODEyIDE1My4yNDYwOTQgQyA2MDQuMDg1OTM4IDE1NC4xOTE0MDYgNjAxLjg2MzI4MSAxNTUuNTMxMjUgNTk4LjgzNTkzOCAxNTcuMjY5NTMxIEMgNTk2LjQwMjM0NCAxNTguNjUyMzQ0IDU5NC41NTA3ODEgMTU5LjcyNjU2MiA1OTMuMjkyOTY5IDE2MC40ODQzNzUgQyA1OTIuNTU4NTk0IDE2MC44ODY3MTkgNTkxLjQzNzUgMTYxLjYyNSA1ODkuOTMzNTk0IDE2Mi42OTkyMTkgQyA1ODkuMTgzNTk0IDE2My4yMzgyODEgNTg4LjYyMTA5NCAxNjMuNjI1IDU4OC4yNSAxNjMuODU5Mzc1IEMgNTg1Ljg1MTU2MiAxNjUuNTI3MzQ0IDU4NC4wMzkwNjIgMTY2Ljg3ODkwNiA1ODIuODIwMzEyIDE2Ny45MTc5NjkgQyA1ODAuOTA2MjUgMTY5LjU3MDMxMiA1NzkuMzcxMDk0IDE3MS4yMzA0NjkgNTc4LjIxODc1IDE3Mi44OTg0MzggQyA1NzYuOTcyNjU2IDE3NC43NjU2MjUgNTc1LjQ0OTIxOSAxNzYuMzU1NDY5IDU3My42NDA2MjUgMTc3LjY3MTg3NSBDIDU3Mi42NTYyNSAxNzguNDYwOTM4IDU3MS4wMzEyNSAxNzkuMzg2NzE5IDU2OC43Njk1MzEgMTgwLjQ0NTMxMiBDIDU2Ni45NDE0MDYgMTgxLjM0NzY1NiA1NjUuNjEzMjgxIDE4Mi4wOTc2NTYgNTY0Ljc4NTE1NiAxODIuNjk1MzEyIEMgNTYzLjA3ODEyNSAxODMuNzUgNTYxLjM2NzE4OCAxODUuMTQ4NDM4IDU1OS42NTIzNDQgMTg2Ljg5MDYyNSBDIDU1Ny4yMzA0NjkgMTg5LjM4NjcxOSA1NTUuMTk5MjE5IDE5MS43ODUxNTYgNTUzLjU1ODU5NCAxOTQuMDg5ODQ0IEMgNTUzLjIzODI4MSAxOTQuNDY4NzUgNTUyLjgzMjAzMSAxOTUuMDExNzE5IDU1Mi4zMzk4NDQgMTk1LjcxNDg0NCBDIDU1MC4yMTA5MzggMTk4LjY1NjI1IDU0OC41ODU5MzggMjAwLjgyNDIxOSA1NDcuNDY0ODQ0IDIwMi4yMTg3NSBDIDU0Ni4wMDc4MTIgMjA0LjEzMjgxMiA1NDQuNDc2NTYyIDIwNS43NTc4MTIgNTQyLjg3NSAyMDcuMDk3NjU2IEMgNTQxLjY0MDYyNSAyMDguMjczNDM4IDUzOS41OTc2NTYgMjA5Ljg0Mzc1IDUzNi43NSAyMTEuODA0Njg4IEMgNTM2LjE2MDE1NiAyMTIuMTUyMzQ0IDUzNS43MTA5MzggMjEyLjQ0OTIxOSA1MzUuNDA2MjUgMjEyLjY5MTQwNiBDIDUzMi4zODY3MTkgMjE0Ljk4MDQ2OSA1MzAuMDM5MDYyIDIxNy40NDUzMTIgNTI4LjM1OTM3NSAyMjAuMDkzNzUgQyA1MjcuMDg5ODQ0IDIyMi4xNjQwNjIgNTI2LjE4NzUgMjI0LjM3ODkwNiA1MjUuNjQ4NDM4IDIyNi43MzQzNzUgQyA1MjUuMTM2NzE5IDIyOC44MjAzMTIgNTI1LjE4NzUgMjMxLjE3OTY4OCA1MjUuNzg5MDYyIDIzMy44MDA3ODEgQyA1MjYuNTU0Njg4IDIzNi44NTkzNzUgNTI4LjE0MDYyNSAyMzkuMzUxNTYyIDUzMC41NTA3ODEgMjQxLjI4MTI1IEMgNTMxLjgyODEyNSAyNDIuMjUzOTA2IDUzMy41NDY4NzUgMjQyLjkyOTY4OCA1MzUuNzE0ODQ0IDI0My4zMDg1OTQgQyA1MzcuNTc0MjE5IDI0My4zNzg5MDYgNTM5LjM5MDYyNSAyNDMuMjAzMTI1IDU0MS4xNjQwNjIgMjQyLjc3NzM0NCBDIDU0Mi42NjAxNTYgMjQyLjM5MDYyNSA1NDQuNzY5NTMxIDI0MS40NTMxMjUgNTQ3LjQ5NjA5NCAyMzkuOTYwOTM4IEMgNTQ4LjQ1NzAzMSAyMzkuMzc4OTA2IDU0OS4xOTUzMTIgMjM4Ljk3NjU2MiA1NDkuNzAzMTI1IDIzOC43NTc4MTIgQyA1NTEuMjUgMjM3Ljg5NDUzMSA1NTMuNjkxNDA2IDIzNi43ODUxNTYgNTU3LjAyMzQzOCAyMzUuNDI5Njg4IEMgNTU3LjUyNzM0NCAyMzUuMjEwOTM4IDU1Ny45Mjk2ODggMjM1LjA0Njg3NSA1NTguMjE4NzUgMjM0Ljk0MTQwNiBDIDU2NC41ODk4NDQgMjMyLjMzNTkzOCA1NzEuNDU3MDMxIDIyOS45NTcwMzEgNTc4LjgxNjQwNiAyMjcuODA4NTk0IEMgNTgwLjY4MzU5NCAyMjcuMTg3NSA1ODMuNTMxMjUgMjI2LjQzNzUgNTg3LjM2MzI4MSAyMjUuNTUwNzgxIEMgNTg4LjQyNTc4MSAyMjUuMzI0MjE5IDU4OS4yMDcwMzEgMjI1LjEzNjcxOSA1ODkuNzA3MDMxIDIyNC45ODQzNzUgQyA1OTMuNDYwOTM4IDIyNC4xNjAxNTYgNTk2LjUgMjIzLjU2NjQwNiA1OTguODI0MjE5IDIyMy4yMDMxMjUgQyA2MDAuNjY0MDYyIDIyMi43ODkwNjIgNjAzLjQ5MjE4OCAyMjIuMjQyMTg4IDYwNy4zMDA3ODEgMjIxLjU2MjUgQyA2MDkuMjgxMjUgMjIxLjE2MDE1NiA2MTAuNzYxNzE5IDIyMC44Nzg5MDYgNjExLjc1IDIyMC43MTA5MzggQyA2MTIuNzM0Mzc1IDIyMC41NDY4NzUgNjE0LjI4MTI1IDIyMC4zMzk4NDQgNjE2LjM4MjgxMiAyMjAuMDg5ODQ0IEMgNjE5LjA1MDc4MSAyMTkuNjk1MzEyIDYyMS4wNTg1OTQgMjE5LjM2NzE4OCA2MjIuNDAyMzQ0IDIxOS4xMDE1NjIgQyA2MjUuNzQ2MDk0IDIxOC4yMzQzNzUgNjI4LjQxNDA2MiAyMTcuMjUzOTA2IDYzMC40MDIzNDQgMjE2LjE2MDE1NiBDIDYzMi42Nzk2ODggMjE0Ljk2NDg0NCA2MzQuNzA3MDMxIDIxMy41IDYzNi40OTIxODggMjExLjc2MTcxOSBDIDYzOC4wMzUxNTYgMjEwLjM0NzY1NiA2MzkuMTY0MDYyIDIwOS4xOTUzMTIgNjM5Ljg4NjcxOSAyMDguMzA4NTk0IEMgNjQxLjA3MDMxMiAyMDYuOTg4MjgxIDY0MS45NDUzMTIgMjA1LjY2Nzk2OSA2NDIuNTAzOTA2IDIwNC4zNDc2NTYgQyA2NDMuNjY3OTY5IDIwMS45ODgyODEgNjQ0LjA1MDc4MSAxOTkuODIwMzEyIDY0My42NDg0MzggMTk3LjgzOTg0NCBDIDY0My4wMTk1MzEgMTk0LjgwMDc4MSA2NDEuMjYxNzE5IDE5Mi41OTc2NTYgNjM4LjM3NSAxOTEuMjM4MjgxIEMgNjM2LjI1NzgxMiAxOTAuMzc4OTA2IDYzMy4yOTI5NjkgMTkwLjAxNTYyNSA2MjkuNDc2NTYyIDE5MC4xNDA2MjUgQyA2MjcuMTc5Njg4IDE5MC4yOTY4NzUgNjI0LjI4OTA2MiAxOTAuNzY5NTMxIDYyMC44MTY0MDYgMTkxLjU1NDY4OCBDIDYxOS4wNDI5NjkgMTkxLjk4MDQ2OSA2MTYuMzU1NDY5IDE5Mi44MjAzMTIgNjEyLjc2MTcxOSAxOTQuMDc0MjE5IEMgNjExLjk2ODc1IDE5NC4zMzIwMzEgNjExLjM1OTM3NSAxOTQuNTM5MDYyIDYxMC45MjU3ODEgMTk0LjY5OTIxOSBDIDYxMC4wNjI1IDE5NS4wMTk1MzEgNjA4LjY5NTMxMiAxOTUuNDg4MjgxIDYwNi44MjgxMjUgMTk2LjEwOTM3NSBDIDYwNC41OTc2NTYgMTk2Ljg5NDUzMSA2MDIuOTQxNDA2IDE5Ny41MDM5MDYgNjAxLjg1NTQ2OSAxOTcuOTM3NSBDIDYwMS42NDQ1MzEgMTk3Ljk4MDQ2OSA2MDEuMzIwMzEyIDE5OC4wODIwMzEgNjAwLjg5MDYyNSAxOTguMjQyMTg4IEMgNTk4LjQ5MjE4OCAxOTkuMjg5MDYyIDU5Ni42NDg0MzggMjAwLjAxNTYyNSA1OTUuMzU5Mzc1IDIwMC40MjE4NzUgQyA1OTUuMjEwOTM4IDIwMC40NzY1NjIgNTk0Ljk5NjA5NCAyMDAuNTU0Njg4IDU5NC43MDcwMzEgMjAwLjY2MDE1NiBDIDU5MS41NTg1OTQgMjAxLjYyMTA5NCA1ODkuMTQ0NTMxIDIwMi4yMTQ4NDQgNTg3LjQ2MDkzOCAyMDIuNDQxNDA2IEMgNTg3LjM5MDYyNSAyMDIuNDMzNTk0IDU4Ny4yNSAyMDIuNDUzMTI1IDU4Ny4wMzkwNjIgMjAyLjUgQyA1ODUuMTQ4NDM4IDIwMi43MDMxMjUgNTgzLjc3MzQzOCAyMDIuNjUyMzQ0IDU4Mi45MDYyNSAyMDIuMzQ3NjU2IEMgNTgyLjA0Mjk2OSAyMDIuMDQyOTY5IDU4MS4yNTc4MTIgMjAxLjMzMjAzMSA1ODAuNTU0Njg4IDIwMC4yMTg3NSBDIDU4MC4wMzEyNSAxOTkuMzMyMDMxIDU3OS44MjAzMTIgMTk4LjEzMjgxMiA1NzkuOTE3OTY5IDE5Ni42MjEwOTQgQyA1ODAuMzM5ODQ0IDE5NC4xMTMyODEgNTgxLjM0Mzc1IDE5MS42MzI4MTIgNTgyLjkyOTY4OCAxODkuMTgzNTk0IEMgNTg0LjczNDM3NSAxODYuNjIxMDk0IDU4Ni41OTc2NTYgMTg0LjUxNTYyNSA1ODguNTExNzE5IDE4Mi44NTkzNzUgQyA1ODkuODk4NDM4IDE4MS41NjY0MDYgNTkyLjEwMTU2MiAxNzkuNzczNDM4IDU5NS4xMjUgMTc3LjQ4NDM3NSBDIDU5NS43MjI2NTYgMTc3LjA3MDMxMiA1OTYuMTc1NzgxIDE3Ni43MzgyODEgNTk2LjQ4MDQ2OSAxNzYuNDk2MDk0IEMgNTk2LjcwNzAzMSAxNzYuMzEyNSA1OTcuMDgyMDMxIDE3Ni4wNDI5NjkgNTk3LjYwNTQ2OSAxNzUuNjg3NSBDIDYwMC4yMzA0NjkgMTczLjgzOTg0NCA2MDIuMjUgMTcyLjQ3NjU2MiA2MDMuNjYwMTU2IDE3MS41OTc2NTYgQyA2MDQuNDA2MjUgMTcxLjEyNSA2MDUuNTE1NjI1IDE3MC40NTcwMzEgNjA2Ljk5NjA5NCAxNjkuNTg1OTM4IEMgNjA5LjM2MzI4MSAxNjguMTkxNDA2IDYxMS4xMTMyODEgMTY3LjA3NDIxOSA2MTIuMjQ2MDk0IDE2Ni4yMzA0NjkgQyA2MTMuNDQ5MjE5IDE2NS4zMjgxMjUgNjE1LjM1MTU2MiAxNjQuMDkzNzUgNjE3Ljk0OTIxOSAxNjIuNTE1NjI1IEMgNjE5LjQyOTY4OCAxNjEuNjQ0NTMxIDYyMC41MzkwNjIgMTYwLjk3NjU2MiA2MjEuMjg1MTU2IDE2MC41MDM5MDYgQyA2MjIuMTc5Njg4IDE1OS45MTQwNjIgNjIzLjQ4ODI4MSAxNTkuMDIzNDM4IDYyNS4yMTA5MzggMTU3LjgzMjAzMSBDIDYyNyAxNTYuNjUyMzQ0IDYyOC4zNDc2NTYgMTU1Ljc2NTYyNSA2MjkuMjQyMTg4IDE1NS4xNzU3ODEgQyA2MjkuNTI3MzQ0IDE1NS4wNjY0MDYgNjI5LjkwMjM0NCAxNTQuODMyMDMxIDYzMC4zNTU0NjkgMTU0LjQ2ODc1IEMgNjM0LjI4NTE1NiAxNTIuMDc0MjE5IDYzNy4zMzU5MzggMTUwLjQ0NTMxMiA2MzkuNTA3ODEyIDE0OS41ODIwMzEgQyA2NDAuNjY3OTY5IDE0OS4wODk4NDQgNjQyLjA0Mjk2OSAxNDguNTU0Njg4IDY0My42Mjg5MDYgMTQ3Ljk2ODc1IEMgNjQ0LjM1NTQ2OSAxNDcuNjM2NzE5IDY0NS40NzI2NTYgMTQ3LjI0MjE4OCA2NDYuOTc2NTYyIDE0Ni43ODkwNjIgQyA2NTAuMjgxMjUgMTQ1LjY0MDYyNSA2NTIuNzEwOTM4IDE0NC42MzI4MTIgNjU0LjI1NzgxMiAxNDMuNzY5NTMxIEMgNjU3LjA2NjQwNiAxNDIuMTQ4NDM4IDY1OS4xMzY3MTkgMTQwLjYxNzE4OCA2NjAuNDc2NTYyIDEzOS4xNzU3ODEgQyA2NjEuNjQ0NTMxIDEzNy45OTIxODggNjYyLjg3NSAxMzYuODUxNTYyIDY2NC4xNzU3ODEgMTM1Ljc1MzkwNiBDIDY2Ni43MTA5MzggMTMzLjQ4MDQ2OSA2NjguMzk4NDM4IDEzMS4wNDI5NjkgNjY5LjI0MjE4OCAxMjguNDQxNDA2ICIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0gNjM0LjIzMDQ2OSA5Mi4xODc1IEMgNjU5LjQwNjI1IDk0Ljc5Mjk2OSA2NzkuMjg5MDYyIDk2Ljg1MTU2MiA2OTEuOTI1NzgxIDEyOC45MDYyNSBDIDY5OC41NjY0MDYgMTQ3LjQ0MTQwNiA3MDEuMTA1NDY5IDE2Ny43NjE3MTkgNjk5LjY3NTc4MSAxOTEuMDExNzE5IEMgNjk4LjE0MDYyNSAyMTMuMDAzOTA2IDY4MS43ODUxNTYgMjI4LjE5NTMxMiA2NjUuOTY0ODQ0IDI0Mi44OTA2MjUgQyA2NjIuODMyMDMxIDI0NS44MDA3ODEgNjU5LjU4OTg0NCAyNDguODEyNSA2NTYuNTQyOTY5IDI1MS44MDg1OTQgQyA2NDEuMTA1NDY5IDI2Ni45ODgyODEgNjIxLjAwNzgxMiAyNzUuMzQ3NjU2IDU5OS45NDkyMTkgMjc1LjM0NzY1NiBDIDU5OS4xOTE0MDYgMjc1LjM0NzY1NiA1OTguNDM3NSAyNzUuMzM1OTM4IDU5Ny42Nzk2ODggMjc1LjMxNjQwNiBDIDU3Ni40NzI2NTYgMjc0LjY5NTMxMiA1NTEuOTEwMTU2IDI2OC4yNDIxODggNTMzLjU5NzY1NiAyNTguNDg0Mzc1IEMgNTEwLjQzMzU5NCAyNDUuNjQ4NDM4IDQ5OC4yMzgyODEgMjI2LjM1NTQ2OSA0OTcuMzUxNTYyIDIwMS4xNDQ1MzEgQyA0OTYuNDUzMTI1IDE3NS43ODUxNTYgNTA3LjIzODI4MSAxNDkuNjk5MjE5IDUxNi40Mzc1IDEzMi4yODUxNTYgQyA1MTguODYzMjgxIDEyNy43MDMxMjUgNTIxLjYyMTA5NCAxMjMuNDM3NSA1MjQuNjQwNjI1IDExOS42MDU0NjkgQyA1MjguMTI4OTA2IDExNS4xNTYyNSA1MzEuODc4OTA2IDExMC43NTM5MDYgNTM1LjUwMzkwNiAxMDYuNDk2MDk0IEMgNTM3Ljg0Mzc1IDEwMy43NDYwOTQgNTQwLjI2MTcxOSAxMDAuOTA2MjUgNTQyLjU5NzY1NiA5OC4wNzAzMTIgQyA1NDguMzIwMzEyIDkxLjEwMTU2MiA1NTUuNTgyMDMxIDg1Ljg4MjgxMiA1NjMuNjAxNTYyIDgyLjk3MjY1NiBDIDU2OC41NzQyMTkgODEuMTYwMTU2IDU3My4yMzgyODEgODAuMjgxMjUgNTc3Ljg2MzI4MSA4MC4yODEyNSBDIDU4NS43ODUxNTYgODAuMjgxMjUgNTkzLjAzNTE1NiA4Mi44NzEwOTQgNjAxLjQyOTY4OCA4NS44NzEwOTQgQyA2MDIuNDU3MDMxIDg2LjIzODI4MSA2MDMuNTAzOTA2IDg2LjYxMzI4MSA2MDQuNTc0MjE5IDg2Ljk4ODI4MSBDIDYwNy44NDc2NTYgODguMTQ0NTMxIDYxMS4yMzA0NjkgODkuMDM5MDYyIDYxNC42MjUgODkuNjQ4NDM4IEMgNjIxLjM3ODkwNiA5MC44NTkzNzUgNjI3LjkxNDA2MiA5MS41MzUxNTYgNjM0LjIzMDQ2OSA5Mi4xODc1IE0gNzE1Ljc5Mjk2OSAxNjEuNjAxNTYyIEMgNzE1LjEyNSAxMzkuNzQyMTg4IDcwNy40NzI2NTYgMTIwLjE4MzU5NCA2OTQuMjM4MjgxIDEwNi41MjM0MzggQyA2OTMuMzYzMjgxIDEwNS42MTcxODggNjkyLjUgMTA0LjY4NzUgNjkxLjY3MTg3NSAxMDMuNzUzOTA2IEMgNjcyLjkyNTc4MSA4Mi42Mjg5MDYgNjQ2Ljc4MTI1IDc5LjczODI4MSA2MjEuNDkyMTg4IDc2Ljk0MTQwNiBDIDYwOS4yMTQ4NDQgNzUuNTgyMDMxIDU5Ni41MTU2MjUgNzQuMTc1NzgxIDU4NC42MjUgNzAuNzM4MjgxIEMgNTgwLjkyNTc4MSA2OS42Njc5NjkgNTc3LjEyMTA5NCA2OS4xMjg5MDYgNTczLjMxNjQwNiA2OS4xMjg5MDYgQyA1NzAuMzY3MTg4IDY5LjEyODkwNiA1NjcuNDM3NSA2OS40NTcwMzEgNTY0LjYwOTM3NSA3MC4xMDU0NjkgQyA1NTcuNjUyMzQ0IDcxLjcwMzEyNSA1NTEuNDM3NSA3NS4wMDM5MDYgNTQzLjgzOTg0NCA4MS4xNDQ1MzEgQyA1MjQuNzczNDM4IDk2LjUxOTUzMSA1MDYuNTM5MDYyIDExNC4xMTMyODEgNTAyLjIzNDM3NSAxMzguNTExNzE5IEMgNTAxLjMwODU5NCAxNDMuNzI2NTYyIDUwMC4xOTkyMTkgMTQ3LjkwNjI1IDQ5OC43NDIxODggMTUxLjY2Nzk2OSBDIDQ5Ni41OTM3NSAxNTcuMjMwNDY5IDQ5NC4yNjU2MjUgMTYxLjI2NTYyNSA0OTIuMDA3ODEyIDE2NS4xNzE4NzUgQyA0ODYuNDg0Mzc1IDE3NC43NDIxODggNDgyLjExNzE4OCAxODIuMzAwNzgxIDQ4NS4xNTIzNDQgMjA0LjU3ODEyNSBDIDQ4Ni42NzU3ODEgMjI1LjMzOTg0NCA0OTYuMTEzMjgxIDI0NC44MzU5MzggNTExLjczODI4MSAyNTkuNDg0Mzc1IEMgNTI3LjA3NDIxOSAyNzMuODU1NDY5IDU0Ni45NTMxMjUgMjgyLjM2MzI4MSA1NjcuNzE4NzUgMjgzLjQzNzUgQyA1NzAuOTUzMTI1IDI4My42MDU0NjkgNTc0LjA1MDc4MSAyODQuMDAzOTA2IDU3Ni45Mjk2ODggMjg0LjYxNzE4OCBDIDU4NS42Nzk2ODggMjg2LjQ4MDQ2OSA1OTQuMTI4OTA2IDI4Ny40MjE4NzUgNjAyLjA1MDc4MSAyODcuNDIxODc1IEwgNjAyLjA1NDY4OCAyODcuNDIxODc1IEMgNjI3LjAyNzM0NCAyODcuNDIxODc1IDY0OC4yNDIxODggMjc4LjAzOTA2MiA2NjUuMTI4OTA2IDI1OS41MTU2MjUgQyA2NzEuMDU0Njg4IDI1Mi43NzM0MzggNjc3Ljc1IDI0NS45NzI2NTYgNjg2LjE5NTMxMiAyMzguMTE3MTg4IEMgNjkyLjAzOTA2MiAyMzIuNjc5Njg4IDY5Ni45NDUzMTIgMjI2LjY2NDA2MiA3MDAuNzczNDM4IDIyMC4yNDIxODggQyA3MTEuMDg1OTM4IDIwMi45NTMxMjUgNzE2LjQyMTg3NSAxODIuMTI1IDcxNS43OTI5NjkgMTYxLjYwMTU2MiAiLz48L3N2Zz4=");--wavemask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MCAxNiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBhdGggZD0iTTAgOUMxNSAxIDMwIDEgNDUgOFM3NSAxNSA5MCA3VjE2SDBaIi8+PC9zdmc+");--igmask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWZlYWUyIiBzdHJva2Utd2lkdGg9IjEuNCI+PHJlY3QgeD0iMy41IiB5PSIzLjUiIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgcng9IjUiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI0Ii8+PGNpcmNsZSBjeD0iMTcuMiIgY3k9IjYuOCIgcj0iLjYiLz48L3N2Zz4=") center/34px no-repeat}