@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/* Del Monaco LIVE V190
   Hard-fit correction: Products matches the other header items and the hero copy stays fully inside the left safe area. */

:root {
  --dm189-ink: #07150e;
  --dm189-ink-soft: rgba(7, 21, 14, .74);
  --dm189-gold: #c89216;
}

.dm189-force-remove {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.dm189-site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 10050 !important;
}

/* Fallback only. JavaScript also copies the exact computed typography from ABOUT to PRODUCTS. */
.dm189-site-header .dm189-product-nav,
.dm189-site-header .dm189-product-nav > *,
.dm189-site-header .dm189-product-nav span,
.dm189-site-header .dm189-product-nav strong,
.dm189-site-header .dm189-product-nav small {
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: inherit !important;
  font-family: inherit !important;
  text-transform: inherit !important;
  transform: none !important;
}

/* Remove every older injected hero stage. */
.dm182-stage,.dm182-content,.dm182-visual,.dm182-scrim,
.dm183-stage,.dm183-content,.dm183-visual,.dm183-scrim,
.dm184-stage,.dm184-content,.dm184-visual,.dm184-scrim,
.dm185-stage,.dm185-content,.dm185-visual,.dm185-scrim,
.dm186-stage,.dm186-content,.dm186-visual,.dm186-scrim,
.dm187-stage,.dm187-content,.dm187-visual,.dm187-scrim,
.dm188-stage,.dm188-content,.dm188-visual,.dm188-scrim {
  display: none !important;
  visibility: hidden !important;
}

.dm189-home-hero,
.dm180-home-hero.dm189-home-hero,
.dm188-home-hero.dm189-home-hero {
  position: relative !important;
  isolation: isolate !important;
  display: block !important;
  width: 100% !important;
  min-height: clamp(620px, calc(100svh - 102px), 780px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #eadfcf !important;
  background-image: none !important;
}
.dm189-home-hero::before,
.dm189-home-hero::after { content: none !important; display: none !important; }
.dm189-home-hero * { box-sizing: border-box !important; }
.dm189-home-hero > :not(.dm189-stage) { display: none !important; }

.dm189-stage {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: inherit !important;
  overflow: hidden !important;
  background: #eadfcf !important;
}

.dm189-visual {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 1 !important;
  filter: contrast(1.055) saturate(1.025) brightness(1.012) !important;
  transform: translateZ(0) scale(1.001) !important;
  backface-visibility: hidden !important;
  pointer-events: none !important;
  user-select: none !important;
}

/* Readability only on the empty left side; fully transparent before the bottles. */
.dm189-scrim {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg,
    rgba(249,245,237,.72) 0%,
    rgba(249,245,237,.58) 14%,
    rgba(249,245,237,.34) 27%,
    rgba(249,245,237,.11) 38%,
    rgba(249,245,237,0) 45%) !important;
}

.dm189-content {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  width: min(650px, 42vw) !important;
  max-width: 650px !important;
  min-height: inherit !important;
  margin: 0 !important;
  padding: clamp(34px, 4.2vw, 66px) 0 clamp(34px, 4.2vw, 66px) clamp(34px, 5.2vw, 88px) !important;
  color: var(--dm189-ink) !important;
  background: transparent !important;
}
.dm189-copy { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }

.dm189-kicker {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 11px !important;
  color: #866313 !important;
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: 8.7px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}
.dm189-kicker::before {
  content: "" !important;
  flex: 0 0 40px !important;
  height: 1px !important;
  background: linear-gradient(90deg, var(--dm189-gold), transparent) !important;
}

/* Hard safe-fit: both lines remain left of the first bottle on desktop. */
html body .dm189-home-hero .dm189-title,
html body .dm189-home-hero .dm189-title > span,
html body .dm189-home-hero .dm189-title > span *,
html body .dm189-home-hero .dm189-title em {
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: clamp(30px, 2.12vw, 37px) !important;
  line-height: 1.075 !important;
  letter-spacing: -.043em !important;
}
html body .dm189-home-hero .dm189-title {
  width: 100% !important;
  max-width: 610px !important;
  margin: 0 0 11px !important;
  color: var(--dm189-ink) !important;
  font-weight: 600 !important;
  text-align: left !important;
  text-shadow: 0 1px 10px rgba(255,255,255,.16) !important;
}
html body .dm189-home-hero .dm189-title > span {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  font-weight: 600 !important;
}
html body .dm189-home-hero .dm189-title em {
  display: inline !important;
  color: var(--dm189-gold) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  background-image: linear-gradient(105deg,#b77d0b 8%,#edc252 48%,#b77d0b 82%) !important;
  background-size: 220% 100% !important;
  background-position: 100% 50% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html body .dm189-home-hero .dm189-description {
  width: 100% !important;
  max-width: 390px !important;
  margin: 0 0 16px !important;
  color: var(--dm189-ink-soft) !important;
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.48 !important;
}

.dm189-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 9px !important;
  width: 100% !important;
  margin: 0 !important;
}
html body .dm189-home-hero .dm189-actions a,
html body .dm189-home-hero .dm189-actions a * {
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: 8.3px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}
html body .dm189-home-hero .dm189-actions a {
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 37px !important;
  padding: 0 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(99,69,11,.30) !important;
  border-radius: 12px !important;
  color: var(--dm189-ink) !important;
  text-decoration: none !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}
.dm189-actions a:first-child { background: linear-gradient(135deg,#f1cf66 0%,#dfad2f 100%) !important; box-shadow: 0 12px 28px rgba(157,109,15,.14) !important; }
.dm189-actions a:last-child { background: rgba(255,255,255,.50) !important; border-color: rgba(81,62,19,.30) !important; backdrop-filter: blur(7px) !important; }
.dm189-actions a:hover { transform: translateY(-2px) !important; box-shadow: 0 15px 32px rgba(90,62,9,.15) !important; }

@media (max-width: 1380px) and (min-width: 901px) {
  .dm189-content { width: min(590px, 43vw) !important; max-width: 590px !important; padding-left: clamp(28px,4vw,58px) !important; }
  html body .dm189-home-hero .dm189-title,
  html body .dm189-home-hero .dm189-title > span,
  html body .dm189-home-hero .dm189-title > span *,
  html body .dm189-home-hero .dm189-title em { font-size: clamp(28px, 2.18vw, 34px) !important; }
  html body .dm189-home-hero .dm189-title { max-width: 560px !important; }
}

@media (max-width: 900px) {
  .dm189-home-hero { min-height: clamp(650px, calc(100svh - 82px), 790px) !important; }
  .dm189-stage { align-items: flex-end !important; }
  .dm189-visual { object-position: 72% center !important; }
  .dm189-scrim { background: linear-gradient(180deg,rgba(248,244,235,0) 0%,rgba(248,244,235,.03) 34%,rgba(248,244,235,.44) 61%,rgba(248,244,235,.88) 82%,rgba(248,244,235,.97) 100%) !important; }
  .dm189-content { align-items: flex-end !important; width: 100% !important; max-width: none !important; padding: 25px 20px 24px !important; }
  .dm189-copy { max-width: 560px !important; }
  html body .dm189-home-hero .dm189-title,
  html body .dm189-home-hero .dm189-title > span,
  html body .dm189-home-hero .dm189-title > span *,
  html body .dm189-home-hero .dm189-title em { font-size: clamp(24px, 5.6vw, 31px) !important; }
  html body .dm189-home-hero .dm189-title > span { width: auto !important; white-space: normal !important; }
  html body .dm189-home-hero .dm189-description { max-width: 470px !important; font-size: 12px !important; }
  html body .dm189-home-hero .dm189-actions a { flex: 1 1 calc(50% - 6px) !important; min-height: 39px !important; padding: 0 12px !important; }
}

@media (max-width: 520px) {
  .dm189-home-hero { min-height: clamp(620px, calc(100svh - 76px), 745px) !important; }
  .dm189-visual { object-position: 73% center !important; }
  .dm189-content { padding: 21px 16px 19px !important; }
  html body .dm189-home-hero .dm189-title,
  html body .dm189-home-hero .dm189-title > span,
  html body .dm189-home-hero .dm189-title > span *,
  html body .dm189-home-hero .dm189-title em { font-size: clamp(22px, 6.2vw, 27px) !important; }
  html body .dm189-home-hero .dm189-actions a { flex-basis: 100% !important; }
}

@media (prefers-reduced-motion: no-preference) {
  .dm189-visual { animation: dm189-photo-in 1.0s cubic-bezier(.2,.72,.18,1) both !important; }
  .dm189-kicker { animation: dm189-left-in .60s .08s cubic-bezier(.2,.72,.18,1) both !important; }
  .dm189-title > span:first-child { animation: dm189-left-in .68s .15s cubic-bezier(.2,.72,.18,1) both !important; }
  .dm189-title > span:last-child { animation: dm189-left-in .68s .23s cubic-bezier(.2,.72,.18,1) both !important; }
  .dm189-title em { animation: dm189-gold-shimmer 2.1s .95s ease-out both !important; }
  .dm189-description { animation: dm189-up-in .65s .34s cubic-bezier(.2,.72,.18,1) both !important; }
  .dm189-actions a:first-child { animation: dm189-up-in .64s .45s cubic-bezier(.2,.72,.18,1) both !important; }
  .dm189-actions a:last-child { animation: dm189-up-in .64s .54s cubic-bezier(.2,.72,.18,1) both !important; }
}
@keyframes dm189-photo-in { from { opacity:.76; transform:translateZ(0) scale(1.010); filter:contrast(.99) saturate(.98) brightness(1); } to { opacity:1; transform:translateZ(0) scale(1.001); filter:contrast(1.055) saturate(1.025) brightness(1.012); } }
@keyframes dm189-left-in { from { opacity:0; transform:translate3d(-14px,6px,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes dm189-up-in { from { opacity:0; transform:translate3d(0,11px,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes dm189-gold-shimmer { 0% { background-position:100% 50%; } 55% { background-position:0% 50%; filter:brightness(1.10); } 100% { background-position:45% 50%; filter:brightness(1); } }

@media (prefers-reduced-motion: reduce) {
  .dm189-visual,.dm189-kicker,.dm189-title > span,.dm189-title em,.dm189-description,.dm189-actions a { animation:none !important; transition:none !important; opacity:1 !important; transform:none !important; }
}


/* ============================================================
   V190 — About carousel caption visibility + Collections CTA
   Additive only: the accepted V189 header and hero baseline above
   is intentionally preserved without structural changes.
   ============================================================ */

.dm190-about-slide {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* Keep the title readable while revealing substantially more photography. */
.dm190-about-caption {
  position: absolute !important;
  z-index: 12 !important;
  top: auto !important;
  bottom: clamp(12px, 1.35vw, 22px) !important;
  left: clamp(12px, 1.35vw, 22px) !important;
  right: clamp(12px, 1.35vw, 22px) !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: clamp(12px, 1.08vw, 17px) clamp(15px, 1.45vw, 23px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(215, 173, 61, .34) !important;
  border-radius: clamp(16px, 1.5vw, 23px) !important;
  color: #fff8df !important;
  background:
    linear-gradient(135deg, rgba(22, 15, 8, .83) 0%, rgba(8, 10, 7, .74) 100%) !important;
  box-shadow:
    0 16px 36px rgba(0, 0, 0, .24),
    inset 0 1px 0 rgba(255, 255, 255, .055) !important;
  -webkit-backdrop-filter: blur(11px) saturate(1.08) !important;
  backdrop-filter: blur(11px) saturate(1.08) !important;
  transform: translateZ(0) !important;
  transition:
    background-color .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    transform .28s ease !important;
}

.dm190-about-caption::before,
.dm190-about-caption::after {
  pointer-events: none !important;
}

.dm190-about-caption h2,
.dm190-about-caption h3,
.dm190-about-caption h4 {
  margin: 0 0 5px !important;
  padding: 0 !important;
  color: #f3d66f !important;
  font-size: clamp(18px, 1.42vw, 25px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.018em !important;
  text-wrap: balance !important;
}

.dm190-about-caption p {
  display: -webkit-box !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: rgba(255, 248, 224, .84) !important;
  font-size: clamp(11.5px, .82vw, 14px) !important;
  line-height: 1.38 !important;
  letter-spacing: 0 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.dm190-about-slide:hover .dm190-about-caption {
  border-color: rgba(231, 194, 83, .56) !important;
  background: linear-gradient(135deg, rgba(24, 16, 8, .89), rgba(8, 11, 7, .80)) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .29), inset 0 1px 0 rgba(255,255,255,.075) !important;
  transform: translate3d(0, -2px, 0) !important;
}

.dm190-collections-section {
  position: relative !important;
}

.dm190-view-all-collections {
  --dm190-btn-gold: #d7aa35;
  position: absolute !important;
  z-index: 28 !important;
  top: var(--dm190-collections-button-top, 68px) !important;
  right: clamp(42px, 4.2vw, 82px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 46px !important;
  padding: 0 19px 0 21px !important;
  overflow: hidden !important;
  border: 1px solid rgba(215, 170, 53, .60) !important;
  border-radius: 14px !important;
  color: #f7e4a3 !important;
  background:
    linear-gradient(135deg, rgba(28, 23, 14, .97), rgba(8, 16, 11, .96)) !important;
  box-shadow:
    0 12px 30px rgba(0, 0, 0, .24),
    inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  transition:
    transform .30s cubic-bezier(.2,.7,.2,1),
    color .30s ease,
    border-color .30s ease,
    box-shadow .30s ease !important;
}

.dm190-view-all-collections::before {
  content: "" !important;
  position: absolute !important;
  inset: -35% auto -35% -55% !important;
  width: 38% !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(255, 231, 145, .38), transparent) !important;
  transform: skewX(-20deg) !important;
  transition: left .55s ease !important;
}

.dm190-view-all-collections .dm190-cta-arrow {
  display: inline-grid !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  border: 1px solid rgba(225, 185, 72, .44) !important;
  border-radius: 999px !important;
  color: #f2ce63 !important;
  background: rgba(214, 167, 45, .09) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  transition: transform .30s ease, background-color .30s ease, border-color .30s ease !important;
}

.dm190-view-all-collections:hover,
.dm190-view-all-collections:focus-visible {
  color: #fff3c2 !important;
  border-color: rgba(242, 205, 102, .88) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.29), 0 0 0 4px rgba(205,157,37,.08) !important;
  transform: translateY(-3px) !important;
  outline: none !important;
}

.dm190-view-all-collections:hover::before,
.dm190-view-all-collections:focus-visible::before {
  left: 120% !important;
}

.dm190-view-all-collections:hover .dm190-cta-arrow,
.dm190-view-all-collections:focus-visible .dm190-cta-arrow {
  border-color: rgba(243, 209, 111, .82) !important;
  background: rgba(218, 169, 44, .18) !important;
  transform: translateX(4px) !important;
}

@media (max-width: 1100px) {
  .dm190-view-all-collections {
    right: 28px !important;
    min-height: 43px !important;
    padding-inline: 17px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 760px) {
  .dm190-about-caption {
    bottom: 10px !important;
    left: 10px !important;
    right: 10px !important;
    padding: 11px 13px !important;
    border-radius: 15px !important;
  }
  .dm190-about-caption h2,
  .dm190-about-caption h3,
  .dm190-about-caption h4 {
    margin-bottom: 4px !important;
    font-size: 17px !important;
  }
  .dm190-about-caption p {
    font-size: 11.5px !important;
    line-height: 1.34 !important;
  }

  .dm190-collections-section {
    padding-top: 0 !important;
  }
  .dm190-view-all-collections {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: fit-content !important;
    max-width: calc(100% - 32px) !important;
    min-height: 43px !important;
    margin: 14px 16px 24px auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dm190-about-caption,
  .dm190-view-all-collections,
  .dm190-view-all-collections::before,
  .dm190-view-all-collections .dm190-cta-arrow {
    transition: none !important;
  }
}

/* ============================================================
   V191 — definitive About carousel caption replacement +
   subtle zoom-out with a blurred photographic backdrop.
   This is additive to the accepted V190 CTA/header/hero baseline.
   ============================================================ */

.dm191-original-caption-hidden,
.dm191-original-caption-hidden * {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.dm191-about-slide {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #17110c !important;
}

.dm191-about-backdrop {
  position: absolute !important;
  z-index: 0 !important;
  inset: -20px !important;
  display: block !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  filter: blur(18px) brightness(.72) saturate(.92) contrast(1.04) !important;
  opacity: .82 !important;
  transform: scale(1.08) translateZ(0) !important;
  pointer-events: none !important;
}

.dm191-about-media-frame {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
}

img.dm191-about-media,
img.dm191-about-media-frame,
picture.dm191-about-media-frame > img.dm191-about-media {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
  filter: contrast(1.075) brightness(1.035) saturate(1.035) !important;
  transform: translateZ(0) scale(.955) !important;
  transform-origin: center center !important;
  backface-visibility: hidden !important;
}

.dm191-about-caption {
  position: absolute !important;
  z-index: 14 !important;
  top: auto !important;
  right: auto !important;
  bottom: clamp(12px, 1.15vw, 18px) !important;
  left: clamp(12px, 1.15vw, 18px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  width: min(82%, 650px) !important;
  max-width: calc(100% - 30px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: 72px !important;
  margin: 0 !important;
  padding: 10px 16px 11px !important;
  overflow: hidden !important;
  border: 1px solid rgba(224, 181, 65, .43) !important;
  border-radius: 17px !important;
  color: #fff8df !important;
  background: linear-gradient(135deg, rgba(25, 17, 9, .79), rgba(7, 10, 7, .70)) !important;
  box-shadow: 0 13px 30px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255,255,255,.065) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.08) !important;
  backdrop-filter: blur(10px) saturate(1.08) !important;
  pointer-events: none !important;
  transform: translateZ(0) !important;
  transition: transform .28s ease, border-color .28s ease, background-color .28s ease, box-shadow .28s ease !important;
}

.dm191-about-caption h3 {
  display: block !important;
  margin: 0 0 3px !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #f3d56a !important;
  font-family: inherit !important;
  font-size: clamp(17px, 1.2vw, 21px) !important;
  font-weight: 700 !important;
  line-height: 1.06 !important;
  letter-spacing: -.015em !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.dm191-about-caption p {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: rgba(255, 248, 224, .86) !important;
  font-family: inherit !important;
  font-size: clamp(10.5px, .72vw, 12.5px) !important;
  font-weight: 500 !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.dm191-about-slide:hover .dm191-about-caption {
  border-color: rgba(239, 203, 101, .66) !important;
  background: linear-gradient(135deg, rgba(28, 18, 8, .86), rgba(7, 11, 7, .77)) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08) !important;
  transform: translate3d(0, -2px, 0) !important;
}

@media (max-width: 760px) {
  img.dm191-about-media,
  img.dm191-about-media-frame,
  picture.dm191-about-media-frame > img.dm191-about-media {
    transform: translateZ(0) scale(.97) !important;
  }

  .dm191-about-caption {
    bottom: 9px !important;
    left: 9px !important;
    width: calc(100% - 18px) !important;
    max-width: none !important;
    max-height: 76px !important;
    padding: 9px 12px 10px !important;
    border-radius: 14px !important;
  }

  .dm191-about-caption h3 {
    font-size: 16px !important;
  }

  .dm191-about-caption p {
    display: -webkit-box !important;
    white-space: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    font-size: 10.5px !important;
    line-height: 1.22 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dm191-about-caption {
    transition: none !important;
  }
}