/* =============================================================
   337D — FEATURED VENDORS COPY + BIGGER KEY SWAG
   - bigger readable center copy
   - larger visible watermark keys on desktop
   - lighter featured-vendor backdrop
   - phone quote card pulled down to use dead space better
   ============================================================= */

body.home-300d #featured-vendors.d335-featured{
  background:
    radial-gradient(circle at 18% 48%,rgba(120,86,122,.42),transparent 44%),
    radial-gradient(circle at 82% 52%,rgba(92,126,110,.36),transparent 42%),
    radial-gradient(circle at 50% 12%,rgba(72,53,80,.16),transparent 26%),
    linear-gradient(145deg,rgba(28,22,33,.988),rgba(31,37,38,.982))!important;
  box-shadow:
    inset 0 0 58px rgba(132,93,125,.24),
    inset 0 0 92px rgba(87,123,108,.16),
    0 10px 28px rgba(0,0,0,.18)!important;
}
body.home-300d #featured-vendors.d335-featured::before{
  background-image:
    url('two-key-divider-312d.webp'),
    url('two-key-divider-312d.webp'),
    url('two-key-divider-312d.webp')!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
  background-size:180px auto,118px auto,180px auto!important;
  background-position:5% 50%,50% 88%,95% 50%!important;
  opacity:.24!important;
  filter:saturate(1) contrast(1.02) brightness(1.26)!important;
}
body.home-300d #featured-vendors.d335-featured::after{
  border-color:rgba(189,145,105,.22)!important;
  box-shadow:inset 0 0 32px rgba(0,0,0,.24)!important;
}
body.home-300d #featured-vendors .d300-random-heading{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
body.home-300d #featured-vendors .d300-random-heading h2{
  font-size:1.34rem!important;
  line-height:.96!important;
  margin:0!important;
}
body.home-300d #featured-vendors .d302-spotlight-wink{
  display:block!important;
  margin:0!important;
  max-width:150px!important;
  font-size:.76rem!important;
  line-height:1.24!important;
  color:#f2e2d4!important;
  text-wrap:balance!important;
}

@media(max-width:850px){
  body.home-300d #featured-vendors.d335-featured::before{
    background-size:124px auto,86px auto,124px auto!important;
    background-position:4% 52%,50% 88%,96% 52%!important;
    opacity:.17!important;
  }
  body.home-300d #featured-vendors .d300-random-heading h2{
    font-size:.92rem!important;
  }
  body.home-300d #featured-vendors .d302-spotlight-wink{
    max-width:108px!important;
    font-size:.48rem!important;
    line-height:1.16!important;
  }
}

@media(max-width:650px){
  body.home-300d .d312-inspiration-card{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    min-height:150px!important;
    aspect-ratio:4/5!important;
    padding:0 0 10px!important;
  }
  body.home-300d .d312-inspiration-card blockquote{
    width:93%!important;
    padding:9px 8px!important;
    font-size:.70rem!important;
    line-height:1.16!important;
  }

  body.home-300d #featured-vendors.d335-featured{
    background:
      radial-gradient(circle at 50% 84%,rgba(116,85,118,.18),transparent 30%),
      radial-gradient(circle at 50% 28%,rgba(88,118,103,.12),transparent 33%),
      linear-gradient(145deg,rgba(22,18,27,.992),rgba(29,34,35,.986))!important;
  }
  body.home-300d #featured-vendors.d335-featured::before{
    background-image:url('two-key-divider-312d.webp')!important;
    background-size:86px auto!important;
    background-position:50% 82%!important;
    opacity:.08!important;
    filter:saturate(.95) contrast(1) brightness(1.18)!important;
  }
  body.home-300d #featured-vendors .d300-random-heading h2{
    font-size:.74rem!important;
  }
  body.home-300d #featured-vendors .d302-spotlight-wink{
    max-width:56px!important;
    font-size:.34rem!important;
    line-height:1.12!important;
  }
}

@media(max-width:390px){
  body.home-300d .d312-inspiration-card blockquote{
    font-size:.66rem!important;
    line-height:1.14!important;
  }
  body.home-300d #featured-vendors .d302-spotlight-wink{
    font-size:.31rem!important;
  }
}