html {
    /* 14px on mobile → 16px on desktop */
    font-size: clamp(16px, 2vw, 20px);
}

.nav-logo { display:flex; align-items:center; gap:0.65rem; text-decoration:none; }
.nav-logo img { width:44px; height:44px; object-fit:cover; border-radius:50%; }
.nav-wordmark { display:flex; flex-direction:column; gap:0.05rem; line-height:1; }
.nav-wordmark-main { font-family:'Cormorant Garamond',serif; font-size:1.15rem; font-weight:300; letter-spacing:0.04em; color:var(--ink); }
.nav-wordmark-sub  { font-size:0.52rem; letter-spacing:0.22em; text-transform:uppercase; color:var(--warm-gray); }


/*.film-bg,*/
/*.featured-bg {*/
/*    background-size: cover;*/
/*    background-position: center center;*/
/*    !* hqdefault is 4:3, crop to 16:9 by shifting vertically *!*/
/*    background-size: 100% auto;   !* full width, natural height *!*/
/*    background-position: center 16%; !* shift up to skip top bar *!*/
/*}*/