/* Dermaline Science V24 - equal ingredient tile widths with centered bottom row and harmonized typography */
body.home{background:#fff!important;}
.home .ds-header,.home .ds-search-panel,.home .ds-footer{display:none!important;}
.home .ds-topics-section,.home #popular-topics,.home .related-topics,.home .related-posts,.home .post-related,.home .ds-related-topics,.home .ds-related{display:none!important;}
.home main{min-height:auto!important;background:#fff!important;}
.home .ds-wrap{padding-inline:clamp(28px,3.1vw,56px)!important;}

/* Hero: visible, proportional, not oversized */
.home .ds-hero{background:#fff!important;border-top:1px solid #e8e7e3!important;border-bottom:1px solid #e8e7e3!important;}
.home .ds-hero-inner{display:grid!important;grid-template-columns:1fr 1fr!important;direction:ltr!important;height:225px!important;min-height:225px!important;padding-inline:0!important;}
.home .ds-hero-art{grid-column:1!important;position:relative!important;height:225px!important;min-height:225px!important;overflow:hidden!important;background:#faf9f6!important;}
.home .ds-hero-art>img:not(.ds-hero-logo){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
.home .ds-hero-logo{position:absolute!important;left:18px!important;top:22px!important;z-index:3!important;width:76px!important;height:auto!important;max-width:none!important;max-height:none!important;opacity:.34!important;mix-blend-mode:multiply!important;filter:grayscale(1) brightness(0)!important;}
.home .ds-hero-copy{grid-column:2!important;direction:rtl!important;text-align:right!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding:26px 42px 26px 44px!important;overflow:hidden!important;}
.home .ds-hero-copy h1{font-size:33px!important;line-height:1.38!important;letter-spacing:-.4px!important;margin:0 0 9px!important;max-width:430px!important;font-weight:800!important;}
.home .ds-hero-copy p{font-size:12.5px!important;line-height:1.95!important;color:#6e6e6e!important;max-width:470px!important;margin:0 0 13px!important;}
.home .ds-hero-copy .ds-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:138px!important;border:2px solid #111!important;padding:8px 15px!important;border-radius:5px!important;font-size:11px!important;font-weight:700!important;background:#fff!important;color:#111!important;}
.home .ds-hero-copy .ds-btn:hover{background:#111!important;color:#fff!important;}
.home .ds-kicker{display:none!important;}

/* Sections */
.home .ds-section{padding:20px 0 18px!important;}
.home .ds-section+.ds-section{padding-top:20px!important;}
.home .ds-section-last{padding-bottom:22px!important;}
.home .ds-section-head{display:block!important;text-align:left!important;direction:ltr!important;margin:0 0 13px!important;}
.home .ds-section-head h2{margin:0!important;font-size:21px!important;line-height:1.35!important;font-weight:700!important;}
.home .ds-section-head>a{display:none!important;}

/* Shared tiles */
.home .ds-tile{display:flex!important;flex-direction:column!important;gap:8px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;min-width:0!important;transform:none!important;}
.home .ds-tile:hover,.home .ds-tile:hover .ds-card-main,.home .ds-tile:hover .ds-ingredient-main,.home .ds-tile:hover .ds-tile-action{transform:none!important;box-shadow:none!important;}
.home .ds-card-main,.home .ds-ingredient-main,.home .ds-tile-action{background:#fff!important;border:4px solid #3f3f3f!important;border-radius:7px!important;overflow:hidden!important;box-shadow:none!important;}
.home .ds-tile-action{min-height:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:6px 9px!important;font-size:10px!important;line-height:1.28!important;font-weight:700!important;background:#fff!important;color:#111!important;}
.home .ds-tile-action:hover{background:#fff!important;color:#111!important;}

/* Ingredients: 4 on first row + 3 on second row, more vertical breathing room */
.home .ds-ingredient-grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;column-gap:14px!important;row-gap:38px!important;align-items:start!important;}
.home .ds-ingredient-grid>.ds-tile:nth-child(-n+4){grid-column:span 2!important;}
.home .ds-ingredient-grid>.ds-tile:nth-child(5){grid-column:2 / span 2!important;}.home .ds-ingredient-grid>.ds-tile:nth-child(6){grid-column:4 / span 2!important;}.home .ds-ingredient-grid>.ds-tile:nth-child(7){grid-column:6 / span 2!important;}
.home .ds-ingredient-main{display:flex!important;flex-direction:column!important;height:158px!important;}
.home .ds-ingredient-visual{height:82px!important;min-height:82px!important;background:#f8f7f4!important;overflow:hidden!important;}
.home .ds-ingredient-visual img{width:100%!important;height:100%!important;object-fit:cover!important;}
.home .ds-ingredient-body{height:68px!important;min-height:68px!important;padding:10px 11px 11px!important;display:flex!important;flex-direction:column!important;direction:rtl!important;text-align:right!important;}
.home .ds-ingredient strong{display:block!important;font-size:13.5px!important;line-height:1.42!important;margin-bottom:3px!important;font-weight:700!important;}
.home .ds-ingredient small{display:block!important;font-size:10px!important;line-height:1.5!important;color:#676767!important;margin-bottom:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.home .ds-evidence{font-size:9px!important;line-height:1.4!important;color:#27764d!important;font-weight:700!important;margin-top:auto!important;}

/* Featured articles */
.home .ds-grid-4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:start!important;}
.home .ds-card>.ds-card-main{height:122px!important;display:grid!important;grid-template-columns:1fr 1fr!important;direction:rtl!important;}
.home .ds-card-body{grid-column:1!important;padding:12px 12px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;direction:rtl!important;text-align:right!important;min-width:0!important;}
.home .ds-card-media{grid-column:2!important;height:122px!important;background:#f8f7f4!important;overflow:hidden!important;}
.home .ds-card-media img{width:100%!important;height:100%!important;object-fit:cover!important;}
.home .ds-meta{font-size:8.5px!important;color:#929292!important;margin-bottom:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.home .ds-card h3{font-size:12.4px!important;line-height:1.58!important;margin:0!important;font-weight:700!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.home .ds-card p{display:none!important;}
.home .ds-read-time{font-size:9px!important;color:#8c8c8c!important;margin-top:6px!important;}

/* Bottom black bar visible within normal desktop viewport */
.home .ds-trust{display:block!important;background:#090909!important;color:#fff!important;margin-top:22px!important;}
.home .ds-trust .ds-wrap{display:grid!important;grid-template-columns:repeat(4,1fr)!important;padding-inline:0!important;}
.home .ds-trust-item{padding:16px 18px!important;border-left:1px solid #252525!important;text-align:center!important;}
.home .ds-trust-item:last-child{border-left:0!important;}
.home .ds-trust-item strong{display:block!important;font-size:12px!important;margin-bottom:3px!important;}
.home .ds-trust-item span{display:block!important;font-size:8.4px!important;line-height:1.62!important;color:#bdbdbd!important;}

@media (max-width:1320px){
  .home .ds-wrap{padding-inline:24px!important;}
  .home .ds-hero-inner{height:auto!important;min-height:0!important;grid-template-columns:1fr!important;}
  .home .ds-hero-art{grid-column:1!important;height:214px!important;min-height:214px!important;}
  .home .ds-hero-copy{grid-column:1!important;padding:24px!important;}
  .home .ds-ingredient-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;row-gap:18px!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(-n+4),.home .ds-ingredient-grid>.ds-tile:nth-child(5),.home .ds-ingredient-grid>.ds-tile:nth-child(6),.home .ds-ingredient-grid>.ds-tile:nth-child(7){grid-column:span 1!important;}
  .home .ds-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:680px){
  .home .ds-wrap{padding-inline:16px!important;}
  .home .ds-hero-art{height:174px!important;min-height:174px!important;}
  .home .ds-hero-copy h1{font-size:27px!important;}
  .home .ds-hero-copy p{font-size:12px!important;}
  .home .ds-ingredient-grid,.home .ds-grid-4{grid-template-columns:1fr!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(-n+4),.home .ds-ingredient-grid>.ds-tile:nth-child(5),.home .ds-ingredient-grid>.ds-tile:nth-child(6),.home .ds-ingredient-grid>.ds-tile:nth-child(7){grid-column:span 1!important;}
  .home .ds-ingredient-main{height:158px!important;}
  .home .ds-ingredient-visual{height:90px!important;min-height:90px!important;}
  .home .ds-ingredient-body{height:68px!important;min-height:68px!important;}
  .home .ds-card>.ds-card-main,.home .ds-card-media{height:130px!important;}
  .home .ds-trust .ds-wrap{grid-template-columns:1fr 1fr!important;}
}


/* V25 FINAL OVERRIDES — equal 7 ingredient tile size, 4 + centered 3 */
@media (min-width:1321px){
  .home .ds-ingredient-grid{
    display:grid!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    column-gap:14px!important;
    row-gap:38px!important;
    align-items:start!important;
  }
  .home .ds-ingredient-grid>.ds-tile:nth-child(1),
  .home .ds-ingredient-grid>.ds-tile:nth-child(2),
  .home .ds-ingredient-grid>.ds-tile:nth-child(3),
  .home .ds-ingredient-grid>.ds-tile:nth-child(4){
    grid-column:span 2!important;
  }
  .home .ds-ingredient-grid>.ds-tile:nth-child(5){grid-column:2 / span 2!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(6){grid-column:4 / span 2!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(7){grid-column:6 / span 2!important;}

  .home .ds-ingredient strong{font-size:12.5px!important;}
  .home .ds-ingredient small{font-size:9.4px!important;}
  .home .ds-evidence{font-size:8.6px!important;}
  .home .ds-tile-action{font-size:9.6px!important;}
  .home .ds-card h3{font-size:11.8px!important;}
  .home .ds-meta{font-size:8px!important;}
  .home .ds-read-time{font-size:8.5px!important;}
}


/* V27 FIX: equal-width ingredient tiles, centered second row */
@media (min-width:1321px){
  .home .ds-ingredient-grid{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    column-gap:14px!important;
    row-gap:38px!important;
    align-items:start!important;
  }
  .home .ds-ingredient-grid>.ds-tile:nth-child(1){grid-column:1 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(2){grid-column:4 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(3){grid-column:7 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(4){grid-column:10 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(5){grid-column:2 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(6){grid-column:5 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(7){grid-column:8 / span 3!important;}
}
@media (max-width:1320px){
  .home .ds-ingredient-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(1),
  .home .ds-ingredient-grid>.ds-tile:nth-child(2),
  .home .ds-ingredient-grid>.ds-tile:nth-child(3),
  .home .ds-ingredient-grid>.ds-tile:nth-child(4),
  .home .ds-ingredient-grid>.ds-tile:nth-child(5),
  .home .ds-ingredient-grid>.ds-tile:nth-child(6),
  .home .ds-ingredient-grid>.ds-tile:nth-child(7){grid-column:span 1!important;}
}


/* V29 ONLY: slightly increase vertical height; horizontal width/layout unchanged from V27 */
.home .ds-ingredient-main{height:172px!important;}
.home .ds-ingredient-visual{height:92px!important;min-height:92px!important;}
.home .ds-ingredient-body{height:80px!important;min-height:80px!important;}
.home .ds-tile-action{min-height:38px!important;height:38px!important;}
.home .ds-card>.ds-card-main{height:134px!important;}
.home .ds-card-media{height:134px!important;}
@media (max-width:680px){
  .home .ds-ingredient-main{height:172px!important;}
  .home .ds-ingredient-visual{height:94px!important;min-height:94px!important;}
  .home .ds-ingredient-body{height:78px!important;min-height:78px!important;}
  .home .ds-card>.ds-card-main,.home .ds-card-media{height:138px!important;}
}


/* V30: thicker card borders only */
.home .ds-card-main,.home .ds-ingredient-main,.home .ds-tile-action{border-width:4px!important;border-color:#3f3f3f!important;}


/* V32 — keep the exact V30 tile geometry; all 7 ingredient tiles are identical. */
.home .ds-ingredient-grid{align-items:start!important;}
.home .ds-ingredient-grid>.ds-tile{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.home .ds-ingredient-main.ds-ingredient-poster-card{
  width:100%!important;
  height:172px!important;
  min-height:172px!important;
  max-height:172px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
.home .ds-ingredient-poster-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
}
.home .ds-ingredient>.ds-tile-action{
  width:100%!important;
  box-sizing:border-box!important;
}

/* Desktop: exact 4 + centered 3 layout, every tile same width. */
@media (min-width:1321px){
  .home .ds-ingredient-grid{
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    column-gap:14px!important;
    row-gap:38px!important;
  }
  .home .ds-ingredient-grid>.ds-tile:nth-child(1){grid-column:1 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(2){grid-column:4 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(3){grid-column:7 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(4){grid-column:10 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(5){grid-column:2 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(6){grid-column:5 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(7){grid-column:8 / span 3!important;}
}

@media (max-width:1320px){
  .home .ds-ingredient-main.ds-ingredient-poster-card{
    height:172px!important;
    min-height:172px!important;
    max-height:172px!important;
  }
}


/* V33: keep width/layout unchanged, make ingredient cards slightly taller and show poster images fully */
.home .ds-ingredient-main.ds-ingredient-poster-card{height:238px!important;min-height:238px!important;max-height:238px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;}
.home .ds-ingredient-poster-image{width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;display:block!important;background:#fff!important;}
.home .ds-ingredient>.ds-tile-action{min-height:38px!important;height:38px!important;}
@media (max-width:1320px){
  .home .ds-ingredient-main.ds-ingredient-poster-card{height:228px!important;min-height:228px!important;max-height:228px!important;}
}
@media (max-width:680px){
  .home .ds-ingredient-main.ds-ingredient-poster-card{height:220px!important;min-height:220px!important;max-height:220px!important;}
}


/* V34 FINAL FIX
   Keep V33 horizontal width/layout exactly unchanged.
   Only increase vertical card height and guarantee the complete poster image,
   including text near the bottom edge, remains visible. */
.home .ds-ingredient-main.ds-ingredient-poster-card{
  height:270px!important;
  min-height:270px!important;
  max-height:270px!important;
  padding:10px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#fff!important;
}

.home .ds-ingredient-main.ds-ingredient-poster-card > .ds-ingredient-poster-image{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:calc(100% - 2px)!important;
  max-height:calc(100% - 2px)!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
  padding:0!important;
  flex:0 1 auto!important;
  background:#fff!important;
}

/* Desktop geometry intentionally unchanged: 4 equal tiles + centered 3. */
@media (min-width:1321px){
  .home .ds-ingredient-grid{
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    column-gap:14px!important;
    row-gap:38px!important;
  }
  .home .ds-ingredient-grid>.ds-tile:nth-child(1){grid-column:1 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(2){grid-column:4 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(3){grid-column:7 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(4){grid-column:10 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(5){grid-column:2 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(6){grid-column:5 / span 3!important;}
  .home .ds-ingredient-grid>.ds-tile:nth-child(7){grid-column:8 / span 3!important;}
}

@media (max-width:1320px){
  .home .ds-ingredient-main.ds-ingredient-poster-card{
    height:258px!important;
    min-height:258px!important;
    max-height:258px!important;
  }
}

@media (max-width:680px){
  .home .ds-ingredient-main.ds-ingredient-poster-card{
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
  }
}


/* V35 logo replacement: new logo, same faded black look, slightly larger */
.home .ds-hero-logo{width:96px!important;left:18px!important;top:18px!important;opacity:.33!important;mix-blend-mode:multiply!important;filter:grayscale(1) brightness(0)!important;}
@media (max-width:680px){.home .ds-hero-logo{width:82px!important;left:12px!important;top:12px!important;}}


/* V36 logo cache-bust update */
.home .ds-hero-logo{width:104px!important;left:18px!important;top:16px!important;opacity:.33!important;mix-blend-mode:multiply!important;filter:grayscale(1) brightness(0)!important;}
@media (max-width:680px){.home .ds-hero-logo{width:86px!important;left:12px!important;top:12px!important;}}


/* V37 HERO ONLY — approved full-width black/white banner.
   Tile geometry, spacing, borders and 4+3 ingredient layout are intentionally untouched. */
.home .ds-hero.ds-hero-banner{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  background:#000!important;
}
.home .ds-hero-banner-image{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
}


/* V38 ARTICLES ONLY — match the 4 featured-article tiles to the exact outer
   dimensions of the 7 ingredient tiles. No other layout/style is changed. */
@media (min-width:1321px){
  .home .ds-grid-4{gap:14px!important;}
  .home .ds-card>.ds-card-main{
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
  }
  .home .ds-card-media{
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
  }
}

@media (max-width:1320px) and (min-width:681px){
  .home .ds-card>.ds-card-main{
    height:258px!important;
    min-height:258px!important;
    max-height:258px!important;
  }
  .home .ds-card-media{
    height:258px!important;
    min-height:258px!important;
    max-height:258px!important;
  }
}

@media (max-width:680px){
  .home .ds-card>.ds-card-main{
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
  }
  .home .ds-card-media{
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
  }
}


/* V39 NEW MIDDLE BANNER ONLY — placed between ingredients and featured articles.
   Existing hero, ingredient tiles, article tiles, borders and 4+3 layout are untouched. */
.home .ds-mid-banner{
  width:100%!important;
  max-width:none!important;
  margin:10px 0 4px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#000!important;
}
.home .ds-mid-banner-image{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
}


/* V40 ONLY: reduce the vertical height of the middle banner.
   Horizontal width and all other page/tile geometry remain unchanged. */
.home .ds-mid-banner{height:190px!important;min-height:190px!important;max-height:190px!important;}
.home .ds-mid-banner-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;}
@media (max-width:1320px){
  .home .ds-mid-banner{height:170px!important;min-height:170px!important;max-height:170px!important;}
}
@media (max-width:680px){
  .home .ds-mid-banner{height:135px!important;min-height:135px!important;max-height:135px!important;}
}


/* V41 ONLY: slightly increase middle-banner height from V40.
   Width, position, crop mode, hero and every tile remain unchanged. */
.home .ds-mid-banner{height:215px!important;min-height:215px!important;max-height:215px!important;}
@media (max-width:1320px){
  .home .ds-mid-banner{height:190px!important;min-height:190px!important;max-height:190px!important;}
}
@media (max-width:680px){
  .home .ds-mid-banner{height:150px!important;min-height:150px!important;max-height:150px!important;}
}


/* V44: slightly larger text in all tile action bars only */
.home .ds-tile-action{font-size:11.5px!important;}

/* V47 — corrected single-logo scroll morph.
   The hero footprint is unchanged, so the rest of the homepage does not reflow.
   One logo moves/shrinks continuously; the model artwork fades; black bar always remains. */
.home .ds-hero.ds-hero-banner.ds-hero-morph-shell{
  position:relative!important;
  width:100%!important;
  aspect-ratio:2048 / 360!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  background:#000!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
}
.home .ds-hero-morph{
  position:fixed!important;
  z-index:75!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:var(--ds-hero-live-height,auto)!important;
  overflow:hidden!important;
  background:#000!important;
  pointer-events:none!important;
  transform:translateZ(0)!important;
  will-change:height!important;
}
.home .ds-hero-morph-image{
  position:absolute!important;
  z-index:1!important;
  left:0!important;
  top:var(--ds-hero-image-y,0px)!important;
  width:100%!important;
  height:var(--ds-hero-start-height,auto)!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:var(--ds-hero-image-opacity,1)!important;
  pointer-events:none!important;
  will-change:opacity,top!important;
}
.home .ds-hero-floating-logo{
  position:absolute!important;
  z-index:3!important;
  left:var(--ds-hero-logo-left,16.2%)!important;
  top:var(--ds-hero-logo-top,15%)!important;
  width:var(--ds-hero-logo-width,16.7%)!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:grayscale(1) brightness(0) invert(1)!important;
  mix-blend-mode:normal!important;
  pointer-events:none!important;
  transform:translateZ(0)!important;
  transform-origin:left top!important;
  will-change:left,top,width!important;
}
.home .ds-hero-morph::after{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:1px!important;
  background:rgba(255,255,255,var(--ds-hero-divider-opacity,0))!important;
  pointer-events:none!important;
}
@media (prefers-reduced-motion:reduce){
  .home .ds-hero-morph,
  .home .ds-hero-morph-image,
  .home .ds-hero-floating-logo{will-change:auto!important;}
}

/* V48 — section 3 added with the approved banner image and a second 4-tile row.
   Section 2 banner is made only slightly taller; all card geometry remains unchanged. */
.home .ds-mid-banner{
  height:228px!important;
  min-height:228px!important;
  max-height:228px!important;
}
@media (max-width:1320px){
  .home .ds-mid-banner{
    height:202px!important;
    min-height:202px!important;
    max-height:202px!important;
  }
}
@media (max-width:680px){
  .home .ds-mid-banner{
    height:162px!important;
    min-height:162px!important;
    max-height:162px!important;
  }
}
.home .ds-third-banner{
  margin:14px 0 4px!important;
}
.home #more-articles{
  padding-top:18px!important;
}

/* V50 — third banner is pulled farther back so the full face and bottle remain visible.
   The approved section height and all tiles stay unchanged. */
.home .ds-third-banner{
  background:#d7d6d6!important;
}
.home .ds-third-banner-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* V50 — vector THE DMB mark.  The mark is now SVG/path based, so the large
   state remains crisp instead of exposing the pixels of the old 232px PNG. */
.home .ds-hero-floating-logo{
  image-rendering:auto!important;
  filter:invert(1)!important;
}

/* V51 — approved third-banner artwork shown without zoom/crop.
   Only section three is changed; section two and all tile layouts keep V50 geometry. */
.home .ds-third-banner{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:2172 / 724!important;
  background:#17181a!important;
  overflow:hidden!important;
}
.home .ds-third-banner-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}

/* V52 — section three is exactly the same strip height as section two.
   The artwork itself is pre-composed for the strip, so face + bottle stay visible
   without making the section tall. Everything else remains unchanged. */
.home .ds-third-banner{
  height:228px!important;
  min-height:228px!important;
  max-height:228px!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  background:#17181a!important;
}
.home .ds-third-banner-image{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}
@media (max-width:1320px){
  .home .ds-third-banner{
    height:202px!important;
    min-height:202px!important;
    max-height:202px!important;
  }
}
@media (max-width:680px){
  .home .ds-third-banner{
    height:162px!important;
    min-height:162px!important;
    max-height:162px!important;
  }
}

/* V54 — Featured Articles: 4 cards on the first row + 2 centered cards below.
   Card dimensions and visual styling remain identical to the existing four-card row. */
.home #featured-articles .ds-grid-4 > .ds-tile:nth-child(5){
  grid-column:2!important;
}
.home #featured-articles .ds-grid-4 > .ds-tile:nth-child(6){
  grid-column:3!important;
}
@media (max-width:1320px){
  .home #featured-articles .ds-grid-4 > .ds-tile:nth-child(5),
  .home #featured-articles .ds-grid-4 > .ds-tile:nth-child(6){
    grid-column:auto!important;
  }
}
@media (max-width:680px){
  .home #featured-articles .ds-grid-4 > .ds-tile:nth-child(5),
  .home #featured-articles .ds-grid-4 > .ds-tile:nth-child(6){
    grid-column:auto!important;
  }
}

/* V55 — section three reduced to 2 cards only.
   Card size stays visually aligned with the four-card row above, the pair is centered,
   and the horizontal gap between the two cards is slightly larger. */
.home #more-articles .ds-grid-4{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:34px!important;
}
.home #more-articles .ds-grid-4 > .ds-tile{
  flex:0 0 calc((100% - 48px) / 4)!important;
  width:calc((100% - 48px) / 4)!important;
  max-width:calc((100% - 48px) / 4)!important;
}
@media (max-width:1320px){
  .home #more-articles .ds-grid-4{
    gap:20px!important;
  }
  .home #more-articles .ds-grid-4 > .ds-tile{
    flex:0 0 calc((100% - 14px) / 2)!important;
    width:calc((100% - 14px) / 2)!important;
    max-width:calc((100% - 14px) / 2)!important;
  }
}
@media (max-width:680px){
  .home #more-articles .ds-grid-4{
    gap:14px!important;
  }
  .home #more-articles .ds-grid-4 > .ds-tile{
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
  }
}

/* V56 — native smart full-page vertical section snapping.
   The three existing homepage groups become three scroll slides without changing
   their card/banner geometry. Oversized slides remain naturally scrollable. */
.home{
  --ds-snap-bar-height:92px;
}
@media (max-width:1100px){
  .home{--ds-snap-bar-height:78px;}
}
@media (max-width:680px){
  .home{--ds-snap-bar-height:62px;}
}

/* home-v56.css is loaded only on the front page, so the document scroller can
   safely own the snap behavior here. */
html{
  scroll-snap-type:y mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-y:none;
}
body.home{
  scroll-snap-type:y mandatory;
}
.home .ds-home-slide{
  position:relative!important;
  width:100%!important;
  min-height:100vh;
  min-height:100svh;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
.home .ds-home-slide-1{
  scroll-margin-top:0!important;
}
.home .ds-home-slide-2,
.home .ds-home-slide-3{
  min-height:calc(100vh - var(--ds-snap-bar-height));
  min-height:calc(100svh - var(--ds-snap-bar-height));
  scroll-margin-top:var(--ds-snap-bar-height)!important;
}

/* On touch-sized screens keep the assistance gentle so long content never
   feels trapped, while desktop retains the slide-like lock requested. */
@media (max-width:680px){
  html,body.home{scroll-snap-type:y proximity;}
  .home .ds-home-slide{scroll-snap-stop:normal;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
}
.home .ds-home-slide{
  min-height:var(--ds-real-vh,100svh);
}
.home .ds-home-slide-2,
.home .ds-home-slide-3{
  min-height:calc(var(--ds-real-vh,100svh) - var(--ds-snap-bar-height));
}

/* V57 — premium section transitions.
   Native mandatory snap is disabled: JS owns a slower quintic transition so
   sections glide into place rather than being magnetically yanked. */
html,
body.home{
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
}
.home .ds-home-slide{
  scroll-snap-align:none!important;
  scroll-snap-stop:normal!important;
}

/* Very restrained settling motion: enough depth to feel intentional, without
   changing dimensions or the approved card/banner layout. */
.home .ds-home-slide > .ds-mid-banner,
.home .ds-home-slide > .ds-section > .ds-wrap{
  opacity:.965;
  transform:translateY(10px) scale(.998);
  transform-origin:center top;
  transition:
    opacity 680ms cubic-bezier(.22,.61,.36,1),
    transform 920ms cubic-bezier(.16,1,.3,1);
  will-change:opacity,transform;
}
.home .ds-home-slide.is-active > .ds-mid-banner,
.home .ds-home-slide.is-active > .ds-section > .ds-wrap{
  opacity:1;
  transform:translateY(0) scale(1);
}
.home.ds-snap-animating,
body.home.ds-snap-animating{
  overscroll-behavior-y:none;
}

/* Mobile keeps native movement first; the JS only provides a gentle settle. */
@media (max-width:680px), (pointer:coarse){
  html,
  body.home{
    scroll-snap-type:y proximity!important;
    scroll-behavior:smooth!important;
  }
  .home .ds-home-slide{
    scroll-snap-align:start!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .home .ds-home-slide > .ds-mid-banner,
  .home .ds-home-slide > .ds-section > .ds-wrap{
    transition:none!important;
    transform:none!important;
    opacity:1!important;
  }
}

/* V58 — calmer, more luxurious section-to-section motion. */
.home .ds-home-slide > .ds-mid-banner,
.home .ds-home-slide > .ds-section > .ds-wrap{
  opacity:.985!important;
  transform:translateY(6px)!important;
  transition:
    opacity 1100ms cubic-bezier(.22,.61,.36,1),
    transform 1350ms cubic-bezier(.16,1,.3,1)!important;
}
.home .ds-home-slide.is-active > .ds-mid-banner,
.home .ds-home-slide.is-active > .ds-section > .ds-wrap{
  opacity:1!important;
  transform:translateY(0)!important;
}

/* V58 — section 2 now has exactly four cards. Their card dimensions remain the
   same as the original four-column geometry; the row is centered and its gaps
   are opened up to match the more spacious section-three treatment. */
.home #featured-articles .ds-grid-4{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:34px!important;
}
.home #featured-articles .ds-grid-4 > .ds-tile{
  flex:0 0 calc((100% - 48px) / 4)!important;
  width:calc((100% - 48px) / 4)!important;
  max-width:calc((100% - 48px) / 4)!important;
  grid-column:auto!important;
}
@media (max-width:1320px){
  .home #featured-articles .ds-grid-4{gap:20px!important;justify-content:center!important;}
  .home #featured-articles .ds-grid-4 > .ds-tile{
    flex:0 0 calc((100% - 14px) / 2)!important;
    width:calc((100% - 14px) / 2)!important;
    max-width:calc((100% - 14px) / 2)!important;
  }
}
@media (max-width:680px){
  .home #featured-articles .ds-grid-4{gap:14px!important;justify-content:center!important;}
  .home #featured-articles .ds-grid-4 > .ds-tile{
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
  }
}

/* V58 — one shared display type system for banner 2, banner 3 and the three
   phrases below the THE DMB logo. Existing text baked into the artwork is
   covered, then replaced with live high-resolution typography. */
.home .ds-second-banner,
.home .ds-third-banner{
  position:relative!important;
}
.home .ds-banner-copy,
.home .ds-hero-tagline{
  font-family:"Noto Serif Display","Bodoni MT",Didot,"Times New Roman",serif!important;
  font-weight:400!important;
  font-style:normal!important;
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:antialiased!important;
}
.home .ds-banner-copy{
  position:absolute!important;
  z-index:4!important;
  left:18.7%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  direction:ltr!important;
  text-align:left!important;
  color:#bfc0c2!important;
  font-size:clamp(24px,1.95vw,40px)!important;
  line-height:1.04!important;
  letter-spacing:.005em!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
.home .ds-second-banner::before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:55%!important;
  background:#000!important;
  pointer-events:none!important;
}
.home .ds-third-banner::before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:64%!important;
  background:linear-gradient(90deg,#121315 0%,#151618 68%,rgba(21,22,24,.96) 82%,rgba(21,22,24,0) 100%)!important;
  pointer-events:none!important;
}
.home .ds-banner-copy-collection{
  color:#bfc0c2!important;
}

/* Cover only the old sans-serif tagline underneath the hero divider; the
   horizontal divider itself and all approved hero artwork stay untouched. */
.home .ds-hero-morph::before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  left:5.8%!important;
  top:81%!important;
  width:42%!important;
  bottom:0!important;
  background:#000!important;
  pointer-events:none!important;
}
.home .ds-hero-tagline{
  position:absolute!important;
  z-index:3!important;
  left:8.6%!important;
  top:84.2%!important;
  width:34.4%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:clamp(8px,1vw,22px)!important;
  color:#bfc0c2!important;
  direction:ltr!important;
  text-align:left!important;
  font-size:clamp(13px,1.28vw,26px)!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  opacity:var(--ds-hero-image-opacity,1)!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  will-change:opacity!important;
}
.home .ds-hero-tagline b{
  font:inherit!important;
  font-weight:400!important;
  opacity:.82!important;
}
@media (max-width:1100px){
  .home .ds-banner-copy{left:15%!important;font-size:clamp(21px,2.5vw,32px)!important;}
  .home .ds-hero-tagline{left:7%!important;width:39%!important;font-size:clamp(11px,1.5vw,18px)!important;}
}
@media (max-width:680px){
  .home .ds-banner-copy{left:7%!important;font-size:clamp(16px,5vw,22px)!important;}
  .home .ds-second-banner::before{width:62%!important;}
  .home .ds-third-banner::before{width:70%!important;}
  .home .ds-hero-tagline{left:4.5%!important;width:47%!important;font-size:9px!important;gap:5px!important;}
}
@media (prefers-reduced-motion:reduce){
  .home .ds-hero-tagline{will-change:auto!important;}
}

/* V60 — section 2 tiles are truly centered in both landscape and portrait
   layouts. Card dimensions/styling remain the same; only the container width
   and centering logic are refined so the group sits balanced with equal outer
   margins on both sides. */
.home #featured-articles .ds-grid-4{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:min(calc(100% - 140px), 1600px)!important;
  max-width:1600px!important;
  margin-inline:auto!important;
  gap:34px!important;
  justify-content:center!important;
  justify-items:stretch!important;
  align-items:start!important;
}
.home #featured-articles .ds-grid-4 > .ds-tile{
  width:auto!important;
  max-width:none!important;
  flex:none!important;
  grid-column:auto!important;
  margin-inline:0!important;
}
@media (max-width:1320px){
  .home #featured-articles .ds-grid-4{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(calc(100% - 80px), 860px)!important;
    max-width:860px!important;
    gap:30px!important;
  }
}
@media (max-width:680px){
  .home #featured-articles .ds-grid-4{
    grid-template-columns:1fr!important;
    width:min(calc(100% - 32px), 430px)!important;
    max-width:430px!important;
    gap:14px!important;
  }
}

/* V61 — apply the improved section-2 tile scale and spacing to sections 1 and 3,
   without changing their approved content structure.
   Section 1 keeps its 4+3 composition; section 3 keeps its centered 2-card row. */
.home #key-ingredients .ds-ingredient-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  width:min(calc(100% - 140px), 1600px)!important;
  max-width:1600px!important;
  margin-inline:auto!important;
  column-gap:34px!important;
  row-gap:34px!important;
  align-items:start!important;
}
.home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(1){grid-column:1 / span 3!important;}
.home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(2){grid-column:4 / span 3!important;}
.home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(3){grid-column:7 / span 3!important;}
.home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(4){grid-column:10 / span 3!important;}
.home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(5){grid-column:2 / span 3!important;}
.home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(6){grid-column:5 / span 3!important;}
.home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(7){grid-column:8 / span 3!important;}

.home #more-articles .ds-grid-4{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:flex-start!important;
  width:min(calc(100% - 140px), 1600px)!important;
  max-width:1600px!important;
  margin-inline:auto!important;
  gap:34px!important;
}
.home #more-articles .ds-grid-4 > .ds-tile{
  flex:0 0 calc((100% - (34px * 3)) / 4)!important;
  width:calc((100% - (34px * 3)) / 4)!important;
  max-width:calc((100% - (34px * 3)) / 4)!important;
  margin-inline:0!important;
}

@media (max-width:1320px){
  .home #key-ingredients .ds-ingredient-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(calc(100% - 80px), 860px)!important;
    max-width:860px!important;
    column-gap:30px!important;
    row-gap:30px!important;
  }
  .home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(1),
  .home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(2),
  .home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(3),
  .home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(4),
  .home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(5),
  .home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(6),
  .home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(7){
    grid-column:auto!important;
  }

  .home #more-articles .ds-grid-4{
    width:min(calc(100% - 80px), 860px)!important;
    max-width:860px!important;
    gap:30px!important;
  }
  .home #more-articles .ds-grid-4 > .ds-tile{
    flex:0 0 calc((100% - 30px) / 2)!important;
    width:calc((100% - 30px) / 2)!important;
    max-width:calc((100% - 30px) / 2)!important;
  }
}

@media (max-width:680px){
  .home #key-ingredients .ds-ingredient-grid{
    grid-template-columns:1fr!important;
    width:min(calc(100% - 32px), 430px)!important;
    max-width:430px!important;
    column-gap:14px!important;
    row-gap:14px!important;
  }
  .home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(1),
  .home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(2),
  .home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(3),
  .home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(4),
  .home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(5),
  .home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(6),
  .home #key-ingredients .ds-ingredient-grid > .ds-tile:nth-child(7){
    grid-column:auto!important;
  }

  .home #more-articles .ds-grid-4{
    width:min(calc(100% - 32px), 430px)!important;
    max-width:430px!important;
    gap:14px!important;
  }
  .home #more-articles .ds-grid-4 > .ds-tile{
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
  }
}

/* V62 — true vertical centering for the content blocks in slides 2 and 3.
   Banners stay exactly where they are. The title + tile group is centered only
   inside the remaining slide height, with no change to tile size, spacing,
   structure, or approved horizontal centering. */
@media (min-width:681px){
  .home .ds-home-slide-2,
  .home .ds-home-slide-3{
    display:flex!important;
    flex-direction:column!important;
  }
  .home .ds-home-slide-2 > .ds-mid-banner,
  .home .ds-home-slide-3 > .ds-mid-banner{
    flex:0 0 auto!important;
  }
  .home .ds-home-slide-2 > #featured-articles,
  .home .ds-home-slide-3 > #more-articles{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .home .ds-home-slide-2 > #featured-articles > .ds-wrap,
  .home .ds-home-slide-3 > #more-articles > .ds-wrap{
    width:100%!important;
    margin-block:auto!important;
  }
}

/* If viewport height is unusually short, keep natural flow so nothing is
   clipped or forced into an artificial center. */
@media (min-width:681px) and (max-height:620px){
  .home .ds-home-slide-2 > #featured-articles,
  .home .ds-home-slide-3 > #more-articles{
    justify-content:flex-start!important;
  }
  .home .ds-home-slide-2 > #featured-articles > .ds-wrap,
  .home .ds-home-slide-3 > #more-articles > .ds-wrap{
    margin-block:0!important;
  }
}

/* V63 — the black trust strip is part of the third/final slide itself.
   Desktop/fine layouts keep slide 3 locked to the available viewport so the
   banner, centered article block, and black strip are all visible together;
   there is no fourth scroll destination below it. */
.home .ds-home-slide-3 > .ds-trust-final{
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  align-self:stretch!important;
}
.home .ds-home-slide-3 > .ds-trust-final .ds-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

@media (min-width:681px){
  .home .ds-home-slide-3{
    height:calc(var(--ds-real-vh,100svh) - var(--ds-snap-bar-height))!important;
    min-height:calc(var(--ds-real-vh,100svh) - var(--ds-snap-bar-height))!important;
    max-height:calc(var(--ds-real-vh,100svh) - var(--ds-snap-bar-height))!important;
    overflow:hidden!important;
  }
  .home .ds-home-slide-3 > #more-articles{
    flex:1 1 0!important;
    min-height:0!important;
    padding-bottom:10px!important;
  }
  .home .ds-home-slide-3 > #more-articles > .ds-wrap{
    margin-block:auto!important;
  }
}

/* The footer is intentionally not a fourth visual section on the homepage. */
.home .ds-footer{
  display:none!important;
}

/* V64 — remove the white gap between the compact fixed hero/header bar and the
   next full-width banner. Slides 2 and 3 visually attach directly under the
   top bar while preserving the existing slide layout, tile sizes, and snap flow. */
@media (min-width:681px){
  .home .ds-home-slide-2 > .ds-mid-banner,
  .home .ds-home-slide-3 > .ds-mid-banner{
    margin-top:calc(-1 * var(--ds-snap-bar-height))!important;
  }
}

/* V65 — fix section-banner docking under the main compact hero bar.
   The separator banners for sections 2 and 3 must sit fully below the fixed top bar,
   with no white gap and no overlap/cropping into the bar. Keep all other homepage
   composition unchanged. */
@media (min-width:681px){
  .home .ds-home-slide-2 > .ds-mid-banner,
  .home .ds-home-slide-3 > .ds-mid-banner,
  .home .ds-home-slide-3 > .ds-third-banner{
    margin-top:0!important;
  }
  .home .ds-home-slide-2 > .ds-mid-banner{
    margin-bottom:4px!important;
  }
  .home .ds-home-slide-3 > .ds-mid-banner,
  .home .ds-home-slide-3 > .ds-third-banner{
    margin-bottom:4px!important;
  }
}

/* V66 - professional compact navigation inside the existing morph header.
   It appears only after the hero has fully collapsed, so the approved hero composition is untouched. */
.home .dmb-home-header-ui{position:absolute;z-index:6;left:170px;right:26px;top:0;height:var(--ds-hero-live-height,92px);display:flex;align-items:center;justify-content:space-between;gap:20px;opacity:0;visibility:hidden;transition:opacity .45s ease;pointer-events:none;color:#fff}
.home .ds-hero-morph-shell.is-compact .dmb-home-header-ui{opacity:1;visibility:visible;pointer-events:auto}
.home .dmb-home-nav{display:flex;align-items:center;gap:clamp(16px,1.8vw,34px);font-family:"Noto Serif Display","Bodoni MT",Didot,serif;font-size:12px;letter-spacing:.045em;white-space:nowrap}
.home .dmb-home-nav a{color:#fff;text-decoration:none;opacity:.86;transition:opacity .2s}.home .dmb-home-nav a:hover{opacity:1}
.home .dmb-home-actions{display:flex;align-items:center;gap:11px}.home .dmb-action{color:#fff;background:transparent;border:0;font:inherit;font-size:11px;text-decoration:none;cursor:pointer;opacity:.88;padding:6px}.home .dmb-action:hover{opacity:1}

/* V66 - compact professional footer remains part of slide 3 (no extra scroll section). */
.home .ds-home-slide-3 > .ds-trust-final{background:#090909!important;color:#fff!important;margin:0!important;padding:0!important}
.home .dmb-pro-footer{width:100%;display:grid;grid-template-columns:1.15fr .8fr .9fr .65fr 1.45fr;gap:24px;padding:13px clamp(24px,3vw,54px) 9px;box-sizing:border-box;align-items:start;font-size:9.2px;line-height:1.45}
.home .dmb-footer-brand,.home .dmb-footer-links,.home .dmb-footer-news{display:flex;flex-direction:column;gap:4px;min-width:0}.home .dmb-footer-brand strong{font-family:"Noto Serif Display","Bodoni MT",Didot,serif;font-size:19px;font-weight:400;letter-spacing:.03em}.home .dmb-footer-brand span,.home .dmb-footer-news span{color:#aaa}.home .dmb-footer-links strong,.home .dmb-footer-news strong{font-size:9px;letter-spacing:.08em}.home .dmb-footer-links a{color:#bbb;text-decoration:none}.home .dmb-footer-links a:hover{color:#fff}
.home .dmb-newsletter-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:3px}.home .dmb-newsletter-form input[type=email]{min-width:0;background:transparent;border:0;border-bottom:1px solid #666;color:#fff;padding:5px 2px;font-size:9px;outline:none}.home .dmb-newsletter-form button{background:#fff;color:#000;border:0;padding:5px 8px;font-size:8px;letter-spacing:.04em;cursor:pointer}.home .dmb-hp{position:absolute!important;left:-9999px!important}
.home .dmb-footer-bottom{grid-column:1/-1;border-top:1px solid #272727;padding-top:7px;margin-top:3px;display:flex;justify-content:space-between;gap:12px;color:#777;font-size:8px}.home .dmb-socials{display:flex;gap:10px}.home .dmb-socials a{color:#999;text-decoration:none}
@media(max-width:1100px){.home .dmb-home-header-ui{left:145px;right:16px}.home .dmb-home-nav{gap:14px;font-size:10px}.home .dmb-pro-footer{grid-template-columns:1.1fr .8fr .9fr 1.3fr;gap:16px}.home .dmb-footer-links:nth-of-type(3){display:none}}
@media(max-width:680px){.home .dmb-home-header-ui{left:112px;right:10px}.home .dmb-home-nav{display:none}.home .dmb-pro-footer{grid-template-columns:1fr 1fr;padding:12px 16px;gap:12px}.home .dmb-footer-news{grid-column:1/-1}.home .dmb-footer-bottom{flex-direction:column}}
/* V66 search overlay may open from the compact home header; keep it hidden until main.js removes [hidden]. */
.home .ds-search-panel:not([hidden]){display:block!important;z-index:120!important}
.home .dmb-action svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}


/* V67 — keep the professional homepage navigation visible from first paint
   through the compact-header state. Only navigation visibility/typography is
   refined; hero, section, tile, footer and snap geometry remain unchanged. */
.home .dmb-home-header-ui{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  left:50%!important;
  right:26px!important;
  top:14px!important;
  height:64px!important;
  align-items:center!important;
  transition:left .55s cubic-bezier(.22,.61,.36,1),
             top .55s cubic-bezier(.22,.61,.36,1),
             height .55s cubic-bezier(.22,.61,.36,1),
             opacity .25s ease!important;
}
.home .ds-hero-morph-shell.is-compact .dmb-home-header-ui{
  left:170px!important;
  right:26px!important;
  top:0!important;
  height:var(--ds-hero-live-height,92px)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.home .dmb-home-nav{
  font-size:14px!important;
  gap:clamp(18px,1.9vw,36px)!important;
}
.home .dmb-action{
  font-size:12.5px!important;
}
@media(max-width:1100px){
  .home .dmb-home-header-ui{
    left:47%!important;
    right:16px!important;
    top:10px!important;
    height:58px!important;
  }
  .home .ds-hero-morph-shell.is-compact .dmb-home-header-ui{
    left:145px!important;
    right:16px!important;
    top:0!important;
    height:var(--ds-hero-live-height,78px)!important;
  }
  .home .dmb-home-nav{
    gap:14px!important;
    font-size:11.5px!important;
  }
  .home .dmb-action{
    font-size:11px!important;
  }
}
@media(max-width:680px){
  .home .dmb-home-header-ui{
    left:112px!important;
    right:10px!important;
    top:0!important;
    height:var(--ds-hero-live-height,62px)!important;
  }
  .home .dmb-home-nav{display:none!important;}
}

/* V68 — readable final-slide footer + right-aligned unified home navigation.
   Layout/content structure is untouched: only type scale and header placement
   are refined. */

/* Footer: larger readable typography while keeping the final slide compact. */
.home .dmb-pro-footer{
  font-size:11.5px!important;
  line-height:1.42!important;
  gap:20px!important;
  padding:11px clamp(24px,3vw,54px) 8px!important;
}
.home .dmb-footer-brand,
.home .dmb-footer-links,
.home .dmb-footer-news{
  gap:3px!important;
}
.home .dmb-footer-brand strong{
  font-size:21px!important;
}
.home .dmb-footer-brand span,
.home .dmb-footer-news span,
.home .dmb-footer-links a{
  font-size:11.5px!important;
}
.home .dmb-footer-links strong,
.home .dmb-footer-news strong{
  font-size:11px!important;
  letter-spacing:.075em!important;
}
.home .dmb-newsletter-form{
  margin-top:4px!important;
  gap:6px!important;
}
.home .dmb-newsletter-form input[type=email]{
  font-size:11px!important;
  padding:5px 2px!important;
}
.home .dmb-newsletter-form button{
  font-size:10px!important;
  padding:5px 9px!important;
}
.home .dmb-footer-bottom{
  font-size:10px!important;
  padding-top:6px!important;
  margin-top:2px!important;
}
.home .dmb-socials{
  gap:12px!important;
}

/* Header: nav + search/account/cart act as one right-side group from first
   paint through the compact morph state, keeping clear of the portrait. */
.home .dmb-home-header-ui{
  left:auto!important;
  right:28px!important;
  width:auto!important;
  max-width:calc(100% - 340px)!important;
  top:14px!important;
  height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:14px!important;
  transform:translateX(0)!important;
  transition:
    right .6s cubic-bezier(.16,1,.3,1),
    top .6s cubic-bezier(.16,1,.3,1),
    height .6s cubic-bezier(.16,1,.3,1),
    gap .6s cubic-bezier(.16,1,.3,1),
    opacity .25s ease!important;
}
.home .dmb-home-nav{
  justify-content:flex-end!important;
  gap:clamp(17px,1.55vw,30px)!important;
  font-size:14px!important;
}
.home .dmb-home-actions{
  flex:0 0 auto!important;
  gap:10px!important;
}
.home .dmb-action svg{
  width:19px!important;
  height:19px!important;
}
.home .ds-hero-morph-shell.is-compact .dmb-home-header-ui{
  left:auto!important;
  right:28px!important;
  width:auto!important;
  max-width:calc(100% - 190px)!important;
  top:0!important;
  height:var(--ds-hero-live-height,92px)!important;
  justify-content:flex-end!important;
  gap:12px!important;
}
.home .ds-hero-morph-shell.is-compact .dmb-home-nav{
  gap:clamp(15px,1.35vw,26px)!important;
}

@media(max-width:1300px){
  .home .dmb-home-header-ui{
    right:18px!important;
    max-width:calc(100% - 250px)!important;
    gap:10px!important;
  }
  .home .dmb-home-nav{
    gap:13px!important;
    font-size:12.5px!important;
  }
  .home .ds-hero-morph-shell.is-compact .dmb-home-header-ui{
    right:18px!important;
    max-width:calc(100% - 155px)!important;
  }
}
@media(max-width:1100px){
  .home .dmb-home-header-ui{
    left:auto!important;
    right:14px!important;
    max-width:calc(100% - 180px)!important;
    top:10px!important;
    height:58px!important;
  }
  .home .ds-hero-morph-shell.is-compact .dmb-home-header-ui{
    left:auto!important;
    right:14px!important;
    max-width:calc(100% - 145px)!important;
    top:0!important;
    height:var(--ds-hero-live-height,78px)!important;
  }
  .home .dmb-home-nav{
    gap:11px!important;
    font-size:11.5px!important;
  }
  .home .dmb-action svg{
    width:18px!important;
    height:18px!important;
  }
  .home .dmb-pro-footer{
    font-size:11px!important;
    gap:14px!important;
  }
  .home .dmb-footer-brand span,
  .home .dmb-footer-news span,
  .home .dmb-footer-links a{
    font-size:11px!important;
  }
}
@media(max-width:680px){
  .home .dmb-home-header-ui{
    left:auto!important;
    right:10px!important;
    max-width:calc(100% - 112px)!important;
    top:0!important;
    height:var(--ds-hero-live-height,62px)!important;
  }
  .home .ds-hero-morph-shell.is-compact .dmb-home-header-ui{
    left:auto!important;
    right:10px!important;
    max-width:calc(100% - 112px)!important;
    height:var(--ds-hero-live-height,62px)!important;
  }
  .home .dmb-home-nav{display:none!important;}
  .home .dmb-pro-footer{
    font-size:11px!important;
    padding:11px 16px!important;
  }
  .home .dmb-footer-bottom{font-size:9.5px!important;}
}

/* V69 — corrected homepage header motion and clearly readable footer type.
   Initial state: nav + search/account are one centered group.
   Compact state: the same group glides left and parks beside the DMB logo. */
.home .dmb-home-header-ui{
  left:50%!important;
  right:auto!important;
  width:max-content!important;
  max-width:calc(100% - 56px)!important;
  top:14px!important;
  height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:15px!important;
  transform:translateX(-50%)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:
    left .72s cubic-bezier(.16,1,.3,1),
    top .72s cubic-bezier(.16,1,.3,1),
    height .72s cubic-bezier(.16,1,.3,1),
    transform .72s cubic-bezier(.16,1,.3,1),
    gap .55s cubic-bezier(.16,1,.3,1),
    opacity .25s ease!important;
}
.home .dmb-home-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(17px,1.55vw,30px)!important;
  font-size:14px!important;
  flex:0 0 auto!important;
}
.home .dmb-home-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex:0 0 auto!important;
}
.home .dmb-action svg{
  width:19px!important;
  height:19px!important;
}
.home .ds-hero-morph-shell.is-compact .dmb-home-header-ui{
  left:176px!important;
  right:auto!important;
  top:0!important;
  height:var(--ds-hero-live-height,92px)!important;
  width:max-content!important;
  max-width:calc(100% - 200px)!important;
  justify-content:flex-start!important;
  transform:translateX(0)!important;
  gap:13px!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.home .ds-hero-morph-shell.is-compact .dmb-home-nav{
  gap:clamp(15px,1.3vw,25px)!important;
}

/* Footer readability: visibly larger text while keeping the footer compact
   enough to remain part of slide 3. */
.home .dmb-pro-footer{
  font-size:13px!important;
  line-height:1.38!important;
  gap:16px!important;
  padding:9px clamp(22px,2.8vw,50px) 7px!important;
}
.home .dmb-footer-brand,
.home .dmb-footer-links,
.home .dmb-footer-news{
  gap:2px!important;
}
.home .dmb-footer-brand strong{
  font-size:23px!important;
  line-height:1.1!important;
}
.home .dmb-footer-brand span,
.home .dmb-footer-news span,
.home .dmb-footer-links a{
  font-size:13px!important;
  line-height:1.38!important;
}
.home .dmb-footer-links strong,
.home .dmb-footer-news strong{
  font-size:12.5px!important;
  line-height:1.25!important;
  letter-spacing:.07em!important;
}
.home .dmb-newsletter-form{
  margin-top:3px!important;
  gap:5px!important;
}
.home .dmb-newsletter-form input[type=email]{
  font-size:12.5px!important;
  padding:4px 2px!important;
}
.home .dmb-newsletter-form button{
  font-size:11.5px!important;
  padding:4px 9px!important;
}
.home .dmb-footer-bottom{
  font-size:11.5px!important;
  line-height:1.3!important;
  padding-top:5px!important;
  margin-top:1px!important;
}
.home .dmb-socials{
  gap:11px!important;
}

@media(max-width:1300px){
  .home .dmb-home-header-ui{
    left:50%!important;
    max-width:calc(100% - 36px)!important;
  }
  .home .dmb-home-nav{
    gap:13px!important;
    font-size:12.5px!important;
  }
  .home .ds-hero-morph-shell.is-compact .dmb-home-header-ui{
    left:158px!important;
    max-width:calc(100% - 176px)!important;
  }
}
@media(max-width:1100px){
  .home .dmb-home-header-ui{
    left:50%!important;
    top:10px!important;
    height:58px!important;
    gap:10px!important;
  }
  .home .dmb-home-nav{
    gap:10px!important;
    font-size:11.5px!important;
  }
  .home .dmb-action svg{
    width:18px!important;
    height:18px!important;
  }
  .home .ds-hero-morph-shell.is-compact .dmb-home-header-ui{
    left:148px!important;
    top:0!important;
    height:var(--ds-hero-live-height,78px)!important;
    max-width:calc(100% - 162px)!important;
  }
  .home .dmb-pro-footer{
    font-size:12.5px!important;
    gap:12px!important;
  }
  .home .dmb-footer-brand span,
  .home .dmb-footer-news span,
  .home .dmb-footer-links a{
    font-size:12.5px!important;
  }
  .home .dmb-footer-links strong,
  .home .dmb-footer-news strong{
    font-size:12px!important;
  }
}
@media(max-width:680px){
  .home .dmb-home-header-ui,
  .home .ds-hero-morph-shell.is-compact .dmb-home-header-ui{
    left:112px!important;
    right:10px!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
    top:0!important;
    height:var(--ds-hero-live-height,62px)!important;
    justify-content:flex-end!important;
  }
  .home .dmb-home-nav{display:none!important;}
  .home .dmb-pro-footer{
    font-size:12.5px!important;
    padding:10px 16px!important;
  }
  .home .dmb-footer-bottom{font-size:11px!important;}
}


/* V70 — substantially larger and clearly readable homepage footer typography.
   Structure, columns, slide-3 placement, navigation and all card/banner geometry
   are intentionally unchanged. */
.home .dmb-pro-footer{
  font-size:16px!important;
  line-height:1.45!important;
  gap:18px!important;
  padding:11px clamp(22px,2.8vw,50px) 8px!important;
}
.home .dmb-footer-brand,
.home .dmb-footer-links,
.home .dmb-footer-news{
  gap:4px!important;
}
.home .dmb-footer-brand strong{
  font-size:30px!important;
  line-height:1.08!important;
}
.home .dmb-footer-brand span,
.home .dmb-footer-news span,
.home .dmb-footer-links a{
  font-size:16px!important;
  line-height:1.48!important;
}
.home .dmb-footer-links strong,
.home .dmb-footer-news strong{
  font-size:15px!important;
  line-height:1.3!important;
  letter-spacing:.065em!important;
  margin-bottom:2px!important;
}
.home .dmb-newsletter-form{
  gap:7px!important;
  margin-top:5px!important;
}
.home .dmb-newsletter-form input[type=email]{
  font-size:15px!important;
  padding:6px 3px!important;
}
.home .dmb-newsletter-form button{
  font-size:14px!important;
  padding:6px 11px!important;
}
.home .dmb-footer-bottom{
  font-size:14px!important;
  line-height:1.4!important;
  padding-top:7px!important;
  margin-top:3px!important;
}
.home .dmb-socials{
  gap:14px!important;
}
.home .dmb-socials a{
  font-size:14px!important;
}

@media(max-width:1100px){
  .home .dmb-pro-footer{
    font-size:15px!important;
    gap:14px!important;
  }
  .home .dmb-footer-brand strong{
    font-size:27px!important;
  }
  .home .dmb-footer-brand span,
  .home .dmb-footer-news span,
  .home .dmb-footer-links a{
    font-size:15px!important;
  }
  .home .dmb-footer-links strong,
  .home .dmb-footer-news strong{
    font-size:14px!important;
  }
  .home .dmb-newsletter-form input[type=email]{
    font-size:14px!important;
  }
  .home .dmb-newsletter-form button{
    font-size:13px!important;
  }
  .home .dmb-footer-bottom,
  .home .dmb-socials a{
    font-size:13px!important;
  }
}

@media(max-width:680px){
  .home .dmb-pro-footer{
    font-size:15px!important;
    padding:12px 16px!important;
    gap:14px!important;
  }
  .home .dmb-footer-brand strong{
    font-size:26px!important;
  }
  .home .dmb-footer-brand span,
  .home .dmb-footer-news span,
  .home .dmb-footer-links a{
    font-size:15px!important;
  }
  .home .dmb-footer-links strong,
  .home .dmb-footer-news strong{
    font-size:14px!important;
  }
  .home .dmb-footer-bottom,
  .home .dmb-socials a{
    font-size:13px!important;
  }
}

/* V72 — premium showcase carousel below the ORIGINAL main header.
   The v70 hero/header morph remains untouched. */
.home .dmb-showcase-slider-section{
  position:relative!important;
  width:100%!important;
  height:clamp(360px,43vw,560px)!important;
  min-height:360px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#050505!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slider{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#050505!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slides,
.home .dmb-showcase-slider-section .dmb-hero-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide{
  opacity:0!important;
  visibility:hidden!important;
  transform:scale(1.018)!important;
  transition:opacity 920ms cubic-bezier(.22,.61,.36,1),transform 1500ms cubic-bezier(.16,1,.3,1),visibility 0s linear 920ms!important;
  overflow:hidden!important;
  background:#050505!important;
  pointer-events:none!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide.is-active{
  opacity:1!important;
  visibility:visible!important;
  transform:scale(1)!important;
  transition-delay:0s!important;
  pointer-events:auto!important;
}
.home .dmb-showcase-slider-section .dmb-hero-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  max-width:none!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(90deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.23) 36%,rgba(0,0,0,.04) 68%,rgba(0,0,0,.08) 100%)!important;
  pointer-events:none!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-copy{
  position:absolute!important;
  z-index:3!important;
  left:7.2%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:min(620px,45vw)!important;
  color:#f3f3f3!important;
  direction:ltr!important;
  text-align:left!important;
  font-family:"Noto Serif Display","Bodoni MT",Didot,"Times New Roman",serif!important;
  text-shadow:0 1px 14px rgba(0,0,0,.28)!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-kicker{
  display:flex!important;align-items:center!important;gap:12px!important;
  margin-bottom:10px!important;font-size:12px!important;letter-spacing:.16em!important;
  color:rgba(255,255,255,.72)!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-copy h2{
  margin:0!important;font-size:clamp(34px,3.3vw,64px)!important;line-height:1.02!important;
  font-weight:400!important;letter-spacing:.005em!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-copy p{
  margin:16px 0 0!important;max-width:560px!important;font-family:Arial,Helvetica,sans-serif!important;
  font-size:15px!important;line-height:1.65!important;color:rgba(255,255,255,.82)!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-link{
  display:inline-flex!important;align-items:center!important;gap:9px!important;margin-top:20px!important;
  color:#fff!important;text-decoration:none!important;font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;letter-spacing:.12em!important;border-bottom:1px solid rgba(255,255,255,.72)!important;
  padding-bottom:4px!important;
}
.home .dmb-showcase-slider-section .dmb-hero-arrow{
  position:absolute!important;z-index:5!important;top:50%!important;width:44px!important;height:70px!important;
  margin-top:-35px!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;
  background:rgba(0,0,0,.14)!important;color:#fff!important;font:300 40px/1 Georgia,serif!important;
  opacity:.6!important;cursor:pointer!important;transition:opacity .2s ease,background .2s ease!important;
}
.home .dmb-showcase-slider-section .dmb-hero-arrow:hover{opacity:1!important;background:rgba(0,0,0,.38)!important;}
.home .dmb-showcase-slider-section .dmb-hero-prev{left:12px!important;}
.home .dmb-showcase-slider-section .dmb-hero-next{right:12px!important;}
.home .dmb-showcase-slider-section .dmb-hero-dots{
  position:absolute!important;z-index:5!important;left:50%!important;bottom:20px!important;transform:translateX(-50%)!important;
  display:flex!important;align-items:center!important;gap:9px!important;
}
.home .dmb-showcase-slider-section .dmb-hero-dot{
  width:26px!important;height:2px!important;padding:0!important;border:0!important;border-radius:0!important;
  background:rgba(255,255,255,.38)!important;cursor:pointer!important;transition:width .35s ease,background .35s ease!important;
}
.home .dmb-showcase-slider-section .dmb-hero-dot.is-active{width:42px!important;background:#fff!important;}
@media(max-width:1100px){
  .home .dmb-showcase-slider-section{height:430px!important;min-height:430px!important;}
  .home .dmb-showcase-slider-section .dmb-hero-slide-copy{left:6%!important;width:min(600px,58vw)!important;}
  .home .dmb-showcase-slider-section .dmb-hero-slide-copy h2{font-size:clamp(30px,4.4vw,48px)!important;}
}
@media(max-width:680px){
  .home .dmb-showcase-slider-section{height:390px!important;min-height:390px!important;}
  .home .dmb-showcase-slider-section .dmb-hero-slide-copy{left:8%!important;right:8%!important;width:auto!important;top:auto!important;bottom:58px!important;transform:none!important;}
  .home .dmb-showcase-slider-section .dmb-hero-slide-copy h2{font-size:30px!important;}
  .home .dmb-showcase-slider-section .dmb-hero-slide-copy p{font-size:13px!important;line-height:1.55!important;}
  .home .dmb-showcase-slider-section .dmb-hero-arrow{width:34px!important;height:56px!important;margin-top:-28px!important;font-size:32px!important;}
}

/* V73 — THE DMB showcase restyled to match the structural language of the
   reference carousel: centered framed media, generous white breathing room,
   quiet black copy, minimal circular arrows and tiny pagination dots. The
   existing THE DMB header/hero above remains untouched. */
.home .dmb-showcase-slider-section{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:32px 0 54px!important;
  margin:0!important;
  background:#fff!important;
  overflow:visible!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slider{
  position:relative!important;
  width:min(78vw,1480px)!important;
  height:clamp(430px,31.5vw,610px)!important;
  margin:0 auto!important;
  background:#f3f3f1!important;
  overflow:hidden!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slides,
.home .dmb-showcase-slider-section .dmb-hero-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide{
  opacity:0!important;
  visibility:hidden!important;
  transform:none!important;
  transition:opacity 720ms cubic-bezier(.22,.61,.36,1),visibility 0s linear 720ms!important;
  background:#f4f4f2!important;
  pointer-events:none!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide.is-active{
  opacity:1!important;
  visibility:visible!important;
  transition-delay:0s!important;
  pointer-events:auto!important;
}
.home .dmb-showcase-slider-section .dmb-hero-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(90deg,rgba(255,255,255,.76) 0%,rgba(255,255,255,.48) 24%,rgba(255,255,255,.06) 52%,rgba(255,255,255,0) 72%)!important;
  pointer-events:none!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-copy{
  position:absolute!important;
  z-index:3!important;
  left:7%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:min(410px,31vw)!important;
  color:#111!important;
  direction:ltr!important;
  text-align:left!important;
  font-family:Arial,Helvetica,sans-serif!important;
  text-shadow:none!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-kicker{
  display:none!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-copy h2{
  margin:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(22px,1.55vw,31px)!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  font-weight:600!important;
  color:#111!important;
  max-width:360px!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-copy p{
  margin:12px 0 0!important;
  max-width:350px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12.5px!important;
  line-height:1.48!important;
  color:#222!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:92px!important;
  margin-top:16px!important;
  padding:7px 13px!important;
  color:#111!important;
  background:rgba(255,255,255,.22)!important;
  border:1px solid #111!important;
  border-radius:999px!important;
  text-decoration:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10.5px!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-link span{display:none!important;}
.home .dmb-showcase-slider-section .dmb-hero-arrow{
  position:absolute!important;
  z-index:6!important;
  top:50%!important;
  width:30px!important;
  height:30px!important;
  margin-top:-15px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(20,20,20,.16)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.82)!important;
  color:#111!important;
  font:400 21px/1 Arial,sans-serif!important;
  opacity:.94!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.home .dmb-showcase-slider-section .dmb-hero-prev{left:14px!important;}
.home .dmb-showcase-slider-section .dmb-hero-next{right:14px!important;}
.home .dmb-showcase-slider-section .dmb-hero-dots{
  position:absolute!important;
  z-index:6!important;
  left:50%!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.home .dmb-showcase-slider-section .dmb-hero-dot,
.home .dmb-showcase-slider-section .dmb-hero-dot.is-active{
  width:5px!important;
  height:5px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(20,20,20,.28)!important;
  transition:background .25s ease,transform .25s ease!important;
}
.home .dmb-showcase-slider-section .dmb-hero-dot.is-active{
  background:#111!important;
  transform:scale(1.15)!important;
}
@media(max-width:1100px){
  .home .dmb-showcase-slider-section{padding:24px 0 42px!important;}
  .home .dmb-showcase-slider-section .dmb-hero-slider{
    width:min(88vw,980px)!important;
    height:clamp(390px,48vw,520px)!important;
  }
  .home .dmb-showcase-slider-section .dmb-hero-slide-copy{
    left:6%!important;
    width:min(360px,38vw)!important;
  }
}
@media(max-width:680px){
  .home .dmb-showcase-slider-section{padding:16px 0 30px!important;}
  .home .dmb-showcase-slider-section .dmb-hero-slider{
    width:calc(100% - 28px)!important;
    height:430px!important;
  }
  .home .dmb-showcase-slider-section .dmb-hero-slide-overlay{
    background:linear-gradient(0deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.62) 35%,rgba(255,255,255,.04) 68%)!important;
  }
  .home .dmb-showcase-slider-section .dmb-hero-slide-copy{
    left:22px!important;
    right:22px!important;
    bottom:40px!important;
    top:auto!important;
    transform:none!important;
    width:auto!important;
  }
  .home .dmb-showcase-slider-section .dmb-hero-slide-copy h2{font-size:24px!important;}
  .home .dmb-showcase-slider-section .dmb-hero-slide-copy p{font-size:12px!important;}
  .home .dmb-showcase-slider-section .dmb-hero-arrow{width:28px!important;height:28px!important;font-size:19px!important;}
  .home .dmb-showcase-slider-section .dmb-hero-prev{left:9px!important;}
  .home .dmb-showcase-slider-section .dmb-hero-next{right:9px!important;}
}


/* V74 — make the Ordinary-style showcase larger, let it function as the true
   first homepage section, and keep the rest of the layout intact. Section 1 is
   now the main header + showcase only; the former key ingredients grid is
   moved into section 2 so the homepage opens on the slider alone. */
.home .ds-home-slide-1{
  display:flex!important;
  flex-direction:column!important;
  min-height:var(--ds-real-vh,100svh)!important;
}
.home .ds-home-slide-1 > .ds-hero{
  flex:0 0 auto!important;
}
.home .ds-home-slide-1 > .dmb-showcase-slider-section{
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px 0 18px!important;
}
.home .ds-home-slide-1 > .dmb-showcase-slider-section .dmb-hero-slider{
  width:min(88vw,1680px)!important;
  height:clamp(470px, calc(var(--ds-real-vh,100svh) - var(--ds-hero-live-height,260px) - 34px), 760px)!important;
  max-height:calc(var(--ds-real-vh,100svh) - 18px)!important;
}
.home .dmb-showcase-slider-section{
  padding:20px 0 28px!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slider{
  width:min(88vw,1680px)!important;
  height:clamp(500px,34.5vw,700px)!important;
  background:#f3f3f1!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-overlay{
  background:linear-gradient(90deg,rgba(255,255,255,.84) 0%,rgba(255,255,255,.55) 25%,rgba(255,255,255,.10) 52%,rgba(255,255,255,0) 73%)!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-copy{
  left:6.4%!important;
  width:min(470px,31vw)!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-copy h2{
  font-size:clamp(25px,1.85vw,36px)!important;
  max-width:420px!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-copy p{
  font-size:13.5px!important;
  line-height:1.56!important;
  max-width:390px!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-link{
  min-width:108px!important;
  padding:8px 15px!important;
  font-size:11px!important;
}
.home .dmb-showcase-slider-section .dmb-hero-arrow{
  width:34px!important;
  height:34px!important;
  margin-top:-17px!important;
  font-size:23px!important;
}
.home .dmb-showcase-slider-section .dmb-hero-prev{left:18px!important;}
.home .dmb-showcase-slider-section .dmb-hero-next{right:18px!important;}
.home .dmb-showcase-slider-section .dmb-hero-dots{bottom:18px!important;}
@media(max-width:1180px){
  .home .ds-home-slide-1 > .dmb-showcase-slider-section .dmb-hero-slider,
  .home .dmb-showcase-slider-section .dmb-hero-slider{
    width:min(92vw,1280px)!important;
    height:clamp(450px,48vw,620px)!important;
  }
  .home .dmb-showcase-slider-section .dmb-hero-slide-copy{
    width:min(420px,42vw)!important;
  }
}
@media(max-width:680px){
  .home .ds-home-slide-1 > .dmb-showcase-slider-section{
    padding:12px 0 18px!important;
  }
  .home .ds-home-slide-1 > .dmb-showcase-slider-section .dmb-hero-slider,
  .home .dmb-showcase-slider-section .dmb-hero-slider{
    width:calc(100% - 20px)!important;
    height:clamp(420px,58vh,560px)!important;
  }
}

/* V76 — ensure first-slide video paints above its poster immediately. */
.home .dmb-showcase-slider-section video.dmb-hero-media{background:#111!important;object-fit:cover!important;will-change:transform!important;}


/* V77 — final homepage section model:
   1) main DMB header + showcase slider only
   2) original KEY INGREDIENTS section
   3) original SCIENCE banner + featured articles
   4) original SILLAGE banner + final articles + black footer
   Existing tile sizes and visual language are preserved. */
.home .ds-home-slide-1{
  min-height:var(--ds-real-vh,100svh)!important;
  height:var(--ds-real-vh,100svh)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.home .ds-home-slide-1 > .ds-hero{
  flex:0 0 auto!important;
}
.home .ds-home-slide-1 > .dmb-showcase-slider-section{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:22px 0!important; /* same visible white gap above and below */
  margin:0!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.home .ds-home-slide-1 > .dmb-showcase-slider-section .dmb-hero-slider{
  width:min(90vw,1720px)!important;
  height:100%!important;
  max-height:680px!important;
  min-height:360px!important;
  margin:0 auto!important;
}

/* Section 2 is the old section 1: ingredients only. */
.home .ds-home-slide-2{
  min-height:calc(var(--ds-real-vh,100svh) - var(--ds-snap-bar-height))!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.home .ds-home-slide-2 > #key-ingredients{
  width:100%!important;
}

/* Section 3 is the old section 2: banner + featured articles. */
.home .ds-home-slide-3{
  min-height:calc(var(--ds-real-vh,100svh) - var(--ds-snap-bar-height))!important;
  display:flex!important;
  flex-direction:column!important;
}
.home .ds-home-slide-3 > .ds-mid-banner{flex:0 0 auto!important;}
.home .ds-home-slide-3 > #featured-articles{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.home .ds-home-slide-3 > #featured-articles > .ds-wrap{
  width:100%!important;
  margin-block:auto!important;
}

/* Section 4 is the old section 3 and remains the final locked slide. */
.home .ds-home-slide-4{
  min-height:calc(var(--ds-real-vh,100svh) - var(--ds-snap-bar-height))!important;
  display:flex!important;
  flex-direction:column!important;
}
.home .ds-home-slide-4 > .ds-mid-banner{flex:0 0 auto!important;}
.home .ds-home-slide-4 > #more-articles{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.home .ds-home-slide-4 > #more-articles > .ds-wrap{
  width:100%!important;
  margin-block:auto!important;
}
.home .ds-home-slide-4 > .ds-trust-final{
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  align-self:stretch!important;
}
.home .ds-home-slide-4 > .ds-trust-final .ds-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
@media(min-width:681px){
  .home .ds-home-slide-4{
    height:calc(var(--ds-real-vh,100svh) - var(--ds-snap-bar-height))!important;
    min-height:calc(var(--ds-real-vh,100svh) - var(--ds-snap-bar-height))!important;
    max-height:calc(var(--ds-real-vh,100svh) - var(--ds-snap-bar-height))!important;
    overflow:hidden!important;
  }
}
@media(max-width:1100px){
  .home .ds-home-slide-1 > .dmb-showcase-slider-section{padding:18px 0!important;}
  .home .ds-home-slide-1 > .dmb-showcase-slider-section .dmb-hero-slider{
    width:min(93vw,1320px)!important;
    max-height:620px!important;
  }
}
@media(max-width:680px){
  .home .ds-home-slide-1{height:auto!important;min-height:100svh!important;overflow:visible!important;}
  .home .ds-home-slide-1 > .dmb-showcase-slider-section{padding:14px 0!important;min-height:0!important;}
  .home .ds-home-slide-1 > .dmb-showcase-slider-section .dmb-hero-slider{
    width:calc(100% - 20px)!important;
    height:clamp(430px,62vh,560px)!important;
    min-height:430px!important;
  }
  .home .ds-home-slide-2,.home .ds-home-slide-3,.home .ds-home-slide-4{min-height:auto!important;}
}


/* V81 — approved monochrome KEY INGREDIENTS banner + exact banner docking.
   The new first content banner uses the same geometry as the existing second
   and third banners. The old 14px top margin on the Sillage banner is also
   neutralized now that it lives in slide 4. */
.home .ds-first-banner{
  position:relative!important;
  width:100%!important;
  height:228px!important;
  min-height:228px!important;
  max-height:228px!important;
  margin:0 0 4px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#090909!important;
  flex:0 0 auto!important;
}
.home .ds-first-banner-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:grayscale(100%)!important;
  transform:none!important;
}
@media(max-width:1320px){
  .home .ds-first-banner{height:202px!important;min-height:202px!important;max-height:202px!important;}
}
@media(max-width:680px){
  .home .ds-first-banner{height:162px!important;min-height:162px!important;max-height:162px!important;}
}

/* Slides 2/3/4 all dock their banners directly beneath the compact main header. */
@media(min-width:681px){
  .home .ds-home-slide-2 > .ds-first-banner,
  .home .ds-home-slide-3 > .ds-second-banner,
  .home .ds-home-slide-4 > .ds-third-banner{
    margin-top:0!important;
    margin-bottom:4px!important;
  }
}

/* Slide 2 now mirrors the structural rhythm of slides 3 and 4: banner first,
   then centered content in the remaining viewport. */
.home .ds-home-slide-2{
  justify-content:flex-start!important;
}
.home .ds-home-slide-2 > .ds-first-banner{flex:0 0 auto!important;}
.home .ds-home-slide-2 > #key-ingredients{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.home .ds-home-slide-2 > #key-ingredients > .ds-wrap{
  width:100%!important;
  margin-block:auto!important;
}

/* Legacy V48 added a 14px top margin to .ds-third-banner. In the current
   four-slide structure that margin caused the visible white gap above section 3. */
.home .ds-home-slide-4 > .ds-third-banner{
  margin:0 0 4px!important;
}

/* V82 — reduce zoom on the KEY INGREDIENTS banner without changing the
   approved banner geometry. Keep the full banner black and render the artwork
   as a right-anchored portrait so more of the face, neck and hands remain
   visible instead of being aggressively cropped by object-fit: cover. */
@media(min-width:681px){
  .home .ds-first-banner{
    background:#080808!important;
  }
  .home .ds-first-banner-image{
    position:absolute!important;
    top:50%!important;
    right:0!important;
    left:auto!important;
    width:auto!important;
    height:138%!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:right center!important;
    transform:translateY(-50%)!important;
    transform-origin:right center!important;
  }
}
@media(max-width:680px){
  .home .ds-first-banner-image{
    object-fit:cover!important;
    object-position:right center!important;
    transform:none!important;
  }
}


/* V83 — show more of the approved KEY INGREDIENTS portrait.
   Keep the banner size exactly the same, but stop the aggressive desktop crop.
   The image itself already contains black negative space on the left, so we can
   return to normal cover behavior and simply bias the crop slightly left of the
   far-right edge. This reveals more of the face while preserving the dark left area. */
@media(min-width:681px){
  .home .ds-first-banner-image{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:78% 52%!important;
    transform:none!important;
  }
}
@media(max-width:680px){
  .home .ds-first-banner-image{
    object-fit:cover!important;
    object-position:76% 50%!important;
    width:100%!important;
    height:100%!important;
  }
}

/* V84 — final precomposed KEY INGREDIENTS banner.
   The artwork itself is already prepared at the banner's ultra-wide ratio,
   so the browser must not zoom, translate or independently scale the portrait. */
.home .ds-first-banner{
  background:#050505!important;
}
.home .ds-first-banner-image{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:right center!important;
  transform:none!important;
  transform-origin:center!important;
  filter:none!important;
}
@media(max-width:680px){
  .home .ds-first-banner-image{
    object-fit:cover!important;
    object-position:right center!important;
  }
}


/* V85 — smooth black-to-image transition for KEY INGREDIENTS banner. */
.home .ds-first-banner{background:#000!important;}
.home .ds-first-banner-image{background:#000!important;object-position:center center!important;}


/* V86 — approved consolidated homepage refinements. */
/* 1) All showcase videos share the same monochrome editorial treatment. */
.home .dmb-hero-slide video.dmb-hero-media{
  filter:grayscale(100%) contrast(1.045)!important;
}

/* 2) Section 1 now has the same live headline treatment as sections 2 and 3. */
.home .ds-first-banner::before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:58%!important;
  background:linear-gradient(90deg,#000 0%,#000 76%,rgba(0,0,0,.88) 88%,rgba(0,0,0,0) 100%)!important;
  pointer-events:none!important;
}
.home .ds-first-banner .ds-banner-copy{
  z-index:4!important;
}

/* 3) The HAIR banner uses a pre-composed ultra-wide asset; preserve the full portrait scale. */
.home .ds-second-banner{
  background:#000!important;
}
.home .ds-second-banner-image{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:right center!important;
  transform:none!important;
  filter:none!important;
}

/* 4) The final collection cards use the requested clean product-copy hierarchy. */
.home #more-articles .ds-meta-empty{
  min-height:0!important;
  height:0!important;
  margin:0!important;
  overflow:hidden!important;
}
.home #more-articles .ds-card-body h3,
.home #featured-articles .ds-card-body h3{
  line-height:1.06!important;
}

/* 5) Move the large hero logo and the navigation group slightly left, keeping them off the model's hair. */
@media(min-width:1101px){
  .home .dmb-home-header-ui{
    left:48%!important;
  }
  .home .ds-hero-morph-shell.is-compact .dmb-home-header-ui{
    left:168px!important;
  }
}
@media(min-width:681px) and (max-width:1300px){
  .home .dmb-home-header-ui{left:48%!important;}
  .home .ds-hero-morph-shell.is-compact .dmb-home-header-ui{left:152px!important;}
}
@media(min-width:681px) and (max-width:1100px){
  .home .dmb-home-header-ui{left:48%!important;}
  .home .ds-hero-morph-shell.is-compact .dmb-home-header-ui{left:142px!important;}
}
@media(max-width:680px){
  .home .ds-first-banner::before{width:66%!important;}
}

/* V87 — approved correction pass. */
/* Preserve the complete 16:9 frame for all three local showcase videos.
   No face or head is cropped by the ultra-wide desktop slider. */
.home .dmb-showcase-slider-section .dmb-hero-slide{
  background:#0a0a0a!important;
}
.home .dmb-showcase-slider-section video.dmb-hero-media{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#0a0a0a!important;
  filter:grayscale(100%) contrast(1.045)!important;
  transform:none!important;
}
.home .dmb-showcase-slider-section .dmb-hero-slide-overlay{
  background:linear-gradient(90deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.38) 24%,rgba(255,255,255,.04) 52%,rgba(255,255,255,0) 72%)!important;
}

/* New HAIR + collection copy is intentionally larger and clearer. */
.home #featured-articles .ds-card-body .ds-meta{
  font-size:clamp(12px,.78vw,14px)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
  opacity:1!important;
}
.home #featured-articles .ds-card-body h3{
  font-size:clamp(22px,1.45vw,29px)!important;
  line-height:1.02!important;
  font-weight:700!important;
  letter-spacing:.005em!important;
}
.home #featured-articles .ds-card-body .ds-read-time{
  font-size:clamp(11px,.68vw,13px)!important;
  line-height:1.18!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  opacity:1!important;
}
.home #more-articles .ds-card-body h3{
  font-size:clamp(23px,1.55vw,30px)!important;
  line-height:1.02!important;
  font-weight:700!important;
  letter-spacing:.005em!important;
}
.home #more-articles .ds-card-body .ds-read-time{
  font-size:clamp(12px,.72vw,14px)!important;
  line-height:1.16!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
  opacity:1!important;
}

/* Full dark perfume bottle: same in-frame treatment as the light tile. */
.home #more-articles .ds-grid-4 > .ds-tile:nth-child(2) .ds-card-media{
  background:#111!important;
}
.home #more-articles .ds-grid-4 > .ds-tile:nth-child(2) .ds-card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}

@media(max-width:680px){
  .home #featured-articles .ds-card-body h3,
  .home #more-articles .ds-card-body h3{font-size:22px!important;}
  .home #featured-articles .ds-card-body .ds-meta{font-size:12px!important;}
  .home #featured-articles .ds-card-body .ds-read-time,
  .home #more-articles .ds-card-body .ds-read-time{font-size:11px!important;}
}


/* V88 — readability + collection harmony fixes. */
/* Section 2 and section 3 cards: larger readable typography, no clipping behind imagery. */
.home #featured-articles .ds-card > .ds-card-main,
.home #more-articles .ds-card > .ds-card-main{
  display:grid!important;
  grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
  direction:ltr!important;
  height:160px!important;
}
.home #featured-articles .ds-card-media,
.home #more-articles .ds-card-media{
  grid-column:1!important;
  height:160px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.home #featured-articles .ds-card-body,
.home #more-articles .ds-card-body{
  grid-column:2!important;
  padding:14px 14px 12px!important;
  direction:ltr!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  overflow:visible!important;
}
.home #featured-articles .ds-card-body .ds-meta,
.home #more-articles .ds-card-body .ds-meta{
  width:100%!important;
  margin:0 0 8px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  display:block!important;
  font-size:clamp(11px,.76vw,13px)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
  color:#7a7a7a!important;
}
.home #featured-articles .ds-card-body h3,
.home #more-articles .ds-card-body h3{
  width:100%!important;
  margin:0 0 8px!important;
  display:block!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  white-space:normal!important;
  text-align:center!important;
  font-size:clamp(16px,1.28vw,22px)!important;
  line-height:1.08!important;
  font-weight:700!important;
  letter-spacing:.005em!important;
}
.home #featured-articles .ds-card-body .ds-read-time,
.home #more-articles .ds-card-body .ds-read-time{
  width:100%!important;
  margin-top:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-align:center!important;
  font-size:clamp(11px,.76vw,13px)!important;
  line-height:1.16!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  color:#7a7a7a!important;
}
.home #featured-articles .ds-card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* Section 3 perfume imagery: both bottles show fully and at matching scale. */
.home #more-articles .ds-card-media{
  background:#f5f5f5!important;
}
.home #more-articles .ds-card-media img{
  width:84%!important;
  height:84%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
.home #more-articles .ds-grid-4 > .ds-tile:nth-child(1) .ds-card-media img,
.home #more-articles .ds-grid-4 > .ds-tile:nth-child(2) .ds-card-media img{
  width:82%!important;
  height:82%!important;
}
.home #more-articles .ds-grid-4 > .ds-tile:nth-child(2) .ds-card-media{
  background:#111!important;
}

@media (max-width:1320px){
  .home #featured-articles .ds-card > .ds-card-main,
  .home #more-articles .ds-card > .ds-card-main{
    height:154px!important;
  }
  .home #featured-articles .ds-card-media,
  .home #more-articles .ds-card-media{
    height:154px!important;
  }
}
@media (max-width:680px){
  .home #featured-articles .ds-card > .ds-card-main,
  .home #more-articles .ds-card > .ds-card-main{
    grid-template-columns:minmax(0,40%) minmax(0,60%)!important;
    height:148px!important;
  }
  .home #featured-articles .ds-card-media,
  .home #more-articles .ds-card-media{
    height:148px!important;
  }
  .home #featured-articles .ds-card-body,
  .home #more-articles .ds-card-body{
    padding:12px 12px 10px!important;
  }
  .home #featured-articles .ds-card-body h3,
  .home #more-articles .ds-card-body h3{font-size:17px!important;}
  .home #featured-articles .ds-card-body .ds-meta,
  .home #more-articles .ds-card-body .ds-meta,
  .home #featured-articles .ds-card-body .ds-read-time,
  .home #more-articles .ds-card-body .ds-read-time{font-size:11px!important;}
}


/* V89 — image-only tiles + readable captions below for sections 2 and 3 */
.home #featured-articles .ds-card.ds-tile-v89,
.home #more-articles .ds-card.ds-tile-v89{display:flex!important;flex-direction:column!important;gap:8px!important;}

.home #featured-articles .ds-card.ds-tile-v89 > .ds-card-main,
.home #more-articles .ds-card.ds-tile-v89 > .ds-card-main{
  display:block!important;
  height:auto!important;
  direction:ltr!important;
  overflow:hidden!important;
}
.home #featured-articles .ds-card.ds-tile-v89 > .ds-card-main{min-height:170px!important;}
.home #more-articles .ds-card.ds-tile-v89 > .ds-card-main{min-height:210px!important;}

.home #featured-articles .ds-card.ds-tile-v89 .ds-card-media,
.home #more-articles .ds-card.ds-tile-v89 .ds-card-media{
  grid-column:auto!important;
  height:100%!important;
  min-height:inherit!important;
  background:#f6f6f6!important;
  overflow:hidden!important;
  display:block!important;
}
.home #featured-articles .ds-card.ds-tile-v89 .ds-card-media img,
.home #more-articles .ds-card.ds-tile-v89 .ds-card-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
/* section 3 perfume cards keep bottle visible while filling tile */
.home #more-articles .ds-card.ds-tile-v89 .ds-card-media img{
  object-position:center center!important;
}

.home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy,
.home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy{
  min-height:80px!important;
  height:auto!important;
  padding:12px 12px 11px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  text-align:center!important;
  line-height:1.1!important;
}
.home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy h3,
.home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy h3{
  margin:0!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(20px,1.55vw,28px)!important;
  line-height:1.02!important;
  font-weight:700!important;
  color:#111!important;
  text-transform:uppercase!important;
  letter-spacing:.01em!important;
}
.home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy .ds-meta{
  margin:0!important;
  font-size:clamp(11px,.8vw,14px)!important;
  line-height:1.18!important;
  font-weight:700!important;
  color:#6f6f6f!important;
  text-transform:uppercase!important;
  letter-spacing:.03em!important;
}
.home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy .ds-read-time,
.home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy .ds-read-time{
  margin:0!important;
  font-size:clamp(12px,.88vw,15px)!important;
  line-height:1.16!important;
  font-weight:700!important;
  color:#6f6f6f!important;
  text-transform:uppercase!important;
  letter-spacing:.03em!important;
}
.home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy .ds-read-time{
  font-size:clamp(13px,.95vw,16px)!important;
}
.home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy h3{
  font-size:clamp(20px,1.6vw,30px)!important;
}
.home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy .ds-meta{display:none!important;}

/* neutralize old split layout rules when cards use image-only layout */
.home #featured-articles .ds-card.ds-tile-v89 .ds-card-body,
.home #more-articles .ds-card.ds-tile-v89 .ds-card-body{display:none!important;}

@media (max-width:1024px){
  .home #featured-articles .ds-card.ds-tile-v89 > .ds-card-main{min-height:156px!important;}
  .home #more-articles .ds-card.ds-tile-v89 > .ds-card-main{min-height:190px!important;}
}
@media (max-width:680px){
  .home #featured-articles .ds-card.ds-tile-v89 > .ds-card-main{min-height:150px!important;}
  .home #more-articles .ds-card.ds-tile-v89 > .ds-card-main{min-height:180px!important;}
  .home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy,
  .home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy{min-height:74px!important;padding:11px 10px!important;}
  .home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy h3,
  .home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy h3{font-size:19px!important;}
}


/* V90 — meeting-safe final tile alignment and clean collection imagery. */
/* Section 2 and Section 3 use EXACTLY the same grid/card geometry on desktop. */
.home #featured-articles .ds-grid-4,
.home #more-articles .ds-grid-4{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:min(calc(100% - 140px),1600px)!important;
  max-width:1600px!important;
  margin-inline:auto!important;
  gap:34px!important;
  align-items:start!important;
}
.home #featured-articles .ds-grid-4 > .ds-tile,
.home #more-articles .ds-grid-4 > .ds-tile{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  flex:none!important;
  margin:0!important;
}
/* Center the two collection tiles while preserving the exact 4-column card width. */
.home #more-articles .ds-grid-4 > .ds-tile:nth-child(1){grid-column:2!important;}
.home #more-articles .ds-grid-4 > .ds-tile:nth-child(2){grid-column:3!important;}

/* Exact same image-card and caption heights in section 2 + section 3. */
.home #featured-articles .ds-card.ds-tile-v89 > .ds-card-main,
.home #more-articles .ds-card.ds-tile-v89 > .ds-card-main{
  display:block!important;
  height:172px!important;
  min-height:172px!important;
  max-height:172px!important;
  overflow:hidden!important;
  background:#f4f4f4!important;
}
.home #featured-articles .ds-card.ds-tile-v89 .ds-card-media,
.home #more-articles .ds-card.ds-tile-v89 .ds-card-media{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  background:#f4f4f4!important;
  overflow:hidden!important;
}
.home #featured-articles .ds-card.ds-tile-v89 .ds-card-media img,
.home #more-articles .ds-card.ds-tile-v89 .ds-card-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
}
.home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy,
.home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:82px!important;
  height:82px!important;
  padding:10px 12px!important;
  gap:3px!important;
  overflow:hidden!important;
}
/* Keep copy readable but contained inside the equal caption box. */
.home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy h3,
.home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy h3{
  font-size:clamp(18px,1.28vw,24px)!important;
  line-height:1.02!important;
  margin:0!important;
}
.home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy .ds-meta,
.home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy .ds-read-time,
.home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy .ds-read-time{
  font-size:clamp(10px,.72vw,13px)!important;
  line-height:1.12!important;
  margin:0!important;
}

@media (max-width:1320px){
  .home #featured-articles .ds-grid-4,
  .home #more-articles .ds-grid-4{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(calc(100% - 80px),860px)!important;
    max-width:860px!important;
    gap:30px!important;
  }
  .home #more-articles .ds-grid-4 > .ds-tile:nth-child(1),
  .home #more-articles .ds-grid-4 > .ds-tile:nth-child(2){grid-column:auto!important;}
  .home #featured-articles .ds-card.ds-tile-v89 > .ds-card-main,
  .home #more-articles .ds-card.ds-tile-v89 > .ds-card-main{
    height:172px!important;min-height:172px!important;max-height:172px!important;
  }
}
@media (max-width:680px){
  .home #featured-articles .ds-grid-4,
  .home #more-articles .ds-grid-4{
    grid-template-columns:1fr!important;
    width:min(calc(100% - 32px),430px)!important;
    max-width:430px!important;
    gap:14px!important;
  }
  .home #featured-articles .ds-card.ds-tile-v89 > .ds-card-main,
  .home #more-articles .ds-card.ds-tile-v89 > .ds-card-main{
    height:180px!important;min-height:180px!important;max-height:180px!important;
  }
  .home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy,
  .home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy{
    height:78px!important;min-height:78px!important;
  }
}


/* V91 — clean full perfume images in section 3, no dark/muddy framing; keep dimensions aligned with section 2 */
.home #more-articles .ds-card.ds-tile-v89 > .ds-card-main{
  height:172px!important;
  min-height:172px!important;
  max-height:172px!important;
  background:#f4f4f4!important;
}
.home #more-articles .ds-card.ds-tile-v89 .ds-card-media{
  background:#f4f4f4!important;
}
.home #more-articles .ds-card.ds-tile-v89 .ds-card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
  background:transparent!important;
}
/* make caption equal and prevent title clipping */
.home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy,
.home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy{
  min-height:88px!important;
  height:88px!important;
  padding:10px 12px 12px!important;
}
.home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy h3,
.home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy h3{
  font-size:clamp(17px,1.18vw,22px)!important;
  line-height:1.06!important;
  letter-spacing:0!important;
}
.home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy .ds-meta,
.home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy .ds-read-time,
.home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy .ds-read-time{
  font-size:clamp(11px,.78vw,14px)!important;
  line-height:1.15!important;
}
@media (max-width:680px){
  .home #featured-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy,
  .home #more-articles .ds-card.ds-tile-v89 .ds-tile-action.ds-tile-copy{
    min-height:84px!important;
    height:84px!important;
  }
}


/* V93 — FINAL section-3 image fill fix.
   Override older nth-child rules that were forcing the perfume images to 82% width
   and leaving blank/black space around them. Keep everything else unchanged. */
.home #more-articles .ds-grid-4 > .ds-tile:nth-child(1) .ds-card-media,
.home #more-articles .ds-grid-4 > .ds-tile:nth-child(2) .ds-card-media{
  width:100%!important;
  height:100%!important;
  background:#f4f4f4!important;
  overflow:hidden!important;
}
.home #more-articles .ds-grid-4 > .ds-tile:nth-child(1) .ds-card-media img,
.home #more-articles .ds-grid-4 > .ds-tile:nth-child(2) .ds-card-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
  background:transparent!important;
}


/* V94 — main hero banner reduced to match the height language of the lower section headers.
   Keep the center tagline typography unchanged, but make the banner itself shorter,
   with a slightly smaller floating logo so the whole hero feels more refined. */
.home .ds-hero.ds-hero-banner.ds-hero-morph-shell{
  aspect-ratio:2048 / 240!important;
}
@media (max-width:1100px){
  .home .ds-hero.ds-hero-banner.ds-hero-morph-shell{
    aspect-ratio:2048 / 250!important;
  }
}
@media (max-width:680px){
  .home .ds-hero.ds-hero-banner.ds-hero-morph-shell{
    aspect-ratio:2048 / 268!important;
  }
}


/* V95 — make the main top header noticeably shorter, matching the lower banner headers more closely.
   Also reduce the hero artwork zoom a lot by fitting it more gently inside the band.
   Keep the central headline treatment unchanged. */
.home .ds-hero.ds-hero-banner.ds-hero-morph-shell{
  aspect-ratio:2048 / 215!important;
}
.home .ds-hero-morph-image{
  left:4.5%!important;
  width:91%!important;
  height:84%!important;
  top:calc(var(--ds-hero-image-y,0px) + 8%)!important;
  object-fit:contain!important;
  object-position:center center!important;
}
@media (max-width:1100px){
  .home .ds-hero.ds-hero-banner.ds-hero-morph-shell{
    aspect-ratio:2048 / 225!important;
  }
  .home .ds-hero-morph-image{
    left:3.8%!important;
    width:92.6%!important;
    height:86%!important;
    top:calc(var(--ds-hero-image-y,0px) + 7%)!important;
  }
}
@media (max-width:680px){
  .home .ds-hero.ds-hero-banner.ds-hero-morph-shell{
    aspect-ratio:2048 / 236!important;
  }
  .home .ds-hero-morph-image{
    left:2.4%!important;
    width:95.2%!important;
    height:88%!important;
    top:calc(var(--ds-hero-image-y,0px) + 6%)!important;
  }
}


/* V96 — move the hero artwork further to the right so the central headline
   sits on cleaner negative space. Keep the text itself unchanged. */
.home .ds-hero-morph-image{
  object-position:96% center!important;
}
@media (max-width:1100px){
  .home .ds-hero-morph-image{
    object-position:94% center!important;
  }
}
@media (max-width:680px){
  .home .ds-hero-morph-image{
    object-position:88% center!important;
  }
}


/* V97 — header brand line cleanup
   1) remove the extra baked-in line under the logo by masking that area more fully;
   2) move the live crisp tagline directly under the main logo;
   3) keep typography sharp and consistent with the refined logo treatment. */
.home .ds-hero-morph::before{
  left:6.2%!important;
  top:76.8%!important;
  width:39.5%!important;
  bottom:0!important;
  background:#000!important;
}
.home .ds-hero-tagline{
  left:7.8%!important;
  top:85.4%!important;
  width:36.6%!important;
  justify-content:space-between!important;
  color:#d7d8db!important;
  font-size:clamp(13px,1.22vw,24px)!important;
  letter-spacing:.015em!important;
  text-rendering:optimizeLegibility!important;
  -webkit-font-smoothing:antialiased!important;
  text-shadow:0 0 .01px rgba(255,255,255,.35)!important;
}
.home .ds-hero-tagline span,
.home .ds-hero-tagline b{
  opacity:1!important;
}
@media (max-width:1100px){
  .home .ds-hero-morph::before{
    left:5.5%!important;
    top:77.2%!important;
    width:44.5%!important;
  }
  .home .ds-hero-tagline{
    left:6.6%!important;
    top:85.5%!important;
    width:41.5%!important;
    font-size:clamp(11px,1.4vw,18px)!important;
  }
}
@media (max-width:680px){
  .home .ds-hero-morph::before{
    left:3.5%!important;
    top:75.5%!important;
    width:51%!important;
  }
  .home .ds-hero-tagline{
    left:4.2%!important;
    top:84.7%!important;
    width:48.5%!important;
    gap:6px!important;
    font-size:9px!important;
  }
}


/* V98 — one clean hero tagline only.
   The old baked-in copy has been removed from the artwork itself, so no black masking block is needed. */
.home .ds-hero-morph::before{
  content:none!important;
  display:none!important;
}
.home .ds-hero-tagline{
  left:var(--ds-hero-logo-left,16.2%)!important;
  top:73.5%!important;
  width:30%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:clamp(8px,.78vw,15px)!important;
  color:#e9e9e9!important;
  font-family:"Noto Serif Display","Bodoni MT",Didot,"Times New Roman",serif!important;
  font-size:clamp(12px,.92vw,18px)!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.018em!important;
  white-space:nowrap!important;
  opacity:var(--ds-hero-image-opacity,1)!important;
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:antialiased!important;
  transform:translateZ(0)!important;
}
.home .ds-hero-tagline span,
.home .ds-hero-tagline b{
  opacity:1!important;
  font:inherit!important;
  font-weight:400!important;
}
@media(max-width:1100px){
  .home .ds-hero-tagline{
    left:var(--ds-hero-logo-left,12%)!important;
    top:73%!important;
    width:34%!important;
    font-size:clamp(10px,1.2vw,15px)!important;
  }
}
@media(max-width:680px){
  .home .ds-hero-tagline{
    left:var(--ds-hero-logo-left,8%)!important;
    top:72.5%!important;
    width:43%!important;
    gap:5px!important;
    font-size:8.5px!important;
  }
}


/* V99 — slightly reduce the top hero artwork zoom again so more of the face is visible. */


/* V102 — center the SCIENCE / FOR HEALTHIER / SKIN&HAIR line on the exact
   horizontal axis of the live THE DMB logo. The line may be wider than the
   logo, but its overflow is equal on both sides. Admin offsets are optional. */
.home .ds-hero-tagline{
  left:calc(var(--ds-hero-logo-left,16.2%) + var(--dmb-tag-x,0px))!important;
  top:calc(73.5% + var(--dmb-tag-y,0px))!important;
  width:var(--ds-hero-logo-width,10.8vw)!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:visible!important;
  gap:var(--dmb-tag-gap,clamp(8px,.78vw,15px))!important;
  font-size:var(--dmb-tag-font,clamp(12px,.92vw,18px))!important;
}
@media(max-width:1100px){
  .home .ds-hero-tagline{
    left:calc(var(--ds-hero-logo-left,12%) + var(--dmb-tag-x,0px))!important;
    top:calc(73% + var(--dmb-tag-y,0px))!important;
    width:var(--ds-hero-logo-width,10.8vw)!important;
    justify-content:center!important;
    font-size:var(--dmb-tag-font,clamp(10px,1.2vw,15px))!important;
  }
}
@media(max-width:680px){
  .home .ds-hero-tagline{
    left:calc(var(--ds-hero-logo-left,8%) + var(--dmb-tag-x,0px))!important;
    top:calc(72.5% + var(--dmb-tag-y,0px))!important;
    width:var(--ds-hero-logo-width,10.8vw)!important;
    justify-content:center!important;
    gap:var(--dmb-tag-gap,5px)!important;
    font-size:var(--dmb-tag-font,8.5px)!important;
  }
}


/* V103 — approved logo-group placement. The JS places the logo farther left.
   The tagline stays centered on the live logo axis and follows whole-group Y fine-tuning. */
.home .ds-hero-tagline{
  top:calc(73.5% + var(--dmb-hero-group-y,0px) + var(--dmb-tag-y,0px))!important;
}
@media(max-width:1100px){
  .home .ds-hero-tagline{
    top:calc(73% + var(--dmb-hero-group-y,0px) + var(--dmb-tag-y,0px))!important;
  }
}
@media(max-width:680px){
  .home .ds-hero-tagline{
    top:calc(72.5% + var(--dmb-hero-group-y,0px) + var(--dmb-tag-y,0px))!important;
  }
}