/* The illustration is part of the page header, with no player/card surface. */
.browse-home-intro { display: block; }
.browse-home-intro .browse-intro-copy { padding-top: .35rem; }
.browse-home-intro .lede { max-width: 68ch; }
.catering-video { position: relative; isolation: isolate; width: 100%; height: clamp(140px, 17vw, 228px); margin: -1rem 0 .4rem; overflow: hidden; border: 0; border-radius: 0; background: transparent; }
.catering-video-player { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 68.5%; pointer-events: none; mix-blend-mode: multiply; filter: brightness(1.035) saturate(.88); mask-image: linear-gradient(to bottom, transparent, #000 13%, #000 68%, transparent 98%), linear-gradient(to right, transparent, #000 3%, #000 97%, transparent); mask-composite: intersect; }
.catering-video-toggle { position: absolute; right: 0; bottom: 0; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-width: 74px; min-height: 44px; padding: .5rem .6rem; border: 0; border-radius: 0; background: transparent; color: #52634f; font: 500 .7rem var(--font-body); cursor: pointer; }
.catering-video-toggle-icon { width: .7rem; text-align: center; font-size: .65rem; }
.catering-video-toggle[hidden] { display: none; }
.catering-video-toggle:hover { color: var(--orange); }
.catering-video-toggle:focus-visible { outline: 2px solid var(--green); outline-offset: -3px; }
@media (max-width: 900px) { .catering-video { margin-top: -.5rem; height: clamp(132px, 24vw, 195px); } }
@media (max-width: 480px) { .catering-video { height: 132px; margin-bottom: .2rem; } .catering-video-player { object-position: 50% 68%; } }
@media print { .catering-video-toggle { display: none; } }