/* One quiet glass surface; the middle track is independent of side widths. */
.cinematic-page .site-header{
  --header-glass:rgba(17,42,36,.36);
  --header-ink:#f6f8f0;
  --header-line:rgba(244,250,238,.16);
  --header-hover:rgba(245,251,239,.10);
  --header-action:rgba(226,243,207,.17);
  position:fixed;
  top:20px;
  left:50%;
  transform:translateX(-50%);
  width:min(1800px,calc(100% - 64px));
  height:76px;
  padding:12px 24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);
  align-items:center;
  gap:20px;
  color:var(--header-ink);
  background:var(--header-glass);
  border:1px solid var(--header-line);
  border-radius:22px;
  box-shadow:0 8px 32px rgba(8,28,20,.10),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(20px) saturate(125%);
  -webkit-backdrop-filter:blur(20px) saturate(125%);
  transition:background .35s,color .35s,border-color .35s,box-shadow .35s;
}
.cinematic-page .site-header.is-dark,
.cinematic-page .site-header.is-scrolled,
.cinematic-page .site-header.menu-open{
  --header-glass:rgba(245,243,234,.52);
  --header-ink:#233d30;
  --header-line:rgba(52,76,48,.13);
  --header-hover:rgba(38,70,47,.07);
  --header-action:rgba(53,87,48,.09);
  color:var(--header-ink);
  background:var(--header-glass);
  border:1px solid var(--header-line);
}
.cinematic-page .site-header.is-scrolled{--header-glass:rgba(245,243,234,.76);height:76px}
.cinematic-page .site-header .brand{justify-self:start;height:48px;font-size:clamp(30px,1.5vw,37px);line-height:1;gap:8px}
.cinematic-page .site-header .brand-category{font-size:12px;margin-bottom:10px}
.cinematic-page .site-header .desktop-nav{
  justify-self:center;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:clamp(420px,31vw,468px);
  height:48px;
  margin:0;
  padding:0;
  gap:0;
  color:inherit;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.cinematic-page .site-header .desktop-nav a{
  display:flex;
  align-items:center;
  justify-content:center;
  height:48px;
  min-width:0;
  padding:0 12px;
  color:inherit;
  font-size:clamp(16px,.72vw,18px);
  line-height:1.2;
  font-weight:500;
  white-space:nowrap;
  border-radius:12px;
  background:transparent;
}
.cinematic-page .site-header .desktop-nav a:hover{background:var(--header-hover)}
.cinematic-page .site-header .desktop-nav a:after{display:none}
.cinematic-page .site-header .header-actions{justify-self:end;display:flex;align-items:center;gap:8px;height:48px;margin:0}
.cinematic-page .site-header .account-link,
.cinematic-page .site-header .header-trial{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:48px;
  min-height:48px;
  margin:0;
  padding:0 16px;
  gap:10px;
  font-size:clamp(16px,.72vw,18px);
  line-height:1.2;
  font-weight:500;
  white-space:nowrap;
  color:inherit;
  border:0;
  border-radius:12px;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:background .2s;
}
.cinematic-page .site-header .header-trial{background:var(--header-action);font-weight:600}
.cinematic-page .site-header .header-trial:hover,
.cinematic-page .site-header .account-link:hover{background:var(--header-hover)}
.cinematic-page .site-header .header-trial>span,
.cinematic-page .site-header .account-link>span{font-size:18px;line-height:1}
.cinematic-page .site-header .account-link>.account-label{font:inherit}
.cinematic-page .site-header .account-link>.account-label-compact{display:none;font:inherit}
.cinematic-page .site-header .menu-button{height:48px;width:48px;min-width:48px;margin:0;padding:12px;color:inherit;border-radius:12px}
.cinematic-page .site-header .menu-button:hover{background:var(--header-hover)}
.cinematic-page .site-header .mobile-menu{top:calc(100% + 8px);left:-1px;right:-1px;width:auto;padding:12px 22px 24px;border:1px solid rgba(52,76,48,.13);border-radius:20px;background:rgba(245,243,234,.96);box-shadow:0 14px 30px #102a1b16;color:#233d30;backdrop-filter:blur(20px)}
.cinematic-page .site-header .mobile-menu a{font-size:17px;min-height:56px;align-items:center}
@media(max-width:1480px){.cinematic-page .site-header .header-trial{display:none}}
@media(max-width:1100px){
  .cinematic-page .site-header{padding-inline:20px;gap:16px}
  .cinematic-page .site-header .desktop-nav{width:390px}
  .cinematic-page .site-header .desktop-nav a{font-size:15px;padding-inline:10px}
  .cinematic-page .site-header .account-link{font-size:15px;padding-inline:12px}
}
@media(max-width:960px){
  .cinematic-page .site-header,.cinematic-page .site-header.is-scrolled{top:12px;width:calc(100% - 24px);height:68px;padding:9px 12px;grid-template-columns:auto minmax(0,1fr);gap:12px;border-radius:18px}
  .cinematic-page .site-header .desktop-nav{display:none}
  .cinematic-page .site-header .brand{font-size:28px}
  .cinematic-page .site-header .brand-category{display:none}
  .cinematic-page .site-header .header-actions{gap:4px}
  .cinematic-page .site-header .account-link{font-size:14px;padding-inline:10px;gap:8px}
  .cinematic-page .site-header .menu-button{display:flex}
}
@media(max-width:430px){
  .cinematic-page .site-header .account-link{font-size:15px}
  .cinematic-page .site-header .account-link>.account-label{display:none}
  .cinematic-page .site-header .account-link>.account-label-compact{display:inline}
}
@media(prefers-reduced-motion:reduce){.cinematic-page .site-header,.cinematic-page .site-header a{transition:none}}