.site-header {
  position: fixed;
  z-index: 100;
  inset: 0 0 auto;
  height: var(--header-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--gutter);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  background: linear-gradient(180deg, rgba(6, 6, 5, 0.64), rgba(6, 6, 5, 0.08));
  backdrop-filter: blur(8px);
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 202px;
}

.brand-mark img {
  display: block;
  width: 100%;
  height: auto;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: clamp(28px, 3.2vw, 58px);
  font-size: 15px;
  font-weight: 650;
  letter-spacing: -0.02em;
}

.site-nav a {
  position: relative;
  padding: 30px 0 27px;
  color: rgba(255, 255, 255, 0.78);
  transition: color 180ms ease;
}

.site-nav a:hover,
.site-nav a:focus-visible,
.site-nav a.is-current {
  color: #fff;
}

.site-nav a.is-current::after {
  content: "";
  position: absolute;
  inset: auto 0 19px;
  height: 2px;
  background: var(--accent);
}


:root{--header-h:82px;--gutter:clamp(32px,7vw,132px);--accent:#b54a32}
.brand-site-footer{padding:0;text-align:left;border:0}
.light-page .site-header{background:rgba(244,239,232,.92);border-bottom-color:rgba(35,31,26,.12)}
.light-page .site-header .brand-mark img{filter:invert(1)}
.light-page .site-nav a{color:rgba(28,25,21,.66)}
.light-page .site-nav a:hover,.light-page .site-nav a:focus-visible,.light-page .site-nav a.is-current{color:#1c1915}
.light-page .site-header .mobile-menu-toggle{color:#1c1915}
.site-header.is-menu-open .brand-mark img{filter:none}
.light-page .site-header.is-menu-open{background:rgba(17,16,13,.98)}
.light-page .site-header.is-menu-open .mobile-menu-toggle{color:white}
@media(max-width:1100px){
 :root{--header-h:68px;--gutter:22px}
 .site-header{height:var(--header-h);padding:0 20px}
 .brand-mark{width:142px}
 .site-nav{display:none}
}


/* The application lives within the homepage shell, with no persistent bottom bar. */
@media(max-width:700px){
 .film-copy{bottom:calc(84px + env(safe-area-inset-bottom))}
 .film-copy .hero-apply{display:inline-flex;min-height:50px;padding:6px 7px 6px 18px;gap:16px;font-size:12px}
 .film-copy .hero-apply>span{width:34px;height:34px;flex-basis:34px;font-size:19px}
 .film-bottom{bottom:calc(12px + env(safe-area-inset-bottom))}
 .brand-site-footer{padding-bottom:0}
}
@media(max-height:650px) and (max-width:700px){.film-copy .hero-apply{margin-top:16px}}