/* ═══════════════════════════════════════════════════════════
   SOUTHERN HILL SPICES — unified stylesheet (mobile-first)
   Layers: tokens → reset → components → sections → subpages
           → blog → refinement (premium polish)
   ═══════════════════════════════════════════════════════════ */

/* ── Design tokens ───────────────────────────────────────── */
:root {
  --section-y: clamp(3rem, 6vw, 5.5rem); /* unified vertical section rhythm */
  /* Palette */
  --gold:       #c5a059;
  --gold-dark:  #a38243;
  --gold-faint: rgba(197,160,89,.15);
  --gold-line:  rgba(197,160,89,.25);
  --ink:        #1c1c1c;
  --ink-mid:    rgba(28,28,28,.82);
  --bg:         #fcfbf9;
  --surface:    #ffffff;
  --text:       #4a4a4a;
  --muted:      #aaaaaa;
  --danger:     #c05050;

  /* Type */
  --fd:         'Cormorant Garamond','Palatino Linotype',Georgia,serif;
  --fb:         'Montserrat','Segoe UI',system-ui,sans-serif;

  /* Fluid type scale (mobile-first, clamps up) */
  --fs-xs:   clamp(.68rem,.64rem + .2vw,.78rem);
  --fs-sm:   clamp(.8rem,.76rem + .2vw,.9rem);
  --fs-base: clamp(.95rem,.9rem + .25vw,1.05rem);
  --fs-md:   clamp(1.1rem,1rem + .5vw,1.35rem);
  --fs-lg:   clamp(1.4rem,1.2rem + 1vw,2rem);
  --fs-xl:   clamp(1.6rem,1.3rem + 1.6vw,2.5rem);
  --fs-hero: clamp(2rem,1.4rem + 3vw,3.6rem);

  /* Fluid spacing scale */
  --space-2xs: clamp(.25rem,.2rem + .25vw,.4rem);
  --space-xs:  clamp(.5rem,.4rem + .5vw,.75rem);
  --space-sm:  clamp(.75rem,.6rem + .75vw,1.15rem);
  --space-md:  clamp(1.25rem,1rem + 1.25vw,2rem);
  --space-lg:  clamp(2rem,1.5rem + 2.5vw,3.5rem);
  --space-xl:  clamp(3rem,2.25rem + 3.75vw,5.5rem);

  /* Rhythm & chrome */
  --section-pad: var(--space-xl);
  --header-h:    64px;
  --radius:      0px;                 /* deliberate: sharp, editorial */
  --shadow-sm:   0 2px 12px rgba(28,28,28,.06);
  --shadow-md:   0 12px 40px rgba(28,28,28,.12);

  /* Motion */
  --ease:    0.4s ease;
  --ease-sm: 0.25s ease;
  --ease-lg: 0.6s ease;

  accent-color: var(--gold);
  color-scheme: light;
}

/* ── Reset ───────────────────────────────────────────────── */
*,*::before,*::after { margin:0;padding:0;box-sizing:border-box }
html {
  font-size:16px; scroll-behavior:smooth;
  -webkit-text-size-adjust:none; text-size-adjust:none;
  scrollbar-width:thin; scrollbar-color:var(--gold) transparent;
}
::-webkit-scrollbar { width:5px }
::-webkit-scrollbar-thumb { background:var(--gold); border-radius:0 }
body {
  font-family:var(--fb); font-weight:300;
  color:var(--text); background:var(--bg);
  line-height:1.7; overflow-x:clip;
  -webkit-font-smoothing:antialiased;
}
img,video,iframe { max-width:100%; display:block }
a { color:inherit; text-decoration:none }
ul { list-style:none }
button { font-family:inherit; cursor:pointer }
h1,h2,h3,h4,h5,h6 { font-family:var(--fd); font-weight:600; color:var(--ink); line-height:1.2 }

/* ── Utility ─────────────────────────────────────────────── */
.visually-hidden {
  position:absolute; width:1px; height:1px;
  padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0
}
.container { max-width:1200px; margin:0 auto; padding:0 5% }
.text-center { text-align:center }

.section-heading {
  font-family:var(--fd); font-weight:600; color:var(--ink);
  font-size:clamp(1.6rem,3.5vw,2.5rem);
  text-transform:uppercase; letter-spacing:3px;
  display:inline-block; padding-bottom:14px; position:relative; margin-bottom:2rem;
}
.section-heading::after {
  content:''; position:absolute; bottom:0;
  left:50%; transform:translateX(-50%);
  width:50px; height:1px; background:var(--gold);
}
.section-heading--light { color:#fff }

/* ── Buttons ─────────────────────────────────────────────── */
.btn {
  display:inline-block; font-family:var(--fb); font-weight:400;
  font-size:.72rem; letter-spacing:1.8px; text-transform:uppercase;
  padding:.6em 1.6em; border:1px solid var(--gold); border-radius:0;
  transition:background var(--ease-sm),color var(--ease-sm);
  cursor:pointer; white-space:nowrap;
}
.btn-ghost { color:var(--gold); background:transparent }
.btn-ghost:hover { background:var(--gold); color:var(--ink) }
.btn-filled { color:var(--ink); background:var(--gold) }
.btn-filled:hover { background:transparent; color:var(--gold) }
.btn-light { color:#fff; border-color:rgba(255,255,255,.5) }
.btn-light:hover { background:var(--gold); border-color:var(--gold); color:var(--ink) }

/* ── Page loader ─────────────────────────────────────────── */
#page-loader {
  position:fixed; inset:0; background:#1c1c1c; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  transition:opacity .3s ease;
}
#page-loader.hidden { opacity:0; pointer-events:none }
.spinner {
  width:32px; height:32px; border:1px solid rgba(197,160,89,.2);
  border-top-color:var(--gold); border-radius:50%;
  animation:spin .9s linear infinite;
}
@keyframes spin { to { transform:rotate(360deg) } }

/* ── HEADER ──────────────────────────────────────────────── */
/* Pure CSS hamburger: #nav-toggle checkbox must immediately precede .site-header */
#nav-toggle { position:fixed; top:-100px; left:-100px; opacity:0 }

.site-header {
  position:sticky; top:0; z-index:100;
  background:var(--ink); border-bottom:1px solid var(--gold-line);
  /* position:relative needed for absolute-positioned mobile nav */
}
.header-inner {
  max-width:1400px; margin:0 auto; padding:0 5%;
  display:flex; align-items:center; justify-content:space-between;
  height:64px;
}

/* Logo */
.header-logo { display:flex; align-items:center; gap:.7rem; flex-shrink:0 }
.header-logo img { height:38px; width:auto; filter:brightness(0) invert(1) opacity(.9) }
.header-logo-text { display:flex; flex-direction:column; line-height:1.2 }
.brand-name { font-family:var(--fd); font-size:clamp(.85rem,2vw,1rem); font-weight:600; letter-spacing:.08em; color:#fff }
.brand-tag  { font-family:var(--fb); font-size:.55rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold) }

/* Desktop nav */
.site-nav { display:flex; align-items:stretch; height:100% }
.site-nav > ul { display:flex; align-items:stretch; height:100% }
.nav-item { position:relative; display:flex; align-items:stretch }
.nav-item > a {
  display:flex; align-items:center; padding:0 1rem;
  font-family:var(--fb); font-size:.7rem; font-weight:400;
  text-transform:uppercase; letter-spacing:1.5px; color:var(--gold);
  border-bottom:1px solid transparent;
  transition:color var(--ease-sm),border-color var(--ease-sm);
}
.nav-item > a:hover, .nav-item:hover > a { color:#fff; border-bottom-color:var(--gold) }

/* Chevron on items with dropdowns */
.nav-item.has-drop > a::after {
  content:''; display:inline-block; margin-left:.4rem;
  width:5px; height:5px; flex-shrink:0;
  border-right:1px solid currentColor; border-bottom:1px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform var(--ease-sm);
}
.nav-item.has-drop.open > a::after { transform:rotate(-135deg) translateY(-2px) }
@media (hover:hover) and (min-width:900px) {
  .nav-item.has-drop:hover > a::after { transform:rotate(-135deg) translateY(-2px) }
}

/* Dropdown */
.dropdown {
  display:none;
  position:absolute; top:100%; left:0;
  background:var(--ink); min-width:200px; z-index:200;
  border:1px solid var(--gold-line); border-top:1px solid var(--gold);
  box-shadow:0 12px 30px rgba(0,0,0,.5);
  animation:dropIn .18s ease;
}
@keyframes dropIn { from{opacity:0;transform:translateY(-4px)} to{opacity:1;transform:translateY(0)} }
.nav-item:hover > .dropdown {
  opacity:1; visibility:visible; pointer-events:all;
  transform:translateY(0);
  transition:opacity .18s ease, transform .18s ease;
}
.dropdown li a {
  display:block; padding:.55rem 1.2rem;
  font-family:var(--fd); font-size:1.05rem; font-weight:500;
  color:var(--gold); border-bottom:1px solid rgba(197,160,89,.08);
  transition:background var(--ease-sm),color var(--ease-sm),padding-left var(--ease-sm);
}
.dropdown li:last-child a { border-bottom:none }
.dropdown li a:hover { background:var(--gold-faint); color:#fff; padding-left:1.6rem }

/* Mega dropdown */
.dropdown.mega {
  width:min(680px,90vw); display:flex; flex-direction:row; padding:1rem 0;
}
.mega-col { flex:1; padding:0 .4rem; border-right:1px solid rgba(197,160,89,.08) }
.mega-col:last-child { border-right:none }
.mega-col-title {
  display:block; font-family:var(--fb); font-size:.55rem; letter-spacing:.22em;
  text-transform:uppercase; color:var(--gold); padding:.2rem 1rem .5rem;
  border-bottom:1px solid rgba(197,160,89,.12); margin-bottom:.2rem;
}
.mega-col ul li a { font-size:.88rem; padding:.28rem 1rem; border-bottom:none; color:rgba(197,160,89,.75) }
.mega-col ul li a:hover { color:#fff; padding-left:1.3rem }

/* Contact CTA */
.nav-cta { margin-left:1.2rem }
.nav-item--cta { display:none }   /* mobile-only; standalone .nav-cta covers desktop */
.nav-cta a {
  font-family:var(--fb); font-size:.65rem; letter-spacing:1.8px;
  text-transform:uppercase; color:var(--ink); background:var(--gold);
  border:1px solid var(--gold); padding:.45em 1.3em;
  transition:background var(--ease-sm),color var(--ease-sm);
}
.nav-cta a:hover { background:transparent; color:var(--gold) }

/* Hamburger icon */
.nav-toggle-label {
  display:none; cursor:pointer; padding:.5rem; flex-shrink:0;
  background:none; border:none;
  -webkit-tap-highlight-color:transparent;
}
.hamburger { display:flex; flex-direction:column; justify-content:space-between; width:22px; height:16px }
.hamburger span {
  display:block; height:1px; background:var(--gold);
  transition:transform .25s ease,opacity .25s ease; transform-origin:center;
}
#nav-toggle:checked + .site-header .hamburger span:nth-child(1) { transform:translateY(7px) rotate(45deg) }
#nav-toggle:checked + .site-header .hamburger span:nth-child(2) { opacity:0; transform:scaleX(0) }
#nav-toggle:checked + .site-header .hamburger span:nth-child(3) { transform:translateY(-7px) rotate(-45deg) }

/* ── Mobile nav ──────────────────────────────────────────── */
/* ── Mobile nav ──────────────────────────────────────────── */
/* Desktop: nav always visible */
@media (min-width:900px) {
  .nav-toggle-label { display:none }
  .site-nav { display:flex; align-items:stretch; height:100% }
}

/* Mobile: nav hidden by default, JS adds .nav-open to header to show it */
@media (max-width:899px) {
  .nav-toggle-label { display:flex; align-items:center }
  .site-nav {
    display:none; position:absolute;
    top:100%; left:0; right:0; z-index:99;
    height:calc(100vh - 100%) !important;   /* fill screen below the header */
    height:calc(100dvh - 100%) !important;
    background:var(--ink); border-top:1px solid var(--gold-line);
    flex-direction:column;
  }
  #nav-toggle:checked + .site-header .site-nav { display:flex }
  /* standalone desktop CTA hidden on mobile; the in-menu button replaces it */
  .nav-cta { display:none }
  .site-nav > ul { flex-direction:column; width:100%; flex:1 1 auto; padding-bottom:0 }
  /* Contact as a real button, last in the menu flow (not another text row) */
  /* Contact: a real pill button (sized to its text, like desktop), pushed to
     the bottom of the panel with clear space above the last menu item */
  .nav-item.nav-item--cta {
    display:flex; flex-direction:row;   /* override the generic column below */
    justify-content:center; align-items:center;
    margin-top:auto;                 /* push to the bottom of the flex panel */
    padding:1.5rem 5% 2rem;          /* the space above + bottom breathing room */
    border-top:1px solid rgba(197,160,89,.12);
  }
  /* high specificity (.nav-item--cta.nav-item > a) to beat the generic
     .nav-item > a { padding:.85rem 5% } that was stretching it full-width */
  .nav-item.nav-item--cta > a {
    display:inline-block; width:auto; align-self:center; margin:0 auto;
    padding:.8rem 2.6rem;
    background:var(--gold); color:var(--ink);
    font-family:var(--fb); font-size:.72rem; letter-spacing:2px; text-transform:uppercase;
    border:1px solid var(--gold); border-bottom:1px solid var(--gold); border-radius:2px;
    transition:background .25s ease, color .25s ease;
  }
  .nav-item.nav-item--cta > a:active { background:transparent; color:var(--gold); transform:scale(.98) }
  .nav-item.nav-item--cta > a::after { display:none }
  .nav-item { flex-direction:column; width:100% }
  .nav-item > a { padding:.85rem 5%; font-size:.75rem; border-bottom:1px solid rgba(197,160,89,.08) }
  .dropdown,.dropdown.mega {
    display:none;
    position:static; width:100%; animation:none;
    border:none; box-shadow:none;
    border-top:1px solid rgba(197,160,89,.08);
  }
  .nav-item.open > .dropdown,
  .nav-item.open > .dropdown.mega { display:flex; flex-direction:column; }
  .mega-col { width:100%; border-right:none }
}

/* Desktop dropdowns — pure CSS hover, no JS needed */
@media (min-width:900px) {
  .nav-item:hover > .dropdown { display:block }
  .nav-item:hover > .dropdown.mega { display:flex }
}


/* ── Seafood slider navigation ───────────────────────────── */
.sf-wrap {
  position:relative;
}
.sf-prev, .sf-next {
  position:absolute; top:50%; transform:translateY(-50%);
  z-index:10; background:rgba(28,28,28,.55); color:var(--gold);
  border:1px solid var(--gold-line); width:42px; height:42px;
  font-size:1.8rem; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  transition:background .25s;
}
.sf-prev:hover, .sf-next:hover { background:var(--gold); color:var(--ink) }
.sf-prev { left:1rem }
.sf-next { right:1rem }
.sf-dots {
  display:flex; gap:.5rem; justify-content:center;
  padding:.8rem 0 0;
}
.sf-dot {
  width:8px; height:8px; border-radius:50%;
  background:rgba(197,160,89,.3); border:none; cursor:pointer;
  padding:0; transition:background .25s;
}
.sf-dot.active { background:var(--gold) }

/* Seafood cover link overlay */
.sf-cover-wrap {
  position:relative;
}
.sf-cover-link {
  position:absolute; inset:0; z-index:5;
  display:flex; align-items:flex-end; justify-content:center;
  padding-bottom:1.5rem;
  text-decoration:none;
  cursor:pointer;
}
.sf-cover-link span {
  display:inline-block;
  padding:.55rem 1.6rem;
  border:1px solid var(--gold);
  color:var(--gold);
  font-family:var(--fb); font-size:.75rem; letter-spacing:2px;
  text-transform:uppercase; font-weight:500;
  background:rgba(28,28,28,.55);
  transition:background var(--ease-sm),color var(--ease-sm);
  pointer-events:none;
}
.sf-cover-link:hover span {
  background:var(--gold); color:var(--ink);
}

/* Gold ghost button (used on product tiles) */
.btn-ghost-gold { color:var(--gold); border-color:var(--gold); background:transparent }
.btn-ghost-gold:hover { background:var(--gold); color:var(--ink) }


/* ── Signature animation ─────────────────────────────────── */
.sign-wrap {
  display:flex; align-items:center; justify-content:flex-end;
  width:100%; padding-right:5%; gap:.8rem; margin-top:.5rem;
}

#replay {
  cursor:pointer; background:none; border:none; padding:.3rem;
  opacity:.7; transition:opacity .25s;
}
#replay:hover { opacity:1 }
#replay svg { width:10px; height:10px; fill:none; stroke:var(--gold); stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round }
#dex-sign {
  display:inline-block;
  width:350px; height:76px;
  background:url('../img/sign-black.png') no-repeat 0 100%; /* rest = drawn signature */
  background-size:100% auto;               /* frames scale with element width */
  -webkit-filter:invert(87%) sepia(3%) saturate(1400%) hue-rotate(200deg) brightness(111%) contrast(96%);
  filter:invert(87%) sepia(3%) saturate(1400%) hue-rotate(200deg) brightness(111%) contrast(96%);
  opacity:1;
  image-rendering:auto;
}
#dex-sign { transition: filter .35s ease; }
#dex-sign:hover, #dex-sign:focus-visible {
  /* black sprite → theme gold #c5a059 (solver: exact to <1/255) */
  -webkit-filter:invert(56%) sepia(33%) saturate(1050%) hue-rotate(-17deg) brightness(141%) contrast(55%);
  filter:invert(56%) sepia(33%) saturate(1050%) hue-rotate(-17deg) brightness(141%) contrast(55%);
}
#dex-sign.play {
  animation:sign-anim 6s 0.2s steps(124) forwards; /* 125 frames = 124 steps */
}

/* mobile signature — MUST follow the base #dex-sign rules (same
   specificity; source order decides): 60% size, tucked right like a sign */
@media (max-width:639px) {
  .sign-wrap { display:flex; justify-content:flex-end; padding-right:clamp(1.2rem,7vw,2.2rem) }
  #dex-sign { width:min(140px,38vw); height:auto; aspect-ratio:350/76 }
}
@keyframes sign-anim {
  from { background-position:0 0 }      /* frame 1: blank canvas */
  to   { background-position:0 100% }   /* last frame, held by `forwards` */
}

/* ── FOOTER ──────────────────────────────────────────────── */
.site-footer {
  background:var(--ink); border-top:1px solid var(--gold-line);
  padding:clamp(2rem,5vw,3.5rem) 5%;
}
.footer-inner {
  max-width:1200px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1fr 1fr; gap:2rem; align-items:center;
}
.footer-logo { margin-bottom:.6rem }
.footer-logo img { height:2.4rem; filter:brightness(0) invert(1) opacity(.7) }
.footer-link {
  display:block; font-family:var(--fb); font-size:.68rem;
  text-transform:uppercase; letter-spacing:1px; color:#999;
  transition:color var(--ease-sm);
}
.footer-link:hover { color:var(--gold) }
.footer-copy { font-size:.65rem; color:rgba(255,255,255,.2); margin-top:.4rem }
.social-links { display:flex; gap:1.4rem; justify-content:flex-end }
.social-links a { color:var(--gold); display:flex; align-items:center; transition:color var(--ease-sm),transform var(--ease-sm) }
.social-links a:hover { color:#fff; transform:translateY(-3px) }
.social-links svg { width:18px; height:18px; fill:currentColor }
/* Twitter & Instagram need stroke not fill */
.social-links .icon-x svg,
.social-links .icon-ig svg { fill:none; stroke:currentColor }
.social-links .icon-ig .dot { fill:currentColor; stroke:none }

/* Footer mobile */
@media (max-width:639px) {
  .site-footer { padding:2rem 1.2rem }
  .footer-inner {
    grid-template-columns:auto 1fr auto;
    grid-template-rows:auto;
    gap:.5rem .8rem; align-items:center;
  }
  .footer-inner > div:nth-child(1) { grid-column:1; text-align:left }
  .footer-inner > div:nth-child(2) { grid-column:2; text-align:center }
  .footer-inner > div:nth-child(3) { grid-column:3; text-align:right }
  .footer-logo img { height:1.8rem }
  .footer-link { font-size:.6rem }
  .footer-copy { font-size:.58rem }
  .social-links { gap:.9rem; justify-content:flex-end }
  .social-links svg { width:16px; height:16px }
}

/* ── Back to top ─────────────────────────────────────────── */
#back-to-top {
  position:fixed; bottom:1.5rem; right:1.5rem; z-index:50;
  width:38px; height:38px; background:var(--ink); border:1px solid var(--gold-line);
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; opacity:0; pointer-events:none;
  transition:opacity var(--ease-sm),background var(--ease-sm);
}
#back-to-top.visible { opacity:1; pointer-events:all }
#back-to-top:hover { background:var(--gold) }
#back-to-top svg { width:14px; height:14px; fill:#fff; transition:fill var(--ease-sm) }
#back-to-top:hover svg { fill:var(--ink) }
@media (max-width:899px) {
  #back-to-top svg { fill:var(--gold) }
  #back-to-top:hover svg { fill:var(--ink) }
}

/* ── Dialog (product modals) ─────────────────────────────── */
/* Ensure dialogs are truly invisible when closed — Safari/Android fix */
dialog:not([open]) { display:none !important }



dialog {
  border:none; padding:0; border-radius:0;
  width:min(92vw,640px); background:transparent;
  /* Centre in viewport on all browsers */
  position:fixed !important; inset:0 !important; margin:auto !important;
  height:fit-content; max-height:88dvh; overflow-y:auto;
  opacity:0; transition:opacity .25s ease; box-shadow:none; z-index:999;
}
dialog[open] { opacity:1 }
body:has(dialog[open]) { overflow:hidden }
dialog::backdrop { background:rgba(0,0,0,.88) }
.dialog-close {
  position:absolute; top:.6rem; right:.6rem; z-index:10;
  width:30px; height:30px; background:rgba(28,28,28,.7);
  border:1px solid var(--gold-line); cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  font-size:.75rem; color:rgba(255,255,255,.6);
  transition:background var(--ease-sm),color var(--ease-sm);
}
.dialog-close:hover { background:var(--gold); color:var(--ink); border-color:var(--gold) }
.spice-dialog { display:flex; flex-direction:column }
.spice-dialog[open] { display:flex }
.spice-dialog > img {
  width:100%; height:auto; max-height:55vh;
  object-fit:contain; display:block; background:transparent;
}
.spice-dialog .dialog-body {
  background:transparent; border-top:1px solid rgba(197,160,89,.4);
  padding:1.6rem 2rem 2rem;
}
.spice-dialog .dialog-body h3 {
  font-family:var(--fd); font-size:1.7rem; font-style:italic;
  font-weight:500; color:var(--gold); margin-bottom:.3rem;
}
.spice-dialog .dialog-tagline {
  font-family:var(--fd); font-style:italic;
  font-size:.92rem; color:rgba(255,255,255,.45); margin-bottom:.9rem;
}
.spice-dialog .dialog-body p:not(.dialog-tagline) {
  font-family:var(--fb); font-size:.83rem;
  line-height:1.8; color:rgba(255,255,255,.82); font-weight:300;
}

/* Video dialog */
.video-dialog { background:#000; width:min(92vw,860px) }
.video-dialog[open] { display:flex; flex-direction:column }
.video-wrap { position:relative; aspect-ratio:16/9; width:100% }
.video-wrap iframe { position:absolute; inset:0; width:100%; height:100%; border:none }

/* ── Page hero banner (used on subpages) ─────────────────── */
.page-hero {
  position:relative; min-height:clamp(220px,35vw,380px);
  background:var(--ink) center/cover no-repeat;
  display:flex; align-items:flex-end; overflow:hidden;
}
.page-hero::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(28,28,28,.85) 0%, rgba(28,28,28,.3) 60%, transparent 100%);
}
.page-hero-inner {
  position:relative; z-index:1; padding:2.5rem 5%; width:100%;
}
.page-hero h1 {
  font-family:var(--fd); font-weight:600; color:#fff;
  font-size:clamp(2rem,5vw,3.8rem); letter-spacing:4px;
  text-transform:uppercase; text-shadow:0 2px 12px rgba(0,0,0,.4);
  line-height:1.15; text-wrap:balance;
}
@media (max-width:520px){
  .page-hero h1 { letter-spacing:2px; font-size:clamp(1.6rem,8vw,2.4rem); line-height:1.2 }
}
.page-hero p {
  font-family:var(--fb); font-size:clamp(.8rem,1.4vw,.95rem);
  color:rgba(255,255,255,.75); font-weight:300; margin-top:.5rem;
  letter-spacing:.5px; max-width:600px;
}

/* ── Breadcrumb ──────────────────────────────────────────── */
.breadcrumb {
  padding:.8rem 5%; background:var(--ink);
  border-bottom:1px solid var(--gold-line);
  font-family:var(--fb); font-size:.65rem; letter-spacing:1px;
  text-transform:uppercase; color:var(--muted);
  display:flex; gap:.5rem; align-items:center;
}
.breadcrumb a { color:var(--gold) }
.breadcrumb a:hover { color:#fff }
.breadcrumb span::before { content:'/' ; margin-right:.5rem; opacity:.4 }


/* ── Hero banner ─────────────────────────────────────────── */
.banner-section {
  position:relative; min-height:clamp(55vh,70vw,85vh);
  background:var(--ink) url('../img/background/background.jpg') center/cover no-repeat;
  display:flex; align-items:center; justify-content:center;
  text-align:center; overflow:hidden;
}
.banner-section::before {
  content:''; position:absolute; inset:0; background:rgba(28,28,28,.72);
}
.banner-inner {
  position:relative; z-index:1;
  display:flex; flex-direction:column; align-items:center;
  gap:1.2rem; padding:clamp(3rem,8vw,5rem) 5%;
}
.banner-title {
  font-family:var(--fd); font-weight:400;
  font-size:clamp(2rem,7vw,4.5rem); color:var(--gold);
  text-transform:uppercase; letter-spacing:clamp(4px,2vw,10px);
  line-height:1.15; text-shadow:1px 1px 10px rgba(0,0,0,.5);
}
.banner-tagline {
  font-family:var(--fb); font-weight:300;
  font-size:clamp(.8rem,1.4vw,.98rem); color:rgba(255,255,255,.82);
  letter-spacing:.5px; max-width:640px; line-height:1.7;
}
.banner-img {
  width:clamp(180px,40vw,480px);
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.4));
}

/* ── Products section ────────────────────────────────────── */
.products-section { padding:var(--section-y) 5%; background:var(--bg) }

/* ── Product grid (shared) ───────────────────────────────── */
.products-grid {
  display:grid; grid-template-columns:repeat(4,1fr); gap:6px;
}
@media (max-width:1099px) { .products-grid { grid-template-columns:repeat(3,1fr) } }
@media (max-width:639px)  { .products-grid { grid-template-columns:repeat(2,1fr); gap:.6rem } }
@media (max-width:639px) {
  .product-title { font-size:clamp(1rem,4vw,1.3rem) !important; letter-spacing:1.5px !important; margin-bottom:.3rem !important }
  .product-desc  { font-size:clamp(.72rem,2.6vw,.85rem) !important; line-height:1.5 !important }
  .product-content { padding:1rem !important }   /* tighter inner padding in narrow cells */
}
@media (max-width:400px) {
  .product-title { letter-spacing:1px !important }
  .product-desc  { font-size:clamp(.68rem,2.8vw,.8rem) !important }
}

.product-card {
  position:relative; overflow:hidden; aspect-ratio:1;
  background:var(--ink); cursor:pointer;
  /* No container-type — breaks pointer events on Android */
}
.product-card > img {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; display:block;
  transition:transform var(--ease-lg),opacity var(--ease-lg);
}
.product-card::after {
  content:''; position:absolute; inset:1rem;
  border:1px solid rgba(197,160,89,.5); opacity:0;
  transform:scale(1.06); z-index:3;
  transition:opacity var(--ease-lg),transform var(--ease-lg);
  pointer-events:none;
}
.product-overlay {
  position:absolute; inset:0; z-index:2;
  background:rgba(28,28,28,.08);
  transition:background var(--ease-lg);
}
.product-content {
  position:absolute; inset:0; z-index:4;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  text-align:center; padding:1.2rem;
  opacity:0; transition:opacity var(--ease-lg);
}
.product-title {
  font-family:var(--fd); color:var(--gold);
  font-size:clamp(.95rem,1.8vw,1.5rem); letter-spacing:2px;
  font-weight:500; margin-bottom:.4rem;
}
.product-desc {
  font-family:var(--fb); color:#e8e8e8;
  font-size:clamp(.68rem,1.1vw,.82rem); line-height:1.5;
  font-weight:300; margin-bottom:1rem;
}
.organic { position:absolute; top:.5rem; left:.5rem; z-index:5 }
.organic img { width:26px; height:auto; opacity:.9 }

/* Desktop hover */
@media (hover:hover) {
  .product-card:hover > img { transform:scale(1.08); opacity:.38 }
  .product-card:hover::after { opacity:1; transform:scale(1) }
  .product-card:hover .product-overlay { background:rgba(28,28,28,.82) }
  .product-card:hover .product-content { opacity:1 }
  .product-card:hover .product-content .btn { display:inline-block }
}
/* Touch: btn always visible on mobile */


/* Mobile — always show content (width-based for reliable detection) */
@media (max-width:639px) {
  .product-card > img { opacity:.52 }
  .product-overlay { background:rgba(28,28,28,.35) }
  .product-content { opacity:1 }
  .product-content .btn { display:inline-block !important }
}

/* ── Beauty expanding panels ─────────────────────────────── */
.beauty-panels {
  display:flex; flex-direction:row;
  height:clamp(260px,35vw,400px);
}
.beauty-panel {
  flex-basis:20%; overflow:hidden; position:relative;
  background-size:cover; background-position:center;
  filter:grayscale(75%); border-right:1px solid var(--bg);
  transition:flex-basis .8s cubic-bezier(.25,.8,.25,1),filter .8s ease;
  cursor:pointer; text-decoration:none;
}
.beauty-panel:last-child { border-right:none }
.beauty-overlay {
  position:absolute; inset:0; background:rgba(28,28,28,.58);
  display:flex; align-items:center; justify-content:center;
  transition:background .8s ease;
}
.beauty-label {
  font-family:var(--fd); font-style:italic; font-weight:400;
  font-size:clamp(1rem,2vw,1.7rem); color:#fff; text-align:center;
  padding:10px; opacity:.92;
  transition:opacity .55s ease,transform .55s ease;
}
@media (hover:hover) {
  .beauty-panel:hover { filter:grayscale(0); flex-basis:100% }
  .beauty-panel:hover .beauty-overlay { background:rgba(28,28,28,.1) }
  .beauty-panel:hover .beauty-label { opacity:0; transform:translateY(10px) }
}
/* Touch: CSS-only expand on :focus */
.beauty-panel:focus { filter:grayscale(0); flex-basis:100%; outline:none }
.beauty-panel:focus .beauty-overlay { background:rgba(28,28,28,.1) }
.beauty-panel:focus .beauty-label { opacity:0; transform:translateY(10px) }

/* Mobile: keep horizontal, reduce height */
@media (max-width:639px) {
  .beauty-panels { height:clamp(180px,56vw,300px) }
  .beauty-panel { min-width:32px }
}

/* ── Seafood panels ─────────────────────────────────────── */
.sf-panels {
  display:flex; flex-direction:column;
  height:clamp(238px,38.5vw,392px);
}
.sf-panels .sf-row {
  flex:1 1 0; min-height:42px; overflow:hidden;
  display:flex; flex-direction:row;
  border-bottom:1px solid var(--bg);
  transition:flex .8s cubic-bezier(.25,.8,.25,1);
}
.sf-panels .sf-row:last-child { border-bottom:none }
.sf-panels .sf-panel {
  flex:none; width:50%; height:100%; overflow:hidden; position:relative;
  background-size:cover; background-position:center;
  filter:grayscale(75%);
  transition:filter .8s ease;
  cursor:pointer; text-decoration:none;
  border-right:1px solid var(--bg);
}
.sf-panels .sf-panel:last-child { border-right:none }
.sf-overlay {
  position:absolute; inset:0; background:rgba(28,28,28,.58);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  transition:background .8s ease;
}
.sf-label {
  font-family:var(--fd); font-style:italic; font-weight:400;
  font-size:clamp(.9rem,1.8vw,1.5rem); color:#fff; text-align:center;
  padding:10px; opacity:.92;
  transition:opacity .55s ease,transform .55s ease;
}
.sf-tagline {
  font-family:var(--fb); font-size:clamp(.55rem,1.1vw,.72rem); color:rgba(255,255,255,.82);
  letter-spacing:.06em; font-weight:300; text-align:center;
  padding:0 10px; margin-top:.3rem;
  opacity:0; transform:translateY(6px);
  transition:opacity .45s ease .1s,transform .45s ease .1s;
  pointer-events:none;
}
@media (hover:hover) {
  .sf-panels .sf-row:hover { flex:4 }
  .sf-panels .sf-panel:hover { filter:grayscale(0) }
  .sf-panels .sf-panel:hover .sf-overlay { background:rgba(28,28,28,.35) }
  .sf-panels .sf-panel:hover .sf-label { opacity:0; transform:translateY(-8px) }
  .sf-panels .sf-panel:hover .sf-tagline { opacity:1; transform:translateY(0) }
}
.sf-panels .sf-row:focus-within { flex:4 }
.sf-panels .sf-panel:hover { filter:grayscale(0); outline:none }
.sf-panels .sf-panel:hover .sf-overlay { background:rgba(28,28,28,.35) }
.sf-panels .sf-panel:hover .sf-label { opacity:1; transform:translateY(-2px); font-size:clamp(.6rem,1.5vw,.85rem) }
.sf-panels .sf-panel:hover .sf-tagline { opacity:1; transform:translateY(0) }
.sf-panels .sf-row:hover { flex:4 1 0% }
.sf-panels .sf-panel:focus { filter:grayscale(0); outline:none }
.sf-panels .sf-panel:focus .sf-overlay { background:rgba(28,28,28,.35) }
.sf-panels .sf-panel:focus .sf-label { opacity:1; transform:translateY(-2px); font-size:clamp(.6rem,1.5vw,.85rem) }
.sf-panels .sf-panel:focus .sf-tagline { opacity:1; transform:translateY(0) }
@media (max-width:639px) {
  .sf-panels { height:clamp(196px,63vw,294px) }
  .sf-panels .sf-panel { min-width:28px }
  .sf-panels .sf-tagline { opacity:1; transform:translateY(0); font-size:clamp(.5rem,2.5vw,.7rem) }
  .sf-panels .sf-label { font-size:clamp(.75rem,3vw,1rem) }
  @media (hover:hover) {
    .sf-panels .sf-row:hover { flex:4 }
  }
  .sf-panels .sf-row:focus-within { flex:4 }
}

/* ── Blog video track ────────────────────────────────────── */
.blog-track {
  display:flex; gap:1.5rem; overflow-x:auto;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  scrollbar-width:none; padding-bottom:.5rem;
}
.blog-track::-webkit-scrollbar { display:none }
.blog-card { flex:0 0 min(80vw,280px); scroll-snap-align:start }
@media (min-width:640px)  { .blog-card { flex:0 0 265px } }
@media (min-width:1024px) { .blog-card { flex:0 0 285px } }
.blog-thumb {
  position:relative; width:100%; aspect-ratio:16/9;
  overflow:hidden; cursor:pointer; background:var(--ink);
  display:block; border:1px solid var(--gold-line);
  padding:0; border-radius:0;
}
.blog-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform var(--ease) }
.blog-thumb:hover img { transform:scale(1.04) }
.play-icon {
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:rgba(28,28,28,.35); transition:background var(--ease-sm);
}
.blog-thumb:hover .play-icon { background:rgba(28,28,28,.55) }
.play-icon svg { width:32px; height:32px; fill:var(--gold); opacity:.9; filter:drop-shadow(0 0 6px rgba(0,0,0,.6)) }
.blog-card-body { padding:1rem 0 }
.blog-card-body h5 { font-family:var(--fd); font-size:1.05rem; font-weight:600; color:var(--ink); margin-bottom:.35rem }
.blog-card-body p { font-family:var(--fb); font-size:.78rem; color:var(--muted); line-height:1.6 }
.blog-read-more { font-family:var(--fb); font-size:.65rem; text-transform:uppercase; letter-spacing:1px; color:var(--gold) }
.blog-read-more:hover { color:var(--ink) }

/* ── Contact form ────────────────────────────────────────── */
.contact-section { padding:var(--section-y) 5%; background:var(--bg) }
.contact-wrap { max-width:600px; margin:0 auto; background:#fff; padding:2.5rem }
.contact-wrap input, .contact-wrap textarea {
  width:100%; font-family:var(--fb); font-size:1rem; font-weight:300;
  color:var(--text); background:transparent;
  border:none; border-bottom:1px solid rgba(197,160,89,.3);
  padding:.7rem 0; letter-spacing:.5px; margin-bottom:1.2rem;
  -webkit-appearance:none; appearance:none;
  transition:border-color var(--ease-sm);
}
.contact-wrap input:focus,.contact-wrap textarea:focus {
  outline:none; border-bottom-color:var(--gold);
  box-shadow:0 1px 0 0 var(--gold);           /* gentle underline emphasis */
  background:linear-gradient(to bottom, transparent, rgba(197,160,89,.05));
  transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
}
.contact-wrap input::placeholder,.contact-wrap textarea::placeholder { color:#bbb; font-size:.82rem; letter-spacing:1px }
.contact-wrap textarea { height:110px; resize:vertical }
.contact-feedback { padding:.7rem 1rem; margin-bottom:1rem; font-size:.8rem; display:none }
.contact-feedback.visible { display:block }
.contact-feedback.success { border:1px solid rgba(197,160,89,.4); color:var(--gold) }
.contact-feedback.error { border:1px solid rgba(200,80,80,.35); color:#c05050 }

/* ── Ayurveda section (overlay style, matching index.php) ── */
.services-section {
  background:#fff; padding:clamp(3rem,6vw,5.5rem) 5%;
  border-top:1px solid var(--gold-line); border-bottom:1px solid var(--gold-line);
  text-align:center;
}
.services-item { max-width:1100px; height:clamp(280px,38vw,480px); margin:0 auto; position:relative }
.ayur-photo {
  position:absolute; top:50%; left:35%;
  transform:translate(-50%,-50%);
  display:block; width:65%; height:100%;
  text-decoration:none;
}
.ayur-img {
  width:100%; height:100%;
  position:relative; overflow:hidden;
  background:url('../img/services/ayurveda.jpg') center no-repeat;
  background-size:cover;                    /* static image lives on the card
                                               itself — the single fallback for
                                               desktop, no-JS and reduced motion.
                                               On mobile the .ayur-fixed clip
                                               layer paints over this exactly. */
  box-shadow:10px 15px 25px rgba(0,0,0,.2);
  margin-top:-10px;
  transition:0.5s cubic-bezier(0.645,0.045,0.355,1);
  border-radius:4px;
}
/* Parallax backdrop — true fixed layer, clipped by ITSELF.
   .ayur-fixed is a body-level sibling (no card ancestor can form its
   containing block), position:fixed and sized to the viewport so the image
   is pinned to the screen. It clips to the card's live on-screen rectangle
   via its OWN clip-path (fixed elements clip in viewport coords) — JS updates
   only that rectangle on scroll, the image itself never moves. This is the
   one arrangement where clipping and position:fixed coexist, because the clip
   is on the fixed element, not an ancestor. Desktop & no-JS: layer hidden,
   the card's own static cover background (on .ayur-img) shows instead. */
.ayur-fixed { display:none; }
@media (max-width:768px) {
  .ayur-fixed {
    display:block;
    position:fixed; top:0; left:0;
    width:100vw; height:100vh; height:100dvh;
    background:url('../img/services/ayurveda.jpg') center center no-repeat;
    background-size:cover;
    z-index:5;                             /* above content, but clipped to the
                                              card window so it paints ONLY there
                                              — avoids unreliable behind-content
                                              stacking against mixed section bgs */
    pointer-events:none;
    /* default clip = nothing visible until JS measures the card */
    -webkit-clip-path: inset(50% 50%);
    clip-path: inset(50% 50%);
    will-change: clip-path;
  }
}
.ayur-wording {
  position:absolute; z-index:1;
  transform:translate(62%,0);
  font-family:var(--fb); padding-top:0;
  bottom:24%; right:0;
  transition:0.5s;
  background-image:linear-gradient(to right,#fff 38%,var(--ink) 38%,var(--ink) 100%);
  background-clip:text; -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-align:center;
}
.ayur-wording h4 {
  font-family:var(--fd); font-style:italic; font-weight:500;
  font-size:clamp(1rem,1.5vw,1.4rem); line-height:1.55; margin-bottom:.6rem;
}
.ayur-wording p {
  font-family:var(--fb); font-size:clamp(.75rem,1.1vw,.92rem); line-height:1.8;
}
.ayur-wording .ayur-attr {
  font-size:.68rem; text-transform:uppercase; letter-spacing:1.5px;
  font-weight:500; margin-top:.8rem; display:block;
}
.ayur-glow-wrap {
  overflow:hidden; position:absolute;
  width:100%; height:100%; top:0; margin-top:-10px;
  transition:0.5s cubic-bezier(0.645,0.045,0.355,1); /* MUST match .ayur-img:
     the wrap shares the -10px→0 hover lift; without a transition it snapped
     instantly while the photo eased, misaligning the shine clip by up to
     10px mid-transition (read as ghosted double image) */
}
.ayur-glow {
  display:block; position:absolute; width:40%; height:200%;
  background:rgba(255,255,255,.2); inset:0; margin:auto;
  filter:blur(5px);
  transform:rotate(45deg) translate(-450%,0);
  transition:0.6s cubic-bezier(0.645,0.045,0.355,1); /* near the lift's 0.5s: one motion, not three clocks */
}
@media (hover:hover) {
  .ayur-photo:hover .ayur-wording { bottom:30%; transform:translate(62%,0) }
  .ayur-photo:hover .ayur-img,
  .ayur-photo:hover .ayur-glow-wrap { margin-top:0 }
  .ayur-photo:hover .ayur-img {
    box-shadow:1px 1px 10px rgba(0,0,0,.1);
  }
  .ayur-photo:hover .ayur-glow { transform:rotate(45deg) translate(450%,0) }
}
@media (max-width:768px) {
  /* padding-bottom:50% relic removed: it assumed an absolutely-positioned
     image (aspect-ratio-box trick), but .ayur-img is in flow with its own
     40vw height — the padding was pure dead space below the card */
  .services-item { width:95%; height:auto; margin:0 auto }
  .ayur-photo {
    width:100%; top:0; left:0; right:0;
    position:relative; transform:none !important;
  }
  .ayur-img { position:relative; height:40vw }
  /* While .ayur-fixed is engaged (JS adds .is-covered), the card's own
     background is a solid tone matched to the photo, NOT the photo itself:
     the fixed layer's clip updates one rAF behind real scroll, and any lag
     sliver over a second, differently-cropped copy of the image reads as a
     ghosted double. Over a matched tone it reads as a soft edge. No-JS and
     reduced-motion never get the class, so the static photo still shows. */
  .ayur-img.is-covered { background-image:none; background-color:#43291d }
  .ayur-wording {
    display:block; position:relative;
    margin-top:20px; padding-top:10px;
    background-image:none;
    -webkit-text-fill-color:#000;
    transform:none !important;
  }
  .ayur-wording h4 { font-size:clamp(1rem,5vw,1.3rem); -webkit-text-fill-color:var(--gold) }
  .ayur-wording p { -webkit-text-fill-color:rgba(33,37,41,.75) }
  .ayur-wording .ayur-attr { -webkit-text-fill-color:var(--ink) }
}
/* ── Why choose ──────────────────────────────────────────── */
.choose-section { background:var(--ink); padding:clamp(1.25rem,2vw,2rem) 5% clamp(2.5rem,5vw,4rem); text-align:center }
.choose-section .section-heading { color:#fff; margin-bottom:0 }
.choose-section .section-heading::after { display:none }
.gold-rule { width:40px; height:1px; background:var(--gold); margin:0 auto 2rem }
.choose-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; max-width:860px; margin:0 auto }
@media (max-width:639px) { .choose-grid { grid-template-columns:1fr; gap:1.6rem } }
@media (min-width:640px) and (max-width:899px) { .choose-grid { grid-template-columns:1fr 1fr } }
.choose-item { display:flex; flex-direction:column; align-items:center; gap:.6rem }
.choose-item img { width:clamp(38px,8vw,58px); transition:transform var(--ease-sm) }
.choose-item:hover img { transform:scale(1.08) }
.choose-item h5 { font-family:var(--fd); font-size:1.15rem; font-weight:500; color:#fff; text-transform:uppercase; letter-spacing:2px }
.choose-item p { font-family:var(--fb); font-size:.76rem; font-weight:300; color:var(--muted); line-height:1.5; max-width:210px }

/* ── Spinner loader ──────────────────────────────────────── */
.page-loader { position:fixed; inset:0; background:var(--ink); z-index:9999; display:flex; align-items:center; justify-content:center; transition:opacity .5s ease }
.page-loader.hidden { opacity:0; pointer-events:none }

/* ── Raindrop animation (hero section) ──────────────────── */
#raindrop-wrap { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0 }
.rdrop-border, .rdrop-drop {
  position:absolute; border-radius:50%; opacity:0;
  animation:rdrop 100ms cubic-bezier(0.175,0.885,0.32,1.275) forwards;
}
.rdrop-border { box-shadow:0 0 0 2px rgba(197,160,89,.18) }
.rdrop-drop {
  background-image:url('../img/background/intro.png');
  background-size:1000%; transform:rotate(180deg);
}
@keyframes rdrop {
  0%   { opacity:0; transform:rotate(180deg) scale(2.5,2.3) }
  100% { opacity:1; transform:rotate(180deg) scale(1,1) }
}

/* ── Video hero background (subpages only) ──────────────── */
.page-hero { isolation: isolate }

.hero-video {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; z-index: 0;
  opacity: 0.5;
  pointer-events: none;
}
/* Overlay and content above video */
.page-hero::before { z-index: 1 }
.page-hero-inner   { z-index: 2 }

/* ── Contact section background ─────────────────────────── */
.contact-section--bg {
  background: url('../img/background/contact.jpg') center/cover no-repeat;
  position: relative;
}
.contact-section--bg::before {
  content: ''; position: absolute; inset: 0;
  background: rgba(252,251,249,0.93);
  pointer-events: none;
}
.contact-section--bg > * { position: relative; z-index: 1 }

/* ── Floating spice images (blog page) ───────────────────── */
.spice-float-wrap {
  position: fixed; inset: 0; z-index: 0;
  overflow: hidden; pointer-events: none;
}
.spice-float {
  position: absolute; top: -80px; opacity: 0;
  animation: spice-fall linear infinite both;
}
.spice-float img {
  width: 100%; height: auto; opacity: 0.18;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.3));
}
@keyframes spice-fall {
  0%   { transform: translateY(-80px) rotate(0deg);   opacity: 0   }
  5%   { opacity: 1 }
  95%  { opacity: 0.15 }
  100% { transform: translateY(110vh) rotate(360deg); opacity: 0   }
}

/* Keep page content above the floating layer */
body > *:not(.spice-float-wrap):not(.site-header):not(.ayur-fixed) { position: relative; z-index: 1 }






/* ── Spices dropdown: scrollable ─────────────────────────── */
.dropdown--scroll {
  max-height:clamp(240px,50vh,380px);
  overflow-y:auto;
  overflow-x:hidden;
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:var(--gold) transparent;
}
.dropdown--scroll::-webkit-scrollbar { width:4px }
.dropdown--scroll::-webkit-scrollbar-thumb { background:var(--gold); border-radius:2px }

/* ── Botanical Beauty accordion (index.html) ──────────────── */
.beauty-accord {
  display:flex; height:clamp(260px,32vw,420px); width:100%;
  gap:0; overflow:hidden;
}
.beauty-accord-item {
  flex:1 1 0%; min-width:48px; position:relative; overflow:hidden;
  filter:grayscale(80%); cursor:pointer;
  transition:flex 0.8s cubic-bezier(0.25,0.8,0.25,1), filter 0.5s;
  background-size:cover; background-position:center;
}
.beauty-accord-item::after {
  content:''; position:absolute; inset:0;
  background:rgba(28,28,28,.55); transition:background 0.5s;
}
.beauty-accord-item:hover {
  flex:4 1 0%; filter:grayscale(0%);
}
.beauty-accord-item:hover::after { background:rgba(28,28,28,.18) }
.beauty-accord-label {
  position:absolute; bottom:0; left:0; right:0; z-index:2;
  padding:1rem 1.2rem;
  font-family:var(--fd); font-style:italic;
  font-size:clamp(1rem,2vw,1.8rem); color:#fff;
  text-shadow:0 1px 6px rgba(0,0,0,.6);
  opacity:1; transition:opacity 0.4s, transform 0.4s;
  transform:rotate(-90deg) translateX(-40%) translateY(60%);
  transform-origin:left bottom; white-space:nowrap;
}
.beauty-accord-item:hover .beauty-accord-label {
  transform:rotate(0deg) translateX(0) translateY(0);
  opacity:1; font-size:clamp(1.2rem,2.5vw,2.2rem);
}

/* ── Ayurveda page ────────────────────────────────────────── */
html.ayur-page, body.ayur-page {
  overflow:hidden; height:100%; max-height:100vh;
}
/* Ayurveda fullscreen video wrapper */
.services-wrapper {
  position:fixed; inset:0; overflow:hidden;
}
/* Video layer */
.video-container {
  position:absolute; inset:0; z-index:0;
}
.video-container video {
  width:100%; height:100%;
  object-fit:cover; object-position:center;
}
/* Watermark cover — the stock-preview watermark is baked into the centre of
   the video frame. object-fit:cover keeps the frame centre pinned to the
   container centre on every viewport, so a centred, feathered blur band
   covers it on all devices. Sized off the container, generous by design. */
.video-container::after {
  content:'';
  position:absolute; left:0; right:0; top:50%;
  height:clamp(180px, 46%, 560px);
  transform:translateY(-50%);
  backdrop-filter:blur(26px) saturate(1.15);
  -webkit-backdrop-filter:blur(26px) saturate(1.15);
  /* feather the band edges so it reads as depth-of-field, not a stripe */
  -webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 22%, #000 78%, transparent 100%);
  mask-image:linear-gradient(to bottom, transparent 0%, #000 22%, #000 78%, transparent 100%);
  pointer-events:none;
}
/* Fallback when backdrop-filter is unavailable: soft darkening scrim */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .video-container::after {
    background:radial-gradient(ellipse 70% 60% at 50% 50%, rgba(12,10,7,.72), rgba(12,10,7,0) 75%);
  }
}
/* Overlay gradient + content container */
.ayur-overlay {
  position:absolute; inset:0; z-index:2;
  display:flex; flex-direction:column; align-items:center; justify-content:space-between;
  padding:calc(var(--header-h, 64px) + 1.5rem) 5% 4rem;
  background:linear-gradient(to bottom, rgba(10,8,5,.55) 0%, rgba(10,8,5,.15) 40%, rgba(10,8,5,.65) 100%);
  text-align:center;
  overflow-y:auto; overflow-x:hidden;
  -ms-overflow-style:none; scrollbar-width:none;
}
.ayur-overlay::-webkit-scrollbar { display:none; }
/* Title area */
.ayur-top {
  display:flex; flex-direction:column; align-items:center; gap:.5rem;
  flex-shrink:0;
}
.ayur-title {
  font-size:clamp(2rem,5.5vw,4.5rem);
  color:#fff; text-transform:uppercase; letter-spacing:4px;
  margin:0; text-shadow:0 2px 16px rgba(0,0,0,.6);
}
.ayur-sub {
  font-size:clamp(.7rem,1.6vw,.95rem); color:rgba(255,220,150,.9);
  margin:0; letter-spacing:.5px; font-style:italic;
}
/* Blur box — anchored to the viewport centre, matching the watermark.
   The video is cover-cropped symmetrically around a dead-centre anchor, so
   the source frame's midline (where the watermark sits) lands at exactly
   50% of the container on every aspect ratio narrower than the video's —
   the box is therefore positioned geometrically, not by flex distribution,
   and sibling text wrap can no longer move it. */
.blur-box {
  /* SINGLE source of truth — two other .blur-box rules were removed: a
     duplicate later in the file that silently won the cascade for
     width/padding/blur/border, and a dead .services-content-scoped rule
     with no matching markup anywhere.
     position:fixed — same coordinate space as the fixed video, so 50%/50%
     lands on the watermark regardless of header offset. vw (not %) keeps
     sizing viewport-relative for the same reason. */
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:80vw;
  max-width:900px;                 /* ultra-wide ceiling */
  padding: clamp(1rem,3vw,2rem) clamp(1rem,4vw,3rem);
  backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(197,160,89,.2);
  border-radius:14px;
}
.blur-box h4 {
  color:#fff; font-size:clamp(.85rem,1.8vw,1.1rem); margin:0 0 1rem;
}
.app-store-btns {
  display:flex; gap:.75rem; justify-content:center; flex-wrap:wrap;
}
.app-store-btns img {
  height:clamp(32px,5vw,46px); width:auto; border-radius:6px;
}
/* Bottom text area */
.ayur-bottom {
  display:flex; flex-direction:column; align-items:center; gap:.6rem;
  flex-shrink:0; max-width:min(700px, 92vw);
}
.ayur-cta {
  color:#e8c97a; font-size:clamp(.85rem,1.8vw,1.05rem); margin:0;
}
.ayur-desc {
  color:rgba(255,255,255,.78); font-size:clamp(.72rem,1.5vw,.9rem);
  line-height:1.7; margin:0;
}
/* Footer stays fixed at bottom */
.ayur-page footer {
  position:fixed; bottom:0; left:0; right:0; z-index:10;
}

/* ── Oils & Beauty scroll reveal: everything enters from the LEFT edge ── */

@media (max-width:639px) {
  .beauty-accord { height:clamp(200px,60vw,300px) }
  .beauty-accord-label { font-size:clamp(.7rem,3vw,1rem) }
  .beauty-accord-item:hover .beauty-accord-label { font-size:clamp(.9rem,4vw,1.4rem) }
}

/* ── Mobile: always show product-card gold border ─────────── */
@media (hover: none) {
  .product-card::after {
    opacity: 1;
    transform: scale(1);
  }
}


/* ═══ SUBPAGES (merged from subpages.css) ═══════════════════ */
/* ============================================================
   subpages.css — Shared layout for all 5 subpages
   Ports the live site patterns into the gold/charcoal design system.
   No Bootstrap. No jQuery. No AOS library — CSS scroll-driven instead.
   ============================================================ */

/* ── Fullscreen video showcase (oils, beauty, services, seafood) ── */
.showcase {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
}

/* Fixed video background — fills viewport behind content */
.video-container {
  position: fixed;
  inset: 0;
  z-index: 0;
  background: var(--ink) center/cover no-repeat;
  overflow: hidden;
}
.video-container video {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%; min-height: 100%;
  object-fit: cover;
}
.video-container::after {
  content: '';
  position: absolute; inset: 0;
  background: rgba(0,0,0,.52);
  z-index: 1;
}

/* Content sits above the fixed video */
.showcase-content {
  position: relative;
  z-index: 2;
  width: 90%;
  max-width: 1200px;
  padding: clamp(80px,12vw,140px) 0 clamp(3rem,6vw,6rem);
  margin: 0 auto;
}

/* Page title — tracking-in-expand-fwd animation */
.innerpg-title {
  font-family: var(--fd);
  font-weight: 400;
  font-size: clamp(2.2rem, 7vw, 5.5rem);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: clamp(4px, 2vw, 12px);
  line-height: 1.1;
  margin-bottom: clamp(1.5rem, 4vw, 4rem);
  animation: tracking-expand .8s cubic-bezier(.215,.61,.355,1) both;
}
@keyframes tracking-expand {
  0%   { letter-spacing: -.5em; transform: translateZ(-700px); opacity: 0 }
  40%  { opacity: .6 }
  100% { transform: translateZ(0); opacity: 1 }
}

/* Text focus-in animation (services page) */
.text-focus-in {
  animation: text-focus 1s cubic-bezier(.55,.085,.68,.53) both;
}
@keyframes text-focus {
  0%   { filter: blur(12px); opacity: 0 }
  100% { filter: blur(0);    opacity: 1 }
}

/* ── OILS & BEAUTY: figure+figcaption polaroid cards ──────── */
.oils-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0;
}
.oils-item {
  flex-basis: clamp(280px, 30%, 400px);
  margin: 0 clamp(1rem,3vw,3.5rem) clamp(2rem,5vw,5rem);
  /* Always visible — animation fires on load */
  opacity: 1;
  transform: translateY(0);
}
/* Keep in-view class working if observer fires */
.oils-item.in-view { opacity: 1; transform: translateY(0); }

figure.snip0016 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #000 center/cover no-repeat;
  padding-bottom: 60%; /* aspect ratio */
  border-radius: 2px;
}

/* Portrait product photos get cropped too tightly by the default centered
   background-position — shift the visible window upward so the bottle/jar
   cap stays in frame instead of being cut off */
figure.snip0016[style*="coconut.jpg"] {
  background-position: center 25%;
}

figure.snip0016[style*="sesame.jpg"] {
  background-position: center 20%;
}

figure.snip0016[style*="neem.jpg"] {
  background-position: center 25%;
}

figcaption {
  position: relative;
  --cap-pad: clamp(1.5rem, 2.6vw, 2.4rem);
  padding: var(--cap-pad);
  background: rgba(0,0,0,.42);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  text-align: left;
}
.beautypdts-wrapper figcaption {
  background: none;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.figcaption-before {
  position: absolute;
  inset: calc(var(--cap-pad) * .5); /* tracks caption padding: text always inside */
  border-left: 3px solid rgba(197,160,89,.8);
  background: rgba(197,160,89,.08);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;     /* the line grows FROM the left edge */
  transition: transform .7s cubic-bezier(.25,.8,.25,1), opacity .4s ease;
}
.oils-item.in-view .figcaption-before,
.beauty-item.in-view .figcaption-before {
  opacity: 1;
  transform: scaleX(1);
}

figcaption h2 {
  font-family: 'Tenor Sans', 'Cormorant Garamond', serif;
  font-weight: 300;
  font-size: clamp(1rem,1.8vw,1.7rem);
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 .4rem;
  opacity: 0;
  transform: translate3d(-1.5rem,0,0);   /* enters from the left edge */
  transition: opacity .5s ease, transform .5s ease;
}
figcaption p {
  font-family: var(--fb);
  font-weight: 200;
  font-size: clamp(.75rem,1.1vw,.9rem);
  color: rgba(255,255,255,.85);
  margin: 0;
  text-align: left;
  opacity: 0;
  transform: translate3d(0,30%,0);
  transition: opacity .5s ease .2s, transform .5s ease .2s;
}
/* Trigger when oils-item enters scroll viewport */
.oils-item.in-view figcaption h2 {
  opacity: 1;
  transform: translate3d(0,0,0);
  transition-delay: .5s;
}
.oils-item.in-view figcaption p {
  opacity: .9;
  transform: translate3d(0,0,0);
  transition-delay: .8s;
}
/* Fallback: also trigger on :focus-within and :hover for touch */
.oils-item:hover figcaption h2,
.oils-item:focus-within figcaption h2 {
  opacity: 1; transform: translate3d(0,0,0);
}
.oils-item:hover figcaption p,
.oils-item:focus-within figcaption p {
  opacity: .9; transform: translate3d(0,0,0);
}

/* ── SEAFOOD: polaroid cards ──────────────────────────────── */
.seafood-content-wrapper {
  width: 100%;
  padding: 0 2rem clamp(3rem,6vw,6rem);
}
.seafood-content-wrapper .items-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.seafood-item {
  width: 28%;
  min-width: 220px;
  display: inline-block;
  margin: 2rem 1rem 5rem;
  filter: grayscale(100%);
  cursor: pointer;
  position: relative;
  transition: filter .35s, transform .35s;
}
.seafood-item:nth-of-type(4n+1) { transform: scale(.8) rotate(5deg) }
.seafood-item:nth-of-type(4n+2) { transform: scale(.8) rotate(-5deg) }
.seafood-item:nth-of-type(4n+3) { transform: scale(.8) rotate(-3deg) }
.seafood-item:nth-of-type(4n+4) { transform: scale(.8) rotate(3deg) }

.polaroid {
  background: #fff;
  padding: 1rem;
  padding-bottom: .5rem;
  position: relative;
}
.polaroid::before {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all .35s;
}
.seafood-item:nth-of-type(4n+1) .polaroid::before {
  transform: rotate(6deg); height:20%; width:47%; bottom:30px; right:12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,.4);
}
.seafood-item:nth-of-type(4n+2) .polaroid::before {
  transform: rotate(-6deg); height:20%; width:47%; bottom:30px; left:12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,.4);
}
.seafood-item:nth-of-type(4n+3) .polaroid::before {
  transform: rotate(-4deg); height:20%; width:47%; bottom:30px; left:12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,.3);
}
.seafood-item:nth-of-type(4n+4) .polaroid::before {
  transform: rotate(4deg); height:20%; width:47%; bottom:30px; right:12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,.3);
}
.polaroid > img { max-width:100%; height:auto; display:block }
.caption {
  font-size: 1.1rem; text-align: center;
  color: #000; padding: .4rem 0 .2rem;
  font-family: var(--fd); font-style: italic;
}
.caption-hover-text {
  position: absolute; top: 100%; left: 0; right: 0;
  background: #fff; color: #000;
  box-shadow: 0 1.3rem 1.2rem rgba(0,0,0,.2);
  padding: 0 2%; z-index: 10;
  max-height: 0; overflow: hidden;
  transition: max-height .3s ease, padding-bottom .3s ease;
  font-family: var(--fb); font-size: .82rem; line-height: 1.5;
}

@media (hover:hover) {
  .seafood-item:hover {
    filter: none;
    transform: scale(1) rotate(0deg) !important;
  }
  .seafood-item:hover .polaroid::before {
    transform: rotate(0deg); height:90%; width:90%;
    bottom:0; right:5%;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.2);
  }
  .seafood-item:hover .caption-hover-text {
    max-height: 80px;
    padding-bottom: 14px;
  }
}
/* Touch: tap to reveal */
.seafood-item:focus, .seafood-item.active {
  filter: none;
  transform: scale(1) rotate(0deg) !important;
  outline: none;
}
.seafood-item.active .caption-hover-text { max-height:80px; padding-bottom:14px }

/* ── BLOG: full-viewport swiper with falling spices ──────── */
.blog-wrapper {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.blog-showcase {
  position: absolute; inset: 0;
  background: radial-gradient(#333, #000);
  overflow: hidden;
  padding-top: clamp(60px,8vw,100px);
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Falling spice images */
.leaves {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none; z-index: 0;
}
.leaves div {
  position: absolute;
  display: block;
}
.leaves div:nth-child(1)  { left:20%; animation: fall 15s linear infinite; animation-delay:-7s }
.leaves div:nth-child(2)  { left:50%; animation: fall 17s linear infinite; animation-delay:-5s }
.leaves div:nth-child(3)  { left:70%; animation: fall 19s linear infinite; animation-delay:-3s }
.leaves div:nth-child(4)  { left:0%;  animation: fall 11s linear infinite; animation-delay:-1s }
.leaves div:nth-child(5)  { left:30%; animation: fall 13s linear infinite }
.leaves div:nth-child(6)  { left:60%; animation: fall 20s linear infinite }
.leaves div:nth-child(7)  { left:80%; animation: fall 25s linear infinite }
.leaves div:nth-child(8)  { left:10%; animation: fall 18s linear infinite }
@keyframes fall {
  0%   { opacity:0; top:-10%; transform:translateX(-20px) rotate(0deg) }
  10%  { opacity:1 }
  20%  { transform:translateX(20px) rotate(60deg) }
  100% { top:110%; opacity:0 }
}
.leaves.set2 { transform:translateX(20px) rotateY(180deg); filter:blur(5px) }
.leaves.set3 { transform:translateX(20px) rotateX(180deg); filter:blur(1px) }

.blog-showcase h1 {
  color: #fff; font-family: var(--fd); font-weight: 300;
  font-size: clamp(1.6rem,4vw,2.8rem);
  letter-spacing: 4px; text-transform: uppercase;
  margin-bottom: clamp(1rem,2vw,2rem);
  position: relative; z-index: 2;
}

/* Blog swiper */
.blog-swiper-wrap {
  width: 100%; flex: 1;
  position: relative; z-index: 2;
  overflow: hidden;
}
.blog-swiper {
  display: flex;
  flex-direction: column;          /* vertical deck */
  overflow-y: auto;
  overflow-x: hidden;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  height: 100%;
}
.blog-swiper::-webkit-scrollbar { display: none }
.blog-slide {
  flex: 0 0 100%;
  height: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 5%;
  color: #fff;
}
.blog-slide iframe {
  width: min(80%, 700px);
  aspect-ratio: 16/9;
  height: auto;
  border: none;
}
.blog-slide h4 {
  font-family: var(--fd); font-size: clamp(1rem,2vw,1.5rem);
  margin: 1rem 0 .4rem; color: var(--gold);
}
.blog-slide p {
  font-family: var(--fb); font-weight: 300;
  font-size: clamp(.75rem,1.2vw,.9rem); color: rgba(255,255,255,.7);
  max-width: 500px; text-align: center;
}

/* Swiper dots */
.swiper-dots {
  display: flex; gap: .5rem; justify-content: center;
  padding: .8rem 0; position: relative; z-index: 2;
}
.swiper-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: rgba(197,160,89,.3);
  border: none; cursor: pointer; padding: 0;
  transition: background .25s;
}
.swiper-dot.active { background: var(--gold) }

/* Swiper nav arrows — vertical deck: up/down stacked at the right edge */
.swiper-nav {
  position: absolute; right: clamp(.75rem,2vw,1.5rem); z-index: 3;
  background: rgba(28,28,28,.45); border: 1px solid var(--gold-line);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  color: var(--gold); width: 42px; height: 42px; border-radius: 50%;
  display: none; align-items: center; justify-content: center;
  cursor: pointer; transition: background .25s, border-color .25s;
}
.swiper-nav svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2 }
.swiper-nav:hover { background: rgba(197,160,89,.25); border-color: var(--gold) }
.swiper-nav[disabled] { opacity: .3; cursor: default }
.swiper-nav--prev { top: calc(50% - 50px) }
.swiper-nav--next { top: calc(50% + 8px) }
@media (min-width: 900px) and (hover: hover) {
  .swiper-nav { display: flex }        /* desktop only */
}
.swiper-nav:hover { background: rgba(197,160,89,.35) }
.swiper-nav.prev { left: 1rem }
.swiper-nav.next { right: 1rem }
.swiper-nav svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2 }

/* ── SERVICES: fullscreen video, text overlay ─────────────── */
.services-wrapper {
  height: 100vh;
}
.services-content {
  position: relative; z-index: 2;
  width: 90%; max-width: 900px;
  padding: clamp(60px,10vw,120px) 0 2rem;
}
.services-content h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2rem,7vw,5rem);
  color: #fff; letter-spacing: 4px;
  text-transform: uppercase; margin-bottom: 1.2rem;
}
.services-content h2 {
  font-family: var(--fb); font-weight: 300;
  font-size: clamp(1rem,2.5vw,1.6rem);
  color: rgba(255,255,255,.88); margin-bottom: 2rem;
}
.services-content h4 {
  font-family: var(--fb); font-size: clamp(.85rem,1.8vw,1.2rem);
  color: rgba(255,255,255,.85); margin-bottom: 1rem; font-weight: 300;
}
.services-content p {
  font-family: var(--fb); font-weight: 300;
  font-size: clamp(.78rem,1.2vw,.95rem); color: rgba(255,255,255,.65);
  line-height: 1.8; max-width: 600px; margin: 0 auto;
}
.app-store-btns {
  display: flex; gap: 1rem; justify-content: center;
  flex-wrap: wrap; margin-top: .8rem;
}
.app-store-btns img { height: clamp(32px,5vw,44px); width: auto }

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 768px) {
  .oils-item { flex-basis: 80%; margin-left: auto; margin-right: auto }
  .seafood-item { width: 100%; max-width: 500px; margin: 1rem auto 2.5rem }
}
@media (max-width: 576px) {
  .oils-item { flex-basis: 95% }
  figcaption { padding: 1rem }
  .blog-slide iframe { width: 95% }
}


/* ═══ BLOG PAGE (merged from blog-pg.css) ═══════════════════ */
/* ============================================================
   blog-pg.css - Blog / Explore page
      Works with site.css + nav.css (sticky 64px header)
         Background animation fills full device screen height.
            Vertical scroll-snap carousel - no Swiper library.
               ============================================================ */
               
               /* -- Wrapper: full device-screen height below sticky nav -- */
               .blog-wrapper {
                     height: calc(100dvh - 64px);  /* device-height minus sticky nav */
                       height: calc(100vh - 64px);   /* fallback */
                         overflow: hidden;
                           position: relative;
               }
               
               /* -- Inner showcase: fills wrapper, flex column -- */
               .blog-showcase {
                     position: absolute;
                       inset: 0;
                         background: radial-gradient(#333, #000);
                           overflow: hidden;
                             padding-top: clamp(60px, 8vw, 100px);
                               display: flex;
                                 flex-direction: column;
                                   align-items: center;
               }
               
               /* falling spices animation */
               .blog-wrapper .leaves {
                     position: absolute;
                       top: 0; left: 0;
                         width: 100%; height: 100%;
                           pointer-events: none;
                             z-index: 0;
               }
               .blog-wrapper .leaves div {
                     position: absolute;
                       display: block;
               }
               .blog-wrapper .leaves div:nth-child(1)  { left: 20%; animation: fall 15s linear -7s  infinite; }
               .blog-wrapper .leaves div:nth-child(2)  { left: 50%; animation: fall 17s linear -5s  infinite; }
               .blog-wrapper .leaves div:nth-child(3)  { left: 70%; animation: fall 19s linear -3s  infinite; }
               .blog-wrapper .leaves div:nth-child(4)  { left:  0%; animation: fall 11s linear -1s  infinite; }
               .blog-wrapper .leaves div:nth-child(5)  { left: 85%; animation: fall 13s linear -4s  infinite; }
               .blog-wrapper .leaves div:nth-child(6)  { left: 15%; animation: fall 16s linear -9s  infinite; }
               .blog-wrapper .leaves div:nth-child(7)  { left: 60%; animation: fall 12s linear -2s  infinite; }
               .blog-wrapper .leaves div:nth-child(8)  { left: 40%; animation: fall 18s linear -6s  infinite; }
               .blog-wrapper .leaves div:nth-child(9)  { left: 30%; animation: fall 20s linear -8s  infinite; }
               .blog-wrapper .leaves div:nth-child(10) { left: 75%; animation: fall 14s linear -10s infinite; }
               
               @keyframes fall {
                     0%   { top: -10%; opacity: 0; transform: translateX(-20px) rotate(0deg); }
                       10%  { opacity: 1; }
                         20%  { transform: translateX(20px) rotate(60deg); }
                           100% { top: 110%; opacity: 0; }
               }
               
               .blog-wrapper .set2 { transform: translateX(20px) rotateY(180deg); filter: blur(5px); }
               .blog-wrapper .set3 { transform: translateX(20px) rotateX(180deg); filter: blur(1px); }
               
               /* Heading */
               .blog-showcase h1 {
                     color: #fff;
                       font-family: var(--fd, 'Tenor Sans', serif);
                         font-weight: 300;
                           font-size: clamp(1.6rem, 4vw, 2.8rem);
                             letter-spacing: 4px;
                               text-transform: uppercase;
                                 margin-bottom: clamp(0.6rem, 1.5vw, 1.5rem);
                                   position: relative;
                                     z-index: 2;
               }
               
               /* Swiper container */
               .blog-swiper-wrap {
                     width: 100%;
                       flex: 1 1 0%;
                         position: relative;
                           z-index: 2;
                             overflow: hidden;
                               min-height: 0;
               }
               .blog-swiper {
                     width: 100%;
                       height: 100%;
                         overflow-y: scroll;
                           scroll-snap-type: y mandatory;
                             scrollbar-width: none;
               }
               .blog-swiper::-webkit-scrollbar { display: none; }
               
               /* Individual slides */
               .blog-slide {
                     width: 100%;
                       height: 100%;
                         scroll-snap-align: start;
                           flex-shrink: 0;
                             display: flex;
                               flex-direction: column;
                                 align-items: center;
                                   justify-content: center;
                                     padding: 1rem 5% 1.5rem;
                                       color: #fff;
                                         text-align: center;
               }
               .blog-slide iframe {
                     width: min(80%, 700px);
                       aspect-ratio: 16 / 9;
                         height: auto;
                           border: none;
                             max-height: 55vh;
               }
               .blog-slide h4 {
                     font-family: var(--fd, 'Tenor Sans', serif);
                       font-size: clamp(0.95rem, 2vw, 1.4rem);
                         color: var(--gold, #c5a059);
                           margin: 0.7rem 0 0.3rem;
               }
               .blog-slide p {
                     font-family: var(--fb, 'Montserrat', sans-serif);
                       font-weight: 300;
                         font-size: clamp(0.72rem, 1.2vw, 0.88rem);
                           color: rgba(255,255,255,0.7);
                             max-width: 500px;
               }
               
               /* Dots */
               .swiper-dots {
                     display: flex;
                       gap: 0.45rem;
                         justify-content: center;
                           padding: 0.6rem 0;
                             position: relative;
                               z-index: 2;
                                 flex-shrink: 0;
               }
               .swiper-dot {
                     width: 8px;
                       height: 8px;
                         border-radius: 50%;
                           background: rgba(197,160,89,0.3);
                             border: none;
                               cursor: pointer;
                                 padding: 0;
                                   transition: background 0.25s;
               }
               .swiper-dot.active { background: var(--gold, #c5a059); }
               
               @media (max-width: 576px) {
                     .blog-slide iframe { width: 95%; max-height: 42vw; }
                       .blog-showcase { padding-top: clamp(50px, 10vw, 80px); }
               }

/* ═══ REFINEMENT LAYER — mobile-first premium polish ════════ */

/* Typography niceties */
h1,h2,h3,h4 { text-wrap:balance }
p { text-wrap:pretty }
::selection { background:var(--gold); color:var(--ink) }
html { -webkit-tap-highlight-color:transparent }

/* Anchored sections clear the fixed header */
[id] { scroll-margin-top:calc(var(--header-h) + 12px) }

/* Visible, on-brand keyboard focus */
:focus-visible {
  outline:2px solid var(--gold);
  outline-offset:3px;
  border-radius:2px;
}
.contact-wrap input:focus-visible,
.contact-wrap textarea:focus-visible { outline:none } /* underline handles it */

/* Buttons — editorial letterforms, tactile press */
.btn {
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:var(--fs-xs);
  min-height:44px;              /* touch target */
  display:inline-flex; align-items:center; justify-content:center;
  transition:background var(--ease-sm), color var(--ease-sm),
             border-color var(--ease-sm), transform var(--ease-sm);
}
.btn:active { transform:translateY(1px) }

/* Cards & panels — hairline gold lift on capable pointers */
@media (hover:hover) {
  .product-card, .blog-card {
    transition:transform var(--ease-sm), box-shadow var(--ease-sm),
               border-color var(--ease-sm);
  }
  .product-card:hover, .blog-card:hover {
    transform:translateY(-4px);
    box-shadow:var(--shadow-md);
  }
}

/* Contact form — field-level validation states */
.contact-wrap .field { position:relative; }
.contact-wrap input[aria-invalid="true"],
.contact-wrap textarea[aria-invalid="true"] { border-bottom-color:var(--danger) }
.field-error {
  display:block; color:var(--danger);
  font-size:var(--fs-xs); letter-spacing:.06em;
  margin:-.9rem 0 1rem;
  min-height:1em;
}
.contact-wrap button[disabled] { opacity:.55; cursor:progress }
.contact-feedback { border-radius:var(--radius) }

/* Full-bleed comfort on small screens */
@media (max-width:639px) {
  .contact-wrap { padding:1.5rem 1.25rem }
  .site-footer { padding-bottom:max(1.5rem, env(safe-area-inset-bottom)) }
}

/* Back-to-top respects notches/home indicators */
#back-to-top {
  bottom:max(1.25rem, env(safe-area-inset-bottom));
  right:max(1.25rem, env(safe-area-inset-right));
}

/* Larger tap targets for nav on touch */
@media (max-width:899px) {
  .site-nav a { min-height:44px; display:flex; align-items:center }
}

/* Respect users who prefer stillness */
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  html { scroll-behavior:auto }
}

/* Print: strip chrome */
@media print {
  .site-header,.site-footer,#back-to-top,.contact-section,#page-loader { display:none !important }
  body { background:#fff; color:#000 }
}

/* ── Legal page ──────────────────────────────────────────── */
.legal-content {
  max-width:820px; margin:0 auto;
  padding:var(--space-lg) 5% var(--space-xl);
}
.legal-content h4 {
  font-size:var(--fs-md); letter-spacing:.06em; text-transform:uppercase;
  margin:var(--space-lg) 0 var(--space-xs);
  padding-bottom:.5rem; border-bottom:1px solid var(--gold-line);
}
.legal-content h4:first-child { margin-top:0 }
.legal-content p, .legal-content li {
  font-size:var(--fs-sm); line-height:1.85; margin-bottom:var(--space-xs);
}
.legal-content ul { list-style:disc; padding-left:1.25rem }
.legal-content a { color:var(--gold-dark); border-bottom:1px solid var(--gold-line) }
.legal-content a:hover { color:var(--gold) }


/* ── Content guard (deterrence layer) ─────────────────────── */
body {
  -webkit-user-select: none;
  user-select: none;
}
/* <dialog> via showModal() sits in the top layer, outside body's
   user-select:auto chain — must be set explicitly */
dialog {
  -webkit-user-select: none;
  user-select: none;
}
/* WebKit: label taps stop toggling their checkbox when an ancestor has
   user-select:none — setting it explicitly on the label restores them */
.nav-toggle-label {
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
/* form fields must stay selectable & pasteable */
input, textarea, select, [contenteditable] {
  -webkit-user-select: text;
  user-select: text;
}
img, video {
  -webkit-touch-callout: none;   /* iOS long-press save sheet */
  -webkit-user-drag: none;
  user-drag: none;
}


/* ── Custom cursor (only when JS has verified a fine hover pointer and
      added html.has-cursor — never on touch or without JS) ─────────── */
/* Wildcard: a dozen rules across the sheet declare their own
   cursor:pointer (spice cards, dialog closes, blog dots…) and beat a
   per-element none-list — hence the hand still showing. */
html.has-cursor, html.has-cursor * { cursor: none !important; }
/* native cursor where precision/affordance matters */
html.has-cursor input, html.has-cursor textarea, html.has-cursor select,
html.has-cursor dialog { cursor: none !important; }
/* keep the custom cursor over dialog content; only text inputs get the I-beam */
html.has-cursor dialog * { cursor: none !important; }
html.has-cursor dialog input, html.has-cursor dialog textarea,
html.has-cursor dialog select { cursor: auto !important; }

#shs-cursor {
  position: fixed; top: 0; left: 0;
  width: 26px; height: 32px;            /* anise is 100x125 → keep 4:5 ratio */
  background: var(--gold);              /* the colour shows THROUGH the mask */
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20125%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%3Cg%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.5%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M50%2C46.907c-1.705%2C0-3.093%2C1.388-3.093%2C3.093c0%2C1.705%2C1.388%2C3.093%2C3.093%2C3.093c1.705%2C0%2C3.093-1.388%2C3.093-3.093%20%20C53.093%2C48.295%2C51.705%2C46.907%2C50%2C46.907z%20M50%2C52.474c-1.364%2C0-2.474-1.109-2.474-2.474c0-1.364%2C1.11-2.474%2C2.474-2.474%20%20c1.365%2C0%2C2.474%2C1.11%2C2.474%2C2.474C52.474%2C51.365%2C51.365%2C52.474%2C50%2C52.474z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M50%2C43.684l0.412-0.792c0.176-0.338%2C4.31-8.383%2C4.31-16.088c0-2.771-0.512-4.61-1.195-5.85%20%20c-0.002-0.003-0.003-0.005-0.004-0.008c-2.594-4.916-3.06-7.642-3.065-7.669L50.01%2C10.53l-0.467%2C2.743%20%20c-0.005%2C0.026-0.446%2C2.507-2.813%2C6.999c-0.256%2C0.433-0.422%2C0.772-0.473%2C0.879l0.013%2C0.007c-0.566%2C1.252-0.959%2C3.048-0.991%2C5.64%20%20c-0.093%2C7.533%2C4.13%2C15.747%2C4.31%2C16.094L50%2C43.684z%20M47.191%2C21.371c0.056-0.104%2C0.111-0.205%2C0.165-0.306%20%20c0.637-1.113%2C1.524-1.702%2C2.644-1.702c1.312%2C0%2C3.794%2C1.555%2C3.794%2C7.441c0%2C6.058-2.735%2C12.531-3.795%2C14.809%20%20c-1.073-2.302-3.866-8.876-3.793-14.803C46.235%2C24.46%2C46.575%2C22.631%2C47.191%2C21.371z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M50.177%2C39.867l0.059-19.441c0-0.128-0.103-0.232-0.231-0.233c0%2C0%2C0%2C0-0.001%2C0c-0.128%2C0-0.232%2C0.103-0.232%2C0.231%20%20l-0.059%2C19.441c0%2C0.128%2C0.103%2C0.232%2C0.231%2C0.233c0%2C0%2C0%2C0%2C0.001%2C0C50.073%2C40.098%2C50.176%2C39.995%2C50.177%2C39.867z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M36.936%2C30.259c-1.661-1.661-3.264-2.737-4.784-3.227l0.001-0.004c-0.053-0.017-0.122-0.038-0.206-0.063%20%20c-5.312-1.641-7.57-3.24-7.593-3.256l-2.259-1.625l1.61%2C2.27c0.015%2C0.021%2C1.457%2C2.088%2C2.96%2C6.937%20%20c0.125%2C0.488%2C0.248%2C0.846%2C0.287%2C0.958l0.014-0.005c0.485%2C1.285%2C1.477%2C2.833%2C3.287%2C4.689c5.261%2C5.392%2C14.056%2C8.215%2C14.427%2C8.332%20%20l0.851%2C0.269l-0.269-0.851C45.149%2C44.319%2C42.384%2C35.708%2C36.936%2C30.259z%20M30.919%2C36.285c-1.641-1.682-2.694-3.215-3.149-4.541%20%20c-0.033-0.113-0.067-0.223-0.1-0.334c-0.337-1.237-0.126-2.281%2C0.666-3.073c0.334-0.334%2C1.042-0.686%2C2.013-0.686%20%20c0.131%2C0%2C0.267%2C0.006%2C0.407%2C0.02c1.654%2C0.162%2C3.564%2C1.284%2C5.524%2C3.244c4.284%2C4.284%2C6.926%2C10.796%2C7.788%2C13.155%20%20C41.682%2C43.202%2C35.059%2C40.528%2C30.919%2C36.285z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M28.926%2C28.922c-0.091%2C0.09-0.091%2C0.237-0.001%2C0.328L42.63%2C43.038c0.045%2C0.046%2C0.105%2C0.068%2C0.164%2C0.068%20%20c0.059%2C0%2C0.118-0.023%2C0.164-0.068c0.091-0.09%2C0.091-0.237%2C0.001-0.328L29.254%2C28.922C29.164%2C28.831%2C29.017%2C28.831%2C28.926%2C28.922z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M26.804%2C45.279c-2.759%2C0-4.594%2C0.507-5.834%2C1.186c-0.009%2C0.005-0.014%2C0.007-0.023%2C0.012%20%20c-4.916%2C2.596-7.644%2C3.062-7.671%2C3.067l-2.745%2C0.449l2.742%2C0.467c0.026%2C0.005%2C2.507%2C0.446%2C7%2C2.814%20%20c0.432%2C0.256%2C0.772%2C0.421%2C0.878%2C0.472l0.007-0.014c1.252%2C0.566%2C3.048%2C0.959%2C5.64%2C0.991c0.082%2C0.001%2C0.164%2C0.002%2C0.246%2C0.002%20%20c7.464%2C0%2C15.506-4.135%2C15.848-4.312L43.684%2C50l-0.792-0.412C42.553%2C49.413%2C34.509%2C45.279%2C26.804%2C45.279z%20M26.81%2C53.795%20%20c-2.356-0.029-4.189-0.37-5.449-0.99c-0.091-0.05-0.181-0.098-0.27-0.146c-1.13-0.638-1.727-1.53-1.727-2.659%20%20c0-1.312%2C1.555-3.794%2C7.441-3.794c6.058%2C0%2C12.531%2C2.735%2C14.809%2C3.794C39.311%2C51.075%2C32.746%2C53.865%2C26.81%2C53.795z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M20.426%2C49.765c-0.128%2C0-0.232%2C0.103-0.232%2C0.231c0%2C0.128%2C0.103%2C0.232%2C0.231%2C0.233l19.441%2C0.059c0%2C0%2C0%2C0%2C0.001%2C0%20%20c0.128%2C0%2C0.232-0.103%2C0.232-0.231c0-0.128-0.103-0.232-0.231-0.233L20.426%2C49.765C20.426%2C49.765%2C20.426%2C49.765%2C20.426%2C49.765z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M30.259%2C63.064c-1.946%2C1.946-2.885%2C3.599-3.284%2C4.954c-0.004%2C0.013-0.006%2C0.02-0.011%2C0.034%20%20c-1.641%2C5.312-3.24%2C7.57-3.256%2C7.592l-1.625%2C2.26l2.27-1.61c0.021-0.015%2C2.088-1.457%2C6.937-2.959%20%20c0.487-0.125%2C0.846-0.248%2C0.957-0.287l-0.004-0.013c1.285-0.485%2C2.834-1.48%2C4.688-3.29c5.392-5.26%2C8.215-14.054%2C8.332-14.427%20%20l0.269-0.851l-0.851%2C0.269C44.319%2C54.851%2C35.708%2C57.616%2C30.259%2C63.064z%20M36.285%2C69.081c-1.686%2C1.645-3.223%2C2.699-4.552%2C3.152%20%20c-0.1%2C0.029-0.197%2C0.059-0.295%2C0.088c-1.25%2C0.348-2.304%2C0.14-3.101-0.658c-0.928-0.928-1.583-3.782%2C2.578-7.944%20%20c4.284-4.284%2C10.796-6.927%2C13.155-7.789C43.203%2C58.318%2C40.531%2C64.938%2C36.285%2C69.081z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M28.922%2C71.073c0.045%2C0.046%2C0.105%2C0.069%2C0.164%2C0.069c0.059%2C0%2C0.118-0.023%2C0.164-0.067l13.788-13.704%20%20c0.091-0.091%2C0.091-0.237%2C0.001-0.328c-0.09-0.092-0.237-0.092-0.328-0.002L28.922%2C70.745%20%20C28.832%2C70.836%2C28.831%2C70.982%2C28.922%2C71.073z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M50%2C56.316l-0.412%2C0.792c-0.176%2C0.339-4.31%2C8.383-4.31%2C16.088c0%2C2.763%2C0.509%2C4.599%2C1.189%2C5.839%20%20c0.004%2C0.007%2C0.005%2C0.01%2C0.009%2C0.017c2.596%2C4.916%2C3.062%2C7.645%2C3.067%2C7.672l0.449%2C2.745l0.467-2.743%20%20c0.005-0.026%2C0.446-2.506%2C2.813-6.999c0.256-0.433%2C0.422-0.773%2C0.473-0.88l-0.014-0.007c0.566-1.252%2C0.959-3.048%2C0.991-5.64%20%20c0.092-7.533-4.13-15.747-4.31-16.093L50%2C56.316z%20M52.806%2C78.636c-0.052%2C0.095-0.102%2C0.188-0.152%2C0.282%20%20c-0.637%2C1.124-1.528%2C1.719-2.654%2C1.719c-1.312%2C0-3.794-1.555-3.794-7.441c0-6.058%2C2.736-12.531%2C3.794-14.809%20%20c1.074%2C2.301%2C3.867%2C8.871%2C3.794%2C14.804C53.766%2C75.545%2C53.425%2C77.377%2C52.806%2C78.636z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M49.825%2C60.133l-0.059%2C19.44c0%2C0.129%2C0.103%2C0.233%2C0.231%2C0.233c0%2C0%2C0.001%2C0%2C0.001%2C0c0.128%2C0%2C0.232-0.103%2C0.232-0.231%20%20l0.059-19.44c0-0.129-0.103-0.233-0.231-0.233c0%2C0%2C0%2C0-0.001%2C0C49.929%2C59.902%2C49.825%2C60.005%2C49.825%2C60.133z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M63.064%2C69.74c1.661%2C1.661%2C3.264%2C2.737%2C4.783%2C3.228l-0.001%2C0.004c0.053%2C0.016%2C0.121%2C0.038%2C0.205%2C0.063%20%20c5.312%2C1.642%2C7.571%2C3.24%2C7.593%2C3.257l2.259%2C1.624l-1.609-2.269c-0.015-0.022-1.457-2.088-2.959-6.937%20%20c-0.125-0.487-0.248-0.846-0.287-0.957l-0.015%2C0.005c-0.485-1.286-1.477-2.834-3.288-4.689c-5.26-5.392-14.054-8.215-14.427-8.332%20%20l-0.851-0.269l0.269%2C0.851C54.851%2C55.681%2C57.616%2C64.293%2C63.064%2C69.74z%20M69.081%2C63.716c1.643%2C1.684%2C2.697%2C3.219%2C3.151%2C4.547%20%20c0.031%2C0.104%2C0.062%2C0.206%2C0.092%2C0.308c0.345%2C1.246%2C0.135%2C2.296-0.661%2C3.092c-0.927%2C0.926-3.781%2C1.585-7.944-2.579%20%20c-4.284-4.284-6.927-10.795-7.789-13.154C58.318%2C56.798%2C64.941%2C59.471%2C69.081%2C63.716z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M70.91%2C71.146c0.059%2C0%2C0.119-0.023%2C0.163-0.067c0.092-0.091%2C0.092-0.237%2C0.002-0.328L57.371%2C56.962%20%20c-0.091-0.092-0.239-0.092-0.328-0.002c-0.092%2C0.091-0.092%2C0.237-0.002%2C0.328l13.704%2C13.789C70.79%2C71.124%2C70.85%2C71.146%2C70.91%2C71.146%20%20z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M94.98%2C50.105c0.007-0.029%2C0.019-0.055%2C0.02-0.086c0-0.007-0.003-0.012-0.003-0.019c0-0.007%2C0.003-0.012%2C0.003-0.019%20%20c-0.001-0.031-0.014-0.058-0.021-0.087c-0.005-0.022-0.007-0.046-0.016-0.067c-0.02-0.051-0.049-0.096-0.085-0.137%20%20c-0.001-0.001-0.002-0.003-0.003-0.004c-0.076-0.085-0.181-0.136-0.302-0.143c-0.007-0.001-0.013-0.005-0.021-0.005%20%20c-0.004%2C0-0.009%2C0-0.013%2C0c-0.007%2C0-0.013-0.004-0.021-0.003c-2.296%2C0.076-8.112-2.063-11.315-4.182%20%20c-2.535-1.678-6.947-3.252-11.721-2.644c-3.188%2C0.408-5.999%2C1.098-8.379%2C1.863c2.224-1.141%2C4.699-2.641%2C7.241-4.607%20%20c3.806-2.943%2C5.812-7.177%2C6.42-10.158c0.767-3.764%2C3.359-9.396%2C5.043-10.957c0.005-0.005%2C0.007-0.012%2C0.013-0.017%20%20c0.003-0.003%2C0.007-0.007%2C0.01-0.01c0.008-0.009%2C0.01-0.02%2C0.018-0.029c0.03-0.038%2C0.057-0.076%2C0.073-0.12%20%20c0.006-0.016%2C0.007-0.033%2C0.011-0.049c0.011-0.041%2C0.02-0.081%2C0.019-0.123c0-0.021-0.006-0.04-0.009-0.06%20%20c-0.005-0.038-0.011-0.074-0.026-0.11c-0.01-0.025-0.027-0.045-0.042-0.068c-0.015-0.023-0.023-0.049-0.042-0.07%20%20c-0.005-0.005-0.011-0.007-0.016-0.011c-0.005-0.005-0.006-0.011-0.011-0.016c-0.021-0.019-0.046-0.028-0.069-0.042%20%20c-0.023-0.015-0.044-0.032-0.069-0.042c-0.035-0.014-0.071-0.019-0.107-0.025c-0.021-0.003-0.041-0.01-0.063-0.01%20%20c-0.042-0.001-0.082%2C0.009-0.123%2C0.019c-0.016%2C0.004-0.033%2C0.005-0.049%2C0.011c-0.042%2C0.016-0.078%2C0.042-0.115%2C0.07%20%20c-0.011%2C0.008-0.024%2C0.011-0.034%2C0.021c-0.004%2C0.004-0.008%2C0.009-0.012%2C0.012c-0.004%2C0.004-0.01%2C0.006-0.014%2C0.01%20%20c-1.562%2C1.684-7.194%2C4.277-10.958%2C5.044c-2.981%2C0.607-7.214%2C2.612-10.158%2C6.419c-1.965%2C2.541-3.464%2C5.015-4.605%2C7.237%20%20c0.765-2.378%2C1.455-5.188%2C1.862-8.374c0.61-4.774-0.966-9.185-2.644-11.722c-2.119-3.203-4.269-9.019-4.182-11.314%20%20c0-0.007-0.003-0.012-0.003-0.019c0-0.005%2C0-0.012%2C0-0.017c-0.001-0.014-0.008-0.026-0.01-0.04c-0.006-0.044-0.013-0.087-0.03-0.127%20%20c-0.01-0.023-0.025-0.041-0.039-0.062c-0.018-0.027-0.033-0.055-0.056-0.078c-0.024-0.025-0.054-0.042-0.084-0.061%20%20c-0.02-0.013-0.037-0.027-0.059-0.037c-0.033-0.014-0.068-0.019-0.104-0.025C50.061%2C5.011%2C50.043%2C5.001%2C50.02%2C5%20%20c-0.007%2C0-0.012%2C0.003-0.019%2C0.003C49.995%2C5.003%2C49.989%2C5%2C49.982%2C5c-0.023%2C0.001-0.042%2C0.011-0.064%2C0.015%20%20c-0.032%2C0.006-0.064%2C0.01-0.094%2C0.023c-0.034%2C0.014-0.063%2C0.036-0.092%2C0.057c-0.016%2C0.012-0.034%2C0.021-0.049%2C0.036%20%20C49.65%2C5.163%2C49.626%2C5.2%2C49.603%2C5.24c-0.007%2C0.012-0.016%2C0.022-0.021%2C0.034c-0.019%2C0.042-0.028%2C0.088-0.034%2C0.136%20%20c-0.001%2C0.012-0.008%2C0.023-0.009%2C0.035c0%2C0.005%2C0%2C0.012%2C0%2C0.017c0%2C0.006-0.003%2C0.012-0.003%2C0.019%20%20c0.087%2C2.295-2.063%2C8.11-4.182%2C11.314c-1.678%2C2.536-3.254%2C6.947-2.644%2C11.722c0.408%2C3.19%2C1.099%2C6.002%2C1.864%2C8.382%20%20c-1.142-2.225-2.642-4.702-4.609-7.246c-2.944-3.807-7.178-5.813-10.158-6.419c-3.764-0.767-9.396-3.36-10.957-5.044%20%20c-0.005-0.005-0.012-0.007-0.017-0.013c-0.003-0.003-0.007-0.007-0.01-0.01c-0.008-0.008-0.02-0.01-0.028-0.017%20%20c-0.038-0.031-0.077-0.057-0.121-0.074c-0.015-0.006-0.029-0.006-0.044-0.01c-0.042-0.011-0.084-0.021-0.128-0.02%20%20c-0.019%2C0-0.037%2C0.006-0.056%2C0.009c-0.039%2C0.006-0.077%2C0.011-0.113%2C0.027c-0.024%2C0.01-0.045%2C0.027-0.067%2C0.041%20%20c-0.023%2C0.015-0.049%2C0.023-0.07%2C0.043c-0.005%2C0.005-0.007%2C0.011-0.011%2C0.016c-0.005%2C0.005-0.011%2C0.006-0.016%2C0.011%20%20c-0.019%2C0.021-0.027%2C0.046-0.042%2C0.069c-0.015%2C0.023-0.032%2C0.044-0.042%2C0.069c-0.015%2C0.036-0.021%2C0.073-0.026%2C0.112%20%20c-0.003%2C0.019-0.009%2C0.038-0.009%2C0.057c-0.001%2C0.044%2C0.008%2C0.087%2C0.02%2C0.13c0.004%2C0.014%2C0.005%2C0.028%2C0.01%2C0.042%20%20c0.017%2C0.045%2C0.044%2C0.084%2C0.075%2C0.122c0.007%2C0.009%2C0.009%2C0.019%2C0.017%2C0.028c0.003%2C0.003%2C0.007%2C0.007%2C0.01%2C0.01%20%20c0.005%2C0.005%2C0.007%2C0.012%2C0.013%2C0.017c1.684%2C1.561%2C4.277%2C7.193%2C5.044%2C10.957c0.607%2C2.981%2C2.612%2C7.214%2C6.419%2C10.158%20%20c2.542%2C1.966%2C5.017%2C3.466%2C7.241%2C4.607c-2.379-0.765-5.19-1.455-8.378-1.863c-4.773-0.608-9.185%2C0.966-11.722%2C2.644%20%20c-3.203%2C2.119-9.014%2C4.258-11.314%2C4.182c-0.007%2C0-0.013%2C0.003-0.02%2C0.003c-0.005%2C0-0.011%2C0-0.015%2C0%20%20c-0.009%2C0-0.017%2C0.005-0.026%2C0.006c-0.118%2C0.009-0.22%2C0.058-0.294%2C0.14c-0.004%2C0.004-0.006%2C0.009-0.009%2C0.013%20%20c-0.033%2C0.039-0.061%2C0.08-0.08%2C0.128c-0.009%2C0.022-0.011%2C0.047-0.016%2C0.07C5.014%2C49.925%2C5.001%2C49.951%2C5%2C49.981%20%20C5%2C49.988%2C5.003%2C49.993%2C5.003%2C50S5%2C50.012%2C5%2C50.019c0.001%2C0.03%2C0.013%2C0.055%2C0.02%2C0.083c0.006%2C0.025%2C0.008%2C0.05%2C0.017%2C0.073%20%20c0.017%2C0.043%2C0.043%2C0.08%2C0.071%2C0.115c0.007%2C0.009%2C0.012%2C0.019%2C0.02%2C0.028c0.036%2C0.038%2C0.078%2C0.068%2C0.126%2C0.092%20%20c0.006%2C0.003%2C0.01%2C0.008%2C0.016%2C0.01c0.044%2C0.02%2C0.093%2C0.03%2C0.144%2C0.035c0.011%2C0.001%2C0.02%2C0.007%2C0.032%2C0.008c0.007%2C0%2C0.014%2C0%2C0.02%2C0%20%20c0.005%2C0%2C0.01%2C0.003%2C0.015%2C0.002c2.283-0.08%2C8.111%2C2.063%2C11.314%2C4.183c2.155%2C1.426%2C5.664%2C2.777%2C9.6%2C2.777%20%20c0.695%2C0%2C1.405-0.042%2C2.122-0.133c3.188-0.408%2C5.999-1.098%2C8.379-1.864c-2.224%2C1.141-4.699%2C2.641-7.242%2C4.607%20%20c-3.807%2C2.944-5.813%2C7.177-6.419%2C10.158c-0.767%2C3.764-3.36%2C9.396-5.044%2C10.958c-0.005%2C0.004-0.006%2C0.01-0.01%2C0.014%20%20c-0.004%2C0.004-0.009%2C0.008-0.012%2C0.012c-0.009%2C0.01-0.012%2C0.023-0.021%2C0.034c-0.028%2C0.037-0.054%2C0.073-0.07%2C0.115%20%20c-0.006%2C0.015-0.007%2C0.03-0.011%2C0.046c-0.011%2C0.042-0.021%2C0.083-0.02%2C0.127c0%2C0.019%2C0.006%2C0.036%2C0.009%2C0.055%20%20c0.005%2C0.039%2C0.011%2C0.078%2C0.027%2C0.115c0.01%2C0.024%2C0.026%2C0.044%2C0.04%2C0.066c0.015%2C0.024%2C0.024%2C0.05%2C0.044%2C0.071%20%20c0.005%2C0.005%2C0.011%2C0.006%2C0.016%2C0.011c0.005%2C0.005%2C0.007%2C0.011%2C0.012%2C0.016c0.028%2C0.026%2C0.062%2C0.041%2C0.095%2C0.059%20%20c0.015%2C0.008%2C0.027%2C0.02%2C0.043%2C0.027c0.057%2C0.024%2C0.117%2C0.038%2C0.178%2C0.038c0.04%2C0%2C0.078-0.014%2C0.117-0.024%20%20c0.016-0.004%2C0.034-0.004%2C0.05-0.01c0.037-0.014%2C0.069-0.04%2C0.103-0.064c0.014-0.01%2C0.031-0.015%2C0.044-0.028%20%20c0.003-0.003%2C0.007-0.008%2C0.011-0.011c0.005-0.005%2C0.012-0.007%2C0.017-0.012c1.561-1.684%2C7.193-4.277%2C10.958-5.043%20%20c2.981-0.608%2C7.214-2.613%2C10.158-6.42c1.966-2.542%2C3.466-5.018%2C4.607-7.242c-0.765%2C2.379-1.456%2C5.19-1.863%2C8.379%20%20c-0.61%2C4.773%2C0.966%2C9.185%2C2.644%2C11.721c2.119%2C3.204%2C4.269%2C9.02%2C4.182%2C11.315c0%2C0.006%2C0.003%2C0.012%2C0.003%2C0.018%20%20c0%2C0.005%2C0%2C0.011%2C0%2C0.016c0.001%2C0.014%2C0.007%2C0.025%2C0.009%2C0.038c0.006%2C0.045%2C0.013%2C0.089%2C0.031%2C0.13%20%20c0.006%2C0.014%2C0.016%2C0.024%2C0.023%2C0.037c0.021%2C0.038%2C0.044%2C0.075%2C0.075%2C0.105c0.013%2C0.013%2C0.029%2C0.021%2C0.043%2C0.032%20%20c0.031%2C0.024%2C0.062%2C0.049%2C0.099%2C0.065c0.024%2C0.01%2C0.05%2C0.012%2C0.076%2C0.018c0.029%2C0.007%2C0.056%2C0.02%2C0.087%2C0.021%20%20c0.006%2C0%2C0.012%2C0%2C0.018%2C0c0%2C0%2C0.001%2C0%2C0.001%2C0c0%2C0%2C0.001%2C0%2C0.001%2C0c0.006%2C0%2C0.012%2C0%2C0.018%2C0c0.031-0.001%2C0.058-0.014%2C0.087-0.021%20%20c0.026-0.006%2C0.052-0.008%2C0.076-0.018c0.037-0.016%2C0.068-0.04%2C0.099-0.065c0.014-0.011%2C0.03-0.019%2C0.043-0.032%20%20c0.031-0.031%2C0.053-0.067%2C0.075-0.105c0.007-0.013%2C0.017-0.023%2C0.023-0.037c0.018-0.041%2C0.025-0.084%2C0.031-0.13%20%20c0.002-0.013%2C0.009-0.025%2C0.009-0.038c0-0.005%2C0-0.011%2C0-0.016c0-0.006%2C0.003-0.012%2C0.003-0.018%20%20c-0.087-2.296%2C2.063-8.111%2C4.183-11.315c1.678-2.535%2C3.253-6.947%2C2.644-11.721c-0.408-3.189-1.098-6-1.864-8.38%20%20c1.141%2C2.224%2C2.641%2C4.7%2C4.608%2C7.243c2.943%2C3.806%2C7.177%2C5.812%2C10.158%2C6.42c3.764%2C0.767%2C9.396%2C3.359%2C10.957%2C5.043%20%20c0.004%2C0.004%2C0.01%2C0.006%2C0.014%2C0.01c0.004%2C0.004%2C0.009%2C0.01%2C0.013%2C0.014c0.016%2C0.015%2C0.037%2C0.022%2C0.055%2C0.034%20%20c0.03%2C0.021%2C0.058%2C0.044%2C0.091%2C0.057c0.02%2C0.008%2C0.041%2C0.008%2C0.061%2C0.013c0.036%2C0.008%2C0.07%2C0.022%2C0.107%2C0.022%20%20c0.061%2C0%2C0.121-0.014%2C0.178-0.038c0.014-0.006%2C0.025-0.017%2C0.038-0.024c0.034-0.018%2C0.07-0.034%2C0.099-0.062%20%20c0.005-0.005%2C0.007-0.011%2C0.012-0.016c0.005-0.005%2C0.011-0.006%2C0.016-0.011c0.02-0.021%2C0.029-0.048%2C0.044-0.072%20%20c0.014-0.022%2C0.03-0.042%2C0.04-0.066c0.015-0.036%2C0.021-0.073%2C0.026-0.111c0.003-0.02%2C0.009-0.04%2C0.009-0.06%20%20c0.001-0.04-0.008-0.078-0.018-0.117c-0.005-0.019-0.006-0.038-0.013-0.057c-0.015-0.04-0.04-0.074-0.067-0.109%20%20c-0.009-0.012-0.013-0.027-0.023-0.038c-0.004-0.004-0.009-0.009-0.013-0.013c-0.004-0.004-0.006-0.01-0.01-0.014%20%20c-1.684-1.561-4.277-7.193-5.043-10.957c-0.608-2.981-2.613-7.215-6.42-10.158c-2.543-1.967-5.019-3.466-7.243-4.608%20%20c2.38%2C0.766%2C5.191%2C1.456%2C8.38%2C1.864c0.718%2C0.092%2C1.426%2C0.134%2C2.122%2C0.134c3.935%2C0%2C7.444-1.353%2C9.6-2.778%20%20c3.202-2.119%2C9.022-4.253%2C11.314-4.183c0.006%2C0.001%2C0.011-0.003%2C0.018-0.002c0.005%2C0%2C0.011%2C0%2C0.017%2C0%20%20c0.007%2C0%2C0.012-0.004%2C0.019-0.004c0.121-0.006%2C0.227-0.057%2C0.303-0.143c0.002-0.002%2C0.003-0.005%2C0.005-0.007%20%20c0.035-0.04%2C0.064-0.084%2C0.084-0.134C94.972%2C50.152%2C94.974%2C50.128%2C94.98%2C50.105z%20M50%2C53.804c-2.098%2C0-3.804-1.706-3.804-3.804%20%20c0-2.098%2C1.707-3.804%2C3.804-3.804c2.098%2C0%2C3.804%2C1.707%2C3.804%2C3.804C53.804%2C52.098%2C52.098%2C53.804%2C50%2C53.804z%20M54.223%2C47.909%20%20c0.272-0.055%2C1.101-0.24%2C2.349-0.631c-1.162%2C0.608-1.88%2C1.064-2.109%2C1.216C54.395%2C48.292%2C54.316%2C48.097%2C54.223%2C47.909z%20%20%20M60.769%2C30.222c2.788-3.606%2C6.792-5.504%2C9.609-6.078c2.803-0.571%2C6.492-2.071%2C9.023-3.546c-1.475%2C2.532-2.975%2C6.22-3.546%2C9.023%20%20c-0.574%2C2.817-2.472%2C6.822-6.077%2C9.61c-8.109%2C6.271-15.754%2C7.772-15.83%2C7.787c-0.084%2C0.016-0.153%2C0.059-0.213%2C0.111%20%20c-0.25-0.324-0.539-0.613-0.863-0.863c0.052-0.06%2C0.095-0.13%2C0.111-0.214C52.997%2C45.976%2C54.499%2C38.33%2C60.769%2C30.222z%20M52.092%2C45.777%20%20c-0.188-0.094-0.383-0.172-0.584-0.24c0.151-0.229%2C0.607-0.945%2C1.214-2.105C52.332%2C44.678%2C52.147%2C45.506%2C52.092%2C45.777z%20%20%20M46.128%2C17.308c1.578-2.386%2C3.126-6.054%2C3.873-8.887c0.747%2C2.833%2C2.295%2C6.502%2C3.873%2C8.887c1.587%2C2.398%2C3.075%2C6.571%2C2.497%2C11.092%20%20c-1.299%2C10.167-5.644%2C16.635-5.688%2C16.699c-0.048%2C0.071-0.067%2C0.151-0.072%2C0.23C50.41%2C45.303%2C50.21%2C45.268%2C50%2C45.268%20%20c-0.209%2C0-0.408%2C0.035-0.609%2C0.062c-0.005-0.08-0.024-0.16-0.072-0.231c-0.044-0.064-4.387-6.516-5.688-16.699%20%20C43.053%2C23.878%2C44.542%2C19.705%2C46.128%2C17.308z%20M48.495%2C45.536c-0.202%2C0.069-0.397%2C0.147-0.586%2C0.241%20%20c-0.055-0.273-0.241-1.105-0.633-2.355C47.884%2C44.586%2C48.342%2C45.306%2C48.495%2C45.536z%20M24.144%2C29.622%20%20c-0.571-2.803-2.071-6.492-3.546-9.024c2.532%2C1.475%2C6.221%2C2.975%2C9.024%2C3.546c2.817%2C0.574%2C6.821%2C2.472%2C9.609%2C6.078%20%20c6.271%2C8.108%2C7.772%2C15.754%2C7.787%2C15.83c0.016%2C0.084%2C0.058%2C0.153%2C0.11%2C0.213c-0.324%2C0.25-0.613%2C0.539-0.863%2C0.863%20%20c-0.06-0.052-0.129-0.095-0.213-0.111c-0.076-0.014-7.722-1.516-15.83-7.787C26.616%2C36.443%2C24.718%2C32.439%2C24.144%2C29.622z%20%20%20M45.777%2C47.908c-0.094%2C0.189-0.172%2C0.383-0.24%2C0.585c-0.23-0.152-0.948-0.608-2.109-1.216%20%20C44.675%2C47.668%2C45.504%2C47.853%2C45.777%2C47.908z%20M28.4%2C56.371c-4.519%2C0.577-8.695-0.911-11.092-2.497%20%20c-2.385-1.578-6.04-3.131-8.875-3.878c2.832-0.749%2C6.493-2.293%2C8.875-3.869c2.398-1.587%2C6.568-3.074%2C11.092-2.497%20%20c10.167%2C1.299%2C16.635%2C5.644%2C16.699%2C5.688c0.071%2C0.048%2C0.15%2C0.066%2C0.23%2C0.072c-0.026%2C0.202-0.062%2C0.402-0.062%2C0.611%20%20c0%2C0.209%2C0.035%2C0.409%2C0.062%2C0.611c-0.08%2C0.005-0.159%2C0.023-0.23%2C0.071C45.035%2C50.726%2C38.567%2C55.071%2C28.4%2C56.371z%20M45.537%2C51.506%20%20c0.068%2C0.202%2C0.147%2C0.397%2C0.241%2C0.586c-0.272%2C0.055-1.104%2C0.241-2.353%2C0.632C44.587%2C52.115%2C45.306%2C51.658%2C45.537%2C51.506z%20%20%20M39.231%2C69.778c-2.788%2C3.605-6.792%2C5.504-9.609%2C6.077c-2.803%2C0.571-6.492%2C2.071-9.024%2C3.546c1.475-2.532%2C2.975-6.22%2C3.546-9.023%20%20c0.574-2.817%2C2.472-6.821%2C6.078-9.609c8.108-6.27%2C15.754-7.772%2C15.83-7.786c0.084-0.016%2C0.153-0.059%2C0.213-0.111%20%20c0.25%2C0.325%2C0.539%2C0.613%2C0.864%2C0.864c-0.053%2C0.06-0.096%2C0.129-0.112%2C0.213C47.003%2C54.024%2C45.502%2C61.67%2C39.231%2C69.778z%20%20%20M47.909%2C54.223c0.189%2C0.094%2C0.383%2C0.172%2C0.585%2C0.241c-0.152%2C0.229-0.608%2C0.947-1.216%2C2.109%20%20C47.668%2C55.324%2C47.853%2C54.494%2C47.909%2C54.223z%20M53.874%2C82.692c-1.578%2C2.386-3.126%2C6.055-3.874%2C8.888%20%20c-0.747-2.833-2.295-6.502-3.873-8.887c-1.586-2.398-3.075-6.571-2.497-11.092c1.299-10.167%2C5.644-16.636%2C5.688-16.699%20%20c0.048-0.071%2C0.067-0.151%2C0.072-0.231c0.202%2C0.026%2C0.402%2C0.062%2C0.611%2C0.062c0.209%2C0%2C0.409-0.035%2C0.61-0.062%20%20c0.005%2C0.08%2C0.023%2C0.16%2C0.072%2C0.231c0.044%2C0.063%2C4.389%2C6.532%2C5.688%2C16.699C56.948%2C76.123%2C55.459%2C80.295%2C53.874%2C82.692z%20%20%20M51.506%2C54.463c0.202-0.068%2C0.397-0.147%2C0.586-0.241c0.055%2C0.271%2C0.24%2C1.103%2C0.632%2C2.354%20%20C52.115%2C55.412%2C51.658%2C54.693%2C51.506%2C54.463z%20M75.855%2C70.378c0.571%2C2.802%2C2.07%2C6.49%2C3.545%2C9.022%20%20c-2.532-1.475-6.22-2.974-9.022-3.545c-2.817-0.574-6.822-2.472-9.609-6.077c-6.27-8.109-7.772-15.754-7.786-15.83%20%20c-0.016-0.084-0.059-0.153-0.112-0.213c0.324-0.25%2C0.613-0.539%2C0.863-0.863c0.06%2C0.053%2C0.129%2C0.096%2C0.214%2C0.112%20%20c0.076%2C0.014%2C7.722%2C1.516%2C15.83%2C7.786C73.384%2C63.556%2C75.282%2C67.561%2C75.855%2C70.378z%20M54.222%2C52.092%20%20c0.094-0.189%2C0.172-0.384%2C0.241-0.586c0.23%2C0.152%2C0.949%2C0.609%2C2.113%2C1.218C55.325%2C52.332%2C54.494%2C52.147%2C54.222%2C52.092z%20%20%20M82.693%2C53.874c-2.398%2C1.586-6.569%2C3.075-11.092%2C2.497c-10.167-1.299-16.636-5.645-16.699-5.688%20%20c-0.072-0.048-0.151-0.066-0.231-0.071c0.026-0.202%2C0.062-0.402%2C0.062-0.611c0-0.209-0.035-0.409-0.062-0.611%20%20c0.08-0.005%2C0.159-0.024%2C0.231-0.072c0.063-0.044%2C6.532-4.388%2C16.699-5.688c4.524-0.575%2C8.694%2C0.911%2C11.092%2C2.497%20%20c2.384%2C1.577%2C6.049%2C3.123%2C8.881%2C3.871C88.74%2C50.745%2C85.077%2C52.296%2C82.693%2C53.874z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M86.727%2C49.541c-0.026-0.005-2.506-0.446-6.998-2.812c-0.434-0.256-0.774-0.423-0.881-0.474l-0.007%2C0.014%20%20c-1.252-0.566-3.048-0.959-5.64-0.991c-0.082-0.001-0.162-0.001-0.245-0.001c-7.464%2C0-15.506%2C4.134-15.848%2C4.312L56.316%2C50%20%20l0.792%2C0.412c0.339%2C0.176%2C8.383%2C4.309%2C16.088%2C4.309c2.765%2C0%2C4.602-0.51%2C5.841-1.19c0.005-0.003%2C0.008-0.004%2C0.013-0.007%20%20c4.918-2.596%2C7.647-3.063%2C7.674-3.067l2.745-0.449L86.727%2C49.541z%20M58.387%2C49.999c2.272-1.06%2C8.703-3.795%2C14.575-3.795%20%20c0.075%2C0%2C0.152%2C0%2C0.228%2C0.001c2.349%2C0.029%2C4.178%2C0.368%2C5.437%2C0.985c0.105%2C0.057%2C0.209%2C0.113%2C0.312%2C0.168%20%20c1.11%2C0.636%2C1.697%2C1.523%2C1.697%2C2.641c0%2C1.312-1.555%2C3.793-7.441%2C3.793C67.137%2C53.793%2C60.665%2C51.057%2C58.387%2C49.999z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M79.575%2C49.771l-19.44-0.059h-0.001c-0.128%2C0-0.232%2C0.103-0.232%2C0.231c0%2C0.128%2C0.103%2C0.232%2C0.231%2C0.233l19.44%2C0.059h0.001%20%20c0.128%2C0%2C0.232-0.103%2C0.232-0.231C79.806%2C49.875%2C79.703%2C49.771%2C79.575%2C49.771z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M69.74%2C36.936c1.661-1.661%2C2.737-3.264%2C3.228-4.784l0.003%2C0.001c0.016-0.052%2C0.038-0.121%2C0.063-0.205%20%20c1.642-5.312%2C3.24-7.571%2C3.257-7.594l1.624-2.258l-2.269%2C1.609c-0.022%2C0.015-2.088%2C1.457-6.937%2C2.96%20%20c-0.487%2C0.125-0.846%2C0.248-0.957%2C0.287l0.004%2C0.014c-1.286%2C0.485-2.833%2C1.477-4.689%2C3.287c-5.392%2C5.261-8.215%2C14.056-8.332%2C14.427%20%20l-0.269%2C0.851l0.851-0.269C55.681%2C45.149%2C64.293%2C42.384%2C69.74%2C36.936z%20M63.716%2C30.919c1.699-1.657%2C3.245-2.714%2C4.581-3.161%20%20c0.074-0.022%2C0.146-0.044%2C0.218-0.065c0.401-0.116%2C0.784-0.182%2C1.143-0.182c0.777%2C0%2C1.452%2C0.274%2C2.005%2C0.826%20%20c0.38%2C0.379%2C0.781%2C1.24%2C0.666%2C2.42c-0.162%2C1.654-1.284%2C3.564-3.245%2C5.524c-4.284%2C4.284-10.795%2C6.926-13.155%2C7.788%20%20C56.798%2C41.683%2C59.469%2C35.062%2C63.716%2C30.919z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M71.079%2C28.926c-0.09-0.092-0.238-0.092-0.328-0.001L56.962%2C42.63c-0.092%2C0.09-0.092%2C0.237-0.002%2C0.328%20%20c0.045%2C0.046%2C0.105%2C0.068%2C0.165%2C0.068c0.059%2C0%2C0.119-0.023%2C0.163-0.068l13.789-13.705C71.169%2C29.164%2C71.169%2C29.017%2C71.079%2C28.926z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20125%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%3Cg%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.5%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M50%2C46.907c-1.705%2C0-3.093%2C1.388-3.093%2C3.093c0%2C1.705%2C1.388%2C3.093%2C3.093%2C3.093c1.705%2C0%2C3.093-1.388%2C3.093-3.093%20%20C53.093%2C48.295%2C51.705%2C46.907%2C50%2C46.907z%20M50%2C52.474c-1.364%2C0-2.474-1.109-2.474-2.474c0-1.364%2C1.11-2.474%2C2.474-2.474%20%20c1.365%2C0%2C2.474%2C1.11%2C2.474%2C2.474C52.474%2C51.365%2C51.365%2C52.474%2C50%2C52.474z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M50%2C43.684l0.412-0.792c0.176-0.338%2C4.31-8.383%2C4.31-16.088c0-2.771-0.512-4.61-1.195-5.85%20%20c-0.002-0.003-0.003-0.005-0.004-0.008c-2.594-4.916-3.06-7.642-3.065-7.669L50.01%2C10.53l-0.467%2C2.743%20%20c-0.005%2C0.026-0.446%2C2.507-2.813%2C6.999c-0.256%2C0.433-0.422%2C0.772-0.473%2C0.879l0.013%2C0.007c-0.566%2C1.252-0.959%2C3.048-0.991%2C5.64%20%20c-0.093%2C7.533%2C4.13%2C15.747%2C4.31%2C16.094L50%2C43.684z%20M47.191%2C21.371c0.056-0.104%2C0.111-0.205%2C0.165-0.306%20%20c0.637-1.113%2C1.524-1.702%2C2.644-1.702c1.312%2C0%2C3.794%2C1.555%2C3.794%2C7.441c0%2C6.058-2.735%2C12.531-3.795%2C14.809%20%20c-1.073-2.302-3.866-8.876-3.793-14.803C46.235%2C24.46%2C46.575%2C22.631%2C47.191%2C21.371z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M50.177%2C39.867l0.059-19.441c0-0.128-0.103-0.232-0.231-0.233c0%2C0%2C0%2C0-0.001%2C0c-0.128%2C0-0.232%2C0.103-0.232%2C0.231%20%20l-0.059%2C19.441c0%2C0.128%2C0.103%2C0.232%2C0.231%2C0.233c0%2C0%2C0%2C0%2C0.001%2C0C50.073%2C40.098%2C50.176%2C39.995%2C50.177%2C39.867z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M36.936%2C30.259c-1.661-1.661-3.264-2.737-4.784-3.227l0.001-0.004c-0.053-0.017-0.122-0.038-0.206-0.063%20%20c-5.312-1.641-7.57-3.24-7.593-3.256l-2.259-1.625l1.61%2C2.27c0.015%2C0.021%2C1.457%2C2.088%2C2.96%2C6.937%20%20c0.125%2C0.488%2C0.248%2C0.846%2C0.287%2C0.958l0.014-0.005c0.485%2C1.285%2C1.477%2C2.833%2C3.287%2C4.689c5.261%2C5.392%2C14.056%2C8.215%2C14.427%2C8.332%20%20l0.851%2C0.269l-0.269-0.851C45.149%2C44.319%2C42.384%2C35.708%2C36.936%2C30.259z%20M30.919%2C36.285c-1.641-1.682-2.694-3.215-3.149-4.541%20%20c-0.033-0.113-0.067-0.223-0.1-0.334c-0.337-1.237-0.126-2.281%2C0.666-3.073c0.334-0.334%2C1.042-0.686%2C2.013-0.686%20%20c0.131%2C0%2C0.267%2C0.006%2C0.407%2C0.02c1.654%2C0.162%2C3.564%2C1.284%2C5.524%2C3.244c4.284%2C4.284%2C6.926%2C10.796%2C7.788%2C13.155%20%20C41.682%2C43.202%2C35.059%2C40.528%2C30.919%2C36.285z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M28.926%2C28.922c-0.091%2C0.09-0.091%2C0.237-0.001%2C0.328L42.63%2C43.038c0.045%2C0.046%2C0.105%2C0.068%2C0.164%2C0.068%20%20c0.059%2C0%2C0.118-0.023%2C0.164-0.068c0.091-0.09%2C0.091-0.237%2C0.001-0.328L29.254%2C28.922C29.164%2C28.831%2C29.017%2C28.831%2C28.926%2C28.922z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M26.804%2C45.279c-2.759%2C0-4.594%2C0.507-5.834%2C1.186c-0.009%2C0.005-0.014%2C0.007-0.023%2C0.012%20%20c-4.916%2C2.596-7.644%2C3.062-7.671%2C3.067l-2.745%2C0.449l2.742%2C0.467c0.026%2C0.005%2C2.507%2C0.446%2C7%2C2.814%20%20c0.432%2C0.256%2C0.772%2C0.421%2C0.878%2C0.472l0.007-0.014c1.252%2C0.566%2C3.048%2C0.959%2C5.64%2C0.991c0.082%2C0.001%2C0.164%2C0.002%2C0.246%2C0.002%20%20c7.464%2C0%2C15.506-4.135%2C15.848-4.312L43.684%2C50l-0.792-0.412C42.553%2C49.413%2C34.509%2C45.279%2C26.804%2C45.279z%20M26.81%2C53.795%20%20c-2.356-0.029-4.189-0.37-5.449-0.99c-0.091-0.05-0.181-0.098-0.27-0.146c-1.13-0.638-1.727-1.53-1.727-2.659%20%20c0-1.312%2C1.555-3.794%2C7.441-3.794c6.058%2C0%2C12.531%2C2.735%2C14.809%2C3.794C39.311%2C51.075%2C32.746%2C53.865%2C26.81%2C53.795z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M20.426%2C49.765c-0.128%2C0-0.232%2C0.103-0.232%2C0.231c0%2C0.128%2C0.103%2C0.232%2C0.231%2C0.233l19.441%2C0.059c0%2C0%2C0%2C0%2C0.001%2C0%20%20c0.128%2C0%2C0.232-0.103%2C0.232-0.231c0-0.128-0.103-0.232-0.231-0.233L20.426%2C49.765C20.426%2C49.765%2C20.426%2C49.765%2C20.426%2C49.765z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M30.259%2C63.064c-1.946%2C1.946-2.885%2C3.599-3.284%2C4.954c-0.004%2C0.013-0.006%2C0.02-0.011%2C0.034%20%20c-1.641%2C5.312-3.24%2C7.57-3.256%2C7.592l-1.625%2C2.26l2.27-1.61c0.021-0.015%2C2.088-1.457%2C6.937-2.959%20%20c0.487-0.125%2C0.846-0.248%2C0.957-0.287l-0.004-0.013c1.285-0.485%2C2.834-1.48%2C4.688-3.29c5.392-5.26%2C8.215-14.054%2C8.332-14.427%20%20l0.269-0.851l-0.851%2C0.269C44.319%2C54.851%2C35.708%2C57.616%2C30.259%2C63.064z%20M36.285%2C69.081c-1.686%2C1.645-3.223%2C2.699-4.552%2C3.152%20%20c-0.1%2C0.029-0.197%2C0.059-0.295%2C0.088c-1.25%2C0.348-2.304%2C0.14-3.101-0.658c-0.928-0.928-1.583-3.782%2C2.578-7.944%20%20c4.284-4.284%2C10.796-6.927%2C13.155-7.789C43.203%2C58.318%2C40.531%2C64.938%2C36.285%2C69.081z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M28.922%2C71.073c0.045%2C0.046%2C0.105%2C0.069%2C0.164%2C0.069c0.059%2C0%2C0.118-0.023%2C0.164-0.067l13.788-13.704%20%20c0.091-0.091%2C0.091-0.237%2C0.001-0.328c-0.09-0.092-0.237-0.092-0.328-0.002L28.922%2C70.745%20%20C28.832%2C70.836%2C28.831%2C70.982%2C28.922%2C71.073z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M50%2C56.316l-0.412%2C0.792c-0.176%2C0.339-4.31%2C8.383-4.31%2C16.088c0%2C2.763%2C0.509%2C4.599%2C1.189%2C5.839%20%20c0.004%2C0.007%2C0.005%2C0.01%2C0.009%2C0.017c2.596%2C4.916%2C3.062%2C7.645%2C3.067%2C7.672l0.449%2C2.745l0.467-2.743%20%20c0.005-0.026%2C0.446-2.506%2C2.813-6.999c0.256-0.433%2C0.422-0.773%2C0.473-0.88l-0.014-0.007c0.566-1.252%2C0.959-3.048%2C0.991-5.64%20%20c0.092-7.533-4.13-15.747-4.31-16.093L50%2C56.316z%20M52.806%2C78.636c-0.052%2C0.095-0.102%2C0.188-0.152%2C0.282%20%20c-0.637%2C1.124-1.528%2C1.719-2.654%2C1.719c-1.312%2C0-3.794-1.555-3.794-7.441c0-6.058%2C2.736-12.531%2C3.794-14.809%20%20c1.074%2C2.301%2C3.867%2C8.871%2C3.794%2C14.804C53.766%2C75.545%2C53.425%2C77.377%2C52.806%2C78.636z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M49.825%2C60.133l-0.059%2C19.44c0%2C0.129%2C0.103%2C0.233%2C0.231%2C0.233c0%2C0%2C0.001%2C0%2C0.001%2C0c0.128%2C0%2C0.232-0.103%2C0.232-0.231%20%20l0.059-19.44c0-0.129-0.103-0.233-0.231-0.233c0%2C0%2C0%2C0-0.001%2C0C49.929%2C59.902%2C49.825%2C60.005%2C49.825%2C60.133z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M63.064%2C69.74c1.661%2C1.661%2C3.264%2C2.737%2C4.783%2C3.228l-0.001%2C0.004c0.053%2C0.016%2C0.121%2C0.038%2C0.205%2C0.063%20%20c5.312%2C1.642%2C7.571%2C3.24%2C7.593%2C3.257l2.259%2C1.624l-1.609-2.269c-0.015-0.022-1.457-2.088-2.959-6.937%20%20c-0.125-0.487-0.248-0.846-0.287-0.957l-0.015%2C0.005c-0.485-1.286-1.477-2.834-3.288-4.689c-5.26-5.392-14.054-8.215-14.427-8.332%20%20l-0.851-0.269l0.269%2C0.851C54.851%2C55.681%2C57.616%2C64.293%2C63.064%2C69.74z%20M69.081%2C63.716c1.643%2C1.684%2C2.697%2C3.219%2C3.151%2C4.547%20%20c0.031%2C0.104%2C0.062%2C0.206%2C0.092%2C0.308c0.345%2C1.246%2C0.135%2C2.296-0.661%2C3.092c-0.927%2C0.926-3.781%2C1.585-7.944-2.579%20%20c-4.284-4.284-6.927-10.795-7.789-13.154C58.318%2C56.798%2C64.941%2C59.471%2C69.081%2C63.716z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M70.91%2C71.146c0.059%2C0%2C0.119-0.023%2C0.163-0.067c0.092-0.091%2C0.092-0.237%2C0.002-0.328L57.371%2C56.962%20%20c-0.091-0.092-0.239-0.092-0.328-0.002c-0.092%2C0.091-0.092%2C0.237-0.002%2C0.328l13.704%2C13.789C70.79%2C71.124%2C70.85%2C71.146%2C70.91%2C71.146%20%20z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M94.98%2C50.105c0.007-0.029%2C0.019-0.055%2C0.02-0.086c0-0.007-0.003-0.012-0.003-0.019c0-0.007%2C0.003-0.012%2C0.003-0.019%20%20c-0.001-0.031-0.014-0.058-0.021-0.087c-0.005-0.022-0.007-0.046-0.016-0.067c-0.02-0.051-0.049-0.096-0.085-0.137%20%20c-0.001-0.001-0.002-0.003-0.003-0.004c-0.076-0.085-0.181-0.136-0.302-0.143c-0.007-0.001-0.013-0.005-0.021-0.005%20%20c-0.004%2C0-0.009%2C0-0.013%2C0c-0.007%2C0-0.013-0.004-0.021-0.003c-2.296%2C0.076-8.112-2.063-11.315-4.182%20%20c-2.535-1.678-6.947-3.252-11.721-2.644c-3.188%2C0.408-5.999%2C1.098-8.379%2C1.863c2.224-1.141%2C4.699-2.641%2C7.241-4.607%20%20c3.806-2.943%2C5.812-7.177%2C6.42-10.158c0.767-3.764%2C3.359-9.396%2C5.043-10.957c0.005-0.005%2C0.007-0.012%2C0.013-0.017%20%20c0.003-0.003%2C0.007-0.007%2C0.01-0.01c0.008-0.009%2C0.01-0.02%2C0.018-0.029c0.03-0.038%2C0.057-0.076%2C0.073-0.12%20%20c0.006-0.016%2C0.007-0.033%2C0.011-0.049c0.011-0.041%2C0.02-0.081%2C0.019-0.123c0-0.021-0.006-0.04-0.009-0.06%20%20c-0.005-0.038-0.011-0.074-0.026-0.11c-0.01-0.025-0.027-0.045-0.042-0.068c-0.015-0.023-0.023-0.049-0.042-0.07%20%20c-0.005-0.005-0.011-0.007-0.016-0.011c-0.005-0.005-0.006-0.011-0.011-0.016c-0.021-0.019-0.046-0.028-0.069-0.042%20%20c-0.023-0.015-0.044-0.032-0.069-0.042c-0.035-0.014-0.071-0.019-0.107-0.025c-0.021-0.003-0.041-0.01-0.063-0.01%20%20c-0.042-0.001-0.082%2C0.009-0.123%2C0.019c-0.016%2C0.004-0.033%2C0.005-0.049%2C0.011c-0.042%2C0.016-0.078%2C0.042-0.115%2C0.07%20%20c-0.011%2C0.008-0.024%2C0.011-0.034%2C0.021c-0.004%2C0.004-0.008%2C0.009-0.012%2C0.012c-0.004%2C0.004-0.01%2C0.006-0.014%2C0.01%20%20c-1.562%2C1.684-7.194%2C4.277-10.958%2C5.044c-2.981%2C0.607-7.214%2C2.612-10.158%2C6.419c-1.965%2C2.541-3.464%2C5.015-4.605%2C7.237%20%20c0.765-2.378%2C1.455-5.188%2C1.862-8.374c0.61-4.774-0.966-9.185-2.644-11.722c-2.119-3.203-4.269-9.019-4.182-11.314%20%20c0-0.007-0.003-0.012-0.003-0.019c0-0.005%2C0-0.012%2C0-0.017c-0.001-0.014-0.008-0.026-0.01-0.04c-0.006-0.044-0.013-0.087-0.03-0.127%20%20c-0.01-0.023-0.025-0.041-0.039-0.062c-0.018-0.027-0.033-0.055-0.056-0.078c-0.024-0.025-0.054-0.042-0.084-0.061%20%20c-0.02-0.013-0.037-0.027-0.059-0.037c-0.033-0.014-0.068-0.019-0.104-0.025C50.061%2C5.011%2C50.043%2C5.001%2C50.02%2C5%20%20c-0.007%2C0-0.012%2C0.003-0.019%2C0.003C49.995%2C5.003%2C49.989%2C5%2C49.982%2C5c-0.023%2C0.001-0.042%2C0.011-0.064%2C0.015%20%20c-0.032%2C0.006-0.064%2C0.01-0.094%2C0.023c-0.034%2C0.014-0.063%2C0.036-0.092%2C0.057c-0.016%2C0.012-0.034%2C0.021-0.049%2C0.036%20%20C49.65%2C5.163%2C49.626%2C5.2%2C49.603%2C5.24c-0.007%2C0.012-0.016%2C0.022-0.021%2C0.034c-0.019%2C0.042-0.028%2C0.088-0.034%2C0.136%20%20c-0.001%2C0.012-0.008%2C0.023-0.009%2C0.035c0%2C0.005%2C0%2C0.012%2C0%2C0.017c0%2C0.006-0.003%2C0.012-0.003%2C0.019%20%20c0.087%2C2.295-2.063%2C8.11-4.182%2C11.314c-1.678%2C2.536-3.254%2C6.947-2.644%2C11.722c0.408%2C3.19%2C1.099%2C6.002%2C1.864%2C8.382%20%20c-1.142-2.225-2.642-4.702-4.609-7.246c-2.944-3.807-7.178-5.813-10.158-6.419c-3.764-0.767-9.396-3.36-10.957-5.044%20%20c-0.005-0.005-0.012-0.007-0.017-0.013c-0.003-0.003-0.007-0.007-0.01-0.01c-0.008-0.008-0.02-0.01-0.028-0.017%20%20c-0.038-0.031-0.077-0.057-0.121-0.074c-0.015-0.006-0.029-0.006-0.044-0.01c-0.042-0.011-0.084-0.021-0.128-0.02%20%20c-0.019%2C0-0.037%2C0.006-0.056%2C0.009c-0.039%2C0.006-0.077%2C0.011-0.113%2C0.027c-0.024%2C0.01-0.045%2C0.027-0.067%2C0.041%20%20c-0.023%2C0.015-0.049%2C0.023-0.07%2C0.043c-0.005%2C0.005-0.007%2C0.011-0.011%2C0.016c-0.005%2C0.005-0.011%2C0.006-0.016%2C0.011%20%20c-0.019%2C0.021-0.027%2C0.046-0.042%2C0.069c-0.015%2C0.023-0.032%2C0.044-0.042%2C0.069c-0.015%2C0.036-0.021%2C0.073-0.026%2C0.112%20%20c-0.003%2C0.019-0.009%2C0.038-0.009%2C0.057c-0.001%2C0.044%2C0.008%2C0.087%2C0.02%2C0.13c0.004%2C0.014%2C0.005%2C0.028%2C0.01%2C0.042%20%20c0.017%2C0.045%2C0.044%2C0.084%2C0.075%2C0.122c0.007%2C0.009%2C0.009%2C0.019%2C0.017%2C0.028c0.003%2C0.003%2C0.007%2C0.007%2C0.01%2C0.01%20%20c0.005%2C0.005%2C0.007%2C0.012%2C0.013%2C0.017c1.684%2C1.561%2C4.277%2C7.193%2C5.044%2C10.957c0.607%2C2.981%2C2.612%2C7.214%2C6.419%2C10.158%20%20c2.542%2C1.966%2C5.017%2C3.466%2C7.241%2C4.607c-2.379-0.765-5.19-1.455-8.378-1.863c-4.773-0.608-9.185%2C0.966-11.722%2C2.644%20%20c-3.203%2C2.119-9.014%2C4.258-11.314%2C4.182c-0.007%2C0-0.013%2C0.003-0.02%2C0.003c-0.005%2C0-0.011%2C0-0.015%2C0%20%20c-0.009%2C0-0.017%2C0.005-0.026%2C0.006c-0.118%2C0.009-0.22%2C0.058-0.294%2C0.14c-0.004%2C0.004-0.006%2C0.009-0.009%2C0.013%20%20c-0.033%2C0.039-0.061%2C0.08-0.08%2C0.128c-0.009%2C0.022-0.011%2C0.047-0.016%2C0.07C5.014%2C49.925%2C5.001%2C49.951%2C5%2C49.981%20%20C5%2C49.988%2C5.003%2C49.993%2C5.003%2C50S5%2C50.012%2C5%2C50.019c0.001%2C0.03%2C0.013%2C0.055%2C0.02%2C0.083c0.006%2C0.025%2C0.008%2C0.05%2C0.017%2C0.073%20%20c0.017%2C0.043%2C0.043%2C0.08%2C0.071%2C0.115c0.007%2C0.009%2C0.012%2C0.019%2C0.02%2C0.028c0.036%2C0.038%2C0.078%2C0.068%2C0.126%2C0.092%20%20c0.006%2C0.003%2C0.01%2C0.008%2C0.016%2C0.01c0.044%2C0.02%2C0.093%2C0.03%2C0.144%2C0.035c0.011%2C0.001%2C0.02%2C0.007%2C0.032%2C0.008c0.007%2C0%2C0.014%2C0%2C0.02%2C0%20%20c0.005%2C0%2C0.01%2C0.003%2C0.015%2C0.002c2.283-0.08%2C8.111%2C2.063%2C11.314%2C4.183c2.155%2C1.426%2C5.664%2C2.777%2C9.6%2C2.777%20%20c0.695%2C0%2C1.405-0.042%2C2.122-0.133c3.188-0.408%2C5.999-1.098%2C8.379-1.864c-2.224%2C1.141-4.699%2C2.641-7.242%2C4.607%20%20c-3.807%2C2.944-5.813%2C7.177-6.419%2C10.158c-0.767%2C3.764-3.36%2C9.396-5.044%2C10.958c-0.005%2C0.004-0.006%2C0.01-0.01%2C0.014%20%20c-0.004%2C0.004-0.009%2C0.008-0.012%2C0.012c-0.009%2C0.01-0.012%2C0.023-0.021%2C0.034c-0.028%2C0.037-0.054%2C0.073-0.07%2C0.115%20%20c-0.006%2C0.015-0.007%2C0.03-0.011%2C0.046c-0.011%2C0.042-0.021%2C0.083-0.02%2C0.127c0%2C0.019%2C0.006%2C0.036%2C0.009%2C0.055%20%20c0.005%2C0.039%2C0.011%2C0.078%2C0.027%2C0.115c0.01%2C0.024%2C0.026%2C0.044%2C0.04%2C0.066c0.015%2C0.024%2C0.024%2C0.05%2C0.044%2C0.071%20%20c0.005%2C0.005%2C0.011%2C0.006%2C0.016%2C0.011c0.005%2C0.005%2C0.007%2C0.011%2C0.012%2C0.016c0.028%2C0.026%2C0.062%2C0.041%2C0.095%2C0.059%20%20c0.015%2C0.008%2C0.027%2C0.02%2C0.043%2C0.027c0.057%2C0.024%2C0.117%2C0.038%2C0.178%2C0.038c0.04%2C0%2C0.078-0.014%2C0.117-0.024%20%20c0.016-0.004%2C0.034-0.004%2C0.05-0.01c0.037-0.014%2C0.069-0.04%2C0.103-0.064c0.014-0.01%2C0.031-0.015%2C0.044-0.028%20%20c0.003-0.003%2C0.007-0.008%2C0.011-0.011c0.005-0.005%2C0.012-0.007%2C0.017-0.012c1.561-1.684%2C7.193-4.277%2C10.958-5.043%20%20c2.981-0.608%2C7.214-2.613%2C10.158-6.42c1.966-2.542%2C3.466-5.018%2C4.607-7.242c-0.765%2C2.379-1.456%2C5.19-1.863%2C8.379%20%20c-0.61%2C4.773%2C0.966%2C9.185%2C2.644%2C11.721c2.119%2C3.204%2C4.269%2C9.02%2C4.182%2C11.315c0%2C0.006%2C0.003%2C0.012%2C0.003%2C0.018%20%20c0%2C0.005%2C0%2C0.011%2C0%2C0.016c0.001%2C0.014%2C0.007%2C0.025%2C0.009%2C0.038c0.006%2C0.045%2C0.013%2C0.089%2C0.031%2C0.13%20%20c0.006%2C0.014%2C0.016%2C0.024%2C0.023%2C0.037c0.021%2C0.038%2C0.044%2C0.075%2C0.075%2C0.105c0.013%2C0.013%2C0.029%2C0.021%2C0.043%2C0.032%20%20c0.031%2C0.024%2C0.062%2C0.049%2C0.099%2C0.065c0.024%2C0.01%2C0.05%2C0.012%2C0.076%2C0.018c0.029%2C0.007%2C0.056%2C0.02%2C0.087%2C0.021%20%20c0.006%2C0%2C0.012%2C0%2C0.018%2C0c0%2C0%2C0.001%2C0%2C0.001%2C0c0%2C0%2C0.001%2C0%2C0.001%2C0c0.006%2C0%2C0.012%2C0%2C0.018%2C0c0.031-0.001%2C0.058-0.014%2C0.087-0.021%20%20c0.026-0.006%2C0.052-0.008%2C0.076-0.018c0.037-0.016%2C0.068-0.04%2C0.099-0.065c0.014-0.011%2C0.03-0.019%2C0.043-0.032%20%20c0.031-0.031%2C0.053-0.067%2C0.075-0.105c0.007-0.013%2C0.017-0.023%2C0.023-0.037c0.018-0.041%2C0.025-0.084%2C0.031-0.13%20%20c0.002-0.013%2C0.009-0.025%2C0.009-0.038c0-0.005%2C0-0.011%2C0-0.016c0-0.006%2C0.003-0.012%2C0.003-0.018%20%20c-0.087-2.296%2C2.063-8.111%2C4.183-11.315c1.678-2.535%2C3.253-6.947%2C2.644-11.721c-0.408-3.189-1.098-6-1.864-8.38%20%20c1.141%2C2.224%2C2.641%2C4.7%2C4.608%2C7.243c2.943%2C3.806%2C7.177%2C5.812%2C10.158%2C6.42c3.764%2C0.767%2C9.396%2C3.359%2C10.957%2C5.043%20%20c0.004%2C0.004%2C0.01%2C0.006%2C0.014%2C0.01c0.004%2C0.004%2C0.009%2C0.01%2C0.013%2C0.014c0.016%2C0.015%2C0.037%2C0.022%2C0.055%2C0.034%20%20c0.03%2C0.021%2C0.058%2C0.044%2C0.091%2C0.057c0.02%2C0.008%2C0.041%2C0.008%2C0.061%2C0.013c0.036%2C0.008%2C0.07%2C0.022%2C0.107%2C0.022%20%20c0.061%2C0%2C0.121-0.014%2C0.178-0.038c0.014-0.006%2C0.025-0.017%2C0.038-0.024c0.034-0.018%2C0.07-0.034%2C0.099-0.062%20%20c0.005-0.005%2C0.007-0.011%2C0.012-0.016c0.005-0.005%2C0.011-0.006%2C0.016-0.011c0.02-0.021%2C0.029-0.048%2C0.044-0.072%20%20c0.014-0.022%2C0.03-0.042%2C0.04-0.066c0.015-0.036%2C0.021-0.073%2C0.026-0.111c0.003-0.02%2C0.009-0.04%2C0.009-0.06%20%20c0.001-0.04-0.008-0.078-0.018-0.117c-0.005-0.019-0.006-0.038-0.013-0.057c-0.015-0.04-0.04-0.074-0.067-0.109%20%20c-0.009-0.012-0.013-0.027-0.023-0.038c-0.004-0.004-0.009-0.009-0.013-0.013c-0.004-0.004-0.006-0.01-0.01-0.014%20%20c-1.684-1.561-4.277-7.193-5.043-10.957c-0.608-2.981-2.613-7.215-6.42-10.158c-2.543-1.967-5.019-3.466-7.243-4.608%20%20c2.38%2C0.766%2C5.191%2C1.456%2C8.38%2C1.864c0.718%2C0.092%2C1.426%2C0.134%2C2.122%2C0.134c3.935%2C0%2C7.444-1.353%2C9.6-2.778%20%20c3.202-2.119%2C9.022-4.253%2C11.314-4.183c0.006%2C0.001%2C0.011-0.003%2C0.018-0.002c0.005%2C0%2C0.011%2C0%2C0.017%2C0%20%20c0.007%2C0%2C0.012-0.004%2C0.019-0.004c0.121-0.006%2C0.227-0.057%2C0.303-0.143c0.002-0.002%2C0.003-0.005%2C0.005-0.007%20%20c0.035-0.04%2C0.064-0.084%2C0.084-0.134C94.972%2C50.152%2C94.974%2C50.128%2C94.98%2C50.105z%20M50%2C53.804c-2.098%2C0-3.804-1.706-3.804-3.804%20%20c0-2.098%2C1.707-3.804%2C3.804-3.804c2.098%2C0%2C3.804%2C1.707%2C3.804%2C3.804C53.804%2C52.098%2C52.098%2C53.804%2C50%2C53.804z%20M54.223%2C47.909%20%20c0.272-0.055%2C1.101-0.24%2C2.349-0.631c-1.162%2C0.608-1.88%2C1.064-2.109%2C1.216C54.395%2C48.292%2C54.316%2C48.097%2C54.223%2C47.909z%20%20%20M60.769%2C30.222c2.788-3.606%2C6.792-5.504%2C9.609-6.078c2.803-0.571%2C6.492-2.071%2C9.023-3.546c-1.475%2C2.532-2.975%2C6.22-3.546%2C9.023%20%20c-0.574%2C2.817-2.472%2C6.822-6.077%2C9.61c-8.109%2C6.271-15.754%2C7.772-15.83%2C7.787c-0.084%2C0.016-0.153%2C0.059-0.213%2C0.111%20%20c-0.25-0.324-0.539-0.613-0.863-0.863c0.052-0.06%2C0.095-0.13%2C0.111-0.214C52.997%2C45.976%2C54.499%2C38.33%2C60.769%2C30.222z%20M52.092%2C45.777%20%20c-0.188-0.094-0.383-0.172-0.584-0.24c0.151-0.229%2C0.607-0.945%2C1.214-2.105C52.332%2C44.678%2C52.147%2C45.506%2C52.092%2C45.777z%20%20%20M46.128%2C17.308c1.578-2.386%2C3.126-6.054%2C3.873-8.887c0.747%2C2.833%2C2.295%2C6.502%2C3.873%2C8.887c1.587%2C2.398%2C3.075%2C6.571%2C2.497%2C11.092%20%20c-1.299%2C10.167-5.644%2C16.635-5.688%2C16.699c-0.048%2C0.071-0.067%2C0.151-0.072%2C0.23C50.41%2C45.303%2C50.21%2C45.268%2C50%2C45.268%20%20c-0.209%2C0-0.408%2C0.035-0.609%2C0.062c-0.005-0.08-0.024-0.16-0.072-0.231c-0.044-0.064-4.387-6.516-5.688-16.699%20%20C43.053%2C23.878%2C44.542%2C19.705%2C46.128%2C17.308z%20M48.495%2C45.536c-0.202%2C0.069-0.397%2C0.147-0.586%2C0.241%20%20c-0.055-0.273-0.241-1.105-0.633-2.355C47.884%2C44.586%2C48.342%2C45.306%2C48.495%2C45.536z%20M24.144%2C29.622%20%20c-0.571-2.803-2.071-6.492-3.546-9.024c2.532%2C1.475%2C6.221%2C2.975%2C9.024%2C3.546c2.817%2C0.574%2C6.821%2C2.472%2C9.609%2C6.078%20%20c6.271%2C8.108%2C7.772%2C15.754%2C7.787%2C15.83c0.016%2C0.084%2C0.058%2C0.153%2C0.11%2C0.213c-0.324%2C0.25-0.613%2C0.539-0.863%2C0.863%20%20c-0.06-0.052-0.129-0.095-0.213-0.111c-0.076-0.014-7.722-1.516-15.83-7.787C26.616%2C36.443%2C24.718%2C32.439%2C24.144%2C29.622z%20%20%20M45.777%2C47.908c-0.094%2C0.189-0.172%2C0.383-0.24%2C0.585c-0.23-0.152-0.948-0.608-2.109-1.216%20%20C44.675%2C47.668%2C45.504%2C47.853%2C45.777%2C47.908z%20M28.4%2C56.371c-4.519%2C0.577-8.695-0.911-11.092-2.497%20%20c-2.385-1.578-6.04-3.131-8.875-3.878c2.832-0.749%2C6.493-2.293%2C8.875-3.869c2.398-1.587%2C6.568-3.074%2C11.092-2.497%20%20c10.167%2C1.299%2C16.635%2C5.644%2C16.699%2C5.688c0.071%2C0.048%2C0.15%2C0.066%2C0.23%2C0.072c-0.026%2C0.202-0.062%2C0.402-0.062%2C0.611%20%20c0%2C0.209%2C0.035%2C0.409%2C0.062%2C0.611c-0.08%2C0.005-0.159%2C0.023-0.23%2C0.071C45.035%2C50.726%2C38.567%2C55.071%2C28.4%2C56.371z%20M45.537%2C51.506%20%20c0.068%2C0.202%2C0.147%2C0.397%2C0.241%2C0.586c-0.272%2C0.055-1.104%2C0.241-2.353%2C0.632C44.587%2C52.115%2C45.306%2C51.658%2C45.537%2C51.506z%20%20%20M39.231%2C69.778c-2.788%2C3.605-6.792%2C5.504-9.609%2C6.077c-2.803%2C0.571-6.492%2C2.071-9.024%2C3.546c1.475-2.532%2C2.975-6.22%2C3.546-9.023%20%20c0.574-2.817%2C2.472-6.821%2C6.078-9.609c8.108-6.27%2C15.754-7.772%2C15.83-7.786c0.084-0.016%2C0.153-0.059%2C0.213-0.111%20%20c0.25%2C0.325%2C0.539%2C0.613%2C0.864%2C0.864c-0.053%2C0.06-0.096%2C0.129-0.112%2C0.213C47.003%2C54.024%2C45.502%2C61.67%2C39.231%2C69.778z%20%20%20M47.909%2C54.223c0.189%2C0.094%2C0.383%2C0.172%2C0.585%2C0.241c-0.152%2C0.229-0.608%2C0.947-1.216%2C2.109%20%20C47.668%2C55.324%2C47.853%2C54.494%2C47.909%2C54.223z%20M53.874%2C82.692c-1.578%2C2.386-3.126%2C6.055-3.874%2C8.888%20%20c-0.747-2.833-2.295-6.502-3.873-8.887c-1.586-2.398-3.075-6.571-2.497-11.092c1.299-10.167%2C5.644-16.636%2C5.688-16.699%20%20c0.048-0.071%2C0.067-0.151%2C0.072-0.231c0.202%2C0.026%2C0.402%2C0.062%2C0.611%2C0.062c0.209%2C0%2C0.409-0.035%2C0.61-0.062%20%20c0.005%2C0.08%2C0.023%2C0.16%2C0.072%2C0.231c0.044%2C0.063%2C4.389%2C6.532%2C5.688%2C16.699C56.948%2C76.123%2C55.459%2C80.295%2C53.874%2C82.692z%20%20%20M51.506%2C54.463c0.202-0.068%2C0.397-0.147%2C0.586-0.241c0.055%2C0.271%2C0.24%2C1.103%2C0.632%2C2.354%20%20C52.115%2C55.412%2C51.658%2C54.693%2C51.506%2C54.463z%20M75.855%2C70.378c0.571%2C2.802%2C2.07%2C6.49%2C3.545%2C9.022%20%20c-2.532-1.475-6.22-2.974-9.022-3.545c-2.817-0.574-6.822-2.472-9.609-6.077c-6.27-8.109-7.772-15.754-7.786-15.83%20%20c-0.016-0.084-0.059-0.153-0.112-0.213c0.324-0.25%2C0.613-0.539%2C0.863-0.863c0.06%2C0.053%2C0.129%2C0.096%2C0.214%2C0.112%20%20c0.076%2C0.014%2C7.722%2C1.516%2C15.83%2C7.786C73.384%2C63.556%2C75.282%2C67.561%2C75.855%2C70.378z%20M54.222%2C52.092%20%20c0.094-0.189%2C0.172-0.384%2C0.241-0.586c0.23%2C0.152%2C0.949%2C0.609%2C2.113%2C1.218C55.325%2C52.332%2C54.494%2C52.147%2C54.222%2C52.092z%20%20%20M82.693%2C53.874c-2.398%2C1.586-6.569%2C3.075-11.092%2C2.497c-10.167-1.299-16.636-5.645-16.699-5.688%20%20c-0.072-0.048-0.151-0.066-0.231-0.071c0.026-0.202%2C0.062-0.402%2C0.062-0.611c0-0.209-0.035-0.409-0.062-0.611%20%20c0.08-0.005%2C0.159-0.024%2C0.231-0.072c0.063-0.044%2C6.532-4.388%2C16.699-5.688c4.524-0.575%2C8.694%2C0.911%2C11.092%2C2.497%20%20c2.384%2C1.577%2C6.049%2C3.123%2C8.881%2C3.871C88.74%2C50.745%2C85.077%2C52.296%2C82.693%2C53.874z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M86.727%2C49.541c-0.026-0.005-2.506-0.446-6.998-2.812c-0.434-0.256-0.774-0.423-0.881-0.474l-0.007%2C0.014%20%20c-1.252-0.566-3.048-0.959-5.64-0.991c-0.082-0.001-0.162-0.001-0.245-0.001c-7.464%2C0-15.506%2C4.134-15.848%2C4.312L56.316%2C50%20%20l0.792%2C0.412c0.339%2C0.176%2C8.383%2C4.309%2C16.088%2C4.309c2.765%2C0%2C4.602-0.51%2C5.841-1.19c0.005-0.003%2C0.008-0.004%2C0.013-0.007%20%20c4.918-2.596%2C7.647-3.063%2C7.674-3.067l2.745-0.449L86.727%2C49.541z%20M58.387%2C49.999c2.272-1.06%2C8.703-3.795%2C14.575-3.795%20%20c0.075%2C0%2C0.152%2C0%2C0.228%2C0.001c2.349%2C0.029%2C4.178%2C0.368%2C5.437%2C0.985c0.105%2C0.057%2C0.209%2C0.113%2C0.312%2C0.168%20%20c1.11%2C0.636%2C1.697%2C1.523%2C1.697%2C2.641c0%2C1.312-1.555%2C3.793-7.441%2C3.793C67.137%2C53.793%2C60.665%2C51.057%2C58.387%2C49.999z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M79.575%2C49.771l-19.44-0.059h-0.001c-0.128%2C0-0.232%2C0.103-0.232%2C0.231c0%2C0.128%2C0.103%2C0.232%2C0.231%2C0.233l19.44%2C0.059h0.001%20%20c0.128%2C0%2C0.232-0.103%2C0.232-0.231C79.806%2C49.875%2C79.703%2C49.771%2C79.575%2C49.771z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M69.74%2C36.936c1.661-1.661%2C2.737-3.264%2C3.228-4.784l0.003%2C0.001c0.016-0.052%2C0.038-0.121%2C0.063-0.205%20%20c1.642-5.312%2C3.24-7.571%2C3.257-7.594l1.624-2.258l-2.269%2C1.609c-0.022%2C0.015-2.088%2C1.457-6.937%2C2.96%20%20c-0.487%2C0.125-0.846%2C0.248-0.957%2C0.287l0.004%2C0.014c-1.286%2C0.485-2.833%2C1.477-4.689%2C3.287c-5.392%2C5.261-8.215%2C14.056-8.332%2C14.427%20%20l-0.269%2C0.851l0.851-0.269C55.681%2C45.149%2C64.293%2C42.384%2C69.74%2C36.936z%20M63.716%2C30.919c1.699-1.657%2C3.245-2.714%2C4.581-3.161%20%20c0.074-0.022%2C0.146-0.044%2C0.218-0.065c0.401-0.116%2C0.784-0.182%2C1.143-0.182c0.777%2C0%2C1.452%2C0.274%2C2.005%2C0.826%20%20c0.38%2C0.379%2C0.781%2C1.24%2C0.666%2C2.42c-0.162%2C1.654-1.284%2C3.564-3.245%2C5.524c-4.284%2C4.284-10.795%2C6.926-13.155%2C7.788%20%20C56.798%2C41.683%2C59.469%2C35.062%2C63.716%2C30.919z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M71.079%2C28.926c-0.09-0.092-0.238-0.092-0.328-0.001L56.962%2C42.63c-0.092%2C0.09-0.092%2C0.237-0.002%2C0.328%20%20c0.045%2C0.046%2C0.105%2C0.068%2C0.165%2C0.068c0.059%2C0%2C0.119-0.023%2C0.163-0.068l13.789-13.705C71.169%2C29.164%2C71.169%2C29.017%2C71.079%2C28.926z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") center / contain no-repeat;
  border-radius: 0;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transition: width .2s ease, height .2s ease, opacity .25s ease,
              background-color .2s ease, filter .2s ease;
  transform: translate(-50%,-50%) rotate(0deg);
  mix-blend-mode: normal;
}
#shs-cursor.is-on { opacity: 1; }
/* over text: white dot + difference blend = true inversion of whatever is
   beneath — near-black on cream, near-white on ink, visible over photos.
   Maximum contrast with zero per-background tuning. */
#shs-cursor.is-invert {
  background: #fff;                     /* white shape, differenced against bg */
  mix-blend-mode: difference;
}
/* Over interactives: same anise silhouette, larger + quarter-turned, with a
   TRANSLUCENT gold fill (mask preserved — only the fill opacity changes). */
#shs-cursor.is-hot {
  width: 40px; height: 50px;
  background: rgba(197,160,89,.45);         /* translucent gold */
  transform: translate(-50%,-50%) rotate(90deg);
  mix-blend-mode: normal;
}
#shs-cursor.is-off-field { opacity: 0; }


/* ── Press states (paired with click haptics: the visual half of the tap) ──
   Restraint: only obvious tap targets compress; inline text links don't. */
button:active,
.btn:active,
.nav-cta a:active,
.xmas-cta:active,
.hamper-card:active,
.swiper-nav:active {
  transform: scale(.97);
  transition: transform .08s ease;
}
.nav-item.has-drop > a:active { opacity: .7; transition: opacity .08s ease; }
@media (prefers-reduced-motion: reduce) {
  button:active, .btn:active, .nav-cta a:active,
  .xmas-cta:active, .hamper-card:active, .swiper-nav:active { transform: none; }
}


/* Consistent, more generous edge padding on mobile (was ~5%) */
@media (max-width:639px){
  .products-section, .contact-section, .choose-section,
  .services-section, .blog-section { padding-left:7%; padding-right:7% }
  /* ensure section headings clear the sticky header and aren't clipped */
  .products-section { padding-top:2.5rem }
  .section-heading { font-size:clamp(1.3rem,6vw,2rem); letter-spacing:2px; line-height:1.2 }
}


/* ── Section entrance reveals (paired with the JS observer) ── */
.reveal-up { opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s cubic-bezier(.22,.9,.3,1); }
.reveal-up.in { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){ .reveal-up { opacity:1; transform:none; transition:none; } }