/* Homepage film is unobscured; navigation floats above it. */
body:has(.homepage-film) .site-header.nav{position:absolute;inset:0 0 auto 0;z-index:30;width:100%;max-width:none;min-height:64px;height:64px;padding:12px 32px;margin:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;gap:16px;mix-blend-mode:difference}
body:has(.homepage-film) .site-header .brand-lockup{gap:0}
body:has(.homepage-film) .site-header .brand-lockup img{width:26px;height:28px}
body:has(.homepage-film) .site-header .brand-lockup>span{display:none}
body:has(.homepage-film) .site-header .main-nav{margin:0 auto;gap:6px;border:0;padding:0;width:auto;order:initial}
body:has(.homepage-film) .site-header .main-nav a{font-size:12px;min-height:32px;padding:6px 10px;border-radius:4px;color:#ccc;background:transparent}
body:has(.homepage-film) .site-header .main-nav a[aria-current=page]{color:#fff;font-weight:500;background:transparent}
body:has(.homepage-film) .site-header .header-actions{gap:8px;margin:0}
body:has(.homepage-film) .site-header .editor-link{font-size:12px!important;min-height:32px;gap:6px}
body:has(.homepage-film) .site-header .editor-link svg{width:14px;height:14px;min-width:14px}
body:has(.homepage-film) .site-header .account-button,body:has(.homepage-film) .site-header .hero-background-toggle{position:static;width:32px;height:32px;min-width:32px;min-height:32px;padding:7px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;color:#fff;gap:0}
body:has(.homepage-film) .site-header .account-button svg,body:has(.homepage-film) .site-header .hero-background-toggle svg{width:16px;height:16px;min-width:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.site-header .hero-background-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.site-header .hero-background-toggle:disabled{opacity:.5}
.ref-hero.taste-intro.homepage-film{position:relative;isolation:isolate;overflow:hidden;max-width:none;width:100%;aspect-ratio:auto;height:100svh;min-height:0;max-height:none;max-block-size:none;padding:0!important;margin:0;background:#101010;display:block}
.homepage-film .hero-background{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:left center;z-index:0;pointer-events:none;opacity:1}
@media(max-width:639px){
body:has(.homepage-film) .site-header.nav{height:52px;min-height:52px;padding:8px 12px;gap:8px;flex-wrap:nowrap}
body:has(.homepage-film) .site-header .brand-lockup img{width:22px;height:24px}
body:has(.homepage-film) .site-header .main-nav{gap:0;justify-content:center;flex-wrap:nowrap}
body:has(.homepage-film) .site-header .main-nav a{font-size:11px;padding:6px;white-space:nowrap}
body:has(.homepage-film) .site-header .header-actions{gap:2px}
body:has(.homepage-film) .site-header .editor-link{font-size:0!important;width:28px;min-width:28px;padding:0;justify-content:center}
body:has(.homepage-film) .site-header .editor-link svg{display:block}
body:has(.homepage-film) .site-header .account-button,body:has(.homepage-film) .site-header .hero-background-toggle{width:28px;height:28px;min-width:28px;min-height:28px;padding:6px}
}
.site-header .hero-background-toggle .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

@media(max-width:1023px){.ref-hero.taste-intro.homepage-film{height:auto;aspect-ratio:16/9;max-height:none;max-block-size:none}.homepage-film .hero-background{object-fit:contain;object-position:center}}