northfolk-hero{display:grid;position:relative;isolation:isolate;overflow:hidden;min-height:clamp(620px,85svh,1080px);align-items:center;background:#0b1a2a;color:#eef3f7;padding:clamp(24px,6vw,112px);box-sizing:border-box}
.northfolk-hero__media{position:absolute;inset:0;z-index:-2;pointer-events:none}
.northfolk-hero__media picture,.northfolk-hero__media img,.northfolk-hero__media video{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;object-position:right center}
.northfolk-hero__media video{opacity:0;transition:opacity .5s}
.northfolk-hero__media video.is-playing{opacity:1}
northfolk-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,26,42,.65),rgba(11,26,42,.1));z-index:-1;pointer-events:none}
northfolk-hero>.hero-content{width:min(42%,640px)}
@media(max-width:767px){.northfolk-hero__media img,.northfolk-hero__media video{object-position:center top}northfolk-hero{min-height:850px;min-height:100svh;align-items:end;padding:32px 24px 48px}northfolk-hero>.hero-content{width:100%;padding-top:50svh}northfolk-hero::after{background:linear-gradient(180deg,rgba(11,26,42,.08) 35%,rgba(11,26,42,.55) 65%)}}
@media(prefers-reduced-motion:reduce){.northfolk-hero__media video{display:none;transition:none}}

northfolk-hero h1{color:#eef3f7;font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.08}northfolk-hero .lead{color:#c4d7e5}northfolk-hero .crumbs,northfolk-hero .crumbs a{color:#8cc5e8}northfolk-hero .btn--ghost{color:#eef3f7;border-color:#8cc5e8}

/* Media controls overlay only; preserve the approved art, crop and hero geometry. */
.nf-media-toggle{position:absolute;z-index:4;top:16px;right:16px;min-height:44px;max-width:calc(100% - 32px);padding:9px 13px;border:1px solid #7899ae;border-radius:6px;background:#0b1a2a;color:#eef3f7;font:500 12px/1.3 system-ui,sans-serif;letter-spacing:0;text-align:center;cursor:pointer}
.nf-media-toggle:hover{background:#183349;border-color:#b9d9eb}
.nf-media-toggle:focus-visible{outline:2px solid #eef3f7;outline-offset:3px}
.nf-media-toggle:disabled{cursor:default;color:#b7cbd8;background:#0b1a2a}
.nf-media-toggle--compass{top:auto;bottom:12px;right:12px}
@media(max-width:767px){northfolk-hero>.nf-media-toggle{top:8px;right:8px}}

/* The mobile film's original artwork is 44.5px right of center in its 864px canvas.
   Reframe both the film and its final poster together; preserve the original media. */
@media(max-width:760px){
  #cierre .closing-identity northfolk-compass>picture>img,
  #cierre .closing-identity northfolk-compass>video{transform:translateX(-5.150463%)}
}