:root{--cream:#f4f1ea;--ink:#171815;--muted:#666a64;--green:#2f6656;--dark:#0d1713;--line:#d6d1c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6;overflow-x:hidden}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.container{width:min(1520px,calc(100% - 80px));margin:0 auto}.site-header{position:sticky;top:0;z-index:100;background:#0b100e;border-bottom:1px solid rgba(255,255,255,.12)}.header-inner{height:72px;display:flex;align-items:center;gap:36px}.logo-wordmark{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:600;letter-spacing:.04em;color:#f5f1e8;white-space:nowrap}.main-nav{display:flex;gap:30px;margin-left:auto}.main-nav a,.text-link{font-size:14px;color:#f5f1e8}.header-actions{display:flex;align-items:center;gap:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;font-weight:700;border:0}.btn-primary{background:var(--green);color:#fff}.menu-toggle{display:none;margin-left:auto;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:9px 14px}.home-label{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#4c826f}h1,h2,h3{font-family:'Cormorant Garamond',serif}.v6-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:720px;background:#09100d;color:#f4f1ea}.v6-hero-copy{padding:88px clamp(48px,6vw,100px);display:flex;flex-direction:column;justify-content:center;min-width:0}.v6-hero-copy h1{font-size:clamp(68px,6.8vw,112px);line-height:.88;font-weight:500;letter-spacing:-.035em;margin:24px 0 30px}.v6-hero-copy>p{max-width:620px;font-size:18px;color:rgba(255,255,255,.76)}.v6-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:34px}.home-text-action{font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}.v6-since{margin-top:44px;color:rgba(255,255,255,.72);font-size:14px}.v6-since span{color:#63a38e;font-weight:800}.v6-hero-visual{min-width:0;overflow:hidden;background:#111815}.v6-hero-visual img{width:100%;height:100%;min-height:720px;object-fit:cover;object-position:center}.v6-products{padding:105px 0 0}.v6-products-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:72px;align-items:start}.v6-products-copy,.v6-product-grid{min-width:0}.v6-products-copy h2{font-size:clamp(52px,5vw,76px);line-height:.96;font-weight:500;margin:20px 0 28px;max-width:560px}.v6-products-copy>p{font-size:17px;color:var(--muted);max-width:560px}.v6-brands strong{color:var(--ink)}.v6-benefits{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;margin-top:42px}.v6-benefits div{border-top:1px solid var(--line);padding-top:14px}.v6-benefits b{display:block;color:#376d5d;font-size:11px;letter-spacing:.1em}.v6-benefits span{font-size:13px;font-weight:700}.v6-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 14px}.v6-product-card{margin:0;min-width:0}.v6-product-card img{width:100%;aspect-ratio:.95/1;object-fit:cover;background:#ddd}.v6-product-card h3{font:700 13px/1.25 Manrope,Arial,sans-serif;margin:10px 0 0}.v6-stats{margin-top:76px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.v6-stats>div{text-align:center;padding:28px 20px;border-right:1px solid var(--line)}.v6-stats>div:last-child{border-right:0}.v6-stats strong{display:block;font:600 58px/1 'Cormorant Garamond',serif}.v6-stats span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#73756f}.v6-process{background:#102019;color:#f4f1ea;padding:100px 0}.v6-process-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:48px;align-items:start}.v6-process-lead,.v6-process-steps{min-width:0}.v6-process-lead h2{font-size:clamp(50px,4.5vw,68px);line-height:.98;font-weight:500;margin:20px 0 24px}.v6-process-lead>p{color:rgba(255,255,255,.64)}.v6-video-frame{aspect-ratio:16/9;margin-top:30px;overflow:hidden;border:1px solid rgba(255,255,255,.16)}.v6-video-frame iframe{width:100%;height:100%;border:0}.v6-process-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.2)}.v6-process-steps article{min-width:0;padding:28px 20px 18px;border-right:1px solid rgba(255,255,255,.17)}.v6-process-steps article:last-child{border-right:0}.v6-process-steps b{font-size:11px;color:#83b4a4}.v6-process-steps h3{font-size:clamp(24px,2vw,31px);line-height:1.02;margin:38px 0 16px;overflow-wrap:anywhere}.v6-process-steps p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.67);overflow-wrap:anywhere}.home-trust{padding:110px 0;background:#f1eee7}.home-section-head{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:48px}.home-section-head h2{font-size:clamp(54px,5vw,78px);line-height:.96;font-weight:500;margin:18px 0 0;max-width:760px}.home-section-head>p{max-width:650px;color:var(--muted)}.home-trust-logos{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.home-trust-logos>div{min-height:140px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#faf9f6;padding:24px}.home-trust-logos img{max-width:130px;max-height:70px;object-fit:contain;filter:grayscale(1);opacity:.76}.home-cases{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:64px}.home-cases article{padding:34px;border-right:1px solid var(--line)}.home-cases article:first-child{padding-left:0}.home-cases article:last-child{border-right:0}.home-cases span{color:#355f52;font-weight:800}.home-cases strong{display:block;font:600 72px/1 'Cormorant Garamond',serif;margin-top:24px}.home-cases p{color:var(--muted)}.home-corporate-cta{margin-top:70px;background:#12221b;color:#f4f1ea;padding:54px 60px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:center}.home-corporate-cta h3{font-size:48px;line-height:1;margin:12px 0 16px}.home-corporate-cta p{color:rgba(255,255,255,.65)}.home-corporate-actions{display:flex;flex-direction:column;gap:18px;min-width:320px}.home-corporate-actions .dark{color:#fff}.home-videos{padding:110px 0;background:#faf9f6}.home-video-grid{border-top:1px solid var(--line)}.home-video-card{width:100%;display:grid;grid-template-columns:70px 1fr auto;align-items:center;padding:26px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;font:inherit}.home-video-number{font-size:11px;color:#355f52}.home-video-title{font:600 36px/1.05 'Cormorant Garamond',serif}.home-video-play{font-weight:700}.site-footer{background:#1e211e;color:#f5f3ed;padding:68px 0 105px}.footer-grid{display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1fr;gap:36px}.footer-wordmark{font:600 28px 'Cormorant Garamond',serif;letter-spacing:.04em}.site-footer h3{font-family:Manrope,Arial,sans-serif;font-size:18px}.site-footer p,.site-footer a{color:#c5c2bb}.site-footer a{display:block;margin:8px 0}.footer-bottom{border-top:1px solid #41433f;margin-top:40px;padding-top:20px;color:#999}.mobile-cta{display:none}
@media(max-width:1100px){.container{width:min(100% - 48px,1180px)}.v6-hero{grid-template-columns:1fr}.v6-hero-visual img{min-height:560px}.v6-products-layout,.v6-process-layout{grid-template-columns:1fr}.v6-process-steps{grid-template-columns:repeat(3,1fr)}.v6-process-steps article:nth-child(3){border-right:0}.v6-process-steps article:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.17)}.home-trust-logos{grid-template-columns:repeat(3,1fr)}.home-corporate-cta{grid-template-columns:1fr}.home-corporate-actions{min-width:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.container{width:calc(100% - 28px)}.header-inner{height:68px}.main-nav{display:none;position:absolute;top:68px;left:14px;right:14px;background:#fff;padding:18px;flex-direction:column}.main-nav a{color:#111}.main-nav.is-open{display:flex}.header-actions .text-link,.header-actions .btn{display:none}.menu-toggle{display:block}.logo-wordmark{font-size:22px}.v6-hero-copy{padding:64px 24px 48px}.v6-hero-copy h1{font-size:58px}.v6-hero-visual img{min-height:450px}.v6-products{padding-top:78px}.v6-products-layout{gap:42px}.v6-products-copy h2{font-size:48px}.v6-benefits,.v6-product-grid,.v6-stats{grid-template-columns:1fr 1fr}.v6-stats>div:nth-child(2){border-right:0}.v6-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.v6-process{padding:78px 0}.v6-process-steps{grid-template-columns:1fr}.v6-process-steps article{border-right:0;border-bottom:1px solid rgba(255,255,255,.17);padding:26px 0}.v6-process-steps article:last-child{border-bottom:0}.home-section-head{display:block}.home-section-head>p{margin-top:20px}.home-trust-logos{grid-template-columns:1fr 1fr}.home-cases{grid-template-columns:1fr}.home-cases article,.home-cases article:first-child{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.home-corporate-cta{padding:34px 24px}.home-corporate-cta h3{font-size:38px}.home-corporate-actions .btn{width:100%;text-align:center}.home-video-card{grid-template-columns:42px 1fr}.home-video-play{grid-column:2}.home-video-title{font-size:28px}.footer-grid{grid-template-columns:1fr}.mobile-cta{display:grid;grid-template-columns:1fr 1.5fr;position:fixed;z-index:120;left:10px;right:10px;bottom:10px;background:#fff;padding:8px;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.2)}.mobile-cta a{text-align:center;padding:12px;font-weight:700}.mobile-cta .primary{background:var(--green);color:#fff}.site-footer{padding-bottom:120px}}

/* =========================
   V8 — deterministic hero fix
   ========================= */
@media (min-width:1101px){
  .v6-hero{
    grid-template-columns:46% 54%;
    min-height:760px;
    height:calc(100vh - 72px);
    max-height:900px;
  }
  .v6-hero-copy{
    padding:72px clamp(56px,5vw,88px);
    justify-content:center;
    overflow:hidden;
  }
  .v6-hero-copy h1{
    font-size:clamp(72px,5.7vw,96px);
    line-height:.94;
    letter-spacing:-.03em;
    max-width:100%;
    overflow-wrap:normal;
    word-break:normal;
    margin:22px 0 26px;
  }
  .v6-hero-copy>p{font-size:17px;max-width:560px}
  .v6-hero-visual{
    min-height:760px;
    height:100%;
    display:flex;
    align-items:stretch;
    justify-content:center;
    background:#101613;
  }
  .v6-hero-visual img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
    object-position:center center;
  }
}
@media (min-width:1400px){
  .v6-hero-copy h1{font-size:92px}
}
@media (max-width:1100px){
  .v6-hero{height:auto;max-height:none}
  .v6-hero-copy h1{max-width:720px}
  .v6-hero-visual{height:560px;min-height:560px}
  .v6-hero-visual img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 28%}
}
@media (max-width:760px){
  .v6-hero-copy h1{font-size:52px;line-height:.98}
  .v6-hero-visual{height:430px;min-height:430px}
  .v6-hero-visual img{height:100%;min-height:0;object-position:center 30%}
}

/* =========================
   V9 — single-background hero
   ========================= */
.v9-hero{
  position:relative;
  height:clamp(650px,calc(100vh - 72px),700px);
  min-height:650px;
  max-height:700px;
  overflow:hidden;
  background:#08100d;
  color:#f4f1ea;
}
.v9-hero-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:58% 42%;
}
.v9-hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(5,13,10,.97) 0%,
      rgba(5,13,10,.92) 28%,
      rgba(5,13,10,.67) 43%,
      rgba(5,13,10,.14) 62%,
      rgba(5,13,10,.02) 100%),
    linear-gradient(0deg,rgba(4,9,7,.15),rgba(4,9,7,.03));
}
.v9-hero-inner{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  align-items:center;
  transform:translateY(-22px);
}
.v9-hero-copy{
  width:min(590px,43vw);
  padding:42px 0 34px;
}
.v9-hero-copy h1{
  font-size:clamp(68px,5.6vw,92px);
  line-height:.91;
  font-weight:500;
  letter-spacing:-.035em;
  margin:24px 0 20px;
  max-width:560px;
}
.v9-hero-copy>p{
  max-width:470px;
  font-size:17px;
  line-height:1.75;
  color:rgba(255,255,255,.79);
  margin:26px 0 0;
}
.v9-hero-copy .v6-since{
  margin:40px 0 0;
  display:flex;
  align-items:center;
  gap:14px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#78aa98;
}
.v9-hero-copy .v6-since:before{
  content:"";
  width:38px;
  height:1px;
  background:#477764;
}
.v9-hero-copy .v6-since:after{display:none}
.v9-hero-copy .v6-since span{color:#78aa98}
.v9-hero-copy .v6-actions{margin-top:30px}
.v9-hero-copy .home-label{color:#5b937f}
.v9-hero-copy .btn-primary{background:#397b68}
.v9-hero-copy .home-text-action{color:#fff}

/* hide obsolete split-hero rules for v9 */
.v9-hero .v6-hero-visual{display:none}

@media(max-width:1100px){
  .v9-hero{height:680px;min-height:680px;max-height:680px}
  .v9-hero-bg{object-position:62% center}
  .v9-hero-overlay{background:linear-gradient(90deg,rgba(5,13,10,.97) 0%,rgba(5,13,10,.88) 48%,rgba(5,13,10,.25) 76%,rgba(5,13,10,.05) 100%)}
  .v9-hero-copy{width:min(570px,58vw)}
  .v9-hero-copy h1{font-size:72px}
}
@media(max-width:760px){
  .v9-hero{height:auto;min-height:690px;max-height:none}
  .v9-hero-bg{object-position:67% center}
  .v9-hero-overlay{background:linear-gradient(90deg,rgba(5,13,10,.96) 0%,rgba(5,13,10,.88) 66%,rgba(5,13,10,.48) 100%)}
  .v9-hero-inner{align-items:flex-end;padding-top:84px;padding-bottom:56px;transform:none}
  .v9-hero-copy{width:100%;padding:0;max-width:560px}
  .v9-hero-copy h1{font-size:clamp(50px,13vw,64px);max-width:480px}
  .v9-hero-copy>p{font-size:15px;max-width:450px}
  .v9-hero-copy .v6-since{margin-top:36px}
}

/* V12 — final hero polish */
.v9-hero-overlay{
  background:
    linear-gradient(90deg,
      rgba(5,13,10,.96) 0%,
      rgba(5,13,10,.88) 27%,
      rgba(5,13,10,.54) 42%,
      rgba(5,13,10,.10) 61%,
      rgba(5,13,10,.01) 100%),
    linear-gradient(0deg,rgba(4,9,7,.10),rgba(4,9,7,.015));
}
.v9-hero-copy .v6-since{
  font-size:14px;
  letter-spacing:.075em;
  gap:12px;
}
.v9-hero-copy .v6-since:before{
  width:34px;
}
@media(max-width:1100px){
  .v9-hero-overlay{
    background:linear-gradient(90deg,rgba(5,13,10,.96) 0%,rgba(5,13,10,.84) 46%,rgba(5,13,10,.18) 76%,rgba(5,13,10,.03) 100%);
  }
}
@media(max-width:760px){
  .v9-hero-overlay{
    background:linear-gradient(90deg,rgba(5,13,10,.95) 0%,rgba(5,13,10,.86) 66%,rgba(5,13,10,.42) 100%);
  }
  .v9-hero-copy .v6-since{font-size:13px;letter-spacing:.06em}
}


/* =========================
   V13 — refined products section
   ========================= */
.v13-products{
  background:#f4f1ea;
  padding:112px 0 0;
}
.v13-products-head{
  display:grid;
  grid-template-columns:minmax(390px,.78fr) minmax(720px,1.22fr);
  gap:72px;
  align-items:start;
}
.v13-products-copy{
  position:sticky;
  top:116px;
  padding-bottom:72px;
}
.v13-products-copy h2{
  font:500 clamp(54px,4.8vw,76px)/.98 'Cormorant Garamond',serif;
  letter-spacing:-.035em;
  margin:22px 0 28px;
  max-width:560px;
}
.v13-intro{
  max-width:560px;
  color:#686a64;
  font-size:17px;
  line-height:1.75;
  margin:0 0 30px;
}
.v13-brands{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 42px;
}
.v13-brands span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border:1px solid #d2cdc3;
  border-radius:999px;
  background:rgba(255,255,255,.45);
  color:#343732;
  font-size:12px;
  font-weight:700;
}
.v13-benefits{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid #d5d0c6;
  border-left:1px solid #d5d0c6;
}
.v13-benefits article{
  min-height:190px;
  padding:24px 24px 22px;
  border-right:1px solid #d5d0c6;
  border-bottom:1px solid #d5d0c6;
}
.v13-benefits b{
  display:block;
  color:#3e7563;
  font-size:11px;
  letter-spacing:.14em;
  margin-bottom:24px;
}
.v13-benefits h3{
  font:600 23px/1.1 'Cormorant Garamond',serif;
  margin:0 0 10px;
}
.v13-benefits p{
  margin:0;
  color:#777971;
  font-size:13px;
  line-height:1.6;
}
.v13-product-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.v13-product-card{
  position:relative;
  min-height:320px;
  overflow:hidden;
  background:#161b18;
  border-radius:2px;
}
.v13-product-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s ease;
}
.v13-product-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(6,9,7,.78) 0%,rgba(6,9,7,.04) 52%);
}
.v13-product-card:hover img{
  transform:scale(1.035);
}
.v13-product-caption{
  position:absolute;
  z-index:2;
  left:18px;
  right:18px;
  bottom:16px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  color:#fff;
}
.v13-product-caption h3{
  font:600 18px/1.08 'Cormorant Garamond',serif;
  margin:0;
}
.v13-product-caption span{
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.72;
}
.v13-stats{
  margin-top:90px;
  background:#102019;
  color:#f4f1ea;
}
.v13-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.v13-stats-grid>div{
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-right:1px solid rgba(255,255,255,.13);
}
.v13-stats-grid>div:last-child{
  border-right:0;
}
.v13-stats strong{
  display:block;
  font:600 54px/1 'Cormorant Garamond',serif;
  color:#f4f1ea;
}
.v13-stats span{
  margin-top:8px;
  color:rgba(255,255,255,.58);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
@media(max-width:1200px){
  .v13-products-head{
    grid-template-columns:1fr;
    gap:48px;
  }
  .v13-products-copy{
    position:static;
    padding-bottom:0;
  }
  .v13-product-grid{
    grid-template-columns:repeat(4,1fr);
  }
}
@media(max-width:860px){
  .v13-products{
    padding-top:82px;
  }
  .v13-product-grid{
    grid-template-columns:1fr 1fr;
  }
  .v13-product-card{
    min-height:360px;
  }
  .v13-stats-grid{
    grid-template-columns:1fr 1fr;
  }
  .v13-stats-grid>div:nth-child(2){
    border-right:0;
  }
  .v13-stats-grid>div:nth-child(-n+2){
    border-bottom:1px solid rgba(255,255,255,.13);
  }
}
@media(max-width:560px){
  .v13-products-copy h2{
    font-size:46px;
  }
  .v13-benefits{
    grid-template-columns:1fr;
  }
  .v13-product-card{
    min-height:280px;
  }
  .v13-product-caption{
    left:14px;
    right:14px;
    bottom:13px;
  }
  .v13-product-caption h3{
    font-size:17px;
  }
  .v13-stats{
    margin-top:60px;
  }
  .v13-stats strong{
    font-size:44px;
  }
}


/* =========================
   V14 — approved premium fabrics section
   ========================= */
.v14-products{
  background:#f5f1e9;
}
.v14-showcase{
  position:relative;
  height:605px;
  overflow:hidden;
  background:#eee8dd;
}
.v14-showcase-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.v14-showcase-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      #f5f1e9 0%,
      rgba(245,241,233,.99) 23%,
      rgba(245,241,233,.91) 35%,
      rgba(245,241,233,.42) 49%,
      rgba(245,241,233,0) 65%);
}
.v14-showcase-inner{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  align-items:center;
}
.v14-showcase-copy{
  width:min(610px,46%);
  padding-bottom:6px;
}
.v14-showcase-copy h2{
  margin:0;
  color:#171815;
  font:500 clamp(49px,4vw,67px)/.98 'Cormorant Garamond',serif;
  letter-spacing:-.03em;
}
.v14-title-line{
  display:block;
  position:relative;
  width:88px;
  height:1px;
  margin:42px 0 40px;
  background:#bea575;
}
.v14-title-line:after{
  content:"";
  position:absolute;
  right:-3px;
  top:-3px;
  width:7px;
  height:7px;
  transform:rotate(45deg);
  background:#bea575;
}
.v14-showcase-copy p{
  max-width:560px;
  margin:0;
  color:#282a26;
  font-size:18px;
  line-height:1.75;
}
.v14-categories{
  border-top:1px solid #d9d3c8;
  border-bottom:1px solid #d9d3c8;
  background:#f8f5ef;
}
.v14-category-grid{
  display:grid;
  grid-template-columns:repeat(8,1fr);
}
.v14-category{
  min-height:175px;
  padding:28px 12px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  text-align:center;
  border-right:1px solid #ded8cd;
  color:#171815;
  font-size:13px;
  font-weight:600;
  line-height:1.25;
}
.v14-category:last-child{
  border-right:0;
}
.v14-category-icon{
  position:relative;
  display:block;
  width:46px;
  height:46px;
  color:#173c31;
}
.v14-category-icon:before,
.v14-category-icon:after{
  content:"";
  position:absolute;
  box-sizing:border-box;
}

/* minimalist tailoring pictograms using pure CSS */
.v14-icon-suit:before,
.v14-icon-women:before,
.v14-icon-coat:before,
.v14-icon-workwear:before{
  left:8px;
  top:7px;
  width:30px;
  height:34px;
  border:2px solid currentColor;
  border-radius:4px 4px 7px 7px;
  clip-path:polygon(22% 0,40% 13%,50% 6%,60% 13%,78% 0,100% 22%,88% 34%,83% 100%,17% 100%,12% 34%,0 22%);
}
.v14-icon-suit:after,
.v14-icon-women:after,
.v14-icon-coat:after,
.v14-icon-workwear:after{
  left:22px;
  top:13px;
  width:2px;
  height:26px;
  background:currentColor;
}
.v14-icon-women:before{
  clip-path:polygon(25% 0,42% 15%,50% 8%,58% 15%,75% 0,100% 23%,84% 35%,95% 100%,5% 100%,16% 35%,0 23%);
}
.v14-icon-coat:before{
  height:37px;
}
.v14-icon-workwear:before{
  border-radius:3px;
  background:linear-gradient(transparent 52%,rgba(23,60,49,.1) 52%);
}
.v14-icon-bow:before{
  left:5px;
  top:14px;
  width:36px;
  height:20px;
  border:2px solid currentColor;
  clip-path:polygon(0 0,48% 38%,52% 38%,100% 0,100% 100%,52% 62%,48% 62%,0 100%);
}
.v14-icon-bow:after{
  left:19px;
  top:17px;
  width:8px;
  height:14px;
  border:2px solid currentColor;
  background:#f8f5ef;
}
.v14-icon-shirt:before{
  left:7px;
  top:8px;
  width:32px;
  height:32px;
  border:2px solid currentColor;
  clip-path:polygon(22% 0,42% 13%,50% 8%,58% 13%,78% 0,100% 20%,85% 34%,80% 100%,20% 100%,15% 34%,0 20%);
}
.v14-icon-shirt:after{
  left:22px;
  top:17px;
  width:2px;
  height:21px;
  background:currentColor;
}
.v14-icon-briefcase:before{
  left:4px;
  top:14px;
  width:38px;
  height:26px;
  border:2px solid currentColor;
  border-radius:3px;
}
.v14-icon-briefcase:after{
  left:15px;
  top:8px;
  width:16px;
  height:10px;
  border:2px solid currentColor;
  border-bottom:0;
  border-radius:3px 3px 0 0;
}
.v14-icon-gift:before{
  left:5px;
  top:15px;
  width:36px;
  height:27px;
  border:2px solid currentColor;
}
.v14-icon-gift:after{
  left:21px;
  top:11px;
  width:4px;
  height:31px;
  background:currentColor;
  box-shadow:-17px 9px 0 -1px currentColor,17px 9px 0 -1px currentColor;
}
.v14-stats{
  background:linear-gradient(110deg,#0b1c16,#123227);
  color:#f5f0e7;
}
.v14-stats-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
}
.v14-stats-grid>div{
  min-height:175px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-right:1px solid rgba(216,186,131,.28);
}
.v14-stats-grid>div:last-child{
  border-right:0;
}
.v14-stats strong{
  color:#d9b77b;
  font:500 64px/1 'Cormorant Garamond',serif;
  letter-spacing:.02em;
}
.v14-stats span{
  margin-top:12px;
  color:#f5f0e7;
  font-size:18px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(max-width:1100px){
  .v14-showcase-copy{
    width:55%;
  }
  .v14-category-grid{
    grid-template-columns:repeat(4,1fr);
  }
  .v14-category:nth-child(4n){
    border-right:0;
  }
  .v14-category:nth-child(-n+4){
    border-bottom:1px solid #ded8cd;
  }
}
@media(max-width:720px){
  .v14-showcase{
    height:auto;
    min-height:720px;
  }
  .v14-showcase-image{
    object-position:65% center;
  }
  .v14-showcase-shade{
    background:
      linear-gradient(180deg,
        #f5f1e9 0%,
        rgba(245,241,233,.97) 40%,
        rgba(245,241,233,.66) 61%,
        rgba(245,241,233,.12) 100%);
  }
  .v14-showcase-inner{
    min-height:720px;
    align-items:flex-start;
    padding-top:76px;
  }
  .v14-showcase-copy{
    width:100%;
  }
  .v14-showcase-copy h2{
    font-size:47px;
  }
  .v14-showcase-copy p{
    max-width:94%;
    font-size:16px;
  }
  .v14-title-line{
    margin:30px 0;
  }
  .v14-category-grid{
    grid-template-columns:1fr 1fr;
  }
  .v14-category,
  .v14-category:nth-child(4n){
    border-right:1px solid #ded8cd;
    border-bottom:1px solid #ded8cd;
  }
  .v14-category:nth-child(2n){
    border-right:0;
  }
  .v14-category:nth-last-child(-n+2){
    border-bottom:0;
  }
  .v14-stats-grid{
    grid-template-columns:1fr;
  }
  .v14-stats-grid>div{
    min-height:140px;
    border-right:0;
    border-bottom:1px solid rgba(216,186,131,.28);
  }
  .v14-stats-grid>div:last-child{
    border-bottom:0;
  }
  .v14-stats strong{
    font-size:56px;
  }
}


/* =========================
   V15 — hero brands + smooth section transition + SVG icons
   ========================= */
.v9-hero{
  position:relative;
  overflow:visible;
  z-index:2;
}
.v9-hero:after{
  content:"";
  position:absolute;
  z-index:5;
  left:0;
  right:0;
  bottom:-1px;
  height:110px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(244,241,234,0) 0%,rgba(244,241,234,.18) 28%,rgba(244,241,234,.72) 72%,#f5f1e9 100%);
}
.v9-hero-inner{
  z-index:7;
}
.hero-fabric-brands{
  position:relative;
  z-index:8;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:24px;
  max-width:690px;
}
.hero-fabric-brands span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 17px;
  border:1px solid rgba(205,168,101,.72);
  border-radius:6px;
  color:#d7b87f;
  background:rgba(4,12,9,.34);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  font-family:Manrope,Arial,sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}
.v14-products{
  position:relative;
  z-index:3;
  margin-top:-64px;
  padding-top:64px;
  background:#f5f1e9;
}
.v14-products:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:86px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(245,241,233,0),#f5f1e9 72%);
}
.v14-showcase{
  position:relative;
  z-index:2;
}
.v15-category-svg{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  color:#173c31;
}
.v15-category-svg svg{
  width:46px;
  height:46px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.v14-category-icon{display:none!important}
@media(max-width:1100px){
  .hero-fabric-brands{max-width:570px}
  .hero-fabric-brands span{font-size:10px;padding:0 13px}
}
@media(max-width:720px){
  .v9-hero:after{height:78px}
  .v14-products{margin-top:-44px;padding-top:44px}
  .hero-fabric-brands{gap:7px;margin-top:22px}
  .hero-fabric-brands span{min-height:30px;padding:0 11px;font-size:9px;border-radius:5px}
}


/* =========================
   V16 — one-line brands, elevated categories, smoother transition
   ========================= */
.hero-fabric-brands{
  flex-wrap:nowrap;
  gap:10px;
  width:max-content;
  max-width:none;
}
.hero-fabric-brands span{
  flex:0 0 auto;
}
.v16-products{
  margin-top:-54px;
  padding-top:0;
  background:#f5f1e9;
}
.v16-products:before{
  display:none;
}
.v16-products .v14-categories{
  position:relative;
  z-index:8;
  width:min(1480px,calc(100% - 48px));
  margin:0 auto -1px;
  border:1px solid rgba(210,201,186,.82);
  border-bottom:0;
  border-radius:24px 24px 0 0;
  overflow:hidden;
  box-shadow:
    0 -18px 46px rgba(3,12,9,.18),
    0 16px 35px rgba(63,50,33,.08);
  background:rgba(249,246,240,.98);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.v16-products .v14-category{
  min-height:156px;
  background:rgba(249,246,240,.94);
}
.v16-products .v14-showcase{
  height:590px;
  border-top:1px solid #d9d3c8;
}
.v16-products .v14-showcase-shade{
  background:
    linear-gradient(90deg,
      #f5f1e9 0%,
      rgba(245,241,233,.99) 23%,
      rgba(245,241,233,.9) 35%,
      rgba(245,241,233,.38) 49%,
      rgba(245,241,233,0) 66%);
}
.v9-hero:after{
  height:150px;
  bottom:-1px;
  background:
    linear-gradient(180deg,
      rgba(245,241,233,0) 0%,
      rgba(245,241,233,.10) 32%,
      rgba(245,241,233,.52) 70%,
      #f5f1e9 100%);
}
.v14-stats span{
  max-width:230px;
  text-align:center;
  line-height:1.35;
  font-size:13px;
  letter-spacing:.09em;
}
@media(min-width:1101px){
  .hero-fabric-brands{
    gap:12px;
  }
  .hero-fabric-brands span{
    min-height:36px;
    padding:0 15px;
    font-size:10px;
  }
}
@media(max-width:1100px){
  .hero-fabric-brands{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    padding-bottom:5px;
    scrollbar-width:none;
  }
  .hero-fabric-brands::-webkit-scrollbar{
    display:none;
  }
  .v16-products{
    margin-top:-40px;
  }
  .v16-products .v14-categories{
    width:calc(100% - 28px);
    border-radius:18px 18px 0 0;
  }
}
@media(max-width:720px){
  .v16-products{
    margin-top:-26px;
  }
  .v16-products .v14-categories{
    width:calc(100% - 18px);
    border-radius:14px 14px 0 0;
  }
  .v16-products .v14-category{
    min-height:132px;
  }
  .v16-products .v14-showcase{
    min-height:690px;
    height:auto;
  }
  .hero-fabric-brands{
    margin-top:24px;
  }
  .hero-fabric-brands span{
    min-height:31px;
    padding:0 12px;
    font-size:9px;
  }
  .v14-stats span{
    font-size:12px;
  }
}


/* =========================
   V17 — brands instead of hero buttons,
   seamless categories, light statistics
   ========================= */

/* HERO: brands replace the two CTA buttons */
.hero-fabric-group{
  margin-top:34px;
  max-width:760px;
}
.hero-fabric-label{
  display:block;
  margin-bottom:14px;
  color:#cdb176;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.hero-fabric-brands{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:0;
  width:auto;
  max-width:760px;
  overflow:visible;
}
.hero-fabric-brands span{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:auto;
  padding:0 18px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#d8bc82;
  font-size:12px;
  font-weight:600;
  letter-spacing:.06em;
  white-space:nowrap;
}
.hero-fabric-brands span:first-child{
  padding-left:0;
}
.hero-fabric-brands span:last-child{
  padding-right:0;
}
.hero-fabric-brands span:not(:last-child):after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:3px;
  height:3px;
  border-radius:50%;
  background:rgba(216,188,130,.68);
  transform:translate(50%,-50%);
}
.v6-since{
  margin-top:30px;
}

/* Remove old floating-card treatment */
.v16-products{
  margin-top:0;
  background:#f5f1e9;
}
.v16-products .v14-categories{
  width:100%;
  margin:0;
  border:0;
  border-top:1px solid rgba(220,213,202,.95);
  border-bottom:1px solid rgba(220,213,202,.95);
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
  background:#f7f3ec;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.v16-products .v14-category{
  min-height:154px;
  background:#f7f3ec;
  border-right:1px solid #ded7cb;
}
.v16-products .v14-category:last-child{
  border-right:0;
}

/* Gentle bridge from dark hero into the cream categories band */
.v9-hero:after{
  height:96px;
  bottom:-1px;
  background:
    linear-gradient(180deg,
      rgba(245,241,233,0) 0%,
      rgba(245,241,233,.06) 24%,
      rgba(245,241,233,.34) 62%,
      #f7f3ec 100%);
}
.v14-products{
  position:relative;
}
.v14-products:before{
  content:"";
  display:block;
  position:absolute;
  left:0;
  right:0;
  top:-36px;
  height:36px;
  background:linear-gradient(180deg,rgba(247,243,236,0),#f7f3ec);
  pointer-events:none;
}

/* Keep the image section visually connected to the categories */
.v16-products .v14-showcase{
  border-top:0;
  height:590px;
}
.v16-products .v14-showcase-shade{
  background:
    linear-gradient(90deg,
      #f5f1e9 0%,
      rgba(245,241,233,.99) 23%,
      rgba(245,241,233,.9) 35%,
      rgba(245,241,233,.38) 49%,
      rgba(245,241,233,0) 66%);
}

/* LIGHT STATISTICS */
.v14-stats{
  background:#f7f3ec;
  color:#12382d;
  border-top:1px solid #d9d1c4;
  border-bottom:1px solid #d9d1c4;
}
.v14-stats-grid>div{
  min-height:168px;
  border-right:1px solid #d9d1c4;
}
.v14-stats-grid>div:last-child{
  border-right:0;
}
.v14-stats strong{
  color:#173f33;
  font-size:62px;
}
.v14-stats span{
  color:#64665f;
  max-width:260px;
  font-size:12px;
  letter-spacing:.08em;
}

/* Desktop only: ensure brand row stays elegant and on one line */
@media(min-width:1101px){
  .hero-fabric-brands{
    overflow:visible;
  }
  .hero-fabric-brands span{
    padding-left:18px;
    padding-right:18px;
    font-size:11px;
  }
  .hero-fabric-brands span:first-child{
    padding-left:0;
  }
  .hero-fabric-brands span:last-child{
    padding-right:0;
  }
}

/* Tablet */
@media(max-width:1100px){
  .hero-fabric-group{
    max-width:100%;
  }
  .hero-fabric-brands{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    padding-bottom:8px;
    scrollbar-width:none;
  }
  .hero-fabric-brands::-webkit-scrollbar{
    display:none;
  }
  .hero-fabric-brands span{
    flex:0 0 auto;
  }
  .v16-products .v14-categories{
    width:100%;
    border-radius:0;
  }
}

/* Mobile */
@media(max-width:720px){
  .hero-fabric-group{
    margin-top:28px;
  }
  .hero-fabric-label{
    font-size:10px;
  }
  .hero-fabric-brands{
    gap:0;
  }
  .hero-fabric-brands span{
    padding:0 14px;
    font-size:10px;
  }
  .hero-fabric-brands span:first-child{
    padding-left:0;
  }
  .v6-since{
    margin-top:24px;
  }
  .v16-products .v14-categories{
    width:100%;
    border-radius:0;
  }
  .v16-products .v14-category{
    min-height:128px;
  }
  .v14-stats-grid{
    grid-template-columns:1fr;
  }
  .v14-stats-grid>div{
    min-height:132px;
    border-right:0;
    border-bottom:1px solid #d9d1c4;
  }
  .v14-stats-grid>div:last-child{
    border-bottom:0;
  }
}


/* =========================
   V18 — cleaner hero and borderless categories
   ========================= */

/* More breathing room and less copy on the first screen */
.v9-hero-copy > p{
  max-width:610px;
  font-size:20px;
  line-height:1.55;
}
.hero-fabric-group{
  margin-top:30px;
}
.hero-fabric-label{
  display:none;
}
.hero-fabric-brands{
  max-width:820px;
}
.v6-since{
  margin-top:32px;
}

/* Categories: no table-like borders */
.v16-products .v14-categories{
  border-top:0;
  border-bottom:0;
  background:#f7f3ec;
}
.v16-products .v14-category-grid{
  gap:0;
  padding:20px 32px 22px;
}
.v16-products .v14-category{
  min-height:128px;
  padding:22px 16px 18px;
  border-right:0 !important;
  border-bottom:0 !important;
  background:transparent;
  position:relative;
}
.v16-products .v14-category:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:6px;
  width:28px;
  height:1px;
  transform:translateX(-50%);
  background:rgba(25,63,51,.15);
}
.v16-products .v14-category:last-child:after{
  display:none;
}
.v16-products .v14-category-icon{
  width:42px;
  height:42px;
}
.v16-products .v14-category>span:last-child{
  max-width:180px;
  font-size:14px;
  line-height:1.25;
}

/* Keep transition subtle and continuous */
.v14-products:before{
  height:28px;
  top:-28px;
}
.v16-products .v14-showcase{
  border-top:0;
}

/* Slight hover, without making cards */
@media(hover:hover){
  .v16-products .v14-category{
    transition:transform .25s ease, color .25s ease;
  }
  .v16-products .v14-category:hover{
    transform:translateY(-3px);
    color:#2f6b58;
  }
}

@media(max-width:1100px){
  .v16-products .v14-category-grid{
    grid-template-columns:repeat(4,1fr);
    padding:18px 20px 20px;
  }
}

@media(max-width:720px){
  .v9-hero-copy > p{
    max-width:92%;
    font-size:17px;
  }
  .hero-fabric-group{
    margin-top:25px;
  }
  .v16-products .v14-category-grid{
    grid-template-columns:1fr 1fr;
    padding:14px 8px 16px;
  }
  .v16-products .v14-category{
    min-height:120px;
    padding:18px 10px 15px;
  }
  .v16-products .v14-category:after{
    bottom:4px;
  }
}


/* =========================
   V19 — approved hero variant 3
   dark translucent content card
   ========================= */

/* Give the left content a compact editorial card */
.v19-hero-card{
  width:min(640px,48vw);
  padding:38px 38px 30px;
  border:1px solid rgba(205,177,118,.18);
  border-radius:20px;
  background:
    linear-gradient(145deg,
      rgba(10,39,30,.94) 0%,
      rgba(9,31,24,.90) 54%,
      rgba(5,22,17,.84) 100%);
  box-shadow:
    0 24px 70px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* Slightly reduce headline inside the card */
.v19-hero-card h1{
  max-width:560px;
  margin-bottom:24px;
  font-size:clamp(54px,4.8vw,78px);
  line-height:.98;
}

/* Short description */
.v19-hero-card > p{
  max-width:520px;
  margin-bottom:0;
  color:rgba(246,243,235,.80);
  font-size:18px;
  line-height:1.6;
}

/* Brands as elegant logo-like names */
.v19-hero-card .hero-fabric-group{
  margin-top:28px;
}
.v19-hero-card .hero-fabric-brands{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  width:100%;
  max-width:100%;
  overflow:visible;
  padding:0;
  border-top:1px solid rgba(216,188,130,.22);
  border-bottom:1px solid rgba(216,188,130,.22);
}
.v19-hero-card .hero-fabric-brands span{
  min-height:66px;
  padding:0 12px;
  justify-content:center;
  text-align:center;
  border-right:1px solid rgba(216,188,130,.18);
  color:#d7b879;
  font-family:'Cormorant Garamond',serif;
  font-size:15px;
  font-weight:600;
  line-height:1.05;
  letter-spacing:.03em;
  white-space:normal;
}
.v19-hero-card .hero-fabric-brands span:last-child{
  border-right:0;
}
.v19-hero-card .hero-fabric-brands span:after{
  display:none !important;
}

/* Since line integrated into card */
.v19-hero-card .v6-since{
  margin-top:24px;
  padding-top:0;
}
.v19-hero-card .v6-since span{
  color:#91c1ae;
  font-size:12px;
  letter-spacing:.14em;
}

/* Ensure card remains above hero overlays */
.v9-hero-copy{
  position:relative;
  z-index:5;
}

/* Slightly calmer left shadow behind the card */
.v9-hero:before{
  background:
    linear-gradient(90deg,
      rgba(1,11,8,.84) 0%,
      rgba(1,11,8,.65) 30%,
      rgba(1,11,8,.22) 56%,
      rgba(1,11,8,0) 76%);
}

@media(max-width:1100px){
  .v19-hero-card{
    width:min(650px,64vw);
    padding:34px 30px 28px;
  }
  .v19-hero-card .hero-fabric-brands{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .v19-hero-card .hero-fabric-brands span{
    border-bottom:1px solid rgba(216,188,130,.18);
  }
  .v19-hero-card .hero-fabric-brands span:nth-child(3n){
    border-right:0;
  }
  .v19-hero-card .hero-fabric-brands span:nth-last-child(-n+2){
    border-bottom:0;
  }
}

@media(max-width:720px){
  .v9-hero-copy{
    width:100%;
  }
  .v19-hero-card{
    width:100%;
    padding:28px 22px 24px;
    border-radius:16px;
    background:
      linear-gradient(145deg,
        rgba(10,39,30,.96) 0%,
        rgba(7,27,21,.93) 100%);
  }
  .v19-hero-card h1{
    font-size:46px;
  }
  .v19-hero-card > p{
    font-size:16px;
  }
  .v19-hero-card .hero-fabric-brands{
    grid-template-columns:1fr 1fr;
  }
  .v19-hero-card .hero-fabric-brands span{
    min-height:56px;
    font-size:14px;
    border-right:1px solid rgba(216,188,130,.18);
    border-bottom:1px solid rgba(216,188,130,.18);
  }
  .v19-hero-card .hero-fabric-brands span:nth-child(2n){
    border-right:0;
  }
  .v19-hero-card .hero-fabric-brands span:last-child{
    grid-column:1 / -1;
    border-bottom:0;
  }
}


/* =========================
   V20 — restored selling hero,
   option 5 transition and fabric catalogs
   ========================= */

/* Restore the clean hero without the V19 content card */
.v9-hero-copy{
  width:min(650px,46%);
}
.v9-hero-copy .v6-actions{
  display:flex;
}
.v9-hero-copy > p{
  max-width:560px;
  color:rgba(246,243,235,.79);
  font-size:19px;
  line-height:1.65;
}
.v9-hero-copy h1{
  max-width:650px;
}
.v9-hero:before{
  background:
    linear-gradient(90deg,
      rgba(1,11,8,.90) 0%,
      rgba(1,11,8,.72) 30%,
      rgba(1,11,8,.27) 57%,
      rgba(1,11,8,0) 77%);
}

/* Option 5: rounded cream category panel overlaps the hero */
.v16-products{
  position:relative;
  margin-top:-46px;
  padding-top:0;
  z-index:6;
  background:#f5f1e9;
}
.v16-products .v14-categories{
  position:relative;
  z-index:8;
  width:min(1480px,calc(100% - 64px));
  margin:0 auto;
  border:1px solid rgba(205,183,143,.58);
  border-radius:28px 28px 0 0;
  overflow:hidden;
  background:#f8f4ed;
  box-shadow:
    0 -18px 45px rgba(0,0,0,.16),
    0 10px 30px rgba(72,54,30,.08);
}
.v16-products .v14-category-grid{
  padding:16px 24px 17px;
}
.v16-products .v14-category{
  min-height:126px;
  padding:20px 12px 16px;
}
.v16-products .v14-category:after{
  width:24px;
  background:#c7a865;
}

/* Smooth dark-to-cream transition behind the rounded panel */
.v9-hero:after{
  height:126px;
  bottom:-1px;
  background:
    linear-gradient(180deg,
      rgba(248,244,237,0) 0%,
      rgba(248,244,237,.10) 32%,
      rgba(248,244,237,.48) 70%,
      #f8f4ed 100%);
}
.v14-products:before{
  display:none;
}

/* Fabric catalog scene */
.v16-products .v14-showcase{
  height:600px;
  margin-top:0;
  background:#211b15;
}
.v16-products .v14-showcase-image{
  object-position:center center;
}
.v16-products .v14-showcase-shade{
  background:
    linear-gradient(90deg,
      #f5f1e9 0%,
      rgba(245,241,233,.98) 23%,
      rgba(245,241,233,.90) 36%,
      rgba(245,241,233,.40) 50%,
      rgba(245,241,233,0) 67%);
}
.v14-showcase-copy p{
  max-width:575px;
}

/* Preserve the light statistics treatment */
.v14-stats{
  background:#f7f3ec;
  color:#12382d;
  border-top:1px solid #d9d1c4;
  border-bottom:1px solid #d9d1c4;
}
.v14-stats strong{
  color:#173f33;
}
.v14-stats span{
  color:#64665f;
}
.v14-stats-grid>div{
  border-right:1px solid #d9d1c4;
}

@media(max-width:1100px){
  .v9-hero-copy{
    width:min(650px,61%);
  }
  .v16-products{
    margin-top:-34px;
  }
  .v16-products .v14-categories{
    width:calc(100% - 28px);
    border-radius:20px 20px 0 0;
  }
  .v16-products .v14-showcase-image{
    object-position:58% center;
  }
}

@media(max-width:720px){
  .v9-hero-copy{
    width:100%;
  }
  .v9-hero-copy > p{
    max-width:94%;
    font-size:16px;
  }
  .v16-products{
    margin-top:-22px;
  }
  .v16-products .v14-categories{
    width:calc(100% - 16px);
    border-radius:15px 15px 0 0;
  }
  .v16-products .v14-category-grid{
    padding:12px 7px 14px;
  }
  .v16-products .v14-showcase{
    min-height:700px;
    height:auto;
  }
  .v16-products .v14-showcase-image{
    object-position:64% center;
  }
}


/* =========================
   V21 — four statistics, strict category strip,
   WhatsApp-only hero action
   ========================= */

/* Hero: only WhatsApp CTA remains */
.v9-hero-copy .v6-actions{
  margin-top:34px;
}
.v9-hero-copy .v6-actions .btn{
  min-width:260px;
}

/* Categories now use the same strict architectural style as statistics */
.v16-products{
  margin-top:0;
}
.v16-products .v14-categories{
  width:100%;
  margin:0;
  border:0;
  border-top:1px solid #d9d1c4;
  border-bottom:1px solid #d9d1c4;
  border-radius:0;
  box-shadow:none;
  background:#f7f3ec;
}
.v16-products .v14-category-grid{
  padding:0;
}
.v16-products .v14-category{
  min-height:168px;
  padding:30px 12px 24px;
  border-right:1px solid #d9d1c4 !important;
  border-bottom:0 !important;
  background:#f7f3ec;
}
.v16-products .v14-category:last-child{
  border-right:0 !important;
}
.v16-products .v14-category:after{
  display:none;
}
.v16-products .v14-category-icon{
  width:44px;
  height:44px;
}
.v16-products .v14-category>span:last-child{
  font-size:14px;
  line-height:1.25;
  color:#20231f;
}

/* Seamless transition without a floating rounded card */
.v9-hero:after{
  height:104px;
  background:
    linear-gradient(180deg,
      rgba(247,243,236,0) 0%,
      rgba(247,243,236,.10) 28%,
      rgba(247,243,236,.48) 68%,
      #f7f3ec 100%);
}

/* Four equal statistics columns */
.v14-stats-grid{
  grid-template-columns:repeat(4,1fr);
}
.v14-stats-grid>div{
  min-height:168px;
}
.v14-stats strong{
  font-size:56px;
}
.v14-stats span{
  max-width:220px;
}

@media(max-width:1100px){
  .v16-products .v14-category-grid{
    grid-template-columns:repeat(4,1fr);
  }
  .v16-products .v14-category:nth-child(4n){
    border-right:0 !important;
  }
  .v16-products .v14-category:nth-child(-n+4){
    border-bottom:1px solid #d9d1c4 !important;
  }
  .v14-stats-grid{
    grid-template-columns:1fr 1fr;
  }
  .v14-stats-grid>div:nth-child(2n){
    border-right:0;
  }
  .v14-stats-grid>div:nth-child(-n+2){
    border-bottom:1px solid #d9d1c4;
  }
}

@media(max-width:720px){
  .v9-hero-copy .v6-actions .btn{
    width:100%;
    min-width:0;
  }
  .v16-products .v14-category-grid{
    grid-template-columns:1fr 1fr;
  }
  .v16-products .v14-category{
    min-height:126px;
    padding:20px 9px 17px;
  }
  .v16-products .v14-category:nth-child(2n){
    border-right:0 !important;
  }
  .v16-products .v14-category:nth-child(-n+6){
    border-bottom:1px solid #d9d1c4 !important;
  }
  .v14-stats-grid{
    grid-template-columns:1fr;
  }
  .v14-stats-grid>div{
    border-right:0;
    border-bottom:1px solid #d9d1c4;
  }
  .v14-stats-grid>div:last-child{
    border-bottom:0;
  }
}


/* =========================
   V22 — centered process section
   wide video + four stages
   ========================= */
.v22-process{
  position:relative;
  overflow:hidden;
  padding:105px 0 110px;
  background:
    radial-gradient(circle at 50% 0%,rgba(41,88,71,.20),transparent 38%),
    linear-gradient(180deg,#102019 0%,#0c1a15 100%);
  color:#f4f1ea;
}
.v22-process:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.03) 50%,transparent 50.2%);
}
.v22-process .container{
  position:relative;
  z-index:1;
}
.v22-process-head{
  max-width:980px;
  margin:0 auto 44px;
  text-align:center;
}
.v22-process-head h2{
  margin:18px auto 18px;
  max-width:1000px;
  font:500 clamp(52px,5vw,76px)/.98 'Cormorant Garamond',serif;
  letter-spacing:-.025em;
}
.v22-process-head p{
  max-width:700px;
  margin:0 auto;
  color:rgba(255,255,255,.64);
  font-size:17px;
}
.v22-process-video{
  width:min(1120px,100%);
  aspect-ratio:16/7.2;
  margin:0 auto 58px;
  overflow:hidden;
  border:1px solid rgba(203,174,112,.55);
  border-radius:2px;
  background:#08100d;
  box-shadow:0 25px 70px rgba(0,0,0,.28);
}
.v22-process-video iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.v22-process-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.14);
}
.v22-process-steps article{
  position:relative;
  min-width:0;
  padding:46px 34px 16px;
  border-right:1px solid rgba(255,255,255,.12);
}
.v22-process-steps article:last-child{
  border-right:0;
}
.v22-step-icon{
  width:62px;
  height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:-78px;
  margin-bottom:24px;
  border:1px solid rgba(207,171,100,.74);
  border-radius:50%;
  background:#102019;
  color:#d2ad66;
  font:500 25px/1 'Cormorant Garamond',serif;
}
.v22-step-number{
  color:#d2ad66;
  font-size:12px;
  font-weight:800;
  letter-spacing:.15em;
}
.v22-process-steps h3{
  margin:14px 0 14px;
  font:600 31px/1.02 'Cormorant Garamond',serif;
}
.v22-process-steps p{
  margin:0;
  color:rgba(255,255,255,.66);
  font-size:14px;
  line-height:1.72;
}
@media(max-width:1100px){
  .v22-process-steps{
    grid-template-columns:1fr 1fr;
  }
  .v22-process-steps article:nth-child(2n){
    border-right:0;
  }
  .v22-process-steps article:nth-child(-n+2){
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .v22-process-steps article{
    padding-top:52px;
    padding-bottom:34px;
  }
  .v22-process-steps article:nth-child(n+3){
    margin-top:42px;
  }
}
@media(max-width:720px){
  .v22-process{
    padding:78px 0 82px;
  }
  .v22-process-head{
    text-align:left;
    margin-bottom:30px;
  }
  .v22-process-head h2{
    font-size:46px;
  }
  .v22-process-head p{
    margin-left:0;
    font-size:15px;
  }
  .v22-process-video{
    aspect-ratio:16/9;
    margin-bottom:50px;
  }
  .v22-process-steps{
    grid-template-columns:1fr;
  }
  .v22-process-steps article,
  .v22-process-steps article:nth-child(2n){
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
    padding:44px 0 34px;
  }
  .v22-process-steps article:last-child{
    border-bottom:0;
  }
  .v22-process-steps article:nth-child(n+2){
    margin-top:40px;
  }
  .v22-step-icon{
    margin-top:-72px;
  }
}


/* =========================
   V23 — clean hero ending and custom process preview
   ========================= */

/* Remove the white fade at the bottom of the first screen */
.v9-hero:after{
  display:none !important;
}
.v9-hero{
  border-bottom:1px solid rgba(255,255,255,.08);
}

/* More compact, sales-focused process heading */
.v22-process-head{
  max-width:920px;
  margin-bottom:38px;
}
.v22-process-head h2{
  max-width:900px;
  font-size:clamp(54px,4.6vw,72px);
  line-height:1;
}
.v22-process-head p{
  max-width:760px;
  font-size:18px;
  line-height:1.6;
}

/* Custom narrower video preview */
.v23-process-video{
  position:relative;
  display:block;
  width:min(960px,100%);
  aspect-ratio:5.45/1;
  margin:0 auto 62px;
  overflow:hidden;
  border:1px solid rgba(203,174,112,.56);
  background:#08100d;
  box-shadow:0 24px 65px rgba(0,0,0,.28);
  text-decoration:none;
}
.v23-process-video img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transition:transform .45s ease;
}
.v23-video-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,10,8,.44),rgba(3,10,8,.04) 48%,rgba(3,10,8,.38)),
    linear-gradient(0deg,rgba(3,10,8,.56),transparent 58%);
}
.v23-video-play{
  position:absolute;
  left:50%;
  top:50%;
  width:62px;
  height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translate(-50%,-50%);
  border:1px solid rgba(223,190,126,.68);
  border-radius:50%;
  background:rgba(176,139,77,.84);
  color:#fff;
  font-size:20px;
  padding-left:4px;
  box-shadow:0 10px 30px rgba(0,0,0,.28);
}
.v23-video-caption{
  position:absolute;
  left:24px;
  bottom:18px;
  max-width:55%;
  color:#fff;
  font-size:13px;
  font-weight:700;
}
.v23-video-youtube{
  position:absolute;
  right:24px;
  bottom:18px;
  color:rgba(255,255,255,.88);
  font-size:12px;
}
@media(hover:hover){
  .v23-process-video:hover img{
    transform:scale(1.025);
  }
  .v23-process-video:hover .v23-video-play{
    background:#c69a50;
  }
}
@media(max-width:720px){
  .v22-process-head h2{
    font-size:45px;
  }
  .v22-process-head p{
    font-size:16px;
  }
  .v23-process-video{
    aspect-ratio:16/7;
    margin-bottom:54px;
  }
  .v23-video-play{
    width:52px;
    height:52px;
  }
  .v23-video-caption{
    left:14px;
    bottom:12px;
    max-width:72%;
    font-size:11px;
  }
  .v23-video-youtube{
    display:none;
  }
}