:root {
  --homey-video-navy: #07132b;
  --homey-video-navy-soft: #0d2143;
  --homey-video-ivory: #f7f2e9;
  --homey-video-gold: #f0db9c;
  --homey-video-gold-strong: #d8b56a;
  --homey-video-muted: #dbe4ef;
}

/* One shared video presentation for blog articles only. The stylesheet is injected only into article pages. */
main#main-content :is(.homey-blog-video-carousel, .homey-video-showcase, .homey-video-section, .video-inline-grid, .homey-video-rail, .video-inline-frame) {
  background: var(--homey-video-navy) !important;
  color: var(--homey-video-ivory) !important;
  border: 1px solid rgba(216,181,106,.66) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 42px rgba(7,19,43,.22) !important;
  isolation: isolate;
}

main#main-content :is(.homey-blog-video-carousel, .homey-video-showcase, .homey-video-section) {
  margin-block: clamp(34px, 6vw, 82px) !important;
  padding: clamp(24px, 5vw, 64px) !important;
  overflow: hidden;
  text-align: center;
}

main#main-content :is(.homey-blog-video-carousel, .homey-video-showcase, .homey-video-section) :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,div,figcaption,a,button) {
  color: var(--homey-video-ivory) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

main#main-content :is(.homey-blog-video-carousel, .homey-video-showcase, .homey-video-section) :is(.eyebrow,.section-kicker,.hero-kicker,.homey-video-kicker,.video-kicker) {
  color: var(--homey-video-gold) !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
}

main#main-content :is(.homey-blog-video-carousel, .homey-video-showcase, .homey-video-section) :is(h1,h2,h3) {
  color: var(--homey-video-ivory) !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  margin: .35em auto .5em !important;
  max-width: 28ch;
}

main#main-content :is(.homey-blog-video-carousel, .homey-video-showcase, .homey-video-section) :is(p,.lead,.description,.homey-video-copy) {
  color: var(--homey-video-muted) !important;
  font-size: clamp(1rem, 1.5vw, 1.2rem) !important;
  line-height: 1.8 !important;
  margin-inline: auto !important;
  max-width: 68ch;
}

main#main-content :is(.homey-blog-video-carousel, .homey-video-showcase, .homey-video-section) :is(a,button):focus-visible {
  outline: 3px solid var(--homey-video-gold) !important;
  outline-offset: 4px;
}

main#main-content :is(.homey-video-rail, .video-inline-grid) {
  display: flex !important;
  gap: clamp(14px, 2vw, 24px) !important;
  align-items: stretch !important;
  padding: clamp(14px, 2vw, 24px) !important;
  margin-block: 18px !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scrollbar-color: var(--homey-video-gold-strong) var(--homey-video-navy-soft);
}

main#main-content :is(.homey-video-rail, .video-inline-grid) > * {
  flex: 0 0 min(84vw, 360px) !important;
  scroll-snap-align: start;
}

main#main-content .homey-video-card {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 180px;
  border: 1px solid rgba(240,219,156,.72) !important;
  border-radius: 16px !important;
  background: var(--homey-video-navy-soft) !important;
  color: var(--homey-video-ivory) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.24) !important;
  text-decoration: none !important;
}

main#main-content .homey-video-card:hover {
  border-color: #ffffff !important;
  transform: translateY(-2px);
}

main#main-content .homey-video-card img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  filter: saturate(.98) contrast(1.05);
}

main#main-content :is(.video-inline-frame, .video-inline-frame iframe, .video-inline-frame video) {
  width: 100% !important;
  min-height: clamp(220px, 42vw, 520px) !important;
  background: var(--homey-video-navy) !important;
}

main#main-content :is(.homey-blog-video-carousel, .homey-video-showcase) .homey-video-card :is(.play-btn,.video-play,.play-icon) {
  background: var(--homey-video-gold) !important;
  color: var(--homey-video-navy) !important;
  border-color: var(--homey-video-navy) !important;
}

main#main-content :is(.homey-blog-video-carousel, .homey-video-showcase) :is(.btn,.button,.cta,.homey-video-cta) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: .75rem 1.15rem;
  border: 1px solid var(--homey-video-gold) !important;
  border-radius: 999px;
  background: var(--homey-video-gold) !important;
  color: var(--homey-video-navy) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

@media (max-width: 640px) {
  main#main-content :is(.homey-blog-video-carousel, .homey-video-showcase, .homey-video-section) {
    border-radius: 14px !important;
    padding: 22px 14px !important;
  }
  main#main-content :is(.homey-blog-video-carousel, .homey-video-showcase, .homey-video-section) :is(h1,h2,h3) {
    font-size: clamp(26px, 8vw, 38px) !important;
  }
  main#main-content :is(.homey-video-rail, .video-inline-grid) > * {
    flex-basis: min(82vw, 320px) !important;
  }
}