/* DEL MONACO LIVE V138 — true single-fold product hero, no duplicate experience panels */
:root{
  --dm138-header-h:96px;
  --dm138-gold:#e6bb53;
  --dm138-cream:#f6eed2;
  --dm138-deep:#06100c;
}

/* Remove every old hero filler that caused the product hero to become taller than one screen. */
body.dm-live-v138-firstfold .dm134-hero-experience,
body.dm-live-v138-firstfold .dm135-cinematic-panel,
body.dm-live-v138-firstfold .dm136-compact-panel,
body.dm-live-v138-firstfold .dm137-scent-strip,
body.dm-live-v138-firstfold [data-dm134-panel],
body.dm-live-v138-firstfold [data-dm135-panel],
body.dm-live-v138-firstfold [data-dm136-panel],
body.dm-live-v138-firstfold [data-dm137-panel]{display:none!important}

body.dm-live-v138-firstfold .dm138-essentials{box-sizing:border-box}

@keyframes dm138-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes dm138-image-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
@keyframes dm138-glow{0%,100%{opacity:.35;transform:translateX(-10%)}50%{opacity:.8;transform:translateX(10%)}}

@media (min-width:981px){
  html{scroll-padding-top:var(--dm138-header-h)!important}

  body.dm-live-v138-firstfold .dm125-hero{
    box-sizing:border-box!important;
    height:calc(100svh - var(--dm138-header-h))!important;
    min-height:560px!important;
    max-height:none!important;
    padding:14px clamp(18px,2.35vw,40px) 16px!important;
    overflow:hidden!important;
  }

  body.dm-live-v138-firstfold .dm125-hero>.dm125-shell,
  body.dm-live-v138-firstfold .dm125-hero-grid{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:1680px!important;
    height:100%!important;
    min-height:0!important;
    margin-inline:auto!important;
  }

  body.dm-live-v138-firstfold .dm125-hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr)!important;
    align-items:stretch!important;
    gap:clamp(18px,2vw,30px)!important;
  }

  body.dm-live-v138-firstfold .dm125-hero-copy{
    box-sizing:border-box!important;
    height:100%!important;
    min-height:0!important;
    padding:clamp(20px,2.5vw,38px) clamp(26px,3vw,48px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:clamp(8px,1.05vh,12px)!important;
    overflow:hidden!important;
  }

  body.dm-live-v138-firstfold .dm125-hero-copy>*{
    flex:0 0 auto!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }

  body.dm-live-v138-firstfold .dm125-kicker{font-size:.74rem!important;line-height:1.15!important}

  body.dm-live-v138-firstfold .dm125-hero h1,
  body.dm-live-v138-firstfold #dm125-title{
    max-width:12ch!important;
    font-size:clamp(3.35rem,4.65vw,5rem)!important;
    line-height:.91!important;
    letter-spacing:-.045em!important;
    text-wrap:balance!important;
  }

  body.dm-live-v138-firstfold .dm125-hero h2{
    font-size:clamp(1.04rem,1.25vw,1.32rem)!important;
    line-height:1.2!important;
  }

  body.dm-live-v138-firstfold .dm125-description{
    max-width:60ch!important;
    font-size:clamp(.88rem,1vw,1.03rem)!important;
    line-height:1.48!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }

  body.dm-live-v138-firstfold .dm138-essentials{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(132px,.92fr) repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    padding:8px!important;
    border:1px solid rgba(230,187,83,.17)!important;
    border-radius:17px!important;
    background:linear-gradient(100deg,rgba(230,187,83,.055),transparent 36%),rgba(3,10,7,.58)!important;
    overflow:hidden!important;
  }

  body.dm-live-v138-firstfold .dm138-essentials:before{
    content:"";position:absolute;left:4%;right:4%;top:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(246,211,118,.65),transparent);
    animation:dm138-glow 4.8s ease-in-out infinite;
  }

  body.dm-live-v138-firstfold .dm138-expression,
  body.dm-live-v138-firstfold .dm138-note{
    min-width:0!important;
    min-height:48px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:8px 10px!important;
    border-radius:12px!important;
  }

  body.dm-live-v138-firstfold .dm138-note{
    border:1px solid rgba(230,187,83,.10)!important;
    background:rgba(255,255,255,.014)!important;
  }

  body.dm-live-v138-firstfold .dm138-expression small,
  body.dm-live-v138-firstfold .dm138-note small{
    display:block!important;
    margin:0 0 4px!important;
    color:#e7b94e!important;
    font-size:.56rem!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }

  body.dm-live-v138-firstfold .dm138-expression strong,
  body.dm-live-v138-firstfold .dm138-note strong{
    display:block!important;
    color:var(--dm138-cream)!important;
    font-size:clamp(.78rem,.86vw,.92rem)!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.dm-live-v138-firstfold .dm125-badges{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0!important;
  }

  body.dm-live-v138-firstfold .dm125-badges span,
  body.dm-live-v138-firstfold .dm125-badge{
    box-sizing:border-box!important;
    min-height:42px!important;
    padding:8px 11px!important;
    border-radius:13px!important;
    font-size:.7rem!important;
    line-height:1.2!important;
  }

  body.dm-live-v138-firstfold .dm125-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    margin:0!important;
  }

  body.dm-live-v138-firstfold .dm125-btn{
    min-height:48px!important;
    padding:10px clamp(17px,1.6vw,24px)!important;
    font-size:.71rem!important;
    white-space:nowrap!important;
  }

  body.dm-live-v138-firstfold .dm125-hero-media{
    --dm138-image:none;
    isolation:isolate!important;
    box-sizing:border-box!important;
    position:relative!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:#07110d!important;
  }

  body.dm-live-v138-firstfold .dm125-hero-media:before{
    content:""!important;
    position:absolute!important;
    inset:-22px!important;
    z-index:-2!important;
    background-image:linear-gradient(rgba(3,9,6,.36),rgba(3,9,6,.58)),var(--dm138-image)!important;
    background-position:center!important;
    background-size:cover!important;
    filter:blur(18px) saturate(.9)!important;
    transform:scale(1.08)!important;
    opacity:.7!important;
  }

  body.dm-live-v138-firstfold .dm125-hero-media:after{
    content:""!important;
    position:absolute!important;
    inset:10px!important;
    z-index:2!important;
    pointer-events:none!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 18%,transparent 78%,rgba(0,0,0,.12))!important;
    box-shadow:inset 0 0 0 1px rgba(244,208,108,.08)!important;
  }

  body.dm-live-v138-firstfold .dm125-hero-media picture,
  body.dm-live-v138-firstfold .dm125-hero-media figure{
    width:100%!important;height:100%!important;min-height:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;
  }

  body.dm-live-v138-firstfold .dm125-hero-image,
  body.dm-live-v138-firstfold .dm125-hero-media img{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important;
    border-radius:20px!important;
    background:transparent!important;
  }

  body.dm-live-v138-firstfold.dm138-ready .dm125-kicker,
  body.dm-live-v138-firstfold.dm138-ready .dm125-hero h1,
  body.dm-live-v138-firstfold.dm138-ready .dm125-hero h2,
  body.dm-live-v138-firstfold.dm138-ready .dm125-description,
  body.dm-live-v138-firstfold.dm138-ready .dm138-essentials,
  body.dm-live-v138-firstfold.dm138-ready .dm125-badges,
  body.dm-live-v138-firstfold.dm138-ready .dm125-actions{
    animation:dm138-rise .58s cubic-bezier(.2,.8,.2,1) both!important;
  }
  body.dm-live-v138-firstfold.dm138-ready .dm125-hero h1{animation-delay:.04s!important}
  body.dm-live-v138-firstfold.dm138-ready .dm125-hero h2{animation-delay:.09s!important}
  body.dm-live-v138-firstfold.dm138-ready .dm125-description{animation-delay:.14s!important}
  body.dm-live-v138-firstfold.dm138-ready .dm138-essentials{animation-delay:.19s!important}
  body.dm-live-v138-firstfold.dm138-ready .dm125-badges{animation-delay:.24s!important}
  body.dm-live-v138-firstfold.dm138-ready .dm125-actions{animation-delay:.29s!important}
  body.dm-live-v138-firstfold.dm138-ready .dm125-hero-media{animation:dm138-image-in .72s cubic-bezier(.2,.8,.2,1) both!important}
}

@media (min-width:981px) and (max-width:1280px){
  body.dm-live-v138-firstfold .dm125-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important}
  body.dm-live-v138-firstfold .dm125-hero-copy{padding-left:26px!important;padding-right:26px!important}
  body.dm-live-v138-firstfold .dm125-hero h1,
  body.dm-live-v138-firstfold #dm125-title{font-size:clamp(3rem,4.35vw,4.25rem)!important}
}

@media (min-width:981px) and (max-height:820px){
  body.dm-live-v138-firstfold .dm125-hero{padding-top:10px!important;padding-bottom:10px!important;min-height:0!important}
  body.dm-live-v138-firstfold .dm125-hero-copy{padding-top:17px!important;padding-bottom:17px!important;gap:7px!important}
  body.dm-live-v138-firstfold .dm125-hero h1,
  body.dm-live-v138-firstfold #dm125-title{font-size:clamp(3rem,4.3vw,4.5rem)!important}
  body.dm-live-v138-firstfold .dm125-description{font-size:.9rem!important;line-height:1.4!important}
  body.dm-live-v138-firstfold .dm138-expression,
  body.dm-live-v138-firstfold .dm138-note{min-height:42px!important;padding:7px 9px!important}
  body.dm-live-v138-firstfold .dm125-badges span{min-height:38px!important;padding:7px 10px!important}
  body.dm-live-v138-firstfold .dm125-btn{min-height:44px!important;padding-top:8px!important;padding-bottom:8px!important}
}

@media (min-width:981px) and (max-height:700px){
  body.dm-live-v138-firstfold .dm125-kicker{display:none!important}
  body.dm-live-v138-firstfold .dm125-hero h1,
  body.dm-live-v138-firstfold #dm125-title{font-size:clamp(2.7rem,3.8vw,3.85rem)!important}
  body.dm-live-v138-firstfold .dm125-description{-webkit-line-clamp:1!important}
  body.dm-live-v138-firstfold .dm138-expression{display:none!important}
  body.dm-live-v138-firstfold .dm138-essentials{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media (max-width:980px){
  body.dm-live-v138-firstfold .dm134-hero-experience,
  body.dm-live-v138-firstfold .dm135-cinematic-panel,
  body.dm-live-v138-firstfold .dm136-compact-panel,
  body.dm-live-v138-firstfold .dm137-scent-strip{display:none!important}

  body.dm-live-v138-firstfold .dm125-hero{height:auto!important;min-height:0!important;max-height:none!important;padding:18px 16px 28px!important;overflow:visible!important}
  body.dm-live-v138-firstfold .dm125-hero-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;height:auto!important}
  body.dm-live-v138-firstfold .dm125-hero-copy{order:1!important;height:auto!important;padding:24px 20px!important;display:flex!important;flex-direction:column!important;gap:12px!important;overflow:visible!important}
  body.dm-live-v138-firstfold .dm125-hero-media{order:2!important;height:min(68svh,660px)!important;min-height:390px!important;padding:8px!important;position:relative!important;overflow:hidden!important;background:#07110d!important}
  body.dm-live-v138-firstfold .dm125-hero-media:before{content:""!important;position:absolute!important;inset:-20px!important;background-image:linear-gradient(rgba(3,9,6,.38),rgba(3,9,6,.6)),var(--dm138-image)!important;background-size:cover!important;background-position:center!important;filter:blur(16px)!important;opacity:.66!important}
  body.dm-live-v138-firstfold .dm125-hero-image,
  body.dm-live-v138-firstfold .dm125-hero-media img{position:relative!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;background:transparent!important;z-index:1!important}
  body.dm-live-v138-firstfold .dm138-essentials{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:8px!important;border:1px solid rgba(230,187,83,.17)!important;border-radius:16px!important;background:rgba(3,10,7,.58)!important}
  body.dm-live-v138-firstfold .dm138-expression{grid-column:1/-1!important;padding:5px 4px!important}
  body.dm-live-v138-firstfold .dm138-note{padding:9px 8px!important;border:1px solid rgba(230,187,83,.1)!important;border-radius:12px!important;min-width:0!important}
  body.dm-live-v138-firstfold .dm138-expression small,
  body.dm-live-v138-firstfold .dm138-note small{display:block!important;color:#e7b94e!important;font-size:.55rem!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important;margin-bottom:4px!important}
  body.dm-live-v138-firstfold .dm138-expression strong,
  body.dm-live-v138-firstfold .dm138-note strong{display:block!important;color:var(--dm138-cream)!important;font-size:.78rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

@media (max-width:620px){
  body.dm-live-v138-firstfold .dm125-hero-copy{padding:22px 17px!important}
  body.dm-live-v138-firstfold .dm125-hero h1,
  body.dm-live-v138-firstfold #dm125-title{font-size:clamp(2.75rem,14vw,4rem)!important;line-height:.92!important}
  body.dm-live-v138-firstfold .dm125-description{font-size:.94rem!important;line-height:1.52!important}
  body.dm-live-v138-firstfold .dm138-essentials{grid-template-columns:1fr!important}
  body.dm-live-v138-firstfold .dm138-expression{grid-column:auto!important}
  body.dm-live-v138-firstfold .dm138-note{min-height:48px!important}
  body.dm-live-v138-firstfold .dm125-badges{grid-template-columns:1fr!important;margin:0!important}
  body.dm-live-v138-firstfold .dm125-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body.dm-live-v138-firstfold .dm125-btn{width:100%!important;white-space:normal!important}
  body.dm-live-v138-firstfold .dm125-hero-media{height:min(62svh,580px)!important;min-height:360px!important}
}

@media (prefers-reduced-motion:reduce){
  body.dm-live-v138-firstfold *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}
