:root{
  --ivory:#FAF9F7;--ivory-warm:#F5F3EF;--cream:#EDE9E3;--sand:#D4CFC6;
  --warm-gray:#A09A90;--stone:#7A746A;--graphite:#3A3632;--charcoal:#2A2826;
  --ink:#1A1918;--accent:#8B7355;--accent-light:#A68B6A;--error:#C45C4A;
  --font-display:'Cormorant Garamond',Georgia,serif;
  --font-body:'Jost',-apple-system,sans-serif;
  --text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;
  --text-md:.9375rem;--text-lg:1rem;--text-xl:1.0625rem;
  --display-md:clamp(1.75rem,3vw,2.5rem);--display-lg:clamp(2rem,4vw,3rem);
  --display-xl:clamp(1.5rem,3vw,2.5rem);--display-hero:clamp(2.25rem,5vw,4.5rem);
  --leading-snug:1.3;--leading-normal:1.6;--leading-relaxed:1.75;
  --tracking-overline:.18em;--tracking-logo:.28em;--tracking-button:.1em;--tracking-label:.1em;
  --container-width:1420px;--container-padding:clamp(1.5rem,3vw,4rem);
  --nav-height:72px;--section-lg:clamp(4rem,8vw,7rem);
  --border-subtle:1px solid rgba(58,54,50,.06);--border-default:1px solid rgba(58,54,50,.08);
  --border-medium:1px solid rgba(58,54,50,.15);--border-sand:1px solid #D4CFC6;
  --border-dark:1px solid rgba(250,249,247,.09);
  --shadow-md:0 8px 30px rgba(58,54,50,.10);--shadow-lg:0 16px 48px rgba(0,0,0,.10);
  --shadow-nav:0 4px 24px rgba(0,0,0,.07);--shadow-modal:0 32px 80px rgba(0,0,0,.22);
  --dur-fast:.2s;--dur-base:.3s;--dur-slow:.4s;--dur-xslow:.6s;
  --z-nav:1000;--z-sticky:100;--z-modal:2000
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;scrollbar-gutter:stable}
body{font-family:'Jost',-apple-system,sans-serif;font-weight:300;line-height:1.6;color:#3A3632;background:#FAF9F7;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}
svg{display:block;flex-shrink:0}ul{list-style:none}
.container{width:100%;max-width:1420px;margin:0 auto;padding:0 clamp(1.5rem,3vw,4rem)}

/* ── BUTTONS ──────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:'Jost',-apple-system,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.9375rem 2rem;border-radius:0;transition:all .4s;cursor:pointer;border:1px solid transparent;white-space:nowrap}
.btn svg{width:15px;height:15px;transition:transform .3s}.btn:hover svg{transform:translateX(4px)}
.btn-ghost{background:transparent;color:#FAF9F7;border-color:rgba(250,249,247,.3)}.btn-ghost:hover{border-color:#FAF9F7}
.btn-inverted{background:#FAF9F7;color:#3A3632;border-color:#FAF9F7}.btn-inverted:hover{background:#EDE9E3}
.btn-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#8B7355;transition:gap .3s;background:none;border:none;padding:0;cursor:pointer}
.btn-link:hover{gap:.875rem}.btn-link svg{width:14px;height:14px;transition:transform .3s}.btn-link:hover svg{transform:translateX(3px)}

/* ── SECTION HELPERS ──────────────────────────────── */
.section-eyebrow{font-size:.6875rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#8B7355;margin-bottom:.625rem}
.section-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:300;color:#3A3632;line-height:1.3}
.section-desc{font-size:.9375rem;color:#7A746A;line-height:1.75;max-width:520px}
.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}

/* ── HEADER ─────────────────────────────────────────── */

/* Search icon button */

/* Language button — refined pill */

/* ══ SHARED MODAL OVERLAY ══════════════════════════════ */

/* ══════════════════════════════════════════════════════════════
   DESIGN TOKENS
   ══════════════════════════════════════════════════════════════ */
:root{
  /* colour */
  --ivory:   #FAF9F7;
  --ivory-d: #F2EFE9;
  --cream:   #E8E3DB;
  --sand:    #CFC9BF;
  --warm-gr: #9A9490;
  --stone:   #706C66;
  --graph:   #2E2C2A;
  --ink:     #1A1918;
  --accent:  #8B7355;
  --accent-l:#B09A7A;

  /* type */
  --fd: 'Cormorant Garamond', Georgia, serif;
  --fb: 'Jost', -apple-system, sans-serif;

  /* sizes */
  --2xs:.6875rem; --xs:.75rem; --sm:.8125rem; --base:.875rem; --md:.9375rem;
  --d-sm:clamp(1.25rem,2vw,1.75rem);
  --d-md:clamp(1.75rem,3vw,2.5rem);
  --d-lg:clamp(2.25rem,4.5vw,3.5rem);
  --d-xl:clamp(3rem,6vw,5rem);

  /* spacing */
  --sec: clamp(5rem,9vw,8rem);
  --pad: clamp(1.25rem,4vw,3.5rem);
  --max-w: 1420px;
  --nav-h: 72px;

  /* misc */
  --lh-snug:1.3; --lh-body:1.7; --lh-loose:1.85;
  --tr-f:.18s; --tr-m:.28s; --tr-s:.42s; --tr-xl:.65s;
  --bd: 1px solid rgba(46,44,42,.08);
  --bd-m: 1px solid rgba(46,44,42,.14);
  --sh: 0 8px 32px rgba(0,0,0,.10);
  --sh-l: 0 18px 56px rgba(0,0,0,.14);
  --z-nav: 1000;
}

/* ══ RESET & BASE ═══════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--fb);font-weight:300;line-height:var(--lh-body);
     color:var(--graph);background:var(--ivory);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
svg{display:block;flex-shrink:0}
ul{list-style:none}
img{display:block;max-width:100%}

/* ══ THE ONE WIDTH SYSTEM ════════════════════════════════════════
   Rule: ALL section content lives inside .container.
   Full-bleed backgrounds are fine — content is always constrained.
   ═══════════════════════════════════════════════════════════════ */
.container{
  width:100%;
  max-width:var(--max-w);
  margin:0 auto;
  padding:0 var(--pad);
}

/* ══ BUTTONS ════════════════════════════════════════════════════ */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  font-family:var(--fb);font-size:var(--xs);font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;
  padding:.9rem 2rem;border:1px solid transparent;
  transition:all var(--tr-s);cursor:pointer;white-space:nowrap;
}
.btn svg{width:14px;height:14px;transition:transform var(--tr-m)}
.btn:hover svg{transform:translateX(3px)}
.btn-dark{background:var(--graph);color:var(--ivory);border-color:var(--graph)}.btn-dark:hover{background:var(--ink)}
.btn-ivory{background:var(--ivory);color:var(--graph)}.btn-ivory:hover{background:var(--ivory-d)}
.btn-ghost{background:transparent;color:var(--ivory);border-color:rgba(250,249,247,.3)}.btn-ghost:hover{border-color:var(--ivory)}
.btn-outline{background:transparent;color:var(--graph);border-color:var(--graph)}.btn-outline:hover{background:var(--graph);color:var(--ivory)}

/* ══ TYPE HELPERS ════════════════════════════════════════════════ */
.eyebrow{
  display:inline-flex;align-items:center;gap:.625rem;
  font-size:var(--2xs);font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  color:var(--accent);margin-bottom:1rem;
}
.eyebrow::before{content:'';display:block;width:20px;height:1px;background:var(--accent);opacity:.6}
.eyebrow-light{color:var(--accent-l)}.eyebrow-light::before{background:var(--accent-l)}
.display{font-family:var(--fd);font-weight:300;line-height:var(--lh-snug);letter-spacing:-.01em}

/* ══ REVEAL ANIMATIONS ══════════════════════════════════════════ */
.rv{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}
.rv.on{opacity:1;transform:none}
.rv-l{opacity:0;transform:translateX(-40px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.rv-l.on{opacity:1;transform:none}
.rv-r{opacity:0;transform:translateX(40px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.rv-r.on{opacity:1;transform:none}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}.rv.d4{transition-delay:.4s}.rv.d5{transition-delay:.5s}
@keyframes fUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fIn{from{opacity:0}to{opacity:1}}

/* ══ NAV ════════════════════════════════════════════════════════ */

.hdr-inner{
  display:flex;align-items:center;justify-content:space-between;
  height:var(--nav-h);gap:2rem;
}
/* Logo */

/* Desktop nav */
.nav-desk{display:none}@media(min-width:1024px){.nav-desk{display:flex}}

.nav-a{font-size:var(--base);font-weight:400;color:var(--stone);position:relative;padding:.25rem 0;transition:color var(--tr-f)}
.nav-a::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--tr-m)}
.nav-a:hover,.nav-a.active{color:var(--graph)}.nav-a:hover::after,.nav-a.active::after{transform:scaleX(1)}
/* Actions */
.hdr-actions{display:flex;align-items:center;gap:.375rem}
.hdr-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--stone);transition:color var(--tr-f);border-radius:0}.hdr-icon:hover{color:var(--graph)}.hdr-icon svg{width:19px;height:19px}
.hdr-cta{
  display:none;font-size:var(--2xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  padding:.5rem 1.25rem;background:var(--graph);color:var(--ivory);
  border:1px solid var(--graph);align-items:center;gap:.375rem;
  transition:background var(--tr-s)
}.hdr-cta:hover{background:var(--ink)}
@media(min-width:768px){.hdr-cta{display:inline-flex}}
/* Hamburger */

/* Mobile nav */
.nav-mob{
  display:none;background:var(--ivory);border-top:var(--bd);
  padding:1.5rem 0 2rem
}.nav-mob.open{display:block}
.nav-mob-a{display:block;padding:.875rem var(--pad);font-size:1.0625rem;font-weight:300;color:var(--stone);border-bottom:1px solid rgba(46,44,42,.05);transition:color var(--tr-f)}.nav-mob-a:hover{color:var(--graph)}
.nav-mob-cta{margin:1.5rem var(--pad) 0;display:block;text-align:center;padding:1rem;background:var(--graph);color:var(--ivory);font-size:var(--xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase}

/* ══════════════════════════════════════════════════════════════
   SECTION 1 — HERO (full-viewport, bg image)
   Width system: section = 100vw, text inside .container
   ══════════════════════════════════════════════════════════════ */
.hero{
  position:relative;
  min-height:clamp(380px,52vw,560px); /* About page: compact, not full-viewport */
  display:flex;
  align-items:flex-end;
  overflow:hidden;
}
/* Background image */
.hero-bg{
  position:absolute;inset:0;
  background:url('https://images.unsplash.com/photo-1585386959984-a4155224a1ad?w=1800&h=1200&fit=crop&q=85') center/cover no-repeat;
  filter:brightness(.55) saturate(.85);
}
/* Gradient overlay */
.hero-bg::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to top,
    rgba(20,18,16,.88) 0%,
    rgba(20,18,16,.45) 45%,
    rgba(20,18,16,.15) 100%);
}
/* Text block — constrained width for an interior page */
.hero-body{
  position:relative;z-index:1;
  width:100%;
  padding:clamp(2.5rem,5vw,4rem) 0 clamp(2.5rem,4vw,3.5rem);
}
.hero-inner-wrap{
  max-width:640px; /* keep text column narrow on wide screens */
}
.hero-tag{
  display:inline-flex;align-items:center;gap:.625rem;
  font-size:var(--2xs);font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(176,154,122,.65);margin-bottom:1.25rem;
  opacity:0;animation:fUp .6s .1s forwards;
}
.hero-tag-line{width:20px;height:1px;background:var(--accent-l);opacity:.55}
.hero-h1{
  font-family:var(--fd);
  font-size:clamp(2rem,4.5vw,3.5rem); /* smaller than homepage */
  font-weight:300;color:var(--ivory);
  line-height:1.05;letter-spacing:-.015em;
  margin-bottom:1.25rem;
  opacity:0;animation:fUp .8s .2s forwards;
}
.hero-h1 em{font-style:italic;color:var(--accent-l)}
.hero-rule{width:36px;height:1px;background:var(--accent);margin-bottom:1.25rem;opacity:0;animation:fIn .5s .35s forwards}
.hero-desc{
  font-size:var(--base);font-weight:300;
  color:rgba(250,249,247,.42);line-height:var(--lh-loose);
  max-width:420px;margin-bottom:2rem;
  opacity:0;animation:fUp .65s .4s forwards;
}
.hero-btns{
  display:flex;flex-wrap:wrap;gap:.75rem;
  opacity:0;animation:fUp .6s .5s forwards;
}

/* ══════════════════════════════════════════════════════════════
   SECTION 2 — STATS (dark full-bleed bar, content in .container)
   ══════════════════════════════════════════════════════════════ */
.stats-bar{background:var(--graph);border-bottom:1px solid rgba(255,255,255,.05)}
.stats-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
}
@media(min-width:640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}
.stat-item{
  padding:2.25rem 0;
  border-right:1px solid rgba(255,255,255,.07);
  transition:background var(--tr-s);
  position:relative;overflow:hidden;
}
.stat-item:hover{background:rgba(255,255,255,.03)}
.stat-item:nth-child(2){border-right:none}
@media(min-width:640px){.stat-item:nth-child(2){border-right:1px solid rgba(255,255,255,.07)}}
.stat-item:last-child{border-right:none}
/* First item: no left padding, rest get left padding for separation */
.stat-item{padding-left:2rem}.stat-item:first-child{padding-left:0}
@media(max-width:639px){.stat-item:nth-child(1),.stat-item:nth-child(2){border-bottom:1px solid rgba(255,255,255,.07)}}
/* Accent line on reveal */
.stat-item::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1.5px;
  background:linear-gradient(to right,var(--accent),transparent);
  transform:scaleX(0);transform-origin:left;transition:transform .6s .1s;
}
.stat-item.on::before{transform:scaleX(1)}
.stat-n{
  font-family:var(--fd);
  font-size:clamp(2.25rem,5vw,3.5rem);
  font-weight:300;color:var(--ivory);
  line-height:1;letter-spacing:-.02em;margin-bottom:.35rem;
  transition:color var(--tr-m);
}
.stat-item:hover .stat-n{color:var(--accent-l)}
.stat-l{font-size:var(--xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,249,247,.35)}
.stat-sub{font-size:var(--sm);color:rgba(250,249,247,.22);margin-top:.3rem;font-weight:300;line-height:1.45}

/* ══════════════════════════════════════════════════════════════
   SECTION 3 — STORY
   ══════════════════════════════════════════════════════════════ */
.story{padding:var(--sec) 0;background:var(--ivory)}
.story-grid{
  display:grid;grid-template-columns:1fr;gap:4rem;align-items:center;
}
@media(min-width:900px){.story-grid{grid-template-columns:5fr 7fr;gap:5.5rem}}

/* Photo side */
.story-visual{position:relative}
.story-photo{
  width:100%;aspect-ratio:4/5;object-fit:cover;display:block;
  filter:brightness(.9) contrast(1.05);
}
.story-badge{
  position:absolute;bottom:-1.5rem;right:-1.5rem;
  width:96px;background:var(--graph);color:var(--ivory);
  padding:1.375rem 1rem;text-align:center;
  display:flex;flex-direction:column;align-items:center;
  box-shadow:var(--sh);
}
.story-badge strong{font-family:var(--fd);font-size:2.5rem;font-weight:300;line-height:1;letter-spacing:-.02em}
.story-badge span{font-size:7px;letter-spacing:.16em;text-transform:uppercase;color:var(--sand);margin-top:.35rem;line-height:1.4}
@media(max-width:899px){.story-badge{right:1rem;bottom:1rem}}

/* Text side */
.story-lead{
  font-family:var(--fd);font-size:clamp(1.05rem,1.8vw,1.35rem);
  font-style:italic;color:var(--graph);line-height:1.55;
  margin-bottom:1.5rem;padding-left:1.25rem;
  border-left:2px solid var(--accent);
}
.story-p{font-size:var(--md);color:var(--stone);line-height:var(--lh-loose);margin-bottom:1.125rem;font-weight:300}
.story-rule{width:44px;height:1px;background:var(--accent);opacity:.5;margin:2rem 0}
.story-quote{
  background:var(--ivory-d);border-left:3px solid var(--accent);
  padding:1.5rem 2rem;margin-bottom:2.25rem;
}
.story-quote p{font-family:var(--fd);font-size:clamp(.95rem,1.6vw,1.15rem);font-style:italic;color:var(--graph);line-height:1.6}
.story-quote cite{display:block;font-size:var(--xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);margin-top:.625rem;font-style:normal}

/* ══════════════════════════════════════════════════════════════
   SECTION 4 — VALUES (dark bg, 3-col cards)
   ══════════════════════════════════════════════════════════════ */
.values{
  padding:var(--sec) 0;
  background:var(--graph);
  position:relative;overflow:hidden;
}
.values::before{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='%23fff' fill-opacity='.018'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
  pointer-events:none;
}
.values-inner{position:relative;z-index:1}
.values-hdr{max-width:560px;margin-bottom:3.5rem}
.pillars{
  display:grid;grid-template-columns:1fr;gap:1px;
  background:rgba(255,255,255,.06);
}
@media(min-width:640px){.pillars{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.pillars{grid-template-columns:repeat(3,1fr)}}
.pillar{
  padding:2.5rem 2.25rem;background:var(--graph);
  transition:background var(--tr-s);
  position:relative;overflow:hidden;
}
.pillar:hover{background:rgba(255,255,255,.04)}
.pillar::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:1.5px;
  background:linear-gradient(to right,var(--accent),transparent);
  transform:scaleX(0);transform-origin:left;transition:transform var(--tr-s);
}
.pillar:hover::after{transform:scaleX(1)}
.pillar-ico{
  width:42px;height:42px;border:1px solid rgba(139,115,85,.25);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:1.5rem;transition:all var(--tr-s);
}
.pillar:hover .pillar-ico{border-color:var(--accent);background:rgba(139,115,85,.1)}
.pillar-ico svg{width:18px;height:18px;color:var(--accent)}
.pillar-title{font-family:var(--fd);font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:400;color:var(--ivory);margin-bottom:.625rem;line-height:1.2}
.pillar-desc{font-size:var(--base);color:rgba(250,249,247,.38);line-height:var(--lh-loose);font-weight:300}

/* ══════════════════════════════════════════════════════════════
   SECTION 5 — FACILITIES
   5a: Full-bleed banner image
   5b: 6-col photo grid (full-bleed, content edge-to-edge)
   ══════════════════════════════════════════════════════════════ */
.fac-banner{
  position:relative;height:clamp(340px,44vw,600px);overflow:hidden;
}
.fac-banner-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:brightness(.4) contrast(1.08) saturate(.85);
  animation:fac-kb 18s ease-in-out infinite alternate;
}
@keyframes fac-kb{from{transform:scale(1)}to{transform:scale(1.06)}}
.fac-banner-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(to top, rgba(18,17,16,.95) 0%, rgba(18,17,16,.5) 40%, transparent 72%),
    linear-gradient(110deg, rgba(139,115,85,.1) 0%, transparent 50%);
}
.fac-banner-body{
  position:absolute;inset:0;display:flex;align-items:flex-end;
  padding:clamp(2.5rem,5vw,4rem) 0;
}
.fac-banner-tag{
  display:inline-flex;align-items:center;gap:.625rem;
  font-size:var(--2xs);font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(176,154,122,.65);margin-bottom:.875rem;
}
.fac-banner-tag::before{content:'';display:block;width:18px;height:1px;background:var(--accent-l)}
.fac-banner-h{
  font-family:var(--fd);
  font-size:clamp(2rem,4.5vw,3.75rem);
  font-weight:300;color:var(--ivory);
  line-height:var(--lh-snug);letter-spacing:-.01em;margin-bottom:1rem;
}
.fac-banner-h em{font-style:italic;color:var(--accent-l)}
.fac-banner-sub{
  font-size:var(--md);font-weight:300;
  color:rgba(250,249,247,.38);line-height:var(--lh-loose);max-width:520px;
}
/* Facility photo grid — 6 col, no padding, edge-to-edge */
.fac-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:2px;background:var(--ink);
}
@media(min-width:640px){.fac-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.fac-grid{grid-template-columns:repeat(6,1fr)}}
.fac-cell{
  position:relative;overflow:hidden;cursor:pointer;
  background:var(--graph);
}
.fac-cell img{
  width:100%;aspect-ratio:3/4;object-fit:cover;display:block;
  filter:brightness(.75) saturate(.8);
  transition:transform var(--tr-xl),filter var(--tr-s);
}
.fac-cell:hover img{transform:scale(1.1);filter:brightness(.5) saturate(.65)}
.fac-cap{
  position:absolute;inset:0;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:.875rem;
  background:linear-gradient(to top,rgba(18,17,16,.9) 0%,rgba(18,17,16,.15) 55%,transparent 100%);
  opacity:0;transition:opacity var(--tr-m);
}
.fac-cell:hover .fac-cap{opacity:1}
.fac-cap-tag{font-size:6.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-l);display:block;margin-bottom:.25rem}
.fac-cap-name{font-family:var(--fd);font-size:var(--sm);font-weight:300;color:var(--ivory);line-height:1.25}
.fac-zoom{
  position:absolute;top:.625rem;right:.625rem;
  width:26px;height:26px;
  background:rgba(18,17,16,.55);backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;
  opacity:0;transform:scale(.7);transition:all var(--tr-m);
}
.fac-cell:hover .fac-zoom{opacity:1;transform:scale(1)}
.fac-zoom svg{width:11px;height:11px;color:rgba(250,249,247,.8)}

/* ══════════════════════════════════════════════════════════════
   SECTION 6 — TIMELINE
   ══════════════════════════════════════════════════════════════ */
.timeline{padding:var(--sec) 0;background:var(--ivory-d)}
.tl-hdr{max-width:520px;margin-bottom:3.5rem}
.tl-grid{
  display:grid;grid-template-columns:1fr;gap:1px;
  background:rgba(46,44,42,.07);
}
@media(min-width:640px){.tl-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.tl-grid{grid-template-columns:repeat(3,1fr)}}
.tl-card{
  background:var(--ivory-d);
  padding:2.5rem 2.25rem 2.25rem;
  position:relative;overflow:hidden;
  transition:background var(--tr-s);
}
.tl-card:hover{background:var(--ivory)}
.tl-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--accent);transform:scaleX(0);transform-origin:left;
  transition:transform .55s;
}
.tl-card.on::before{transform:scaleX(1)}
.tl-dot{
  position:absolute;top:2.5rem;right:2.25rem;
  width:6px;height:6px;background:var(--cream);border-radius:0;
  transition:background .4s;
}
.tl-card.on .tl-dot{background:var(--accent)}
.tl-year{
  font-family:var(--fd);
  font-size:clamp(2.5rem,5vw,3.75rem);
  font-weight:300;color:var(--cream);
  line-height:1;letter-spacing:-.02em;margin-bottom:1.25rem;
  transition:color .4s;
}
.tl-card.on .tl-year{color:var(--sand)}
.tl-card.hl .tl-year{color:var(--accent-l)}
.tl-tag{
  display:inline-block;font-size:var(--2xs);font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;
  padding:2px 9px;border:1px solid var(--sand);color:var(--warm-gr);
  margin-bottom:.875rem;
}
.tl-card.hl .tl-tag{border-color:rgba(139,115,85,.4);color:var(--accent)}
.tl-title{font-family:var(--fd);font-size:clamp(1rem,1.7vw,1.2rem);font-weight:400;color:var(--graph);margin-bottom:.625rem;line-height:1.25}
.tl-desc{font-size:var(--sm);color:var(--stone);line-height:var(--lh-loose);font-weight:300}

/* ══════════════════════════════════════════════════════════════
   SECTION 7 — TEAM
   ══════════════════════════════════════════════════════════════ */
.team{padding:var(--sec) 0;background:var(--ivory)}
.team-hdr{max-width:520px;margin-bottom:3.5rem}
.team-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;
}
@media(min-width:768px){.team-grid{grid-template-columns:repeat(4,1fr)}}
.team-card{cursor:default}
.team-photo{position:relative;overflow:hidden;aspect-ratio:3/4}
.team-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(8%);transition:transform var(--tr-xl)}
.team-card:hover .team-photo img{transform:scale(1.06)}
.team-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(20,18,16,.92) 0%,rgba(20,18,16,.15) 50%,transparent 100%);
  opacity:0;transition:opacity var(--tr-s);
}
.team-card:hover .team-overlay{opacity:1}
.team-bio-txt{
  position:absolute;bottom:0;left:0;right:0;padding:1.25rem;
  opacity:0;transform:translateY(6px);transition:all var(--tr-s);
}
.team-card:hover .team-bio-txt{opacity:1;transform:none}
.team-bio-txt p{font-size:var(--sm);color:rgba(250,249,247,.8);line-height:1.55;font-weight:300}
.team-info{padding:.875rem 0}
.team-name{font-size:var(--md);font-weight:500;color:var(--graph);transition:color var(--tr-f)}.team-card:hover .team-name{color:var(--accent)}
.team-role{font-size:var(--xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--stone);margin-top:.2rem}

/* ══════════════════════════════════════════════════════════════
   SECTION 8 — CTA (dark full-bleed)
   ══════════════════════════════════════════════════════════════ */
.cta-sec{
  padding:var(--sec) 0;
  background:var(--ink);
  text-align:center;position:relative;overflow:hidden;
}
.cta-sec::before{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='%23fff' fill-opacity='.012'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
  pointer-events:none;
}
/* Decorative lines */
.cta-sec::after{
  content:'';position:absolute;
  top:50%;left:50%;transform:translate(-50%,-50%);
  width:600px;height:600px;
  border:1px solid rgba(139,115,85,.06);border-radius:50%;
  pointer-events:none;
}
.cta-inner{position:relative;z-index:1;max-width:600px;margin:0 auto}
.cta-tag{
  display:inline-flex;align-items:center;gap:.75rem;justify-content:center;
  font-size:var(--2xs);font-weight:500;letter-spacing:.22em;text-transform:uppercase;
  color:var(--accent-l);margin-bottom:1.25rem;
}
.cta-tag::before,.cta-tag::after{content:'';display:block;width:20px;height:1px;background:var(--accent);opacity:.45}
.cta-h2{
  font-family:var(--fd);
  font-size:var(--d-lg);
  font-weight:300;color:var(--ivory);
  line-height:var(--lh-snug);margin-bottom:1.125rem;
}
.cta-p{font-size:1rem;font-weight:300;color:rgba(250,249,247,.38);line-height:var(--lh-loose);max-width:440px;margin:0 auto 2.5rem}
.cta-btns{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.875rem;
}

/* ══════════════════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════════════════ */

.ftr-main{padding:4rem 0 0}
.ftr-grid{
  display:grid;grid-template-columns:1fr;gap:2.5rem;margin-bottom:3.5rem;
}
@media(min-width:640px){.ftr-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.ftr-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.ftr-logo{font-size:var(--sm);font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--graph);display:block;line-height:1.2}
.ftr-logo span{display:block;font-size:8.5px;letter-spacing:.16em;color:var(--stone);font-weight:300;margin-top:3px}
.ftr-about{font-size:var(--base);color:var(--stone);line-height:var(--lh-loose);margin:1.25rem 0;max-width:300px;font-weight:300}
.ftr-social{display:flex;gap:.5rem}
.ftr-soc{
  width:36px;height:36px;border:var(--bd-m);
  display:flex;align-items:center;justify-content:center;
  color:var(--stone);transition:all var(--tr-m);
}.ftr-soc:hover{background:var(--graph);border-color:var(--graph);color:var(--ivory)}.ftr-soc svg{width:16px;height:16px}
.ftr-col-title{font-size:var(--xs);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--graph);margin-bottom:1.125rem}
.ftr-links{display:flex;flex-direction:column;gap:.625rem}
.ftr-link{font-size:var(--base);font-weight:300;color:var(--stone);transition:color var(--tr-f)}.ftr-link:hover{color:var(--graph)}
.ftr-bottom{
  padding:1.5rem 0;border-top:1px solid rgba(46,44,42,.08);
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;
}
.ftr-copy{font-size:var(--sm);color:var(--warm-gr);font-weight:300}
.ftr-legal{display:flex;gap:1.5rem}.ftr-legal a{font-size:var(--sm);color:var(--warm-gr);transition:color var(--tr-f)}.ftr-legal a:hover{color:var(--graph)}

/* Back to top */
.btt{
  position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;
  background:var(--graph);color:var(--ivory);
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:all var(--tr-s);z-index:999;cursor:pointer;
}.btt.vis{opacity:1;pointer-events:all}.btt:hover{background:var(--ink);transform:translateY(-3px)}.btt svg{width:18px;height:18px}

/* ══ LIGHTBOX ════════════════════════════════════════════════════ */
.lb{
  position:fixed;inset:0;z-index:3000;
  background:rgba(12,11,10,.97);
  opacity:0;pointer-events:none;transition:opacity .28s cubic-bezier(.4,0,.2,1);
}
.lb.is-open{opacity:1;pointer-events:all}
body.lb-open{overflow:hidden}
.lb-rail{position:absolute;inset:0;overflow:hidden;display:flex;align-items:stretch}
.lb-slides{position:absolute;top:0;left:0;display:flex;height:100%;will-change:transform;transition:transform .38s cubic-bezier(.25,.46,.45,.94)}
.lb-slide{width:100vw;height:100vh;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:5rem 6rem;position:relative}
@media(max-width:599px){.lb-slide{padding:4rem 1.5rem}}
.lb-slide img{max-width:100%;max-height:100%;object-fit:contain;display:block;user-select:none;pointer-events:none;filter:drop-shadow(0 14px 44px rgba(0,0,0,.6));animation:lb-in .3s ease;margin:auto}
@keyframes lb-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.lb-close{
  position:fixed;top:1rem;right:1rem;z-index:1;
  width:44px;height:44px;background:none;
  border:1px solid rgba(250,249,247,.12);
  display:flex;align-items:center;justify-content:center;
  color:rgba(250,249,247,.5);cursor:pointer;transition:all var(--tr-f);
}.lb-close:hover{background:rgba(250,249,247,.08);color:var(--ivory);border-color:rgba(250,249,247,.3)}.lb-close svg{width:18px;height:18px}
.lb-arrow{
  position:fixed;top:50%;transform:translateY(-50%);z-index:1;
  width:50px;height:50px;background:none;
  border:1px solid rgba(250,249,247,.1);
  display:flex;align-items:center;justify-content:center;
  color:rgba(250,249,247,.45);cursor:pointer;transition:all var(--tr-f);
}.lb-arrow:hover{background:rgba(250,249,247,.07);color:var(--ivory);border-color:rgba(250,249,247,.28)}.lb-arrow svg{width:20px;height:20px}
.lb-arrow.prev{left:.75rem}.lb-arrow.next{right:.75rem}.lb-arrow[disabled]{opacity:.18;pointer-events:none}
.lb-bar{
  position:fixed;bottom:0;left:0;right:0;z-index:1;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.875rem 1.5rem;
  background:linear-gradient(to top,rgba(12,11,10,.8),transparent);
}
.lb-caption{font-family:var(--fd);font-size:var(--sm);font-weight:300;color:rgba(250,249,247,.4);letter-spacing:.04em}
.lb-counter{font-size:var(--2xs);font-weight:500;letter-spacing:.12em;color:rgba(250,249,247,.22);white-space:nowrap}
.lb-dots{position:fixed;bottom:3.25rem;left:50%;transform:translateX(-50%);z-index:1;display:flex;align-items:center;gap:.5rem}
.lb-dot{width:5px;height:5px;background:rgba(250,249,247,.18);cursor:pointer;border-radius:0;transition:all var(--tr-m)}.lb-dot.is-on{width:16px;background:var(--accent)}

/* ══ SEARCH OVERLAY ══════════════════════════════════════════════ */
.search-overlay{
  position:fixed;inset:0;z-index:2000;
  display:flex;flex-direction:column;
  background:rgba(250,249,247,.97);backdrop-filter:blur(16px);
  opacity:0;pointer-events:none;transition:opacity var(--tr-m);
}.search-overlay.is-open{opacity:1;pointer-events:all}

.search-inp{
  flex:1;font-family:var(--fb);font-size:clamp(1rem,2.5vw,1.25rem);
  font-weight:300;color:var(--graph);background:none;border:none;outline:none;
  padding:.5rem 0;letter-spacing:.01em;
}.search-inp::placeholder{color:var(--warm-gr)}
.search-clr{
  width:36px;height:36px;display:none;align-items:center;justify-content:center;
  border:var(--bd-m);color:var(--stone);cursor:pointer;background:none;
  transition:all var(--tr-f);
}.search-clr:hover{background:var(--graph);color:var(--ivory);border-color:var(--graph)}.search-clr svg{width:15px;height:15px}.search-clr.vis{display:flex}

.search-body{flex:1;overflow-y:auto;padding:2.5rem var(--pad) 4rem;max-width:1000px;width:100%;margin:0 auto}

.search-rg{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(min-width:640px){.search-rg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.search-rg{grid-template-columns:repeat(4,1fr)}}
.search-card{display:flex;flex-direction:column;border:var(--bd);background:var(--ivory);cursor:pointer;transition:all var(--tr-s)}.search-card:hover{border-color:var(--graph);box-shadow:var(--sh);transform:translateY(-3px)}
.search-card-img{position:relative;overflow:hidden}.search-card-img img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform var(--tr-xl)}.search-card:hover .search-card-img img{transform:scale(1.05)}
.search-badge{position:absolute;top:.5rem;left:.5rem;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;line-height:1.6}.search-badge.hot{background:#c0392b;color:var(--ivory)}.search-badge.new{background:var(--accent);color:var(--ivory)}
.search-card-info{padding:.75rem}.search-card-brand{font-size:var(--2xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.2rem}
.search-card-name{font-size:var(--sm);font-weight:400;color:var(--graph);line-height:1.35;margin-bottom:.375rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-card-price{font-size:var(--base);font-weight:500;color:var(--graph)}

@keyframes spin{to{transform:rotate(360deg)}}

/* Search icon button */

/* Language button — refined pill */

/* ══ SHARED MODAL OVERLAY ══════════════════════════════ */

/* ══ LANGUAGE MODAL ═════════════════════════════════════ */

.modal-close{
  width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  color:#A09A90;cursor:pointer;background:none;border:1px solid rgba(58,54,50,.08);
  transition:all .2s;margin-top:.125rem;
}
.modal-close:hover{background:#3A3632;color:#FAF9F7;border-color:#3A3632}
.modal-close svg{width:14px;height:14px}

/* 2-column grid layout */

/* Text-badge code (replaces emoji flags) */

/* ══ SEARCH MODAL ═══════════════════════════════════════ */
#searchOverlay{z-index:2000}

/* Trending */

/* Results — list layout */

.search-spinner{width:18px;height:18px;border:2px solid #D4CFC6;border-top-color:#8B7355;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}

/* ── HERO ─────────────────────────────────────────────── */
.hero{position:relative;min-height:calc(100svh - 72px);display:flex;align-items:center;background:linear-gradient(160deg,#2A2826 0%,#1A1918 60%,#0e0d0c 100%);overflow:hidden}
.hero-tex{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Ccircle cx='40' cy='40' r='.6' fill='%23fff' fill-opacity='.04'/%3E%3Ccircle cx='0' cy='0' r='.6' fill='%23fff' fill-opacity='.04'/%3E%3Ccircle cx='80' cy='80' r='.6' fill='%23fff' fill-opacity='.04'/%3E%3C/svg%3E");pointer-events:none}
.hero-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(139,115,85,.11) 0%,transparent 70%);top:-80px;right:5%;pointer-events:none}

.hero-eyebrow{display:inline-flex;align-items:center;gap:.75rem;font-size:.6875rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#A68B6A;margin-bottom:1.75rem;opacity:0;animation:fadeUp .8s .1s forwards}
.hero-eyebrow-line{display:block;width:32px;height:1px;background:#8B7355;opacity:.6}
.hero-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.25rem,5vw,4.5rem);font-weight:300;color:#FAF9F7;line-height:1;letter-spacing:-.015em;margin-bottom:.15em;opacity:0;animation:fadeUp .9s .2s forwards}
.hero-subtitle{font-family:'Cormorant Garamond',Georgia,serif;font-size:var(--display-xl);font-weight:300;color:#A68B6A;line-height:1.1;letter-spacing:-.01em;margin-bottom:2rem;opacity:0;animation:fadeUp .9s .3s forwards;font-style:italic}
.hero-desc{font-size:1.0625rem;font-weight:300;color:rgba(250,249,247,.52);line-height:1.75;max-width:480px;margin-bottom:2.5rem;opacity:0;animation:fadeUp .8s .4s forwards}
.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;opacity:0;animation:fadeUp .8s .5s forwards}
.hero-stats{display:flex;gap:2rem;padding-top:2.5rem;border-top:1px solid rgba(250,249,247,.07);margin-top:.5rem;opacity:0;animation:fadeUp .8s .6s forwards;flex-wrap:wrap}
.hero-stat-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:300;color:#FAF9F7;line-height:1;margin-bottom:.25rem}
.hero-stat-label{font-size:.75rem;color:rgba(250,249,247,.38);letter-spacing:.06em;text-transform:uppercase}
.hero-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.hero-photo-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.07);transition:border-color .4s,transform .4s}
.hero-photo-card:hover{border-color:rgba(139,115,85,.35);transform:translateY(-3px)}
.hero-photo-card::before{content:'';display:block;padding-top:140%}
.hero-photo-card:nth-child(2n){margin-top:70px}
.hero-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s;filter:brightness(.88) contrast(1.04)}
.hero-photo-card:hover img{transform:scale(1.06)}
.hero-photo-label{position:absolute;bottom:0;left:0;right:0;padding:.875rem 1rem;background:linear-gradient(to top,rgba(10,9,8,.85) 0%,transparent 100%);text-align:center}
.hero-photo-brand{font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,249,247,.45);display:block;margin-bottom:2px}
.hero-photo-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:.875rem;font-style:italic;color:rgba(250,249,247,.82);display:block}

/* ── BRANDS ───────────────────────────────────────────── */
.brands-section{background:#F5F3EF;padding:clamp(4rem,8vw,7rem) 0}
.brands-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
@media(min-width:640px){.brands-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.brands-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}
.brand-card{position:relative;background:#FAF9F7;border:1px solid rgba(58,54,50,.08);overflow:hidden;transition:border-color .4s,transform .4s,box-shadow .4s;cursor:pointer;display:block}
.brand-card:hover{border-color:#3A3632;transform:translateY(-5px);box-shadow:0 16px 48px rgba(0,0,0,.10)}
.brand-card-image{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:1.5rem}
.brand-card-bg{position:absolute;inset:0;opacity:0;transition:opacity .4s}.brand-card:hover .brand-card-bg{opacity:1}
.brand-card-monogram{position:relative;z-index:1;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:300;color:#D4CFC6;letter-spacing:-.02em;line-height:1;transition:color .4s,transform .4s}
.brand-card:hover .brand-card-monogram{color:#A09A90;transform:scale(1.04)}
.brand-card-badge{position:absolute;top:.625rem;right:.625rem;z-index:2;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;background:#8B7355;color:#FAF9F7;line-height:1.6}
.brand-card-info{padding:.875rem 1rem 1rem;text-align:center;border-top:1px solid rgba(58,54,50,.06)}
.brand-card-country{font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#8B7355;margin-bottom:.25rem}
.brand-card-name{font-size:.9375rem;font-weight:500;color:#3A3632;margin-bottom:.25rem;transition:color .2s}.brand-card:hover .brand-card-name{color:#8B7355}
.brand-card-count{font-size:.75rem;color:#7A746A}
.brand-card-arrow{position:absolute;bottom:.875rem;right:.875rem;color:#8B7355;opacity:0;transform:translateX(-4px);transition:all .3s;display:flex;align-items:center}
.brand-card:hover .brand-card-arrow{opacity:1;transform:translateX(0)}

/* ── PRODUCTS ─────────────────────────────────────────── */
.products-section{background:#FAF9F7;padding:clamp(4rem,8vw,7rem) 0}
.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
@media(min-width:768px){.products-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1200px){.products-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}
.product-card{background:#FAF9F7;border:1px solid rgba(58,54,50,.08);overflow:hidden;transition:border-color .4s,box-shadow .4s;display:flex;flex-direction:column;cursor:pointer;text-decoration:none;color:inherit}
.product-card:hover{border-color:#3A3632;box-shadow:0 8px 32px rgba(58,54,50,.10)}
.product-card-image{position:relative;overflow:hidden;flex-shrink:0}
.product-card-badge{position:absolute;top:.625rem;left:.625rem;z-index:2;font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;line-height:1.6}
.product-card-badge.is-new{background:#8B7355;color:#FAF9F7}
.product-card-badge.is-hot{background:#C45C4A;color:#FAF9F7}
.product-card-badge.is-sale{background:#C45C4A;color:#FAF9F7}
.product-card-info{padding:.875rem 1rem 1.125rem;display:flex;flex-direction:column;flex:1;border-top:1px solid rgba(58,54,50,.06)}
.product-card-brand{font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#7A746A;margin-bottom:.3rem}
.product-card-name{font-size:.9375rem;font-weight:300;color:#3A3632;line-height:1.35;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card:hover .product-card-name{color:#1A1918}
.product-card-footer{margin-top:auto}
.product-card-price{font-size:clamp(1.1rem,2vw,1.375rem);font-weight:400;color:#3A3632;margin-bottom:.25rem;font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:-.01em}
.product-card-b2b{font-size:.6875rem;font-weight:500;color:#8B7355;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.2rem}
.product-card-moq{font-size:.6875rem;color:#7A746A;font-weight:300}
.product-card-price-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}
.product-card-price-orig{font-size:.875rem;color:#7A746A;text-decoration:line-through;font-weight:300}

/* Product photo — portrait 4:5 */
.product-card-photo{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .6s}
.product-card:hover .product-card-photo{transform:scale(1.04)}

/* Product tabs */
.prod-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid rgba(58,54,50,.08);flex-wrap:wrap}
.prod-tab{display:inline-flex;align-items:center;gap:.5rem;font-family:'Jost',-apple-system,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.75rem 1.25rem;color:#7A746A;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;transition:color .2s,border-color .2s;margin-bottom:-1px}
.prod-tab svg{width:14px;height:14px}.prod-tab:hover{color:#3A3632}
.prod-tab.is-active{color:#3A3632;border-bottom-color:#8B7355}
.prod-panel{display:none}.prod-panel.is-active{display:block}

/* ── WHY ──────────────────────────────────────────────── */
.why-section{background:linear-gradient(160deg,#2A2826 0%,#1A1918 100%);padding:clamp(4rem,8vw,7rem) 0;position:relative;overflow:hidden}
.why-tex{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='%23fff' fill-opacity='.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.why-inner{position:relative;z-index:1}
.why-header{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}
@media(min-width:768px){.why-header{grid-template-columns:1fr 1fr;align-items:end}}
.why-header-left .section-eyebrow{color:#A68B6A}.why-header-left .section-title{color:#FAF9F7}
.why-header-right .section-desc{color:rgba(250,249,247,.48)}
.why-grid{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.055)}
@media(min-width:640px){.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.why-grid{grid-template-columns:repeat(4,1fr)}}
.why-item{padding:2.25rem 2rem;background:#1A1918;transition:background .4s}.why-item:hover{background:rgba(255,255,255,.02)}
.why-item-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:3.5rem;font-weight:300;color:rgba(255,255,255,.055);line-height:1;margin-bottom:1.25rem;transition:color .4s}
.why-item:hover .why-item-num{color:rgba(139,115,85,.14)}
.why-item-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(139,115,85,.22);margin-bottom:1.25rem;transition:border-color .4s,background .4s}
.why-item:hover .why-item-icon{border-color:#8B7355;background:rgba(139,115,85,.08)}.why-item-icon svg{width:20px;height:20px;color:#8B7355}
.why-item-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.125rem,2vw,1.375rem);font-weight:400;color:#FAF9F7;margin-bottom:.75rem;line-height:1.25}
.why-item-desc{font-size:.875rem;color:rgba(250,249,247,.42);line-height:1.75;font-weight:300}

/* ── BLOG ─────────────────────────────────────────────── */
.blog-section{background:#F5F3EF;padding:clamp(4rem,8vw,7rem) 0}
.blog-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.blog-grid{grid-template-columns:repeat(3,1fr)}}
.blog-card{background:#FAF9F7;border:1px solid rgba(58,54,50,.06);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .4s,transform .4s;cursor:pointer}
.blog-card:hover{box-shadow:0 8px 30px rgba(58,54,50,.10);transform:translateY(-5px)}
.blog-card-image{position:relative;aspect-ratio:16/9;overflow:hidden;flex-shrink:0}
.blog-card-img-bg{width:100%;height:100%;transition:transform .6s}.blog-card:hover .blog-card-img-bg{transform:scale(1.04)}
.blog-card-category{position:absolute;bottom:1rem;left:1rem;z-index:2;font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;background:rgba(250,249,247,.95);color:#3A3632;border:1px solid rgba(58,54,50,.06);line-height:1.6}
.blog-card-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}
.blog-card-meta{display:flex;align-items:center;gap:.625rem;font-size:.75rem;color:#A09A90;margin-bottom:.875rem}
.blog-card-meta-sep{width:3px;height:3px;border-radius:50%;background:#D4CFC6;flex-shrink:0}
.blog-card-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.0625rem,2vw,1.25rem);font-weight:400;color:#3A3632;line-height:1.3;margin-bottom:.75rem;transition:color .2s;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card:hover .blog-card-title{color:#8B7355}
.blog-card-excerpt{font-size:.875rem;color:#7A746A;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1.25rem;font-weight:300}
.blog-card-footer{margin-top:auto;padding-top:1.125rem;border-top:1px solid rgba(58,54,50,.06)}

/* ── CTA ──────────────────────────────────────────────── */
.cta-section{background:linear-gradient(150deg,#2A2826 0%,#1A1918 100%);padding:clamp(4rem,8vw,7rem) 0;position:relative;overflow:hidden;text-align:center}
.cta-section::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='%23fff' fill-opacity='.018'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.cta-glow{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(139,115,85,.085) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.cta-inner{position:relative;z-index:1;max-width:660px;margin:0 auto;padding:0 clamp(1.5rem,3vw,4rem)}
.cta-eyebrow{font-size:.6875rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#A68B6A;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:center;gap:.75rem}
.cta-eyebrow::before,.cta-eyebrow::after{content:'';display:block;width:24px;height:1px;background:#8B7355;opacity:.5}
.cta-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;color:#FAF9F7;line-height:1.3;margin-bottom:1.25rem}
.cta-desc{font-size:1.0625rem;font-weight:300;color:rgba(250,249,247,.48);line-height:1.75;max-width:500px;margin:0 auto 2.5rem}
.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem}
.cta-contact-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;padding-top:2.5rem;border-top:1px solid rgba(250,249,247,.09)}
.cta-contact-item{display:flex;align-items:center;gap:.625rem}
.cta-contact-item svg{width:16px;height:16px;color:#8B7355;flex-shrink:0}
.cta-contact-val{font-size:.875rem;color:rgba(250,249,247,.65);font-weight:300}

/* ── FOOTER ───────────────────────────────────────────── */

/* ── MISC ─────────────────────────────────────────────── */
.back-to-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;background:#3A3632;color:#FAF9F7;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .4s;z-index:100;cursor:pointer;border:none}
.back-to-top.is-visible{opacity:1;pointer-events:all}.back-to-top:hover{background:#1A1918;transform:translateY(-3px)}.back-to-top svg{width:18px;height:18px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s .35s,transform .7s .35s}.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:599px){.lang-btn-code,.lang-btn-chevron{display:none}}
@media(max-width:767px){.hero-stats{gap:1.25rem}.why-item{padding:1.75rem 1.5rem}}

/* ── MISC ─────────────────────────────────────────────── */
.back-to-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;background:#3A3632;color:#FAF9F7;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .4s;z-index:100;cursor:pointer;border:none}
.back-to-top.is-visible{opacity:1;pointer-events:all}.back-to-top:hover{background:#1A1918;transform:translateY(-3px)}.back-to-top svg{width:18px;height:18px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s .35s,transform .7s .35s}.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:599px){.lang-btn-code,.lang-btn-chevron{display:none}}
@media(max-width:767px){.hero-stats{gap:1.25rem}.why-item{padding:1.75rem 1.5rem}}

/* ══ LANGUAGE MODAL ═════════════════════════════════════ */

.modal-close{
  width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  color:#A09A90;cursor:pointer;background:none;border:1px solid rgba(58,54,50,.08);
  transition:all .2s;margin-top:.125rem;
}
.modal-close:hover{background:#3A3632;color:#FAF9F7;border-color:#3A3632}
.modal-close svg{width:14px;height:14px}

/* 2-column grid layout */

/* Text-badge code (replaces emoji flags) */

/* ══ SEARCH MODAL ═══════════════════════════════════════ */
#searchOverlay{z-index:2000}

/* Trending */

/* Results — list layout */

.search-spinner{width:18px;height:18px;border:2px solid #D4CFC6;border-top-color:#8B7355;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}

/* ── HERO ─────────────────────────────────────────────── */
.hero{position:relative;min-height:calc(100svh - 72px);display:flex;align-items:center;background:linear-gradient(160deg,#2A2826 0%,#1A1918 60%,#0e0d0c 100%);overflow:hidden}
.hero-tex{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Ccircle cx='40' cy='40' r='.6' fill='%23fff' fill-opacity='.04'/%3E%3Ccircle cx='0' cy='0' r='.6' fill='%23fff' fill-opacity='.04'/%3E%3Ccircle cx='80' cy='80' r='.6' fill='%23fff' fill-opacity='.04'/%3E%3C/svg%3E");pointer-events:none}
.hero-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(139,115,85,.11) 0%,transparent 70%);top:-80px;right:5%;pointer-events:none}

.hero-eyebrow{display:inline-flex;align-items:center;gap:.75rem;font-size:.6875rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#A68B6A;margin-bottom:1.75rem;opacity:0;animation:fadeUp .8s .1s forwards}
.hero-eyebrow-line{display:block;width:32px;height:1px;background:#8B7355;opacity:.6}
.hero-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.25rem,5vw,4.5rem);font-weight:300;color:#FAF9F7;line-height:1;letter-spacing:-.015em;margin-bottom:.15em;opacity:0;animation:fadeUp .9s .2s forwards}
.hero-subtitle{font-family:'Cormorant Garamond',Georgia,serif;font-size:var(--display-xl);font-weight:300;color:#A68B6A;line-height:1.1;letter-spacing:-.01em;margin-bottom:2rem;opacity:0;animation:fadeUp .9s .3s forwards;font-style:italic}
.hero-desc{font-size:1.0625rem;font-weight:300;color:rgba(250,249,247,.52);line-height:1.75;max-width:480px;margin-bottom:2.5rem;opacity:0;animation:fadeUp .8s .4s forwards}
.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;opacity:0;animation:fadeUp .8s .5s forwards}
.hero-stats{display:flex;gap:2rem;padding-top:2.5rem;border-top:1px solid rgba(250,249,247,.07);margin-top:.5rem;opacity:0;animation:fadeUp .8s .6s forwards;flex-wrap:wrap}
.hero-stat-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:300;color:#FAF9F7;line-height:1;margin-bottom:.25rem}
.hero-stat-label{font-size:.75rem;color:rgba(250,249,247,.38);letter-spacing:.06em;text-transform:uppercase}
.hero-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.hero-photo-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.07);transition:border-color .4s,transform .4s}
.hero-photo-card:hover{border-color:rgba(139,115,85,.35);transform:translateY(-3px)}
.hero-photo-card::before{content:'';display:block;padding-top:140%}
.hero-photo-card:nth-child(2n){margin-top:70px}
.hero-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s;filter:brightness(.88) contrast(1.04)}
.hero-photo-card:hover img{transform:scale(1.06)}
.hero-photo-label{position:absolute;bottom:0;left:0;right:0;padding:.875rem 1rem;background:linear-gradient(to top,rgba(10,9,8,.85) 0%,transparent 100%);text-align:center}
.hero-photo-brand{font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,249,247,.45);display:block;margin-bottom:2px}
.hero-photo-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:.875rem;font-style:italic;color:rgba(250,249,247,.82);display:block}

/* ── BRANDS ───────────────────────────────────────────── */
.brands-section{background:#F5F3EF;padding:clamp(4rem,8vw,7rem) 0}
.brands-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
@media(min-width:640px){.brands-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.brands-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}
.brand-card{position:relative;background:#FAF9F7;border:1px solid rgba(58,54,50,.08);overflow:hidden;transition:border-color .4s,transform .4s,box-shadow .4s;cursor:pointer;display:block}
.brand-card:hover{border-color:#3A3632;transform:translateY(-5px);box-shadow:0 16px 48px rgba(0,0,0,.10)}
.brand-card-image{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:1.5rem}
.brand-card-bg{position:absolute;inset:0;opacity:0;transition:opacity .4s}.brand-card:hover .brand-card-bg{opacity:1}
.brand-card-monogram{position:relative;z-index:1;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:300;color:#D4CFC6;letter-spacing:-.02em;line-height:1;transition:color .4s,transform .4s}
.brand-card:hover .brand-card-monogram{color:#A09A90;transform:scale(1.04)}
.brand-card-badge{position:absolute;top:.625rem;right:.625rem;z-index:2;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;background:#8B7355;color:#FAF9F7;line-height:1.6}
.brand-card-info{padding:.875rem 1rem 1rem;text-align:center;border-top:1px solid rgba(58,54,50,.06)}
.brand-card-country{font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#8B7355;margin-bottom:.25rem}
.brand-card-name{font-size:.9375rem;font-weight:500;color:#3A3632;margin-bottom:.25rem;transition:color .2s}.brand-card:hover .brand-card-name{color:#8B7355}
.brand-card-count{font-size:.75rem;color:#7A746A}
.brand-card-arrow{position:absolute;bottom:.875rem;right:.875rem;color:#8B7355;opacity:0;transform:translateX(-4px);transition:all .3s;display:flex;align-items:center}
.brand-card:hover .brand-card-arrow{opacity:1;transform:translateX(0)}

/* ── PRODUCTS ─────────────────────────────────────────── */
.products-section{background:#FAF9F7;padding:clamp(4rem,8vw,7rem) 0}
.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
@media(min-width:768px){.products-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1200px){.products-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}
.product-card{background:#FAF9F7;border:1px solid rgba(58,54,50,.08);overflow:hidden;transition:border-color .4s,box-shadow .4s;display:flex;flex-direction:column;cursor:pointer;text-decoration:none;color:inherit}
.product-card:hover{border-color:#3A3632;box-shadow:0 8px 32px rgba(58,54,50,.10)}
.product-card-image{position:relative;overflow:hidden;flex-shrink:0}
.product-card-badge{position:absolute;top:.625rem;left:.625rem;z-index:2;font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;line-height:1.6}
.product-card-badge.is-new{background:#8B7355;color:#FAF9F7}
.product-card-badge.is-hot{background:#C45C4A;color:#FAF9F7}
.product-card-badge.is-sale{background:#C45C4A;color:#FAF9F7}
.product-card-info{padding:.875rem 1rem 1.125rem;display:flex;flex-direction:column;flex:1;border-top:1px solid rgba(58,54,50,.06)}
.product-card-brand{font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#7A746A;margin-bottom:.3rem}
.product-card-name{font-size:.9375rem;font-weight:300;color:#3A3632;line-height:1.35;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card:hover .product-card-name{color:#1A1918}
.product-card-footer{margin-top:auto}
.product-card-price{font-size:clamp(1.1rem,2vw,1.375rem);font-weight:400;color:#3A3632;margin-bottom:.25rem;font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:-.01em}
.product-card-b2b{font-size:.6875rem;font-weight:500;color:#8B7355;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.2rem}
.product-card-moq{font-size:.6875rem;color:#7A746A;font-weight:300}
.product-card-price-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}
.product-card-price-orig{font-size:.875rem;color:#7A746A;text-decoration:line-through;font-weight:300}

/* Product photo — portrait 4:5 */
.product-card-photo{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .6s}
.product-card:hover .product-card-photo{transform:scale(1.04)}

/* Product tabs */
.prod-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid rgba(58,54,50,.08);flex-wrap:wrap}
.prod-tab{display:inline-flex;align-items:center;gap:.5rem;font-family:'Jost',-apple-system,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.75rem 1.25rem;color:#7A746A;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;transition:color .2s,border-color .2s;margin-bottom:-1px}
.prod-tab svg{width:14px;height:14px}.prod-tab:hover{color:#3A3632}
.prod-tab.is-active{color:#3A3632;border-bottom-color:#8B7355}
.prod-panel{display:none}.prod-panel.is-active{display:block}

/* ── WHY ──────────────────────────────────────────────── */
.why-section{background:linear-gradient(160deg,#2A2826 0%,#1A1918 100%);padding:clamp(4rem,8vw,7rem) 0;position:relative;overflow:hidden}
.why-tex{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='%23fff' fill-opacity='.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.why-inner{position:relative;z-index:1}
.why-header{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}
@media(min-width:768px){.why-header{grid-template-columns:1fr 1fr;align-items:end}}
.why-header-left .section-eyebrow{color:#A68B6A}.why-header-left .section-title{color:#FAF9F7}
.why-header-right .section-desc{color:rgba(250,249,247,.48)}
.why-grid{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.055)}
@media(min-width:640px){.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.why-grid{grid-template-columns:repeat(4,1fr)}}
.why-item{padding:2.25rem 2rem;background:#1A1918;transition:background .4s}.why-item:hover{background:rgba(255,255,255,.02)}
.why-item-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:3.5rem;font-weight:300;color:rgba(255,255,255,.055);line-height:1;margin-bottom:1.25rem;transition:color .4s}
.why-item:hover .why-item-num{color:rgba(139,115,85,.14)}
.why-item-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(139,115,85,.22);margin-bottom:1.25rem;transition:border-color .4s,background .4s}
.why-item:hover .why-item-icon{border-color:#8B7355;background:rgba(139,115,85,.08)}.why-item-icon svg{width:20px;height:20px;color:#8B7355}
.why-item-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.125rem,2vw,1.375rem);font-weight:400;color:#FAF9F7;margin-bottom:.75rem;line-height:1.25}
.why-item-desc{font-size:.875rem;color:rgba(250,249,247,.42);line-height:1.75;font-weight:300}

/* ── BLOG ─────────────────────────────────────────────── */
.blog-section{background:#F5F3EF;padding:clamp(4rem,8vw,7rem) 0}
.blog-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.blog-grid{grid-template-columns:repeat(3,1fr)}}
.blog-card{background:#FAF9F7;border:1px solid rgba(58,54,50,.06);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .4s,transform .4s;cursor:pointer}
.blog-card:hover{box-shadow:0 8px 30px rgba(58,54,50,.10);transform:translateY(-5px)}
.blog-card-image{position:relative;aspect-ratio:16/9;overflow:hidden;flex-shrink:0}
.blog-card-img-bg{width:100%;height:100%;transition:transform .6s}.blog-card:hover .blog-card-img-bg{transform:scale(1.04)}
.blog-card-category{position:absolute;bottom:1rem;left:1rem;z-index:2;font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;background:rgba(250,249,247,.95);color:#3A3632;border:1px solid rgba(58,54,50,.06);line-height:1.6}
.blog-card-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}
.blog-card-meta{display:flex;align-items:center;gap:.625rem;font-size:.75rem;color:#A09A90;margin-bottom:.875rem}
.blog-card-meta-sep{width:3px;height:3px;border-radius:50%;background:#D4CFC6;flex-shrink:0}
.blog-card-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.0625rem,2vw,1.25rem);font-weight:400;color:#3A3632;line-height:1.3;margin-bottom:.75rem;transition:color .2s;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card:hover .blog-card-title{color:#8B7355}
.blog-card-excerpt{font-size:.875rem;color:#7A746A;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1.25rem;font-weight:300}
.blog-card-footer{margin-top:auto;padding-top:1.125rem;border-top:1px solid rgba(58,54,50,.06)}

/* ── CTA ──────────────────────────────────────────────── */
.cta-section{background:linear-gradient(150deg,#2A2826 0%,#1A1918 100%);padding:clamp(4rem,8vw,7rem) 0;position:relative;overflow:hidden;text-align:center}
.cta-section::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='%23fff' fill-opacity='.018'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.cta-glow{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(139,115,85,.085) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.cta-inner{position:relative;z-index:1;max-width:660px;margin:0 auto;padding:0 clamp(1.5rem,3vw,4rem)}
.cta-eyebrow{font-size:.6875rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#A68B6A;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:center;gap:.75rem}
.cta-eyebrow::before,.cta-eyebrow::after{content:'';display:block;width:24px;height:1px;background:#8B7355;opacity:.5}
.cta-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;color:#FAF9F7;line-height:1.3;margin-bottom:1.25rem}
.cta-desc{font-size:1.0625rem;font-weight:300;color:rgba(250,249,247,.48);line-height:1.75;max-width:500px;margin:0 auto 2.5rem}
.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem}
.cta-contact-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;padding-top:2.5rem;border-top:1px solid rgba(250,249,247,.09)}
.cta-contact-item{display:flex;align-items:center;gap:.625rem}
.cta-contact-item svg{width:16px;height:16px;color:#8B7355;flex-shrink:0}
.cta-contact-val{font-size:.875rem;color:rgba(250,249,247,.65);font-weight:300}

/* ── FOOTER ───────────────────────────────────────────── */

/* ── MISC ─────────────────────────────────────────────── */
.back-to-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;background:#3A3632;color:#FAF9F7;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .4s;z-index:100;cursor:pointer;border:none}
.back-to-top.is-visible{opacity:1;pointer-events:all}.back-to-top:hover{background:#1A1918;transform:translateY(-3px)}.back-to-top svg{width:18px;height:18px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s .35s,transform .7s .35s}.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:599px){.lang-btn-code,.lang-btn-chevron{display:none}}
@media(max-width:767px){.hero-stats{gap:1.25rem}.why-item{padding:1.75rem 1.5rem}}