/* Photographic Home navigation. Its existing links, dialogs and handlers stay intact. */
.ei-cinema .site-header{
  height:104px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:clamp(16px,1.65vw,26px);
  padding-inline:clamp(24px,3.2vw,52px);
  background:linear-gradient(180deg,rgba(8,13,17,.64),rgba(8,13,17,.24) 72%,rgba(8,13,17,0));
  border-bottom:1px solid rgba(255,255,255,.14);
  opacity:1;
  transform:none;
  pointer-events:auto;
}
html.past-top .ei-cinema .site-header{
  background:linear-gradient(180deg,rgba(8,13,17,.79),rgba(8,13,17,.47));
  box-shadow:0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
}
.ei-cinema .site-header .brand{gap:12px;min-width:0}
.ei-cinema .site-header .brand img{width:62px;height:62px}
.ei-cinema .site-header .brand>span{font-size:24px;letter-spacing:.035em}
.ei-cinema .site-header .brand-descriptor{font:400 9px/1.25 "IBM Plex Sans",Arial,sans-serif;letter-spacing:.045em;margin-top:7px}
.ei-cinema .site-header .desktop-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:clamp(18px,1.5vw,25px);
  min-width:0;
  margin:0;
  padding:0 18px;
  border-inline:1px solid rgba(255,255,255,.23);
}
.ei-cinema .site-header .desktop-nav>a{
  font:500 15.5px/1.2 "IBM Plex Sans",Arial,sans-serif;
  letter-spacing:.005em;
  min-height:48px;
  white-space:nowrap;
}
.ei-cinema .site-header .desktop-nav>a:after{bottom:6px;height:2px;background:#fff}
.ei-cinema .site-header .header-actions{gap:14px;align-items:center}
.ei-cinema .site-header .header-actions>.search-open{display:flex;width:44px;min-width:44px;min-height:48px;justify-content:center;align-items:center;padding:0}
.ei-cinema .site-header .search-open svg{width:22px;height:22px;stroke-width:1.6}
.ei-cinema .site-header .header-phone{display:flex;gap:8px;font:500 14px/1.25 "IBM Plex Sans",Arial,sans-serif;min-height:48px}
.ei-cinema .site-header .header-phone>span{font-size:9px;letter-spacing:.08em;opacity:.8}
.ei-cinema .site-header .header-actions>.quote-link{
  display:inline-flex;
  gap:10px;
  min-height:46px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.57);
  border-radius:2px;
  background:rgba(255,255,255,.035);
  font:600 14px/1.25 "IBM Plex Sans",Arial,sans-serif;
  white-space:nowrap;
}
.ei-cinema .site-header .quote-link>span{font-size:21px}
.ei-cinema .site-header .quote-link:after{display:none}
.ei-cinema .site-header .quote-link:hover{background:rgba(255,255,255,.13);border-color:#fff}
.ei-cinema .site-header .header-actions>.mobile-menu{display:none;font:500 15px/1.2 "IBM Plex Sans",Arial,sans-serif;min-height:48px;gap:10px;padding:0 2px}
.ei-cinema .site-header :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:5px}
/* The intro still owns the surface until its reveal. */
html[data-ei-intro]:not([data-ei-intro="complete"]) .ei-cinema .site-header{opacity:0;pointer-events:none}
@media(max-width:1350px) and (min-width:1191px){
  .ei-cinema .site-header{padding-inline:24px;gap:16px}
  .ei-cinema .site-header .brand img{width:58px;height:58px}
  .ei-cinema .site-header .brand>span{font-size:22px}
  .ei-cinema .site-header .brand-descriptor{font-size:8px}
  .ei-cinema .site-header .desktop-nav{gap:15px;padding-inline:14px}
  .ei-cinema .site-header .desktop-nav>a{font-size:15px}
  .ei-cinema .site-header .header-actions{gap:10px}
  .ei-cinema .site-header .header-phone>span{display:none}
  .ei-cinema .site-header .header-actions>.quote-link{font-size:13.5px;padding-inline:10px}
}
@media(max-width:1190px){
  .ei-cinema .site-header{grid-template-columns:minmax(0,1fr) auto;gap:20px}
  .ei-cinema .site-header .desktop-nav{display:none}
  .ei-cinema .site-header .header-actions>.mobile-menu{display:flex;align-items:center}
  .ei-cinema .site-header .header-actions{gap:16px}
}
@media(max-width:850px){
  .ei-cinema .site-header .header-phone{display:none}
}
@media(max-width:700px){
  .ei-cinema .site-header{height:90px;padding-inline:20px;gap:12px}
  .ei-cinema .site-header .brand{gap:10px}
  .ei-cinema .site-header .brand img{width:52px;height:52px}
  .ei-cinema .site-header .brand>span{font-size:20px;letter-spacing:.025em}
  .ei-cinema .site-header .brand-descriptor{font-size:7.7px;margin-top:5px;letter-spacing:.03em}
  .ei-cinema .site-header .header-actions{gap:8px}
  .ei-cinema .site-header .header-actions>.quote-link{display:none}
  .ei-cinema .site-header .header-actions>.search-open{width:44px;min-width:44px;min-height:44px}
  .ei-cinema .site-header .header-actions>.mobile-menu{font-size:15px;min-height:44px;min-width:64px;justify-content:center;gap:8px}
  .ei-cinema .site-header .search-open svg{width:21px;height:21px}
}
@media(max-width:360px){
  .ei-cinema .site-header{padding-inline:14px;gap:8px}
  .ei-cinema .site-header .brand{gap:8px}
  .ei-cinema .site-header .brand img{width:46px;height:46px}
  .ei-cinema .site-header .brand>span{font-size:18px}
  .ei-cinema .site-header .brand-descriptor{font-size:7px}
  .ei-cinema .site-header .header-actions{gap:3px}
  .ei-cinema .site-header .header-actions>.mobile-menu{min-width:55px;font-size:14px;gap:6px}
}
@media(max-height:440px) and (min-width:701px){
  .ei-cinema .site-header{height:72px}
  .ei-cinema .site-header .brand img{width:50px;height:50px}
  .ei-cinema .site-header .brand>span{font-size:21px}
  .ei-cinema .site-header .brand-descriptor{font-size:7px;margin-top:4px}
}