/* Two themes, scoped to the landing page; other site headers retain their brand. */
.landing-page>.nav{
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}
.landing-page>.nav>a:first-child{display:grid;align-items:center}
.landing-page>.nav>a:first-child img{grid-area:1/1;transition:opacity .18s ease}
.landing-page>.nav .nav-logo-light{opacity:0}
/* Extend the actual hero gradient behind the header, without moving the hero. */
html.landing-header-ready .landing-page .refraction-intro{
  margin-top:calc(-1 * var(--landing-header-height,90px));
  padding-top:0;
}
html.landing-header-ready .refraction-frame{
  top:0;
  height:calc(var(--refraction-viewport,100svh) - var(--landing-reviewbar-offset,0px));
}
.landing-page>.nav.is-over-intro{
  background:transparent;color:#f7f4ee;border-bottom-color:#f7f4ee4d;
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
.landing-page>.nav.is-over-intro .nav-logo-colour{opacity:0}
.landing-page>.nav.is-over-intro .nav-logo-light{opacity:1}
.landing-page>.nav.is-over-intro #primary-nav{
  background:transparent;border-color:transparent;box-shadow:none;
}
.landing-page>.nav.is-over-intro #primary-nav a{color:#f7f4ee}
.landing-page>.nav.is-over-intro #primary-nav a:is(:hover,:focus-visible){color:#f4b350}
.landing-page>.nav.is-over-intro .button[data-start]{
  background:#f7f4ee;border-color:#f7f4ee;color:#102a35;box-shadow:none;
}
.landing-page>.nav.is-over-intro .button[data-start]:hover{
  background:#ddefeb;border-color:#ddefeb;color:#102a35;
}
.landing-page>.nav.is-over-intro :is(a,button):focus-visible{outline-color:#f4b350}
@media(max-width:760px){
  .landing-page>.nav.is-over-intro .mobile-menu-toggle{background:transparent;border-color:#f7f4ee55;color:#f7f4ee}
  .landing-page>.nav.is-over-intro.is-menu-open #primary-nav{
    background:#102a35f2;border-color:#f7f4ee30;
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  }
  .landing-page>.nav.is-over-intro #primary-nav a:is(:hover,:focus-visible){background:#f7f4ee12}
}
@media(prefers-reduced-motion:reduce){
  .landing-page>.nav,.landing-page>.nav>a:first-child img{transition:none}
}
@media print{
  html.landing-header-ready .landing-page .refraction-intro{margin-top:0;padding-top:0}
  .landing-page>.nav.is-over-intro{background:#f7f4ee;color:#102a35;border-bottom-color:#d6e1dd}
  .landing-page>.nav.is-over-intro .nav-logo-colour{opacity:1}
  .landing-page>.nav.is-over-intro .nav-logo-light{opacity:0}
  .landing-page>.nav.is-over-intro #primary-nav a{color:#102a35}
}