/* Montserrat is local. Manual mode optionally loads a verified Adobe web project. */
@font-face { font-family: "La27 Montserrat"; src: url("../fonts/montserrat-latin-variable.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }
:root { --la27-font-body: "La27 Montserrat", "Helvetica Neue", Arial, sans-serif; --la27-font-display: "Helvetica Neue", Helvetica, Arial, sans-serif; --la27-font-numbers: "Helvetica Neue", Arial, sans-serif; --la27-red: #d5151b; }
body.la27-site, .la27-shell, .la27-portal-shell { font-family: var(--la27-font-body); }
.la27-hero > div > p, .la27-section-intro, .la27-host-copy > p, .la27-community-intro, .la27-contact p, .la27-prose, .la27-prose p { font-family: var(--la27-font-body); }
.la27-shell h1, .la27-shell h2, .la27-shell h3 { font-family: var(--la27-font-display); }
.la27-episode-row i, .la27-episode-chapters time { font-family: var(--la27-font-numbers); }
.la27-host-visual img { filter: grayscale(1) contrast(1.08) drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 16px 14px #0003); mask-image: radial-gradient(circle, #000d .5px, #000 1px); mask-size: 3px 3px; }
/* Original artwork from the supplied dossier, used as decoration only. */
.la27-latest { position: relative; isolation: isolate; }
.la27-latest::before, .la27-contact::after { content: ""; position: absolute; pointer-events: none; z-index: -1; inset: 0; background-repeat: no-repeat; background-size: min(40vw, 430px); opacity: .07; background-image: url("../images/brand-cinema-art.webp"); mask-image: radial-gradient(ellipse at 86% 50%, #000, #0000 80%); mix-blend-mode: screen; }
.la27-latest::before { background-position: 98% 55%; }
.la27-contact::after { background-position: 100% 80%; }
@media (max-width: 760px) { .la27-latest::before, .la27-contact::after { background-size: 240px; opacity: .04; } }

/* Opt-in metrics only: the original typography/layout is untouched when disabled.
   The logo remains an image; editorial typography never replaces its lettering. */
.la27-fonts-manual .la27-shell h1,
.la27-fonts-manual .la27-shell h2,
.la27-fonts-manual .la27-shell h3 { font-weight: var(--la27-weight-display, 700); font-synthesis: none; letter-spacing: -.025em; line-height: 1.03; overflow-wrap: break-word; }
.la27-fonts-manual .la27-hero h1,
.la27-fonts-manual .la27-page-hero h1,
.la27-fonts-manual .la27-single h1 { letter-spacing: -.035em; }
.la27-fonts-manual .la27-statement blockquote em,
.la27-fonts-manual .la27-section-head h2 em,
.la27-fonts-manual .la27-page-hero h1 em,
.la27-fonts-manual .la27-contact-heading h2 em { font-family: var(--la27-font-numbers); font-weight: var(--la27-weight-numbers, 400); font-style: normal; font-synthesis: none; letter-spacing: 0; line-height: 1.1; }
.la27-fonts-manual .la27-episode-number,
.la27-fonts-manual .la27-episode-row time,
.la27-fonts-manual .la27-episode-chapters time { font-weight: var(--la27-weight-numbers, 400); font-style: normal; font-synthesis: none; letter-spacing: .02em; }
.la27-fonts-manual .la27-episode-number,
.la27-fonts-manual .la27-episode-row time { font-family: var(--la27-font-numbers); }
.la27-fonts-manual .la27-episode-row i { font-family: Arial, sans-serif; }
@media (max-width: 760px) {
  .la27-fonts-manual .la27-shell h1,
  .la27-fonts-manual .la27-shell h2,
  .la27-fonts-manual .la27-shell h3 { hyphens: none; }
  .la27-fonts-manual .la27-hero h1 { font-size: clamp(48px, 14.8vw, 68px); line-height: 1; }
  .la27-fonts-manual .la27-section-head h2,
  .la27-fonts-manual .la27-contact-heading h2 { font-size: clamp(44px, 13vw, 70px); }
}
