/* A quieter first screen for the Royal preview. */
.site-header{
  background:rgba(251,248,240,.96)!important;
  border:0!important;
  box-shadow:0 4px 16px rgba(0,8,48,.04)!important;
}
.site-header .brand-logo{border:0!important;background:#fff}
.site-header .header-action{background:#fff!important;border:1px solid #ded8cc!important}
.site-header .desktop-nav a,.site-header .header-social{transition:opacity .3s cubic-bezier(.22,1,.36,1)}
.site-header .desktop-nav a:hover,.site-header .header-social:hover{opacity:.65}
.hero-layout{min-height:560px;gap:32px;padding-block:32px}
.hero-copy{max-width:520px}
.hero-lead{max-width:480px}
.hero-links .text-link{opacity:.78;transition:opacity .3s cubic-bezier(.22,1,.36,1)}
.hero-links .text-link:hover{opacity:1}
.hero-visual{height:500px}
@media(max-width:700px){
  .site-header{margin:8px auto 8px!important}
  .site-header .brand-logo{width:48px;height:48px}
  .site-header .brand-logo img{width:100%;height:100%;object-fit:contain}
  .hero-layout{min-height:0;gap:0;padding-block:0 24px}
  .hero-visual{height:288px}
  .hero-copy{padding-top:16px}
  .hero h1{margin:12px 0 16px}
  .hero-links{margin-top:16px}
  .hero-links .text-link{font-size:14px;line-height:20px}
}
@media(prefers-reduced-motion:reduce){.site-header .desktop-nav a,.site-header .header-social,.hero-links .text-link{transition:none}}