/* Only the two investor entry pages load this stylesheet. */
.investor-page .site-header,
.cinema-page .cinema-top {
  position:sticky;
  inset-block-start:0;
  z-index:30;
  color:#fff;
  background:rgba(9,11,16,.96);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.investor-page .site-header {
  padding-block-start:env(safe-area-inset-top,0px);
}

.investor-page .header-inner { gap:20px; }
.investor-page .header-inner>.investor-login { order:4; }
.investor-page .header-inner>.menu-button { order:5; }
.investor-page .page-hero { padding-block-start:81px; }

/* A clipping ancestor must not become a separate sticky scroll container. */
.cinema-page .cinema { overflow:clip; }
.cinema-page .cinema-top {
  padding-block-start:calc(1.5rem + env(safe-area-inset-top,0px));
  border-block-end:1px solid #ffffff29;
}

:is(.investor-page,.cinema-page) .investor-login {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  flex:none;
  min-height:44px;
  padding:.7rem 1rem;
  border:1px solid #a4edc6;
  border-radius:3px;
  background:#a4edc6;
  color:#0b2017;
  font-size:.875rem;
  font-weight:650;
  line-height:1.4;
  text-decoration:none;
  white-space:nowrap;
}

:is(.investor-page,.cinema-page) .investor-login:hover { background:#c7ffdf; }
:is(.investor-page,.cinema-page) .investor-login:focus-visible {
  outline:3px solid #fff;
  outline-offset:4px;
}
.cinema-page .investor-login span { margin:0; }

@media(max-width:1100px) {
  .investor-page .header-inner>.menu-button { display:block; }
  .investor-page .navigation {
    display:none;
    position:absolute;
    inset-inline:0;
    top:100%;
    max-height:calc(100dvh - 94px - env(safe-area-inset-top,0px));
    overflow-y:auto;
    padding:20px max(20px,env(safe-area-inset-left,0px));
    background:#1b1b1b;
    color:#fff;
    border-block-start:1px solid #636366;
  }
  .investor-page .navigation.is-open {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:7px;
  }
  .investor-page .navigation a { padding:13px 7px; }
  .investor-page .header-inner>.language-switch { margin-inline-start:auto; }
}

@media(max-width:760px) {
  .investor-page .header-inner {
    width:calc(100% - 32px);
    gap:6px;
    min-height:78px;
  }
  .investor-page .wordmark-logo { width:90px; }
  .investor-page .header-inner>.language-switch { font-size:.75rem; padding-inline:3px; }
  .investor-page .menu-button { min-height:44px; padding:8px; font-size:.75rem; }
  .investor-page .page-hero { padding-block-start:65px; }
  .investor-page .navigation { max-height:calc(100dvh - 78px - env(safe-area-inset-top,0px)); }
  .cinema-page .cinema-top {
    gap:12px;
    padding:12px max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px));
    padding-block-start:calc(12px + env(safe-area-inset-top,0px));
  }
  .cinema-page .cinema-logo { width:100px; }
  .cinema-page .cinema-top-actions { gap:8px; }
  .cinema-page .cinema-top .language-switch { font-size:.75rem; padding-inline:0; }
  .cinema-page .cinema-top .share-trigger { width:44px; padding:0; flex:none; }
  :is(.investor-page,.cinema-page) .investor-login { gap:6px; padding:10px; font-size:.75rem; }
}

@media(max-width:380px) {
  .investor-page .header-inner {
    display:grid;
    grid-template-columns:1fr auto;
    height:auto;
    gap:4px 12px;
    padding-block:12px;
  }
  .investor-page .header-inner>a:first-child { grid-column:1; grid-row:1; }
  .investor-page .header-inner>.investor-login { grid-column:2; grid-row:1; }
  .investor-page .header-inner>.language-switch { grid-column:1; grid-row:2; justify-self:start; margin:0; }
  .investor-page .header-inner>.menu-button { grid-column:2; grid-row:2; justify-self:end; }
  .investor-page .navigation { max-height:calc(100dvh - 116px - env(safe-area-inset-top,0px)); }
  .cinema-page .cinema-top { display:grid; grid-template-columns:1fr auto auto; gap:4px 12px; }
  .cinema-page .cinema-top>a { grid-column:1; grid-row:1; }
  .cinema-page .cinema-top-actions { display:contents; }
  .cinema-page .cinema-top .investor-login { grid-column:2 / 4; grid-row:1; justify-self:end; }
  .cinema-page .cinema-top .language-switch { grid-column:2; grid-row:2; }
  .cinema-page .cinema-top .share-trigger { grid-column:3; grid-row:2; }
}

@media print {
  .investor-page .site-header,
  .cinema-page .cinema-top { display:none; }
}