/* Desktop: distribute the home composition within the viewport and keep the next section below it. */
@media(min-width:701px) and (hover:hover) and (pointer:fine){
 .intro-main:has(.intro-description){min-height:max(0px,calc(100svh - 405px))}
 .film-introduction{margin-bottom:56px}
 .intro-description .intro-desktop-closing{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(84,98,96,.42);text-underline-offset:6px}
 .section-navigation{gap:12px}
 .section-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border:0;border-radius:999px;background:rgba(255,255,255,.42);color:var(--ink);box-shadow:0 2px 9px rgba(34,42,39,.045);transition:background .3s ease,box-shadow .3s ease,transform .3s ease}
 .section-navigation a::before,.section-navigation a::after{content:none}
 .section-navigation a:hover,.section-navigation a:focus-visible{background:rgba(255,255,255,.72);box-shadow:0 5px 16px rgba(34,42,39,.075);transform:translateY(-2px)}
 .section-navigation a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){.section-navigation a{transition:none!important}.section-navigation a:hover{transform:none!important}}