/* North Meridian's light/dark alternative. All rules are isolated from index.html. */
.light-dark-alt {
  --ld-paper: #f5f3ed;
  --ld-white: #fffefa;
  --ld-green: #263c34;
  --ld-body: #3b443e;
  --ld-muted: #5d685f;
  --ld-rule: rgba(49, 71, 65, .2);
  --ld-card-rule: rgba(49, 71, 65, .14);
  color-scheme: dark;
  background: #101713;
  color: #f3f1eb;
}

.light-dark-alt .skip-link {
  position: fixed;
  z-index: 30;
  top: 12px;
  left: 12px;
  padding: 12px 18px;
  transform: translateY(-160%);
  background: #f5f3ed;
  color: #263c34;
  font-size: 14px;
}
.light-dark-alt .skip-link:focus { transform: translateY(0); }
.light-dark-alt .hero h1 { max-width: none; }

/* The two editorial interludes share paper and type, but use distinct card forms. */
.light-dark-alt .services,
.light-dark-alt .specialisms {
  background: var(--ld-paper);
  color: var(--ld-green);
}

.light-dark-alt .services {
  --service-surface: var(--ld-white);
  --service-edge: var(--ld-card-rule);
}
.light-dark-alt .services .eyebrow,
.light-dark-alt .specialisms .eyebrow {
  color: #4b5d51;
}
.light-dark-alt .services h2,
.light-dark-alt .specialisms h2 {
  color: var(--ld-green);
}
.light-dark-alt .services h2 em,
.light-dark-alt .specialisms h2 em {
  color: #4d6256;
}
.light-dark-alt .services .intro,
.light-dark-alt .specialisms .intro {
  color: var(--ld-body);
}
.light-dark-alt .services .intro .text-link {
  color: var(--ld-green);
  border-color: rgba(49, 71, 65, .55);
}
.light-dark-alt .services .intro .text-link:hover {
  color: #314741;
  border-color: #314741;
}
.light-dark-alt .services .intro .text-link span { color: #314741; }

.light-dark-alt .service-card,
.light-dark-alt .service-card:nth-child(4),
.light-dark-alt .service-card.wide {
  background: var(--ld-white);
  border-color: var(--ld-card-rule);
  border-bottom-color: rgba(49, 71, 65, .38);
}
.light-dark-alt .service-card small,
.light-dark-alt .service-card:first-child small {
  color: var(--ld-muted);
  font-size: 11px;
}
.light-dark-alt .card-title,
.light-dark-alt .wide .card-title {
  color: var(--ld-green);
}
.light-dark-alt .card-title b,
.light-dark-alt .wide .card-title b {
  color: #314741;
  border-color: rgba(49, 71, 65, .5);
}
.light-dark-alt .wide .card-title span { color: #58635c; }
.light-dark-alt .service-card:hover,
.light-dark-alt .service-card:nth-child(4):hover,
.light-dark-alt .service-card.wide:hover {
  background: #fff;
  border-color: rgba(49, 71, 65, .38);
}
.light-dark-alt .service-card:hover .card-title b,
.light-dark-alt .service-card:focus-visible .card-title b {
  background: rgba(49, 71, 65, .08);
  border-color: #314741;
}

/* Five service areas sit together in a responsive icon-led grid. */
.light-dark-alt .service-grid {
  display: grid;
  width: 100%;
  margin: 0;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}
.light-dark-alt .service-card,
.light-dark-alt .service-card:nth-child(4),
.light-dark-alt .service-card.wide {
  display: flex;
  flex: none;
  flex-direction: column;
  grid-column: auto;
  min-width: 0;
  min-height: 290px;
  padding: 24px 18px;
  border: 1px solid var(--ld-card-rule);
  border-bottom-color: rgba(49, 71, 65, .38);
}
.light-dark-alt .service-card-icon {
  display: flex;
  align-items: flex-start;
  height: 58px;
  margin-bottom: 18px;
  color: #4d6256;
}
.light-dark-alt .service-card-icon svg {
  width: 38px;
  height: 38px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.light-dark-alt .service-card small {
  margin-bottom: 11px;
  font-size: 10px;
  letter-spacing: .1em;
  line-height: 1.5;
}
.light-dark-alt .service-card .card-title {
  display: block;
  margin: 0;
  padding: 0;
  min-height: 0;
  font: 500 18px/1.3 var(--head);
}
.light-dark-alt .service-card-copy {
  margin: 12px 0 0;
  color: var(--ld-body);
  font: 400 12px/1.7 var(--text);
}
.light-dark-alt .service-pagination { display: none; }

/* Specialisms are image-led and open, without repeating the service-card panels. */
.light-dark-alt .specialisms .section-head { margin-bottom: 46px; }
.light-dark-alt .specialisms .section-subtitle { color: #4d6256; }
.light-dark-alt .specialisms .intro { border-color: var(--ld-rule); }
.light-dark-alt .special-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 36px 24px;
}
.light-dark-alt .special-card {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--ld-rule);
  overflow: visible;
}
.light-dark-alt .special-image { aspect-ratio: 1.78; }
.light-dark-alt .special-title {
  min-height: 68px;
  padding: 14px 4px 16px;
  color: var(--ld-green);
  font-size: 18px;
}
.light-dark-alt .special-title b {
  color: #314741;
  border-color: rgba(49, 71, 65, .5);
}
.light-dark-alt .special-card:hover .special-title b {
  background: rgba(49, 71, 65, .08);
  border-color: #314741;
}

/* The photograph-led sections and partner/footer areas remain cinematic. */
.light-dark-alt .network { background-color: #171c19; }
.light-dark-alt .companies { background: #171c19; }
.light-dark-alt .footer { background: #101713; }
.light-dark-alt .company-logos { border-color: rgba(185, 173, 152, .32); }
.light-dark-alt .company-logos > div {
  min-width: 0;
  min-height: 180px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid rgba(185, 173, 152, .32);
}
.light-dark-alt .company-logos > div:last-child { border-right: 0; }
.light-dark-alt .company-logos .partner-logo {
  display: block;
  width: auto;
  max-width: min(100%, 190px);
  height: 43px;
  object-fit: contain;
}
.light-dark-alt .company-logos .partner-vesspec { max-width: 165px; }
.light-dark-alt .company-logos .partner-astronav { max-width: 175px; }
.light-dark-alt .company-logos .partner-zenslot { max-width: 150px; }
.light-dark-alt .company-logos .partner-omni { max-width: 135px; }
.light-dark-alt .footer h4 { font-size: 11px; }
.light-dark-alt .footer p,
.light-dark-alt .footer a { font-size: 12px; }
.light-dark-alt .footer .legal,
.light-dark-alt .footer .legal a { font-size: 10px; }
.light-dark-alt .footer .legal a { font-size: 11px; }

@media (max-width: 1100px) and (min-width: 701px) {
  .light-dark-alt .service-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .light-dark-alt .special-grid { gap: 28px 20px; }
  .light-dark-alt .special-image { aspect-ratio: 1.65; }
  .light-dark-alt .special-title { font-size: 17px; }
}

@media (max-width: 700px) {
  .light-dark-alt .service-grid {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .light-dark-alt .service-grid::-webkit-scrollbar { display: none; }
  .light-dark-alt .service-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: 12px;
  }
  .light-dark-alt .service-pagination-dot {
    display: grid;
    width: 32px;
    height: 32px;
    padding: 0;
    place-items: center;
    border: 0;
    background: transparent;
    cursor: pointer;
  }
  .light-dark-alt .service-pagination-dot::before {
    width: 7px;
    height: 7px;
    border-radius: 99px;
    background: #a7b0a8;
    content: "";
    transition: width 180ms ease, background-color 180ms ease;
  }
  .light-dark-alt .service-pagination-dot[aria-current="true"]::before {
    width: 20px;
    background: #314741;
  }
  .light-dark-alt .service-pagination-dot:focus-visible {
    outline: 2px solid #314741;
    outline-offset: 1px;
  }
  .light-dark-alt .service-card,
  .light-dark-alt .service-card:nth-child(4),
  .light-dark-alt .service-card.wide {
    flex: 0 0 100%;
    min-height: 260px;
    padding: 20px 15px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  .light-dark-alt .hero .eyebrow,
  .light-dark-alt .closing .eyebrow,
  .light-dark-alt .companies .eyebrow { font-size: 11px; }
  .light-dark-alt .hero .text-link { font-size: 12px; }
  .light-dark-alt .scroll { font-size: 11px; }
  .light-dark-alt .network-points span,
  .light-dark-alt .network-points span:first-child { font-size: 11px; }
  .light-dark-alt .company-logos small { font-size: 11px; }
  .light-dark-alt .company-logos > div { min-height: 145px; padding: 22px 10px; }
  .light-dark-alt .company-logos .partner-logo { max-width: 125px; }
  .light-dark-alt .company-logos > div:nth-child(2) { border-right: 0; }
  .light-dark-alt .company-logos > div:nth-child(-n+2) { border-bottom: 1px solid rgba(185, 173, 152, .32); }
  .light-dark-alt .footer h4 { font-size: 11px; }
  .light-dark-alt .footer p,
  .light-dark-alt .footer a { font-size: 11px; }
  .light-dark-alt .footer .legal,
  .light-dark-alt .footer .legal a { font-size: 10px; }
  .light-dark-alt .footer .legal a { font-size: 11px; }
  .light-dark-alt .specialisms .section-head { margin-bottom: 32px; }
  .light-dark-alt .special-grid { grid-template-columns: 1fr; gap: 22px; }
  .light-dark-alt .special-image { aspect-ratio: 1.72; }
  .light-dark-alt .special-title { min-height: 64px; padding: 12px 4px 14px; font-size: 16px; }
}

@media (max-width: 380px) {
  .light-dark-alt .company-logos { grid-template-columns: 1fr; }
  .light-dark-alt .company-logos > div,
  .light-dark-alt .company-logos > div:nth-child(2) {
    min-height: 125px;
    border-right: 0;
    border-bottom: 1px solid rgba(185, 173, 152, .32);
  }
  .light-dark-alt .company-logos > div:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .light-dark-alt *,
  .light-dark-alt *::before,
  .light-dark-alt *::after {
    scroll-behavior: auto !important;
  }
}

/* Meeting-brief content areas */
.light-dark-alt .business-solutions,
.light-dark-alt .opportunities-section,
.light-dark-alt .podcast-section {
  background: var(--ld-paper);
  color: var(--ld-green);
}
.light-dark-alt .business-solutions .section-head { align-items: start; }
.light-dark-alt .podcast-section .podcast-layout { align-items: stretch; }
.light-dark-alt .business-solutions .eyebrow,
.light-dark-alt .opportunities-section .eyebrow,
.light-dark-alt .podcast-section .eyebrow { color: #4b5d51; }
.light-dark-alt .business-solutions h2,
.light-dark-alt .opportunities-section h2,
.light-dark-alt .podcast-section h2 { color: var(--ld-green); }
.light-dark-alt .business-solutions h2 em,
.light-dark-alt .opportunities-section h2 em,
.light-dark-alt .podcast-section h2 em { color: #4d6256; }
.light-dark-alt .business-solutions .section-subtitle { color: #4d6256; }
.light-dark-alt .business-solutions .intro,
.light-dark-alt .opportunities-copy,
.light-dark-alt .podcast-layout > div:last-child > p { color: var(--ld-body); }
.light-dark-alt .solutions-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 48px;
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--ld-rule);
}
.light-dark-alt .solutions-list li {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 14px;
  padding: 23px 0;
  border-bottom: 1px solid var(--ld-rule);
}
.light-dark-alt .solutions-list li:last-child { border-bottom: 0; }
.light-dark-alt .solutions-list li > span {
  padding-top: 4px;
  color: #5d7567;
  font: 500 11px/1.4 var(--text);
  letter-spacing: .14em;
}
.light-dark-alt .solutions-list h3,
.light-dark-alt .delivery-note h3 {
  margin: 0 0 8px;
  color: var(--ld-green);
  font: 500 18px/1.35 var(--head);
}
.light-dark-alt .solutions-list p,
.light-dark-alt .delivery-note p {
  margin: 0;
  color: var(--ld-body);
  font: 400 13px/1.75 var(--text);
}
.light-dark-alt .delivery-note {
  display: block;
  margin-top: 40px;
  padding: 26px 0 0;
  border-top: 1px solid var(--ld-rule);
}
.light-dark-alt .delivery-note h3 { margin: 0 0 8px; }
.light-dark-alt .delivery-note .text-link,
.light-dark-alt .podcast-section .text-link,
.light-dark-alt .opportunities-copy .text-link {
  color: var(--ld-green);
  border-color: rgba(49, 71, 65, .55);
  white-space: nowrap;
}
.light-dark-alt .portfolio-section .section-head { align-items: start; }
.light-dark-alt .portfolio-section .intro { color: #d0d4cf; }
.light-dark-alt .portfolio-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(185, 173, 152, .32);
  border-left: 1px solid rgba(185, 173, 152, .32);
}
.light-dark-alt .partner-entry {
  min-width: 0;
  min-height: 230px;
  padding: 26px 28px;
  border-right: 1px solid rgba(185, 173, 152, .32);
  border-bottom: 1px solid rgba(185, 173, 152, .32);
}
.light-dark-alt .portfolio-logo {
  display: block;
  width: auto;
  max-width: min(100%, 190px);
  height: 43px;
  object-fit: contain;
  object-position: left center;
}
.light-dark-alt .portfolio-vesspec { max-width: 165px; }
.light-dark-alt .portfolio-astronav { max-width: 175px; }
.light-dark-alt .portfolio-zenslot { max-width: 150px; }
.light-dark-alt .portfolio-omni { max-width: 135px; }
.light-dark-alt .portfolio-wordmark {
  display: flex;
  align-items: center;
  height: 43px;
  color: #f3f1eb;
  font: 500 22px/1.2 var(--head);
}
.light-dark-alt .partner-entry .relationship {
  margin: 17px 0 8px;
  color: var(--gold);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .13em;
  line-height: 1.55;
  text-transform: uppercase;
}
.light-dark-alt .partner-entry > p:last-child {
  margin: 0;
  color: #d0d4cf;
  font: 400 12px/1.75 var(--text);
}
.light-dark-alt .portfolio-note {
  max-width: 760px;
  margin: 24px 0 0;
  color: #c4c9c4;
  font: 400 12px/1.7 var(--text);
}
.light-dark-alt .opportunities-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr);
  gap: 9%;
  align-items: center;
}
.light-dark-alt .opportunities-layout h2 {
  color: var(--ld-green);
  font: 400 clamp(42px, 4.7vw, 68px)/1.08 var(--head);
  letter-spacing: -.045em;
}
.light-dark-alt .opportunities-copy p,
.light-dark-alt .podcast-copy > p {
  margin: 0 0 18px;
  font: 400 14px/1.8 var(--text);
}
.light-dark-alt .opportunities-copy .text-link { margin-top: 8px; }
.light-dark-alt .hub-section {
  min-height: 0;
  background: #171c19;
  background-image: none;
}
.light-dark-alt .hub-section .network-content { padding: 96px 0; }
.light-dark-alt .hub-section .network-copy { max-width: 760px; }
.light-dark-alt .hub-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 940px;
  gap: 34px;
  margin: 0 0 32px;
}
.light-dark-alt .hub-details p { margin: 0; }
.light-dark-alt .hub-details b,
.light-dark-alt .hub-details span { display: block; }
.light-dark-alt .hub-details b {
  margin-bottom: 8px;
  color: var(--gold);
  font: 500 11px/1.5 var(--text);
  letter-spacing: .16em;
  text-transform: uppercase;
}
.light-dark-alt .hub-details span { color: #e3e4de; font: 400 13px/1.75 var(--text); }
.light-dark-alt .podcast-layout {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: clamp(32px, 5vw, 72px);
  justify-content: stretch;
  align-items: stretch;
}
.light-dark-alt .podcast-copy { min-width: 0; }
.light-dark-alt .podcast-copy h2 { margin: 0 0 24px; }
.light-dark-alt .podcast-media {
  position: relative;
  align-self: stretch;
  min-width: 0;
  margin: 0;
  overflow: hidden;
}
.light-dark-alt .podcast-media > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.light-dark-alt .social {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}
.light-dark-alt .social a {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(210, 177, 138, .58);
  border-radius: 50%;
  color: var(--gold);
  font-size: 18px;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}
.light-dark-alt .social a:hover {
  border-color: var(--gold);
  background: var(--gold);
  color: var(--ld-green);
}
.light-dark-alt .social a:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
.light-dark-alt .social svg { display: block; width: 19px; height: 19px; }
.light-dark-alt .social .facebook-icon { fill: currentColor; }
.light-dark-alt .social .instagram-icon { fill: none; stroke: currentColor; stroke-width: 1.8; }
.light-dark-alt .social .instagram-dot { fill: currentColor; stroke: none; }
.light-dark-alt .podcast-mark {
  display: grid;
  place-items: center;
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 88px;
  height: 88px;
  padding: 0;
  border: 2px solid var(--gold);
  border-radius: 50%;
  background: var(--ld-green);
  color: var(--gold);
  box-shadow: 0 10px 28px rgba(25, 39, 34, .18);
  z-index: 1;
}
.light-dark-alt .podcast-mark svg,
.light-dark-alt .podcast-card-image svg {
  width: 42px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.light-dark-alt .booking-note {
  padding: 16px 18px;
  border: 1px solid var(--ld-rule);
  color: var(--ld-body);
}
.light-dark-alt .podcast-card-image {
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 50% 42%, rgba(210, 177, 138, .25), transparent 35%), linear-gradient(135deg, #344740, #121b17 78%);
  color: #e2c7a7;
}
.light-dark-alt .podcast-card-image svg { width: 55px; }
.light-dark-alt .contact-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  width: min(100%, 900px);
  margin-top: 30px;
}
.light-dark-alt .contact-form label {
  display: grid;
  gap: 9px;
  color: #f3f1eb;
  font: 500 12px/1.4 var(--text);
}
.light-dark-alt .contact-form input {
  width: 100%;
  min-height: 52px;
  padding: 12px 14px;
  border: 1px solid rgba(243, 241, 235, .55);
  border-radius: 2px;
  background: rgba(16, 23, 19, .42);
  color: #fffefa;
  font: 400 14px/1.4 var(--text);
}
.light-dark-alt .contact-form input:focus-visible { outline: 2px solid #d2b18a; outline-offset: 3px; }
.light-dark-alt .contact-form-actions {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.light-dark-alt .contact-form-actions .button { border: 0; color: #fffefa; font: 500 13px var(--text); cursor: pointer; }
.light-dark-alt .contact-form-actions .button:disabled { cursor: wait; opacity: .68; }
.light-dark-alt .contact-form-actions small { color: #f3f1eb; font: 400 11px/1.5 var(--text); }
.light-dark-alt .concept-tag {
  position: absolute;
  left: 12px;
  bottom: 12px;
  padding: 6px 8px;
  background: rgba(16, 23, 19, .88);
  color: #fffefa;
  font: 500 9px/1.2 var(--text);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.light-dark-alt .floating-whatsapp {
  position: fixed;
  z-index: 20;
  right: 24px;
  bottom: 24px;
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border-radius: 50%;
  background: #1f6a50;
  color: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .24);
}
.light-dark-alt .floating-whatsapp svg { width: 28px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.light-dark-alt .floating-whatsapp:focus-visible { outline: 3px solid #d2b18a; outline-offset: 4px; }
.light-dark-alt [hidden] { display: none !important; }
.light-dark-alt .footer-main { grid-template-columns: 1.5fr 1fr 1fr 1.35fr; }
.light-dark-alt .footer-contact p { margin-bottom: 10px; }
.light-dark-alt .footer-contact .footer-email { color: var(--gold); }

@media (max-width: 1100px) and (min-width: 701px) {
  .light-dark-alt .portfolio-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .light-dark-alt .partner-entry { min-height: 210px; padding: 24px; }
}
@media (max-width: 700px) {
  .light-dark-alt .contact-form { grid-template-columns: 1fr; gap: 14px; }
  .light-dark-alt .contact-form-actions { align-items: flex-start; flex-direction: column; gap: 12px; }
  .light-dark-alt .solutions-list { grid-template-columns: 1fr; }
  .light-dark-alt .solutions-list li { padding: 18px 0; }
  .light-dark-alt .opportunities-layout { grid-template-columns: 1fr; gap: 20px; }
  .light-dark-alt .opportunities-layout h2 { font-size: 42px; }
  .light-dark-alt .opportunities-layout h2 em { white-space: nowrap; }
  .light-dark-alt .hub-section .network-content { padding: 72px 0; }
  .light-dark-alt .hub-details { grid-template-columns: 1fr; gap: 20px; }
  .light-dark-alt .podcast-layout { grid-template-columns: 1fr; gap: 22px; }
  .light-dark-alt .podcast-mark { justify-self: end; }
  .light-dark-alt .podcast-mark { width: 88px; height: 88px; }
  .light-dark-alt .podcast-mark svg { width: 44px; }
  .light-dark-alt .floating-whatsapp { right: 16px; bottom: 16px; width: 52px; height: 52px; }
  .light-dark-alt .footer-main { grid-template-columns: 1fr 1fr; }
  .light-dark-alt .footer-brand,
  .light-dark-alt .footer-contact { grid-column: span 2; }
  .light-dark-alt .footer-main > div:not(.footer-brand, .footer-contact) { padding-left: 14px; }
  .light-dark-alt .footer-main > div:nth-child(2) { padding-left: 0; border-left: 0; }
  .light-dark-alt .footer-contact { padding: 18px 0 0 !important; border: 0 !important; border-top: 1px solid var(--line) !important; }
}

@media (max-width: 850px) {
  .light-dark-alt .contact-form input { font-size: 16px; }
}

/* Client refinements: clearer wayfinding, paired image options and meeting-space photography. */
.light-dark-alt .nav {
  gap: clamp(16px, 2vw, 28px);
  font-size: 13px;
  font-weight: 500;
}
.light-dark-alt .nav a:not(.nav-contact) { font-weight: 500; }
.light-dark-alt .nav a:not(.nav-contact):hover,
.light-dark-alt .nav a:not(.nav-contact):focus-visible { color: var(--gold); }
.light-dark-alt .services .eyebrow,
.light-dark-alt .business-solutions .eyebrow,
.light-dark-alt .opportunities-section .eyebrow,
.light-dark-alt .podcast-section .eyebrow,
.light-dark-alt .specialisms .eyebrow {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .17em;
}
.light-dark-alt .business-solutions .eyebrow {
  width: max-content;
  padding-bottom: 10px;
  border-bottom: 1px solid #9e7f5b;
  color: #314741;
}
.light-dark-alt .companies .eyebrow,
.light-dark-alt .hub-section .eyebrow,
.light-dark-alt .hero .eyebrow,
.light-dark-alt .closing .eyebrow {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .17em;
}
.light-dark-alt .hero {
  background-image: url('../assets/images/hero-yacht-cropped.webp');
  background-position: right center;
}
.light-dark-alt .business-solutions { background-color: #efede6; }
.light-dark-alt .hub-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
}
.light-dark-alt .hub-section .network-content {
  min-width: 0;
  padding: 78px 0;
}
.light-dark-alt .hub-section .network-copy { max-width: 660px; }
.light-dark-alt .hub-image {
  min-width: 0;
  margin: 0;
  aspect-ratio: 1.14;
  overflow: hidden;
}
.light-dark-alt .hub-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 54%;
}
.light-dark-alt .podcast-mark {
  border-color: var(--gold);
  color: var(--gold);
}

/* Comparison page: the Liverpool waterfront and cropped yacht trade places. */
.light-dark-alt.image-swap-alt .hero {
  background-image: url('../assets/images/liverpool-waterfront.webp');
  background-position: center 52%;
}
.light-dark-alt.image-swap-alt .closing {
  background-image: url('../assets/images/hero-yacht-cropped.webp');
  background-position: right center;
}

@media (max-width: 700px) {
  .light-dark-alt .nav { font-size: 12px; }
  .light-dark-alt .hero { background-position: right center; }
  .light-dark-alt .podcast-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }
  .light-dark-alt .podcast-media { aspect-ratio: 1.55; }
  .light-dark-alt .podcast-mark { right: 14px; bottom: 14px; width: 72px; height: 72px; }
  .light-dark-alt .podcast-mark svg { width: 36px; }
  .light-dark-alt .hub-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  .light-dark-alt .hub-section .network-content { padding: 70px 0 0; }
  .light-dark-alt .hub-image { aspect-ratio: 1.55; }
  .light-dark-alt.image-swap-alt .hero { background-position: 56% center; }
  .light-dark-alt.image-swap-alt .closing { background-position: right center; }
}