/* Shared navigation: transparent over the homepage film, white after scrolling. */
.site-header{background:#fff;color:#202327;transition:background-color .25s ease,color .25s ease,box-shadow .25s ease}
.site-header a{color:inherit}
.page-index .site-header{background:transparent;color:#fff;text-shadow:0 1px 8px #0005}
.page-index .site-header.is-scrolled,.page-index .site-header.is-menu-open{background:#fff;color:#202327;text-shadow:none}
.site-header.is-scrolled{box-shadow:0 1px 0 rgba(32,35,39,.08)}
.menu-toggle span{background:currentColor;transition:transform .2s ease}
.menu-toggle{color:inherit;min-height:44px;width:44px;justify-content:center}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
#mobile-menu{top:var(--menu-top,72px);background:#fff;color:#202327;overscroll-behavior:contain}
.site-header a:focus-visible,.menu-toggle:focus-visible{outline:1px solid currentColor;outline-offset:6px}
@media(hover:hover) and (min-width:751px){.page-index .site-header:hover,.page-index .site-header:focus-within{background:#fff;color:#202327;text-shadow:none}}
@media(prefers-reduced-motion:reduce){.site-header,.menu-toggle span{transition:none}}
.page-index .home-pair .media-card:first-child .film-toggle{top:127px}@media(max-width:750px){.page-index .home-pair .media-card:first-child .film-toggle{top:88px}}

/* Give white navigation contrast across all frames without changing the film. */
.page-index .home-pair .media-card:first-child>.film:before{content:'';position:absolute;inset:0 0 auto;height:170px;z-index:1;pointer-events:none;background:linear-gradient(#0009,#0003 60%,transparent)}
@media(max-width:750px){
 .page-index .home-pair .media-card{aspect-ratio:auto}
 .page-index .home-pair .media-card>.film{height:auto;aspect-ratio:3/4}
 .page-index .home-pair .loved-ones-caption{position:relative;inset:auto;background:#fff;color:#202327;display:flex;flex-direction:column;gap:16px;padding:28px 24px 32px;text-shadow:none}
 .page-index .home-pair .loved-ones-caption .hero-title{font-size:27px;line-height:1.18;max-width:none;margin:0}
 .page-index .home-pair .loved-ones-caption .hero-subtitle{font-size:16px;line-height:1.5;max-width:32ch;margin:0}
 .page-index .home-pair .loved-ones-caption>a{align-self:flex-start;font-size:16px;line-height:1.5}
 .page-index .home-pair .media-card:first-child>.film:after{display:none}
 .page-index .home-pair .media-card:first-child .film-toggle{top:auto;bottom:16px;right:16px;min-height:36px;min-width:64px;background:#202327b3}
 .page-index .home-craft-story{padding-top:34px}
}