/* =========================================================
   THULORI — Homepage
   Layout mirrors the approved Figma frame (1440 → 150px gutters,
   1140 content). Motion layer is additive; content is fully
   visible without JS and with prefers-reduced-motion.
   ========================================================= */

/* ---------- Self-hosted fonts (Khand, DM Sans, Caveat — SIL Open Font License, via Fontsource) ---------- */
@font-face{font-family:'Khand';font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/khand-400.woff2) format('woff2')}
@font-face{font-family:'Khand';font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/khand-500.woff2) format('woff2')}
@font-face{font-family:'Khand';font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/khand-600.woff2) format('woff2')}
@font-face{font-family:'Khand';font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/khand-700.woff2) format('woff2')}
@font-face{font-family:'Khand';font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/khand-600-rupee.woff2) format('woff2');unicode-range:U+20B9}
@font-face{font-family:'Khand';font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/khand-700-rupee.woff2) format('woff2');unicode-range:U+20B9}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url(../assets/fonts/dmsans-var.woff2) format('woff2-variations'),url(../assets/fonts/dmsans-var.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-style:italic;font-weight:100 1000;font-display:swap;src:url(../assets/fonts/dmsans-var-italic.woff2) format('woff2-variations'),url(../assets/fonts/dmsans-var-italic.woff2) format('woff2')}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/caveat-400.woff2) format('woff2')}

/* ---------- Tokens ---------- */
:root{--ease-bloom:cubic-bezier(.215,.61,.355,1);
  --maroon:#45151B; --wine:#65172B; --mauve-btn:#714C4F; --mauve:#927777;
  --cream:#F6F1EA; --ivory:#FFF9EF; --logo-cream:#FFFFE5; --linen:#F0E4D7; --sand:#F0DDC9; --oat:#E0D0BF; --stone:#CFC4B6;
  --sun:#FFDE17; --leaf:#9ACA3F; --coral:#DD635D;
  --ink-16:rgba(69,21,27,.16); --ink-25:rgba(69,21,27,.25);
  --f-display:'Khand',system-ui,sans-serif; --f-body:'DM Sans',system-ui,sans-serif; --f-hand:'Caveat',cursive;
  --ease-out:cubic-bezier(.215,.61,.355,1); --ease-soft:cubic-bezier(.25,.8,.25,1); --ease-pop:cubic-bezier(.34,1.56,.64,1);
  --gutter:clamp(20px,10.42vw,150px); --content:1140px;
  --fs-hero:clamp(52px,6.95vw,100px); --fs-h:clamp(38px,4.45vw,64px); --fs-item:clamp(22px,2.23vw,32px);
  --fs-body:clamp(16px,1.39vw,20px); --fs-lede:clamp(18px,1.67vw,24px); --fs-eyebrow:24px;
  --header-h:122px;
}
@media (max-width:1199px){:root{--gutter:clamp(20px,6vw,64px)}}
@media (max-width:767px){:root{--gutter:20px;--header-h:76px}}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
main,.footer{overflow-x:clip}
body{margin:0;background:var(--cream);color:var(--maroon);font-family:var(--f-body);font-weight:500;line-height:1.4;overflow-x:clip;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3,p{margin:0}
blockquote{margin:0}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-60px;z-index:1000;background:var(--maroon);color:var(--sun);padding:12px 18px;border-radius:6px;font-family:var(--f-display);font-weight:600;transition:top .2s}
.skip-link:focus{top:16px}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:4px}
.container{width:min(var(--content),100% - 2*var(--gutter));margin-inline:auto;position:relative}

/* ---------- Type ---------- */
.eyebrow{font-family:var(--f-hand);font-weight:400;font-size:var(--fs-eyebrow);line-height:32px;letter-spacing:-.01em;color:#362330;display:inline-block}
.eyebrow--light{color:var(--cream)}
.h-section{font-family:var(--f-display);font-weight:700;font-size:var(--fs-h);line-height:1.125;letter-spacing:-.01em;text-transform:uppercase;color:var(--maroon)}
.h-light{color:var(--cream)}
.h-item{font-family:var(--f-display);font-weight:600;font-size:var(--fs-item);line-height:1;color:var(--maroon)}
.body-m{font-size:var(--fs-body);line-height:1.4;letter-spacing:-.01em;opacity:.8}
.body-l{font-size:var(--fs-lede);line-height:1.333;letter-spacing:-.01em}
.sec-head{display:flex;flex-direction:column;gap:32px}
.sec-head--center{align-items:center;text-align:center}
@media (max-width:767px){.sec-head{gap:14px}.h-section br{display:none}}

/* ---------- Buttons ---------- */
.btn{--bg:var(--cream);--fg:var(--maroon);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 24px;border-radius:6px;background:var(--bg);color:var(--fg);
  font-family:var(--f-display);font-weight:600;font-size:18px;line-height:20px;text-transform:uppercase;white-space:nowrap;
  transition:transform .32s var(--ease-soft),box-shadow .32s var(--ease-soft),background-color .32s var(--ease-soft),color .32s;will-change:transform}
.btn--primary{--bg:var(--sun);--fg:var(--maroon)}
.btn--light{--bg:var(--cream);--fg:var(--maroon)}
.btn--dark{--bg:var(--maroon);--fg:var(--sun);padding:16px 32px;min-height:50px;line-height:18px}
.btn--oat{--bg:var(--oat);--fg:var(--maroon)}
.btn--mauve{--bg:var(--mauve-btn);--fg:var(--cream)}
.btn--sm{min-height:42px;padding:14px 24px;font-size:16px;line-height:14px;text-transform:none}
.btn--col{width:242px;min-height:50px;padding:16px 32px}
.btn__arrow{width:18px;height:18px;flex:none;transition:transform .32s var(--ease-soft)}
.btn__arrow path{stroke:currentColor}
.btn--dark .btn__arrow,.pk--hl .btn__arrow{color:var(--sun)}
.btn--oat .btn__arrow{color:var(--maroon)}
.btn__lead{width:18px;height:18px}
@media (hover:hover){
  .btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 22px -12px rgba(69,21,27,.55)}
  .btn:hover .btn__arrow{transform:translateX(4px) scaleX(1.12)}
}
.btn:active{transform:scale(.97);transition-duration:.12s}
.btn:focus-visible{outline:3px solid var(--sun);outline-offset:3px;box-shadow:0 0 0 6px var(--maroon)}
.btn--primary:focus-visible{outline-color:var(--maroon);box-shadow:0 0 0 6px var(--sun)}

/* =========================================================
   LOADER
   ========================================================= */
.loader{position:fixed;inset:0;z-index:900;pointer-events:none;display:none}
html.js .loader{display:block}
.loader__paper{position:absolute;inset:0 0 40px;background:var(--cream);display:grid;place-items:center}
.loader__tear{position:absolute;left:0;right:0;bottom:0;width:100%;height:40px;fill:var(--cream)}
.loader__seal{position:relative;width:132px;height:132px}
.loader__seal img{width:100%;height:100%;transform:scale(.7) rotate(-8deg);opacity:0;filter:drop-shadow(0 6px 10px rgba(69,21,27,.25))}
.loader__marks{position:absolute;width:62px;right:-24px;top:-30px;overflow:visible}
.loader__marks .mark{transform-box:fill-box;transform-origin:50% 100%;transform:scale(0);fill:var(--sun)}
html.is-loading .loader__seal img{animation:stamp .5s var(--ease-out) .05s forwards}
html.is-loading .mark--1{animation:markPop .22s var(--ease-pop) .48s forwards}
html.is-loading .mark--3{animation:markPop .22s var(--ease-pop) .58s forwards}
html.is-loading .mark--2{animation:markPop .22s var(--ease-pop) .68s forwards}
html.is-loaded .loader{animation:tearUp .42s cubic-bezier(.7,0,.3,1) forwards}
html.loader-short.is-loading .loader__seal img{animation-duration:.25s;animation-delay:0s}
html.loader-short.is-loading .mark{animation-delay:.12s!important;animation-duration:.15s}
html.loader-short.is-loaded .loader{animation-duration:.3s}
@keyframes stamp{0%{opacity:0;transform:scale(.7) rotate(-8deg)}55%{opacity:1;transform:scale(1.05) rotate(1deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes markPop{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes tearUp{to{transform:translateY(calc(-100% - 10px))}}
html.is-done .loader{display:none}

/* =========================================================
   HEADER + MENU
   ========================================================= */
.site-header{position:fixed;inset:0 0 auto;z-index:500;padding-top:env(safe-area-inset-top,0px);color:var(--logo-cream);transition:background-color .35s var(--ease-soft),color .35s,box-shadow .35s,transform .35s}
.site-header__inner{width:min(var(--content),100% - 2*var(--gutter));margin-inline:auto;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;transition:height .35s var(--ease-soft)}
.site-header__logo{display:flex;align-items:center;min-height:44px;width:101px;color:inherit;border-radius:4px}
.logo-svg{width:101px;height:auto}
.site-header__actions{display:flex;gap:12px;align-items:center}
.header-cart{width:42px;height:42px;border-radius:6px;background:var(--cream);color:var(--maroon);display:grid;place-items:center;transition:background-color .3s,transform .3s var(--ease-soft),opacity .3s,visibility .3s}
.header-cart:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
.menu-open .header-cart{opacity:0;visibility:hidden;pointer-events:none}
.menu-toggle{width:42px;height:42px;border-radius:6px;background:var(--cream);display:grid;place-items:center;transition:background-color .3s,transform .3s var(--ease-soft)}
.menu-toggle__lines{position:relative;width:18px;height:14px;display:block}
.menu-toggle__lines i{position:absolute;left:0;height:2px;width:100%;background:var(--maroon);border-radius:2px;transition:transform .35s var(--ease-soft),opacity .2s}
.menu-toggle__lines i:nth-child(1){top:0;transform:rotate(1.2deg)}
.menu-toggle__lines i:nth-child(2){top:6px;transform:rotate(-.8deg) scaleX(.95)}
.menu-toggle__lines i:nth-child(3){top:12px;transform:rotate(.6deg)}
.menu-open .menu-toggle__lines i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-open .menu-toggle__lines i:nth-child(2){opacity:0;transform:scaleX(.2)}
.menu-open .menu-toggle__lines i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (hover:hover){.menu-toggle:hover,.header-cart:hover{transform:translateY(-2px)}}
.site-header.is-compact{--header-h:72px;background:rgba(246,241,234,.92);color:var(--maroon);box-shadow:0 1px 0 var(--ink-16);-webkit-backdrop-filter:saturate(1.2) blur(6px);backdrop-filter:saturate(1.2) blur(6px)}
.site-header.is-compact .btn--light{--bg:var(--maroon);--fg:var(--cream)}
.site-header.is-compact .menu-toggle,.site-header.is-compact .header-cart{background:var(--linen)}
.menu-open .site-header{background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@media (max-width:767px){.site-header.is-compact{--header-h:64px}.site-header__logo,.logo-svg{width:84px}.site-header .btn--sm{min-height:44px}.menu-toggle,.header-cart{width:44px;height:44px}.menu__cols a{display:inline-block;min-height:44px;line-height:44px}.footer__cols ul{gap:0;margin-top:8px}.footer__cols a{display:inline-flex;align-items:center;min-height:44px;background-position:0 75%}}
/* header entrance */
html.js .site-header__logo,html.js .site-header__actions>*{opacity:0;transform:translateY(-12px)}
html.is-loaded .site-header__logo,html.is-loaded .site-header__actions>*{opacity:1;transform:none;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
html.is-loaded .site-header__actions>*:nth-child(1){transition-delay:.07s}
html.is-loaded .site-header__actions>*:nth-child(2){transition-delay:.14s}

.menu{position:fixed;inset:0;z-index:400;pointer-events:none}
.menu[hidden]{display:block;visibility:hidden}
.menu__panel{position:absolute;inset:0;background:var(--maroon) url(../assets/img/tex-footer.webp) 50% 0/cover no-repeat;color:var(--cream);overflow:auto;overscroll-behavior:contain}
.menu__edge{position:absolute;left:0;right:0;top:-39px;height:40px;width:100%;fill:var(--maroon);z-index:1}
.menu,.menu__panel,.menu__edge{transition:transform .7s cubic-bezier(.76,0,.24,1)}
.menu{transform:translateY(105%)}
.menu.is-open{transform:none;pointer-events:auto;visibility:visible}
.menu__inner{position:relative;z-index:1;width:min(var(--content),100% - 2*var(--gutter));margin:0 auto;padding:225px 0 80px;display:grid;grid-template-columns:minmax(0,1fr) 242px;gap:48px 80px;align-items:end;min-height:100%}
.menu__big{display:flex;flex-direction:column;gap:24px}
.menu__big a{display:inline-flex;align-items:center;gap:22px;font-family:var(--f-display);font-weight:600;font-size:clamp(44px,5.56vw,80px);line-height:1;letter-spacing:-.01em;color:var(--cream);transition:color .3s,transform .4s var(--ease-soft)}
.menu__big a span{background:linear-gradient(var(--sun),var(--sun)) 0 100%/0 3px no-repeat;padding-bottom:4px;transition:background-size .4s var(--ease-soft)}
.menu__chev{width:.42em;height:.42em;flex:none;opacity:0;transform:translateX(-14px);transition:opacity .3s,transform .4s var(--ease-soft)}
.menu__chev path{stroke:currentColor}
.menu__big a.is-current{color:var(--sun)}
.menu__big a.is-current .menu__chev{opacity:1;transform:none}
@media (hover:hover){.menu__big a:hover{color:var(--sun);transform:translateX(8px)}.menu__big a:hover .menu__chev{opacity:1;transform:none}.menu__big a:hover span{background-size:100% 3px}}
.menu__big a:focus-visible{color:var(--sun);outline-offset:6px}
.menu__big li,.menu__side{opacity:0;transform:translateY(40px);transition:opacity .5s var(--ease-out),transform .6s var(--ease-out)}
.menu.is-open .menu__big li,.menu.is-open .menu__side{opacity:1;transform:none;transition-delay:calc(280ms + var(--i,0)*70ms)}
.menu__side{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:110px}
.menu__mail svg{width:48px;height:48px;color:var(--cream)}
.menu__connect{font-family:var(--f-hand);font-size:24px;line-height:24px;color:#fff;margin-top:13px}
.menu__email{font-family:var(--f-display);font-size:32px;line-height:32px;color:var(--sun);margin-top:15px;transition:opacity .3s}
.menu__email:hover{opacity:.8}
.menu__btns{display:flex;flex-direction:column;gap:24px;margin-top:31px}
.menu__flower{position:absolute;left:-30px;bottom:-60px;width:150px;opacity:0;transform:translate(-60px,60px) rotate(-8deg);transition:all .9s var(--ease-out) .35s;pointer-events:none}
.menu.is-open .menu__flower{opacity:.9;transform:none}
@media (max-width:899px){.menu__inner{grid-template-columns:1fr;align-items:start;padding-top:calc(var(--header-h) + 40px);gap:48px}.menu__side{padding-bottom:0}}
@media (max-width:767px){.menu__inner{padding-top:110px;padding-bottom:56px}.menu__big{gap:14px}.menu__big a{font-size:clamp(36px,11vw,48px)}.menu__email{font-size:26px}.menu__btns{width:100%}.menu__btns .btn{width:100%}.menu__flower{display:none}}
html.scroll-locked,html.scroll-locked body{overflow:hidden}
/* header while the menu is open: monogram + cream controls (Figma "More menu") */
.site-header__mono{display:none;width:38px;color:var(--cream)}
.site-header__mono svg{width:38px;height:auto}
.menu-open .site-header__logo .logo-svg{display:none}
.menu-open .site-header__mono{display:block}
.menu-open .site-header{color:var(--cream)}
.menu-open .site-header .btn--light,.menu-open .site-header--light .btn--light{--bg:var(--cream);--fg:var(--maroon)}
.menu-open .menu-toggle{background:var(--cream)!important}

/* =========================================================
   HERO
   ========================================================= */
.hero{position:relative;height:1024px;color:var(--cream);isolation:isolate;overflow:clip;overflow-clip-margin:80px}
.hero__media{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#3a3a26}
.hero__img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.08);will-change:transform}
.hero__shade{position:absolute;inset:0;z-index:-1;box-shadow:inset 0 124px 124px -10px rgba(38,30,35,.62);background:linear-gradient(180deg,rgba(20,14,12,0) 55%,rgba(20,14,12,.12));opacity:0;transition:opacity 1.2s var(--ease-soft)}
.hero__inner{display:flex;justify-content:space-between;align-items:flex-start;padding-top:clamp(150px,17.64vw,254px)}
.hero__title{font-family:var(--f-display);font-weight:700;font-size:var(--fs-hero);line-height:1;letter-spacing:-.03em;text-transform:uppercase;max-width:644px;will-change:transform}
.hero__title .l{display:block}
.hero__aside{position:relative;width:min(312px,40%);margin-top:30px}
.hero__glow{position:absolute;left:-60px;top:-54px;width:376px;height:217px;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(70px);z-index:-1;pointer-events:none}
.hero__lede{font-size:var(--fs-lede);line-height:1.333;letter-spacing:-.01em}
.hero__actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:52px}
.hero__actions .btn{padding:14px 24px}
.hero__seal{position:absolute;left:50%;bottom:-55px;width:111px;margin-left:-55.5px;z-index:3;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));will-change:transform}
@media (max-width:1023px) and (min-width:768px){.hero__aside{width:min(340px,44%)}.hero__inner{padding-top:200px}}
@media (max-width:767px){
  .hero{height:auto;min-height:max(640px,100svh);max-height:none}
  .hero__img{height:100%;object-position:54% 50%}
  .hero__inner{flex-direction:column;justify-content:flex-start;min-height:max(640px,100svh);padding:112px 0 120px;gap:18px}
  .hero__title{font-size:clamp(46px,14.6vw,60px);line-height:.98}
  .hero__aside{width:100%;margin-top:0}
  .hero__glow{left:-60px;top:-260px;width:460px;height:520px;background:rgba(0,0,0,.42)}
  .hero__shade{background:linear-gradient(180deg,rgba(20,14,12,.25) 0%,rgba(20,14,12,0) 62%)}
  .hero__lede{font-size:18px;line-height:26px}
  .hero__actions{margin-top:26px}
  .hero__actions .btn{flex:1 1 140px}
  .hero__seal{width:88px;margin-left:-44px;bottom:-44px}
}

/* =========================================================
   WHY THULORI
   ========================================================= */
.why{position:relative;padding:109px 0 140px;z-index:2}
.why__grid{display:grid;grid-template-columns:532px minmax(0,1fr);column-gap:177px;row-gap:64px;margin-top:63px;align-items:start}
.why__visual{position:relative;width:532px;height:620px}
.why__card{position:absolute;left:11.24%;top:6.58%;width:92.1%;height:91.45%;background:var(--leaf);border-radius:6px;transform:rotate(-4.5deg)}
.why__photo{position:absolute;left:14px;top:0;width:545px;transition:transform .6s var(--ease-soft)}
.why__photo img{width:100%;transition:transform .7s var(--ease-soft)}
.why__tape{position:absolute;left:-28px;top:0;width:163px;z-index:2;pointer-events:none}
.why__strokes{position:absolute;left:-20px;top:-9px;width:58px;z-index:2}
.why__flower{position:absolute;left:425px;top:318px;width:178px;z-index:3;pointer-events:none;transition:transform .7s var(--ease-soft)}
@media (hover:hover){
  .why__visual:hover .why__photo img{transform:rotate(-1.5deg) scale(1.015)}
  .why__visual:hover .why__flower{transform:translate(6px,-4px) rotate(2deg)}
}
.benefits{display:flex;flex-direction:column;gap:clamp(40px,4.2vw,57px);padding-top:73px}
.benefit{display:grid;grid-template-columns:44px 1fr;gap:30px;align-items:start}
.benefit__icon svg{width:44px;height:48px}
.benefit .h-item{margin:0 0 12px;padding-top:9px}
.benefit .body-m{max-width:394px}
@media (max-width:1199px){
  .why__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:172px}
  .why__visual{width:100%;max-width:532px;aspect-ratio:532/620;height:auto;justify-self:center}
  .why__visual>*{transform-origin:top left}
  .why__photo{left:2.6%;width:102.4%}
  .why__tape{width:30.6%;left:-5.3%}
  .why__flower{left:79.9%;top:51.3%;width:33.5%}
  .why__strokes{width:11%}
}
@media (max-width:1023px){.why__grid{grid-template-columns:1fr;row-gap:96px}.why__visual{width:min(88%,460px)}.benefits{padding-top:0}}
@media (max-width:767px){
  .why{padding:96px 0 96px}
  .why__grid{grid-template-columns:1fr;row-gap:72px;margin-top:40px}
  .why__visual{width:88%;max-width:400px}
  .why__flower{width:28%;left:80%}
  .benefits{padding-top:0;gap:32px}
  .benefit{grid-template-columns:36px 1fr;gap:16px}
  .benefit__icon svg{width:36px;height:auto}
  .benefit .h-item{padding-top:4px;margin-bottom:8px}
}

/* =========================================================
   SCALLOPED SECTION BACKGROUNDS (mask = rect minus union, as in Figma)
   ========================================================= */
.sec-bg{position:absolute;inset:0;z-index:-1;
  -webkit-mask-image:url(../assets/svg/edge-deep-tile.svg),url(../assets/svg/edge-deep-tile.svg),linear-gradient(#000,#000);
          mask-image:url(../assets/svg/edge-deep-tile.svg),url(../assets/svg/edge-deep-tile.svg),linear-gradient(#000,#000);
  -webkit-mask-repeat:repeat-x,repeat-x,no-repeat;mask-repeat:repeat-x,repeat-x,no-repeat;
  -webkit-mask-size:930px 81.47px,930px 81.47px,100% 100%;mask-size:930px 81.47px,930px 81.47px,100% 100%;
  -webkit-mask-position:-8px -49px,-8px calc(100% + 64px),0 0;mask-position:-8px -49px,-8px calc(100% + 64px),0 0;
  -webkit-mask-composite:xor;mask-composite:exclude}

/* =========================================================
   HOW IT WORKS
   ========================================================= */
.how{position:relative;isolation:isolate;z-index:1;padding:149px 0 92px}
.how__bg{top:13px;bottom:-3px;-webkit-mask:none;mask:none;background:url(../assets/img/craft-top.webp) -6px 0/1302px 64px repeat-x,url(../assets/img/craft-bottom.webp) -6px 100%/1302px 64px repeat-x,url(../assets/img/craft-mid.webp) center/100% calc(100% - 112px) no-repeat}
.how__head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.how__head>div{display:flex;flex-direction:column;gap:32px}
.how__head .btn{margin-bottom:22px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:31.5px;margin-top:115px}
.step__card{position:relative;aspect-ratio:359/379;width:100%;max-width:359px;transition:transform .45s var(--ease-soft)}
.step__paper{position:absolute;inset:0;background:#fff;border-radius:6px;transform:rotate(-5deg);box-shadow:0 1px 2px rgba(69,21,27,.08),0 14px 30px -18px rgba(69,21,27,.35);transition:box-shadow .45s var(--ease-soft)}
.step__shot{position:absolute;left:-0.56%;top:-0.13%;width:101.1%;transition:transform .45s var(--ease-soft)}
.step__shot img{width:100%;transition:transform .6s var(--ease-soft)}
.step__seal{position:absolute;top:-21px;left:37.6%;width:50px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35));transition:filter .45s,transform .45s var(--ease-soft);z-index:2}
.step:nth-child(2) .step__seal{left:42.9%}.step:nth-child(3) .step__seal{left:43.2%}
.step__text{padding:60px 20px 0;max-width:350px;display:flex;flex-direction:column;gap:12px}
.step__text .h-item{margin:0}
@media (hover:hover){
  .step:hover .step__card{transform:translateY(-10px) rotate(-1.6deg)}
  .step:hover .step__shot img{transform:scale(1.03)}
  .step:hover .step__paper{box-shadow:0 1px 2px rgba(69,21,27,.08),0 26px 40px -18px rgba(69,21,27,.45)}
  .step:hover .step__seal{filter:drop-shadow(0 6px 6px rgba(0,0,0,.35))}
}
@media (max-width:1023px){.steps{gap:40px;margin-inline:0}.step__text{padding:36px 8px 0}}
@media (max-width:767px){
  .how{padding:96px 0 104px}
  .how__head{flex-direction:column;align-items:flex-start;gap:24px}
  .how__head>div{gap:14px}.how__head .btn{margin:0}
  .steps{grid-template-columns:1fr;gap:72px;margin-top:80px}
  .step__card{width:88%;margin-inline:auto}
  .step__text{padding:36px 6% 0}
}

/* =========================================================
   WHAT YOU GET
   ========================================================= */
.what{position:relative;margin-top:-53px;height:1025px;color:var(--cream);overflow:hidden;background:#2b120c;isolation:isolate}
.what__media{position:absolute;inset:0;z-index:-1}
.what__img{position:absolute;top:-3%;left:0;width:100%;height:106%;object-fit:cover;object-position:50% 50%}
.what__rays{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.5;
  background:linear-gradient(115deg,transparent 30%,rgba(255,190,120,.16) 38%,transparent 46%,transparent 52%,rgba(255,200,140,.12) 58%,transparent 66%);
  background-size:220% 100%;animation:rays 22s ease-in-out infinite alternate}
@keyframes rays{from{background-position:0 0}to{background-position:100% 0}}
.what__head{padding-top:130px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px}
.what .ticker{position:absolute;left:0;right:0;bottom:0}
@media (max-width:767px){
  .what{height:auto;min-height:620px;display:flex;flex-direction:column}
  .what__img{object-position:50% 100%;inset:0;height:100%}
  .what__head{padding:150px 0 0;gap:14px}
  .what .ticker{position:relative;margin-top:auto}
  .what::after{content:"";display:block;height:330px;order:1}
  .what .ticker{order:2}
}

/* ---------- Ticker ---------- */
.ticker{position:relative;height:56px;background:var(--sun);overflow:hidden;display:flex;align-items:center;color:var(--maroon)}
.ticker:focus-visible{outline-offset:-4px;outline-color:var(--maroon)}
.ticker__track{display:flex;width:max-content;will-change:transform}
.ticker__item{display:inline-flex;align-items:center;gap:39px;padding-right:39px;font-family:var(--f-display);font-weight:600;font-size:20px;line-height:20px;letter-spacing:-.01em;white-space:nowrap}
.ticker--caps .ticker__item{font-size:18px;line-height:24px;text-transform:uppercase;gap:31px;padding-right:31px}
.ast{width:18px;height:18px;flex:none}
@keyframes tick{to{transform:translateX(-50%)}}

/* =========================================================
   COMPARISON
   ========================================================= */
.compare{padding:130px 0 97px;position:relative;z-index:1}
.compare__head{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.compare__head>div{display:flex;flex-direction:column;gap:32px}
.compare__head .h-section{max-width:640px}
.vs{display:inline-block;width:77px;vertical-align:.12em;margin-left:.14em}
.vs svg{width:77px;height:43px}
.compare__lede{max-width:289px;margin-top:80px}
.table-wrap{position:relative;margin-top:70px}
.compare__tape{position:absolute;left:-47px;top:-32px;width:163px;z-index:3;pointer-events:none}
.ctable{position:relative;border-radius:20px;background:var(--linen) url(../assets/img/tex-linen.webp) center/cover no-repeat;isolation:isolate}
.ctable__col{position:absolute;z-index:-1;left:50%;margin-left:0;top:-23px;bottom:-33px;width:242px;border-radius:20px;background:var(--maroon) url(../assets/img/tex-column.webp) center/cover no-repeat;transform-origin:top}
.ctable__row{display:grid;grid-template-columns:570px 242px 1fr;align-items:center;min-height:96px;border-top:1px solid var(--ink-16)}
.ctable__row--head{min-height:136px;border-top:0}
.ctable__label{padding:0 56px;font-family:var(--f-display);font-weight:700;font-size:var(--fs-item);line-height:1;color:var(--maroon)}
.ctable__cell{display:flex;justify-content:center;align-items:center;height:100%;min-height:inherit}
.ctable__row>.ctable__cell:last-child{border-left:1px solid var(--ink-25);margin-left:-1px}
.ctable__logo{width:124px;height:auto}
.ctable__albums{font-family:var(--f-display);font-weight:700;font-size:40px;line-height:32px;text-transform:uppercase}
.ctable .tick,.ctable .cross{width:48px;height:48px}
.tick--them path{stroke:var(--maroon)}
.price-us,.price-them{font-family:var(--f-display);font-weight:700;font-size:var(--fs-item);line-height:1}
.price-us{color:var(--sun)}.price-them{color:var(--mauve)}
.ctable__col{left:570px}
.compare__cta{display:flex;justify-content:flex-start;padding-left:570px;margin-top:57px}
@media (max-width:1199px){
  .ctable__row{grid-template-columns:minmax(0,1fr) 200px minmax(0,.7fr)}
  .ctable__col{left:auto;width:200px;right:calc(41.18% * 1 + 0px)}
  .compare__cta{padding-left:0;justify-content:center}
  .ctable__label{padding:0 32px}
}
@media (max-width:1199px) and (min-width:768px){.ctable__col{left:calc((100% - 200px) / 1.7);right:auto}}
@media (max-width:1199px){.compare__head{flex-direction:column;gap:20px}.compare__lede{margin-top:0;max-width:520px}}
@media (max-width:767px){
  .compare{padding:96px 0 72px}
  .compare__head{flex-direction:column;gap:20px}.compare__head>div{gap:14px}
  .compare__lede{margin-top:0;max-width:none}
  .vs{width:56px}.vs svg{width:56px;height:31px}
  .table-wrap{margin-top:48px}
  .compare__tape{width:110px;left:-34px;top:-30px}
  .ctable__row{grid-template-columns:minmax(0,1fr) 78px 78px;min-height:64px}
  .ctable__row--head{min-height:84px}
  .ctable__label{padding:14px 12px 14px 16px;font-size:18px;line-height:1.1}
  .ctable__col{width:78px;left:auto;right:78px;top:-14px;bottom:-18px;border-radius:14px}
  .ctable__logo{width:64px}
  .ctable__albums{font-size:20px;line-height:1}
  .ctable .tick,.ctable .cross{width:30px;height:30px}
  .price-us,.price-them{font-size:18px}
  .compare__cta{margin-top:44px}
}

/* =========================================================
   WHO IS IT FOR
   ========================================================= */
.who{position:relative;padding:349px 0 494px;text-align:center;overflow:clip;overflow-clip-margin:40px}
.who__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:28px}
.who__title{font-family:var(--f-display);font-weight:700;font-size:var(--fs-h);line-height:1.25;letter-spacing:-.01em;text-transform:uppercase;max-width:800px}
.br-d{display:none}@media (min-width:1200px){.br-d{display:inline}}
.hl{position:relative;display:inline-block;margin:0 .05em;line-height:1.05;font-size:.875em;vertical-align:.04em}
.hl__clip{display:inline-grid;vertical-align:top;overflow:hidden;border-radius:10px;margin-block:-.06em -.12em}
.hl__word{grid-area:1/1;justify-self:stretch;text-align:center;padding:.06em .4em .12em;background:var(--leaf);color:#fff;transform:translateY(105%);transition:transform .75s cubic-bezier(.76,0,.24,1)}
.hl__word:nth-child(2){background:var(--coral);color:#fff}
.hl__word:nth-child(3){background:var(--sun);color:var(--maroon)}
.hl__word.is-on{transform:translateY(0)}
.hl__word.is-out{transform:translateY(-105%)}
.hl__word.no-tr{transition:none}
@media (min-width:1024px){.who__title{max-width:none}.who__title .line-inner{white-space:nowrap}}
.who__flower{position:absolute;left:calc(50% - 122px);top:279px;width:273px;z-index:1;pointer-events:none}
.who__photos{position:absolute;inset:0;z-index:1;pointer-events:none;max-width:1440px;left:50%;transform:translateX(-50%);width:100%}
.pol{position:absolute;height:auto;filter:drop-shadow(0 8px 14px rgba(69,21,27,.18))}
.pol--1{left:18.1%;top:90px;width:218px}
.pol--2{left:66%;top:77px;width:297px}
.pol--3{left:72.3%;top:710px;width:216px}
.pol--4{left:44.2%;top:907px;width:255px}
.pol--5{left:8.7%;top:732px;width:307px}
@media (max-width:1199px){.pol--1{left:6%}.pol--2{left:68%}.pol--5{left:2%}.pol--3{left:76%}}
@media (max-width:767px){
  .who{padding:230px 0 300px}
  .who__inner{gap:14px}
  .who__title{font-size:clamp(30px,9.4vw,40px);line-height:1.2}
  .who__flower{width:170px;left:calc(50% - 85px);top:200px}
  .pol--1{left:4%;top:40px;width:120px}
  .pol--2{left:auto;right:3%;top:30px;width:150px}
  .pol--3{display:none}
  .pol--4{left:auto;right:6%;top:auto;bottom:40px;width:130px}
  .pol--5{left:3%;top:auto;bottom:70px;width:160px}
}

/* =========================================================
   PACKAGES
   ========================================================= */
.packages{position:relative;isolation:isolate;padding:91px 0 0;z-index:1}
.packages__bg{bottom:auto;height:793px;background:var(--maroon) url(../assets/img/tex-maroon.webp) center/cover no-repeat;
  -webkit-mask-image:url(../assets/svg/edge-shallow-tile.svg),url(../assets/svg/edge-shallow-tile.svg),linear-gradient(#000,#000);
          mask-image:url(../assets/svg/edge-shallow-tile.svg),url(../assets/svg/edge-shallow-tile.svg),linear-gradient(#000,#000);
  -webkit-mask-size:930px 53.95px,930px 53.95px,100% 100%;mask-size:930px 53.95px,930px 53.95px,100% 100%;
  -webkit-mask-position:-8px -32px,-8px calc(100% + 43px),0 0;mask-position:-8px -32px,-8px calc(100% + 43px),0 0}
.packages__inner .sec-head{gap:32px}
.pk-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:64px;align-items:start}
.pk article{background:var(--linen) url(../assets/img/tex-linen.webp) center/cover no-repeat;border-radius:20px;padding:32px;min-height:792px;transition:transform .4s var(--ease-soft),box-shadow .4s var(--ease-soft)}
.pk__name{display:flex;align-items:center;gap:16px}
.pk__name h3{font-family:var(--f-display);font-weight:600;font-size:32px;line-height:32px;letter-spacing:-.01em}
.badge{display:inline-flex;padding:8px 16px;border-radius:40px;background:var(--leaf);font-family:var(--f-display);font-weight:600;font-size:14px;line-height:14px;letter-spacing:-.01em;text-transform:uppercase}
.pk__desc{margin-top:9px;font-size:14px;line-height:20px;letter-spacing:-.01em;opacity:.7;max-width:281px}
.pk__price{margin-top:28px;font-family:var(--f-display);font-weight:600;font-size:40px;line-height:32px;letter-spacing:-.02em}
.pk--hl .pk__price{font-weight:700;letter-spacing:-.01em}
.pk__gst{margin-top:9px;font-family:var(--f-display);font-weight:500;font-size:12px;line-height:12px}
.pk__btn{width:100%;justify-content:space-between;margin-top:20px;padding:16px 24px;min-height:50px;line-height:18px}
.pk__inc{margin-top:24px;font-size:14px;line-height:20px;opacity:.7}
.pk__list{margin-top:20px;display:flex;flex-direction:column;gap:16px}
.pk__list li{display:flex;align-items:center;gap:16px;font-weight:600;font-size:16px;line-height:16px}
.pk__list .ast{width:14px;height:14px}
.pk--hl{margin-top:0}
@media (hover:hover){
  .pk article:hover{transform:translateY(-8px);box-shadow:0 30px 50px -28px rgba(30,8,10,.55)}
  .pk article:hover .btn--oat{--bg:var(--maroon);--fg:var(--sun)}
  .pk article:hover .btn--oat .btn__arrow{color:var(--sun)}
  .pk article:hover .pk__btn{--bg:var(--maroon);--fg:var(--sun);box-shadow:0 14px 26px -12px rgba(69,21,27,.75),0 4px 10px -4px rgba(69,21,27,.45)}
  .pk article:hover .pk__btn .btn__arrow{color:var(--sun)}
  .pk .pk__btn:hover{box-shadow:0 18px 30px -12px rgba(69,21,27,.8),0 6px 12px -4px rgba(69,21,27,.5)}
  .pk article:hover .btn__arrow{transform:translateX(5px)}
}
.pk-note{margin-top:32px;text-align:center;font-style:italic;font-weight:400;font-size:16px;line-height:1.3}
.pk-dots{display:none}
@media (max-width:1023px){.pk-list{gap:20px}.pk article{padding:24px;min-height:0}}
@media (max-width:899px){
  .packages__bg{height:640px}
  .pk-carousel{margin-inline:calc(-1 * var(--gutter))}
  .pk-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:6px var(--gutter) 24px;scrollbar-width:none;margin-top:40px;scroll-padding-inline:var(--gutter)}
  .pk-list::-webkit-scrollbar{display:none}
  .pk{flex:0 0 min(86%,340px);scroll-snap-align:center}
  .pk-dots{display:flex;justify-content:center;gap:4px;margin-top:4px}
  .pk-dots button{width:44px;height:44px;display:grid;place-items:center}
  .pk-dots button::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--stone);transition:background-color .3s,transform .3s}
  .pk-dots button[aria-selected="true"]::before{background:var(--maroon);transform:scale(1.25)}
  .pk-note{font-size:14px;margin-top:16px}
}
@media (max-width:767px){.packages{padding-top:72px}.packages__inner .sec-head{gap:14px}}

/* =========================================================
   TESTIMONIALS
   ========================================================= */
.stories{position:relative;padding:175px 0 0;background:linear-gradient(var(--cream) calc(100% - 141px),var(--linen) calc(100% - 141px))}
.tcar{position:relative;margin-top:65px;overflow:hidden;cursor:grab;touch-action:pan-y}
.tcar.is-dragging{cursor:grabbing}
.tcar__track{display:flex;gap:24px;width:max-content;padding:0 0 0;will-change:transform}
.tcar__track:focus-visible{outline:3px solid var(--maroon);outline-offset:-3px}
.tc{position:relative;flex:none;width:302px;height:400px;border-radius:10px;overflow:hidden;user-select:none;-webkit-user-select:none}
.tc--photo{background:var(--linen)}
.tc__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.tc--photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.8));pointer-events:none}
.tc__body{position:absolute;left:20px;right:24px;bottom:24px;z-index:2;color:var(--cream)}
.tc__title{font-family:var(--f-display);font-weight:700;font-size:32px;line-height:32px;max-width:215px}
.tc__by{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px}
.tc__name{font-family:var(--f-display);font-weight:600;font-size:16px;line-height:16px;opacity:.8}
.tc__play{width:44px;height:44px;margin:-2px -2px -2px 0;display:grid;place-items:center;border-radius:50%;transition:transform .3s var(--ease-pop)}
.tc__play svg{width:40px;height:42px}
.tc__play:hover{transform:scale(1.1)}
.tc__play.pulse-once{animation:pulseOnce .9s var(--ease-soft)}
@keyframes pulseOnce{0%{transform:scale(1)}40%{transform:scale(1.16)}100%{transform:scale(1)}}
.tc--quote{padding:24px;display:flex}
.tc--wine{background:var(--wine);color:var(--cream)}
.tc--leaf{background:var(--leaf);color:var(--maroon)}
.tc blockquote{display:flex;flex-direction:column;justify-content:space-between;height:100%;position:relative;z-index:2}
.tc__quote{font-family:var(--f-display);font-weight:500;font-size:28px;line-height:32px;letter-spacing:-.02em}
.tc footer{display:flex;flex-direction:column;gap:4px}
.tc__qname{font-family:var(--f-display);font-weight:600;font-size:16px;line-height:16px}
.tc__loc{font-family:var(--f-display);font-weight:400;font-size:14px;line-height:16px}
.tc__flower{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:1}
@media (max-width:767px){.tcar{margin-top:40px}.tc{width:260px;height:344px}.tc__title{font-size:28px;line-height:28px}.tc__quote{font-size:23px;line-height:26px}}
/* Testimonials: one full-width row of equal cards that drifts sideways on its own (pauses on hover/touch/focus) */
.stories:has(.tqs){padding-bottom:120px;background:var(--cream)}
.tqs-wrap{margin-top:64px}
.tqs{--tq-w:360px;list-style:none;margin:0;padding:4px max(var(--gutter),calc((100% - var(--content))/2));display:flex;gap:24px;align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tqs::-webkit-scrollbar{display:none}
.tqs.is-looping{padding-inline:0}
.tqs:focus-visible{outline:2px solid var(--maroon);outline-offset:-2px}
.tq{flex:0 0 var(--tq-w);width:var(--tq-w);min-height:420px;border-radius:16px;padding:32px 28px;display:flex}
.tq blockquote{margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:32px;width:100%}
.tq__text{font-family:var(--f-display);font-weight:500;font-size:26px;line-height:31px;letter-spacing:-.02em;margin:0;text-wrap:pretty}
.tq footer{display:flex;flex-direction:column;gap:4px;border-top:1px solid currentColor;padding-top:14px;border-color:color-mix(in srgb,currentColor 25%,transparent)}
.tq__name{font-family:var(--f-display);font-weight:600;font-size:18px;line-height:20px}
.tq__loc{font-size:15px;line-height:20px;opacity:.8}
.tq--wine{background:var(--wine) url(../assets/img/tex-maroon.webp) center/cover;color:var(--cream)}
.tq--leaf{background:var(--leaf);color:var(--maroon)}
.tq--linen{background:var(--linen) url(../assets/img/tex-linen.webp) center/cover;color:var(--maroon)}
.tq--sun{background:var(--sun);color:var(--maroon)}
@media (max-width:767px){.stories:has(.tqs){padding-bottom:72px}.tqs-wrap{margin-top:40px}.tqs{--tq-w:min(290px,80vw);gap:16px}.tq{min-height:380px;padding:24px}.tq__text{font-size:23px;line-height:27px}}

/* =========================================================
   PRIVACY
   ========================================================= */
.privacy{background:var(--linen);padding:150px 0 0;position:relative}
.privacy__grid{display:grid;grid-template-columns:490px 1fr;gap:143px;padding-bottom:115px}
.privacy__left{display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.privacy__seal{width:111px;margin-top:12px}
.benefits--privacy{padding-top:73px}
@media (max-width:1199px){.privacy__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}}
@media (max-width:767px){.privacy{padding-top:96px}.privacy__grid{grid-template-columns:1fr;gap:40px;padding-bottom:88px}.privacy__left{gap:14px}.privacy__seal{width:80px;margin-top:20px}.benefits--privacy{padding-top:0}}

/* =========================================================
   FAQ
   ========================================================= */
.faq{padding:150px 0 116px;position:relative;z-index:1}
.faq__grid{display:grid;grid-template-columns:490px 565px;justify-content:space-between;gap:56px}
.faq__list{padding-top:64px;margin:0 -19px 0 19px}
.faq__left{display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.faq__left .btn{margin-top:0}
.qa{border-bottom:1px solid var(--ink-16)}
.qa:not(:first-child) .qa__q{padding-top:24px}
.qa__q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 24px;transition:padding-bottom .36s var(--ease-soft);text-align:left;font-family:var(--f-display);font-weight:600;font-size:24px;line-height:32px;color:var(--maroon);min-height:44px}
.qa__q:focus-visible{outline-offset:2px}
.qa__icon{position:relative;flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--stone);transition:background-color .35s,border-color .35s,transform .35s var(--ease-soft)}
.qa__icon i{position:absolute;left:50%;top:50%;width:12px;height:1.4px;margin:-.7px 0 0 -6px;background:var(--maroon);border-radius:2px;transition:background-color .35s}
.qa__icon i:last-child{transform:rotate(90deg)}
.qa.is-open .qa__icon{background:var(--maroon);border-color:var(--maroon);transform:rotate(45deg)}
.qa.is-open .qa__icon i{background:var(--sun)}
@media (hover:hover){.qa__q:hover .qa__icon{transform:scale(1.08)}.qa.is-open .qa__q:hover .qa__icon{transform:rotate(45deg) scale(1.08)}}
.qa__a{overflow:hidden;transition:height .36s var(--ease-soft)}
.qa.is-open .qa__q{padding-bottom:12px}
.qa__a p{font-size:18px;line-height:28px;letter-spacing:-.01em;opacity:.8;padding:0 56px 24px 0;transform:translateY(10px);opacity:0;transition:transform .36s var(--ease-soft),opacity .3s}
.qa.is-open .qa__a p{transform:none;opacity:.8}
@media (max-width:1199px){.faq__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.faq__list{margin:0}}
@media (max-width:767px){.faq{padding:96px 0 120px}.faq__list{padding-top:0}.faq__grid{grid-template-columns:1fr;gap:36px}.faq__list{margin:0}.faq__left{gap:14px}.faq__left .btn{margin-top:10px}.qa__q{font-size:20px;line-height:26px}.qa__a p{font-size:16px;line-height:24px;padding-right:12px}}

/* =========================================================
   FOOTER
   ========================================================= */
.footer{position:relative;isolation:isolate;color:var(--cream);margin-top:-47px;padding:246px 0 0;min-height:1164px;overflow:hidden}
.footer__green,.footer__bg{position:absolute;inset:47px 0 0;z-index:-2;
  -webkit-mask-image:url(../assets/svg/edge-footer-tile.svg),linear-gradient(#000,#000);mask-image:url(../assets/svg/edge-footer-tile.svg),linear-gradient(#000,#000);
  -webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat;-webkit-mask-size:930px 77.82px,100% 100%;mask-size:930px 77.82px,100% 100%;
  -webkit-mask-position:-9px -47px,0 0;mask-position:-9px -47px,0 0;-webkit-mask-composite:xor;mask-composite:exclude}
.footer__green{background:var(--leaf)}
.footer__bg{top:53px;z-index:-1;background:var(--maroon) url(../assets/img/tex-footer.webp) 50% 0/cover no-repeat}
.footer__flower{position:absolute;left:0;bottom:-88px;width:117px;z-index:0;pointer-events:none}
.footer__cta{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.footer__cta>div:first-child{display:flex;flex-direction:column;gap:32px}
.footer__tag{color:var(--sun);line-height:24px}
.footer__title{max-width:540px}
.footer__btns{display:flex;flex-direction:column;gap:24px;margin-top:130px}
.footer__rule{border:0;border-top:1px solid rgba(246,241,234,.1);margin:59px 0 0}
.footer__main{display:flex;justify-content:space-between;gap:40px;margin-top:44px}
.footer__mono{width:318px;flex:none}
.mono-svg{width:100%;height:auto;overflow:visible}
.mono-svg .mark,.mono-svg path[fill="#F5C14C"]{transform-box:fill-box;transform-origin:50% 100%}
.footer__cols{display:flex;gap:76px;padding-top:45px}
.footer__h{font-family:var(--f-display);font-weight:600;font-size:24px;line-height:32px;color:rgba(246,241,234,.6)}
.footer__cols ul{display:flex;flex-direction:column;gap:20px;margin-top:36px}
.footer__cols a{font-family:var(--f-display);font-weight:500;font-size:16px;line-height:16px;background:linear-gradient(var(--sun),var(--sun)) 0 100%/0 2px no-repeat;padding-bottom:3px;transition:background-size .35s var(--ease-soft)}
.footer__cols a:hover,.footer__cols a:focus-visible{background-size:100% 2px}
.footer__bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:174px;padding-bottom:54px}
.footer__phone{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-family:var(--f-display);font-weight:400;font-size:20px;line-height:20px;letter-spacing:-.01em;justify-self:start}
.footer__phone svg{width:16px;height:16px}
.footer__copy{font-family:var(--f-display);font-weight:500;font-size:20px;line-height:20px;letter-spacing:-.01em}
.footer__social{display:flex;gap:8px;justify-self:end}
.footer__social a{display:grid;place-items:center;width:44px;height:44px;margin:-4px;border-radius:50%;transition:transform .3s var(--ease-soft),background-color .3s}
.footer__social svg{width:36px;height:36px}
.footer__social a:hover{transform:translateY(-3px);background:rgba(246,241,234,.08)}
@media (max-width:1199px){.footer__mono{width:220px}.footer__cols{gap:40px}}
@media (max-width:899px){.footer__main{flex-direction:column}.footer__cols{display:grid;grid-template-columns:1fr 1fr;gap:32px 24px;padding-top:0}.footer__bottom{margin-top:88px}.footer__cols ul{margin-top:16px;gap:16px}}
@media (max-width:1023px){.footer__btns{margin-top:0;align-self:flex-end}}
@media (max-width:767px){
  .footer{padding-top:150px;min-height:0}
  .footer__cta{flex-direction:column;align-items:stretch}
  .footer__cta>div:first-child{gap:14px}
  .footer__btns{margin:0}.footer__btns .btn{width:100%}
  .footer__rule{margin-top:48px}
  .footer__mono{width:160px}
  .footer__bottom{grid-template-columns:1fr;gap:16px;margin-top:56px;padding-bottom:40px}
  .footer__social{justify-self:start}
  .footer__flower{left:auto;right:4px;bottom:-60px;width:90px;opacity:.85}
}

/* =========================================================
   VIDEO MODAL
   ========================================================= */
.vmodal{border:0;padding:0;background:transparent;max-width:min(960px,92vw);width:100%;color:var(--cream);overflow:visible}
.vmodal::backdrop{background:rgba(30,10,12,.78);opacity:0;transition:opacity .35s}
.vmodal[open]::backdrop{opacity:1}
.vmodal__box{position:relative;opacity:0;transform:scale(.96);transition:opacity .35s var(--ease-soft),transform .35s var(--ease-soft)}
.vmodal.is-visible .vmodal__box{opacity:1;transform:none}
.vmodal__frame{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--maroon) url(../assets/img/tex-velvet.webp) center/640px}
.vmodal__video{position:absolute;inset:0;width:100%;height:100%;background:#000}
.vmodal__placeholder{position:absolute;inset:0;display:grid;place-items:center}
.vmodal__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.vmodal__msg{position:relative;text-align:center;font-family:var(--f-display);font-weight:700;font-size:clamp(26px,3.4vw,44px);line-height:1.1;text-transform:uppercase}
.vmodal__close{position:absolute;right:-12px;top:-56px;width:44px;height:44px;display:grid;place-items:center}
.vmodal__close svg{width:36px;height:36px}
@media (max-width:767px){.vmodal__close{right:0}}

/* =========================================================
   MOTION LAYER  (only with JS, removed for reduced motion)
   ========================================================= */
html.js [data-reveal]{--d:0;transition-delay:calc(var(--d)*1ms)}
/* split lines */
.line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.line-inner{display:block}
html.js [data-split] .line-inner{transform:translateY(110%);transition:transform .9s var(--ease-out);transition-delay:calc(var(--ld,0)*1ms)}
html.js .is-in [data-split] .line-inner,html.js .hero.is-in .hero__title .line-inner{transform:none}
/* eyebrow handwriting wipe */
html.js [data-reveal="eyebrow"]{clip-path:inset(-20% 100% -20% 0);transition:clip-path .65s cubic-bezier(.45,.05,.35,1)}
html.js .is-in [data-reveal="eyebrow"]{clip-path:inset(-20% -4% -20% 0)}
/* fade up */
html.js [data-reveal="fade"]{opacity:0;transform:translateY(24px);transition-property:opacity,transform;transition-duration:.65s;transition-timing-function:var(--ease-out)}
html.js .is-in [data-reveal="fade"]{opacity:1;transform:none}
html.js [data-reveal="from-right"]{opacity:0;transform:translateX(40px);transition:opacity .65s var(--ease-out),transform .75s var(--ease-out);transition-delay:calc(var(--d)*1ms)}
html.js .is-in [data-reveal="from-right"]{opacity:1;transform:none}
/* images */
html.js [data-reveal="photo"]{clip-path:inset(50% 50% 50% 50% round 50%);rotate:-6deg;transition:clip-path .95s var(--ease-bloom),rotate 1.3s var(--ease-out);transition-delay:calc(var(--d)*1ms)}
html.js [data-reveal="photo"] img{scale:1.18;transition:scale 1.4s var(--ease-out),transform .7s var(--ease-soft);transition-delay:calc(var(--d)*1ms),0s}
html.js .is-in [data-reveal="photo"]{clip-path:inset(-8% -8% -8% -8% round 0%);rotate:0deg}
html.js .is-in [data-reveal="photo"] img{scale:1}
html.js [data-reveal="slide-left"]{opacity:0;translate:-50px 0;transition:opacity .7s var(--ease-out),translate .9s var(--ease-out);transition-delay:calc(var(--d)*1ms)}
html.js .is-in [data-reveal="slide-left"]{opacity:1;translate:0 0}
html.js [data-reveal="tape"]{clip-path:polygon(0 100%,0 100%,0 100%)}
html.js .is-in [data-reveal="tape"]{animation:tape-apply 1.15s cubic-bezier(.45,.05,.25,1) calc(var(--d)*1ms) both}
html.js [data-reveal="grow"]{clip-path:inset(100% 0 0 0);transition:clip-path 1.2s cubic-bezier(.45,.05,.25,1);transition-delay:calc(var(--d)*1ms)}
html.js .is-in [data-reveal="grow"]{clip-path:inset(-5% -5% -5% -5%)}
html.js [data-reveal="pop"]{opacity:0;scale:.5;transition:opacity .3s,scale .55s var(--ease-pop);transition-delay:calc(var(--d)*1ms)}
html.js .is-in [data-reveal="pop"]{opacity:1;scale:1}
html.js [data-reveal="stamp"]{opacity:0;scale:1.45;rotate:-12deg;transition:opacity .2s,scale .45s cubic-bezier(.5,0,.3,1.3),rotate .45s var(--ease-out);transition-delay:calc(var(--d)*1ms)}
html.js .is-in [data-reveal="stamp"]{opacity:1;scale:1;rotate:0deg}
/* svg stroke drawing */
html.js svg.draw [pathLength]{stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset .7s cubic-bezier(.5,0,.3,1);transition-delay:calc((var(--d) + var(--dd,250))*1ms)}
html.js .is-in svg.draw [pathLength]{stroke-dashoffset:0}
/* steps */
html.js [data-reveal="step"] .step__card{opacity:0;translate:0 70px;scale:.94;rotate:calc(var(--tilt,0)*1deg);transition:opacity .6s var(--ease-out),translate .95s var(--ease-out),scale .95s var(--ease-out),rotate .95s var(--ease-out),transform .45s var(--ease-soft);transition-delay:calc(var(--d)*1ms),calc(var(--d)*1ms),calc(var(--d)*1ms),calc(var(--d)*1ms),0s}
html.js [data-reveal="step"] .step__seal{opacity:0;scale:.3;transition:opacity .25s,scale .5s var(--ease-pop),filter .45s;transition-delay:calc((var(--d) + 650)*1ms),calc((var(--d) + 650)*1ms),0s}
html.js [data-reveal="step"] .step__text{opacity:0;translate:0 18px;transition:opacity .6s var(--ease-out),translate .6s var(--ease-out);transition-delay:calc((var(--d) + 780)*1ms)}
html.js .is-in [data-reveal="step"] .step__card,html.js .is-in [data-reveal="step"] .step__seal,html.js .is-in [data-reveal="step"] .step__text{opacity:1;translate:0 0;scale:1;rotate:0deg}
html.js [data-reveal="step"] .step__shot{clip-path:inset(50% 50% 50% 50% round 50%);transition:clip-path .9s var(--ease-bloom),transform .45s var(--ease-soft);transition-delay:calc((var(--d) + 120)*1ms),0s}
html.js [data-reveal="step"] .step__shot img{scale:1.16;rotate:-4deg;transition:scale 1.3s var(--ease-out),rotate 1.3s var(--ease-out),transform .6s var(--ease-soft);transition-delay:calc((var(--d) + 120)*1ms),calc((var(--d) + 120)*1ms),0s}
html.js .is-in [data-reveal="step"] .step__shot{clip-path:inset(-12% -12% -12% -12% round 0%)}
html.js .is-in [data-reveal="step"] .step__shot img{scale:1;rotate:0deg}
/* what you get */
html.js [data-reveal="table"] .what__img{opacity:.15;translate:0 50px;scale:1.08;transition:opacity 1.1s var(--ease-soft),translate 1.4s var(--ease-out),scale 1.6s var(--ease-out)}
html.js .is-in [data-reveal="table"] .what__img{opacity:1;translate:0 0;scale:1}
/* comparison */
html.js [data-reveal="table-wipe"]{clip-path:inset(-40px 0 100% 0 round 20px);transition:clip-path 1.1s cubic-bezier(.65,0,.25,1);transition-delay:calc(var(--d)*1ms)}
html.js .is-in [data-reveal="table-wipe"]{clip-path:inset(-40px -40px -60px -40px round 20px)}
html.js .ctable__col{scale:1 0;transition:scale 1s cubic-bezier(.65,0,.25,1);transition-delay:calc((var(--d) + 300)*1ms)}
html.js .is-in .ctable__col{scale:1 1}
html.js .ctable__row--price>*{opacity:0;transition:opacity .5s var(--ease-out);transition-delay:calc((var(--d) + 1250)*1ms)}
html.js .is-in .ctable__row--price>*{opacity:1}
/* who */
html.js [data-reveal="pol"]{clip-path:inset(50% 50% 50% 50% round 50%);scale:1.12;rotate:calc(var(--r0,0)*1deg);transition:clip-path .9s var(--ease-bloom),scale 1.3s var(--ease-out),rotate 1.3s var(--ease-out);transition-delay:calc(var(--d)*1ms)}
html.js [data-from="left"]{--r0:-9}
html.js [data-from="right"]{--r0:9}
html.js [data-from="bottom"]{--r0:-7}
html.js .is-in [data-reveal="pol"]{clip-path:inset(-15% -15% -15% -15% round 0%);scale:1;rotate:0deg}
html.js [data-hl] .hl__clip{clip-path:inset(0 100% 0 0 round 10px);transition:clip-path .7s cubic-bezier(.65,0,.3,1);transition-delay:calc(var(--hl,900)*1ms)}
html.js .is-in [data-hl] .hl__clip{clip-path:inset(0 0 0 0 round 10px)}
/* packages */
html.js [data-reveal="bg-wipe"]{clip-path:inset(12% 0 12% 0);opacity:.4;transition:clip-path 1.1s cubic-bezier(.65,0,.25,1),opacity .8s}
html.js .is-in [data-reveal="bg-wipe"]{clip-path:inset(-10px 0 -60px 0);opacity:1}
html.js [data-reveal="pk"]{opacity:0;translate:0 70px;transition:opacity .7s var(--ease-out),translate .9s var(--ease-out);transition-delay:calc(var(--d)*1ms)}
html.js .is-in [data-reveal="pk"]{opacity:1;translate:0 0}
html.js .is-in .pk--hl[data-reveal="pk"]{translate:0 0}
html.js [data-badge]{scale:0;transition:scale .5s var(--ease-pop);transition-delay:calc((var(--d) + 700)*1ms)}
html.js .is-in [data-badge]{scale:1}
/* hero entrance */
html.js .hero__img{scale:1.06;transition:scale 1.2s var(--ease-out)}
html.js .hero.is-in .hero__img{scale:1}
html.js .hero.is-in .hero__shade{opacity:1}
html.js .hero .hero__title .line-inner{transition-delay:calc((120 + var(--li,0)*100)*1ms)}
html.js .hero [data-reveal="fade"]{transition-delay:calc(var(--d)*1ms)}
html.js .hero__seal{opacity:0;scale:1.4;rotate:-14deg;transition:opacity .25s,scale .5s cubic-bezier(.5,0,.3,1.3),rotate .5s var(--ease-out);transition-delay:1.05s}
html.js .hero.is-in .hero__seal{opacity:1;scale:1;rotate:0deg}

/* scroll-scrubbed appear (privacy icons, footer monogram) */
[data-scrub]{--sp:1}
html.js [data-scrub]{opacity:var(--sp);will-change:transform,opacity}
html.js .benefit__icon[data-scrub]{transform:translateY(calc((1 - var(--sp)) * 36px)) scale(calc(.45 + var(--sp) * .55)) rotate(calc((1 - var(--sp)) * -24deg))}
html.js .footer__mono[data-scrub]{transform:translateY(calc((1 - var(--sp)) * 90px)) scale(calc(.86 + var(--sp) * .14)) rotate(calc((1 - var(--sp)) * -6deg))}
html.js .footer__mono[data-scrub] .mono-svg path[fill="#F5C14C"]{scale:clamp(0, calc((var(--sp) - .55) * 2.3), 1)}
/* comparison: no reveal animation */
#compare.no-anim .compare__head [data-reveal],#compare.no-anim .compare__head [data-reveal] *,#compare.no-anim .line-inner,#compare.no-anim .ctable,#compare.no-anim .ctable__col,#compare.no-anim .ctable__row--price>*{transition:none!important;animation:none!important}
/* comparison table: on scroll, the table fades up and each row's content slides up from a mask */
html.js #compare .ctable{opacity:0;translate:0 60px;transition:opacity .8s var(--ease-out),translate .9s var(--ease-out)!important}
html.js #compare .ctable__row{overflow:hidden}
html.js #compare .ctable__row>*{opacity:0;translate:0 100%;transition:opacity .7s var(--ease-out),translate .8s cubic-bezier(.22,1,.36,1)!important;transition-delay:calc(220ms + var(--ri,0) * 70ms)!important}
html.js #compare .ctable.is-shown{opacity:1;translate:0 0}
html.js #compare .ctable.is-shown .ctable__row>*{opacity:1;translate:0 0}
/* tape: lifted, unrolled along its length from bottom-left, then pressed flat */
html.js #compare .table-wrap .compare__tape{clip-path:polygon(0 100%,0 100%,0 100%);transition:none;animation:none}
html.js #compare .table-wrap.is-shown .compare__tape{animation:tape-apply 1.15s cubic-bezier(.45,.05,.25,1) .55s both}
@keyframes tape-apply{
  0%{clip-path:polygon(0 100%,0 100%,0 100%);transform:translate(-4px,-6px) scale(1.08) rotate(-3deg);filter:drop-shadow(0 12px 8px rgba(69,21,27,.2))}
  65%{clip-path:polygon(0 100%,0 -100%,200% 100%);transform:translate(-2px,-4px) scale(1.05) rotate(-1.5deg);filter:drop-shadow(0 9px 6px rgba(69,21,27,.18))}
  82%{transform:translate(0,1px) scale(.985) rotate(0deg);filter:drop-shadow(0 1px 1px rgba(69,21,27,.2))}
  100%{clip-path:polygon(0 100%,0 -100%,200% 100%);transform:none;filter:drop-shadow(0 2px 2px rgba(69,21,27,.16))}
}


/* ---------- Custom cursor ---------- */
html.has-cursor,html.has-cursor *{cursor:none!important}
html.has-cursor input,html.has-cursor textarea,html.has-cursor select,html.has-cursor [contenteditable]{cursor:text!important}
.cur-dot,.cur-ring{position:fixed;left:0;top:0;z-index:2000;pointer-events:none;opacity:0;transition:opacity .25s}
html.cur-on .cur-dot,html.cur-on .cur-ring{opacity:1}
.cur-dot{width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--maroon);transition:opacity .25s,background-color .25s}
.cur-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;transition:scale .25s var(--ease-soft)}
.cur-ring{width:38px;height:38px;margin:-19px 0 0 -19px}
.cur-ring::before{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--maroon);transition:scale .35s var(--ease-soft),background-color .3s,border-color .3s}
.cur-label{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-display);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--maroon);opacity:0;scale:.6;transition:opacity .25s,scale .3s var(--ease-soft)}
html.cur-hover .cur-ring::before{scale:1.6;background:rgba(255,222,23,.35);border-color:var(--sun)}
html.cur-hover .cur-dot{opacity:0}
html.cur-label-on .cur-ring::before{scale:2.1;background:var(--sun);border-color:var(--sun)}
html.cur-label-on .cur-label{opacity:1;scale:1}
html.cur-label-on .cur-dot{opacity:0}
html.cur-down .cur-ring::before{scale:.7}
html.cur-hover.cur-down .cur-ring::before,html.cur-label-on.cur-down .cur-ring::before{scale:1.3}
html.cur-light .cur-dot{background:var(--cream)}
html.cur-light .cur-ring::before{border-color:var(--cream)}
html.cur-light.cur-hover .cur-ring::before{border-color:var(--sun)}
html.cur-text .cur-dot,html.cur-text .cur-ring,html.cur-modal .cur-dot,html.cur-modal .cur-ring{opacity:0}
html.has-cursor.cur-modal,html.has-cursor.cur-modal *{cursor:auto!important}
html.has-cursor.cur-modal button,html.has-cursor.cur-modal a{cursor:pointer!important}
.cur-petal{position:fixed;z-index:1999;width:7px;height:11px;margin:-5px 0 0 -3px;border-radius:60% 60% 50% 50%/70% 70% 30% 30%;pointer-events:none;animation:cur-petal .7s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes cur-petal{from{transform:translate(0,0) rotate(var(--r)) scale(1);opacity:1}to{transform:translate(var(--dx),calc(var(--dy) + 14px)) rotate(calc(var(--r) + 120deg)) scale(.4);opacity:0}}

/* ---------- Reduced motion: everything visible, nothing moves ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}
  .what__rays{animation:none!important}
  html.js #compare .ctable,html.js #compare .ctable__row>*{opacity:1!important;translate:none!important}
  html.js [data-reveal="tape"],html.js #compare .table-wrap .compare__tape{clip-path:none!important;animation:none!important}
  html.js .step__shot,html.js .step__shot img{clip-path:none!important;scale:none!important;rotate:none!important}
  html.js [data-reveal] *{opacity:1!important;translate:none!important;scale:none!important;rotate:none!important;clip-path:none!important}
  html.js [data-reveal]:not(.why__card),html.js [data-split] .line-inner,html.js .hero__img,html.js .hero__seal,html.js .ctable__col,html.js .vs,html.js [data-badge],html.js [data-hl] .hl__clip{opacity:1!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;clip-path:none!important}
  html.js svg.draw [pathLength]{stroke-dashoffset:0!important}
  html.js .site-header__logo,html.js .site-header__actions>*{opacity:1;transform:none}
  .loader{display:none!important}
  .hero__img{transform:none!important}
}
.menu__inner{align-items:start;padding-top:225px}
.menu__side{align-self:end;padding-bottom:17px}
.menu__big a span{padding-bottom:0;background-position:0 96%}
.site-header__mono svg path:not([fill="#F5C14C"]){fill:var(--cream)}
@media (max-width:899px){.menu__inner{padding-top:calc(var(--header-h) + 40px)}.menu__side{align-self:start}}
@media (max-width:767px){.menu__inner{padding-top:110px}}
.menu-open .header-cart{display:none}
/* menu: right column ends level with the last menu item */
.menu__inner{align-content:start}
.menu__side{align-self:end;padding-bottom:6px}
@media (max-width:899px){.menu__side{align-self:start;padding-bottom:0}}

/* Pricing cards: every card in a row shares the tallest card's height */
.pk-list{align-items:stretch}
.pk{display:flex;flex-direction:column}
.pk article{flex:1 1 auto;box-sizing:border-box}
@media (max-width:899px){.pk-list--two{grid-auto-rows:1fr}}

/* Signed-in header link: user icon + "My account" */
.btn--acct{gap:8px;padding-left:16px}
.btn__user{width:18px;height:18px;flex:none}
@media (max-width:400px){.btn--acct{padding:0 12px;gap:6px}}
@media (max-width:369px){.btn--acct span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.btn--acct{padding:0;width:42px}}

/* Menu: sign in / sign up on their own row under a divider */
.menu__auth{grid-column:1/-1;display:flex;align-items:center;gap:20px;margin-top:24px;padding-top:48px;border-top:1px solid rgba(246,241,234,.28);font-family:var(--f-display);font-weight:600;font-size:clamp(26px,2.3vw,32px);line-height:1;color:var(--cream);opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease-out),transform .6s var(--ease-out)}
.menu.is-open .menu__auth{opacity:1;transform:none;transition-delay:calc(280ms + 7*70ms)}
.menu__auth a,.menu__auth button{color:inherit;font:inherit;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px;min-height:44px;display:inline-flex;align-items:center;transition:color .25s}
.menu__auth a:hover,.menu__auth button:hover{color:var(--sun)}
.menu__auth span{opacity:.5}
@media (min-width:900px){.menu__inner{padding-top:136px!important;padding-bottom:48px}}
@media (max-width:899px){.menu__auth{margin-top:0}}
@media (prefers-reduced-motion:reduce){.menu__auth{transform:none}}
@media (min-width:900px){.menu__big{gap:18px}}
@media (min-width:900px) and (max-height:860px){.menu__big a{font-size:clamp(40px,4.6vw,64px)}.menu__big{gap:14px}}