/* The original CTA renderer now fills the Team page. One sky, no separate image. */
body.team-page { position: relative; isolation: isolate; background: var(--bg); }
body.team-page::before { display: none; }
/* Team navigation floats directly on the shared pixel sky. */
body.team-page > header {
  background: transparent;
  border-bottom-color: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
/* The bar itself stays absent, while its controls remain readable on the sky. */
.team-page > header .nav-links,
.team-page > header .theme-toggle { color: #f0ebe0; }
/* Owner, 28 Oct 2026: "removing both white cells from top left and right corner, leaving just the
   logo and text". No box behind the logo; its lettering takes the dark-mode colours on the sky. */
.team-page > header .brand-lockup strong { color: #f5f0e6; }
.team-page > header .brand-lockup .brand-can { color: #d9733a; }
.team-page > header .brand-lockup > span { color: #1f7a75; }
.team-page > header .brand-lockup :is(strong, > span) { text-shadow: 0 1px 1px #071219, 0 0 3px #071219, 0 0 6px #071219; }
/* "Book a free trial" as text on the sky, no cream button. */
.team-page > header .button.trial-button,
.team-page > header .button.trial-button--light-surface {
  border-color: transparent;
  background: transparent;
  color: #f0ebe0;
  box-shadow: none;
  text-shadow: 0 1px 1px #071219, 0 0 3px #071219;
}
.team-page > header .button.trial-button:is(:hover, :focus-visible),
.team-page > header .button.trial-button--light-surface:is(:hover, :focus-visible) {
  background: transparent;
  color: #fbf8f2;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.team-page main { background: transparent; }
.team-page > .reviews-enquiry-sky {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: #071219;
  cursor: default;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.team-page > .reviews-enquiry-sky canvas {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
  pointer-events: none;
  image-rendering: pixelated;
}
.team-page > .reviews-enquiry-sky .reviews-enquiry-sky__fallback { z-index: 0; }
.team-page > .reviews-enquiry-sky .reviews-enquiry-sky__canvas { z-index: 1; opacity: 1; }
.team-page > .reviews-enquiry-sky:focus-visible { outline: 3px solid #f4c09b; outline-offset: -6px; }
.team-page .team-page-intro h1 { color: #f0ebe0; }
.team-page .team-page-intro > .container > .eyebrow { color: #a8d8cc; }
.team-page [data-team-status] { color: #f0ebe0; }
/* Keep floating copy legible over bright pixels without shading the artwork. */
.team-page .team-page-intro h1,
.team-page .team-page-intro > .container > .eyebrow,
.team-page [data-team-status],
.team-page .cta-box h2, .team-page .cta-box p,
.team-page footer.site-footer { text-shadow: 0 1px 1px #071219, 0 0 3px #071219; }
.team-page .team-biography { box-shadow: 0 12px 32px #0003; }

/* Cream cells frame the content in both themes; the sky remains visible around them. */
.team-page :is(.team-biography, .team-page-promise-cell, .team-page-coverage-cell) {
  --heading: #0b3f51;
  --ink: #142f3a;
  --line: rgba(11, 63, 81, .18);
  background: #f3eee4;
  color: #142f3a;
  border-color: rgba(11, 63, 81, .18);
}
.team-page :is(.team-biography, .team-page-promise-cell, .team-page-coverage-cell) :is(h2, p) {
  color: inherit;
  text-shadow: none;
}
.team-page .team-biography .team-biography-role { color: #b74716; }
/* The enquiry sits directly on the same sky, without a capsule or corner seam. */
.team-page .cta-box { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.team-page .cta-box h2, .team-page .cta-box p { color: #f0ebe0; }
.team-page .cta-box > div { padding: 0; border-radius: 0; background: transparent; }
.team-page .cta-box > div :is(h2, p) { color: #f0ebe0; text-shadow: 0 1px 1px #071219, 0 0 3px #071219; }
.team-page .cta-box > .button { background: #f0ebe0; color: #0a272c; }
.team-page .cta-box > .button:is(:hover, :focus-visible) { background: #fbf8f2; color: #0a272c; }
.team-page footer.site-footer { background: transparent; color: #f0ebe0; border: 0; }
.team-page footer.site-footer a { color: inherit; }
@media print {
  body.team-page, .team-page main, .team-page footer.site-footer { background: var(--bg); color: var(--ink); text-shadow: none; }
  .team-page > .reviews-enquiry-sky { display: none; }
  .team-page .team-page-intro h1, .team-page .team-page-intro > .container > .eyebrow,
  .team-page .cta-box h2, .team-page .cta-box p { color: var(--heading); text-shadow: none; }
  .team-page .team-biography { box-shadow: none; }
}

@media (hover: hover) and (pointer: fine) {
  .team-page header, .team-page footer,
  .team-page .team-page-info, .team-page .team-biography,
  .team-page .cta-box > div { cursor: auto; }
  .team-page a, .team-page button:not(.reviews-enquiry-sky),
  .team-page summary { cursor: pointer; }
}
/* Phone header on the sky: the Home label and Menu button stay light (no cream logo box). */
.team-page > header .mobile-home { color: #f0ebe0; text-shadow: 0 1px 1px #071219, 0 0 3px #071219; }
.team-page > header .mobile-menu summary { color: #f0ebe0; text-shadow: 0 1px 1px #071219, 0 0 3px #071219; }
.team-page > header .mobile-menu summary { border-color: rgba(240, 235, 224, .6); background: transparent; }