/* Supplied HD logo, kept as one proportional image on every screen. */
html[data-hd-logo-layout] { --nav-h:84px; --hd-header-logo-width:196px; }
html[data-hd-logo-layout] #nav { min-height:84px; }
html[data-hd-logo-layout] .hd-brand { position:relative; display:flex; align-items:center; flex:0 0 var(--hd-header-logo-width); width:var(--hd-header-logo-width); gap:0; }
html[data-hd-logo-layout] #nav .hd-brand > img.hd-logo,
html[data-hd-logo-layout] #nav .hd-brand > img.hd-logo:first-child { display:block; width:100%; height:auto; max-width:none; max-height:none; object-fit:contain; aspect-ratio:800 / 283; }
html[data-hd-logo-layout] #nav .hd-brand > .nav__logo--light { position:absolute; left:0; top:50%; right:auto; bottom:auto; transform:translateY(-50%); }
html[data-hd-logo-layout="legacy"] .nav__inner { min-height:84px; height:84px; }
html[data-hd-logo-layout="legacy"] #nav { padding-top:0; padding-bottom:0; }
html[data-hd-logo-layout] .hd-footer-brand { display:block; width:220px; max-width:100%; gap:0; }
html[data-hd-logo-layout] .hd-footer-brand > img.hd-logo,
html[data-hd-logo-layout] .site-footer .hd-footer-brand > img.hd-logo:first-child { position:static; display:block; width:100%; height:auto; max-height:none; object-fit:contain; aspect-ratio:800 / 283; }
html[data-hd-logo-layout] .foot__mark > img.hd-logo { width:220px; height:auto; max-width:100%; aspect-ratio:800 / 283; }
html[data-hd-logo-layout="gsap"] #nav .nav-logo { flex-shrink:0; }
@media (max-width:1599px) {
  html[data-hd-logo-layout="legacy"] #nav .nav__toggle { display:inline-flex; }
  html[data-hd-logo-layout="legacy"] #nav .nav__links { display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column; gap:0; margin:0; background:var(--cream); border-bottom:1px solid var(--hair); max-height:calc(100svh - var(--nav-h)); overflow-y:auto; box-shadow:0 14px 34px rgba(15,37,56,.1); }
  html[data-hd-logo-layout="legacy"] #nav.nav--open .nav__links { display:flex; }
  html[data-hd-logo-layout="legacy"] #nav .nav__links a { padding:14px 22px; font-size:16px; color:var(--navy); border-top:1px solid var(--hair); }
  html[data-hd-logo-layout="legacy"] #nav .nav__links a:first-child { border-top:0; }
  html[data-hd-logo-layout="legacy"] #nav .nav__sep { display:none; }
}
@media (max-width:1439px) {
  html[data-hd-logo-layout="gsap"] #nav .clock { display:none; }
  html[data-hd-logo-layout="gsap"] #nav .nav-links { gap:24px; margin-right:28px; }
}
@media (max-width:1199px) {
  html[data-hd-logo-layout="gsap"] #nav .nav-right { margin-left:auto; }
}
@media (max-width:767px) {
  html[data-hd-logo-layout] { --nav-h:72px; --hd-header-logo-width:148px; }
  html[data-hd-logo-layout] #nav { min-height:72px; height:72px; }
  html[data-hd-logo-layout="legacy"] .nav__inner { min-height:72px; height:72px; }
  html[data-hd-logo-layout="gsap"] #nav .nav-right { gap:12px; }
  html[data-hd-logo-layout="gsap"] #nav .nav-menu { min-height:44px; min-width:44px; justify-content:center; font-size:11px; }
  html[data-hd-logo-layout="gsap"] #nav #nav-cta { display:inline-flex; align-items:center; justify-content:center; min-height:44px; font-size:10px; letter-spacing:.06em; padding:11px 10px; white-space:nowrap; }
  html[data-hd-logo-layout] .hd-footer-brand { width:196px; }
  html[data-hd-logo-layout] .foot__mark > img.hd-logo { width:196px; }
}
@media (max-width:399px) {
  html[data-hd-logo-layout] { --hd-header-logo-width:144px; }
  html[data-hd-logo-layout="home"] #nav { gap:8px; }
  html[data-hd-logo-layout="home"] #nav .nav-book { font-size:10px; padding-left:8px; padding-right:8px; }
  html[data-hd-logo-layout="home"] #nav .menu-button { min-width:42px; font-size:11px; }
  html[data-hd-logo-layout="legacy"] #nav .nav__inner { gap:8px; }
  html[data-hd-logo-layout="legacy"] #nav .nav__cta { font-size:10px; padding:10px 8px; white-space:nowrap; }
}
@media (max-width:359px) {
  html[data-hd-logo-layout] { --hd-header-logo-width:128px; }
  html[data-hd-logo-layout="home"] #nav { padding-left:12px; padding-right:12px; gap:6px; }
  html[data-hd-logo-layout="home"] #nav .nav-book { font-size:9px; padding-left:7px; padding-right:7px; }
  html[data-hd-logo-layout="gsap"] #nav { padding-right:12px; }
  html[data-hd-logo-layout="gsap"] #nav .nav-logo { margin-left:12px; }
  html[data-hd-logo-layout="gsap"] #nav .nav-right { gap:8px; }
  html[data-hd-logo-layout="gsap"] #nav #nav-cta { font-size:9px; letter-spacing:.02em; }
  html[data-hd-logo-layout="legacy"] #nav .nav__inner { gap:6px; }
}