:root{--preview-bg:#0e1f3b;--preview-text:#fbf7f1;--preview-accent:#9eebd1;--preview-ink:#132a4c;--preview-muted:#d8e1eb;--film-shade-start:rgba(14,31,59,.98);--film-shade-mid:rgba(14,31,59,.88);--film-shade-end:rgba(14,31,59,.04);--film-control-line:rgba(251,247,241,.35)}
.mark{gap:12px;flex-direction:row;align-items:center;flex-shrink:0}
.brand-crop{position:relative;display:block;width:200px;height:62px;overflow:hidden;mix-blend-mode:multiply}
.mark .brand-crop img{position:absolute;left:-15px;top:-53px;width:226px;height:169.5px;max-width:none}
.brand-group{font:9px/1 Consolas,monospace;letter-spacing:.17em;color:var(--preview-ink);border-left:1px solid var(--line-dark);padding-left:12px}
.nav{background:var(--cream);backdrop-filter:none}
.nav-inner{gap:22px;padding-top:8px;padding-bottom:8px;min-height:80px}
.nav-links{gap:20px;font-size:.78rem}
.brand-film{position:relative;isolation:isolate;padding:0;background:var(--preview-bg);overflow:hidden;min-height:560px}
.brand-film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-3}
.film-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,var(--film-shade-start) 0%,var(--film-shade-mid) 31%,var(--film-shade-end) 77%),linear-gradient(0deg,var(--preview-bg),transparent 26%)}
.brand-film-content{position:relative;min-height:560px;display:flex;flex-direction:column;justify-content:center;padding-top:72px;padding-bottom:90px}
.brand-film-copy{max-width:470px;width:46%}
.brand-film h1{color:var(--preview-text);font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.15;margin:14px 0 24px;letter-spacing:-.04em}
.brand-film .ref{color:var(--preview-accent);font-family:Consolas,monospace;font-size:10px}
.brand-film-copy>p:not(.ref){color:var(--preview-muted);max-width:39ch;font-size:1rem;line-height:1.8}
.film-link{display:inline-flex;gap:28px;color:var(--preview-accent);border-bottom:1px solid var(--preview-accent);padding:10px 0;text-decoration:none;font-size:.87rem}

.brand-film-copy p.hero-tagline{color:var(--preview-accent);font-family:var(--font-display);font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;max-width:none;line-height:1.5;margin:-6px 0 22px}
.brand-film-copy .btn.btn-primary{margin:2px 22px 18px 0}
.film-bottom{position:absolute;bottom:28px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--preview-muted);font:9px/1.6 Consolas,monospace;letter-spacing:.12em}
.film-toggle{background:none;color:var(--preview-text);font:10px/1.6 Consolas,monospace;border:0;border-bottom:1px solid var(--film-control-line);padding:6px 0;cursor:pointer}
.film-toggle[hidden]{display:none}
@media(max-width:1000px){.nav-links{gap:12px;font-size:.72rem}.nav-cta{display:none}.brand-crop{width:182px;height:57px}.mark .brand-crop img{width:206px;height:154.5px;left:-14px;top:-48px}.brand-film-copy{width:48%}}
@media(max-width:840px){.nav-links{font-size:.86rem;inset:80px 0 auto 0}.brand-film,.brand-film-content{min-height:600px}.brand-film-copy{width:58%}.brand-film h1{font-size:2.2rem}.film-shade{background:linear-gradient(90deg,var(--film-shade-start),var(--film-shade-mid) 36%,var(--film-shade-end)),linear-gradient(0deg,var(--preview-bg),transparent 30%)}}
@media(max-width:560px){.brand-film,.brand-film-content{min-height:720px}.brand-film-content{justify-content:flex-end;padding-top:300px;padding-bottom:92px}.brand-film-copy{width:100%;max-width:100%}.brand-film-video{height:380px;object-fit:cover;object-position:center top}.film-shade{background:linear-gradient(180deg,transparent 10%,rgba(14,31,59,.2) 28%,var(--preview-bg) 48%)}.brand-film h1{font-size:2.15rem;max-width:15ch}.brand-film-copy>p:not(.ref){font-size:.93rem;max-width:37ch}.film-bottom{align-items:flex-end;bottom:24px;gap:24px;font-size:8px}.film-bottom>span{max-width:22ch}.film-toggle{flex-shrink:0;font-size:9px}.brand-group{font-size:8px}.brand-film .ref{margin-bottom:0}}

/* Normalize the source paper before blending it into the navigation. */
.mark .brand-crop img{filter:contrast(1.12) brightness(1.03)}
