.teambuilding-page {
  background: var(--color-soft-ice);
}

.teambuilding-page .eyebrow { color: var(--color-electric-cyan); }
.teambuilding-page h2 { max-width: 16ch; }
.teambuilding-page h3 { margin-bottom: var(--space-3); }

.tb-hero {
  position: relative;
  overflow: hidden;
  padding-block: clamp(5.5rem, 10vw, 9rem);
  background: radial-gradient(circle at 82% 42%, color-mix(in srgb, var(--color-luminous-violet) 17%, transparent), transparent 36%), var(--color-midnight);
}
.tb-hero::before {
  position: absolute;
  width: 56vw;
  height: 1px;
  top: 26%;
  left: 0;
  background: var(--color-electric-cyan);
  content: "";
  opacity: .75;
}
.tb-hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(3rem, 5vw, 5rem); align-items: center; }
.tb-hero__content { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.tb-hero__content > * { margin: 0; }
.tb-hero h1 { max-width: 9.6ch; }
.tb-hero__lead { max-width: 46ch; color: var(--color-text-on-dark); }
.tb-button-light { position: relative; overflow: hidden; }
.tb-button-light::after { position: absolute; right: 1rem; bottom: .45rem; left: 1rem; height: 1px; background: var(--color-midnight); content: ""; transform: scaleX(0); transform-origin: left; transition: transform var(--duration-base) var(--ease-out); }
.tb-button-light:hover::after, .tb-button-light:focus-visible::after { transform: scaleX(1); }
.tb-hero__services { color: var(--color-champagne-silver); font-size: var(--text-utility); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-label); line-height: var(--leading-utility); text-transform: uppercase; }
.tb-hero__media { width: min(110%, 50rem); min-width: 0; margin: var(--space-6) -8% 0 0; overflow: hidden; border: 1px solid var(--color-border-active); border-radius: var(--radius-lg); }
.tb-hero__media img, .tb-scenario__media img, .tb-adaptation__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--duration-base) var(--ease-out), filter var(--duration-base) var(--ease-out); }
.tb-hero__media img { aspect-ratio: 16 / 9; object-position: 72% center; filter: brightness(.93); }
.tb-hero__media:hover img, .tb-scenario__media:hover img, .tb-adaptation__media:hover img { transform: scale(1.02); }

.tb-impact__head { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr); gap: clamp(2rem, 6vw, 6rem); align-items: end; }
.tb-impact__head > *, .tb-impact__grid > *, .tb-scenario__top > *, .tb-scenario__modules > *, .tb-formats__grid > *, .tb-adaptation__grid > *, .tb-briefing__grid > *, .tb-briefing__notes > *, .tb-inquiry__grid > *, .tb-related__grid > * { min-width: 0; }
.tb-impact__head p { margin-bottom: 0; }
.tb-impact__intro { max-width: 58ch; }
.tb-impact__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.tb-impact__item { min-width: 0; border-top: 1px solid var(--color-border); padding-top: var(--space-5); }
.tb-impact__item p { max-width: 40ch; margin-bottom: 0; }
.tb-number { display: block; margin-bottom: var(--space-5); color: var(--color-champagne-silver); font-family: var(--font-heading); font-size: var(--text-title-sm); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-heading); }
.tb-impact__item--active { border-top-color: var(--color-electric-cyan); }
.tb-impact__item--active .tb-number { color: var(--color-electric-cyan); }

.tb-scenario { background: radial-gradient(circle at 90% 18%, color-mix(in srgb, var(--color-luminous-violet) 17%, transparent), transparent 34%), var(--color-midnight); }
.tb-scenario__top { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(3rem, 7vw, 7rem); align-items: start; }
.tb-scenario__head { min-width: 0; padding-top: var(--space-5); }
.tb-scenario__head > :last-child { margin-bottom: 0; }
.tb-scenario__lead { max-width: 52ch; }
.tb-scenario__media { min-width: 0; overflow: hidden; margin: 0; border: 1px solid var(--color-border-dark); border-radius: var(--radius-lg); }
.tb-scenario__media img { aspect-ratio: 16 / 9; object-position: 67% center; filter: brightness(.94); }
.tb-scenario__modules { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-8); }
.tb-scenario__module { grid-column: 3 / span 7; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 4fr); gap: var(--space-5); min-width: 0; padding: var(--space-5) 0; border-top: 1px solid var(--color-border-dark); }
.tb-scenario__module:nth-child(2) { grid-column: 4 / span 7; }
.tb-scenario__module:nth-child(3) { grid-column: 5 / span 7; }
.tb-scenario__module p { margin-bottom: 0; }
.tb-module-label, .tb-card-label { color: var(--color-champagne-silver); font-size: var(--text-utility); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-label); line-height: var(--leading-utility); text-transform: uppercase; }
.tb-scenario__module--violet { border-top-color: var(--color-luminous-violet); }
.tb-scenario__module--cyan { border-top-color: var(--color-electric-cyan); }
.tb-scenario__module--cyan .tb-module-label { color: var(--color-electric-cyan); }

.tb-formats { background: radial-gradient(circle at 8% 100%, color-mix(in srgb, var(--color-luminous-violet) 15%, transparent), transparent 34%), var(--color-midnight-elevated); }
.tb-formats__head { max-width: 43rem; }
.tb-formats__head > :last-child { margin-bottom: 0; }
.tb-formats__intro { max-width: 56ch; }
.tb-formats__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-8); }
.tb-format-card { display: flex; min-width: 0; min-height: 100%; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-5); border: 1px solid var(--color-border-dark); border-radius: var(--radius-md); background: color-mix(in srgb, var(--color-midnight) 36%, var(--color-midnight-elevated)); transition: border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out); }
.tb-format-card > * { margin: 0; }
.tb-format-card p:not(.tb-card-label) { max-width: 38ch; }
.tb-format-card a { margin-top: auto; color: var(--color-electric-cyan); font-family: var(--font-heading); font-size: var(--text-small); font-weight: var(--weight-semibold); text-underline-offset: .24em; }
.tb-format-card--violet { border-top-color: var(--color-luminous-violet); }
.tb-format-card:hover { border-color: var(--color-electric-cyan); transform: translateY(-2px); }
.tb-format-card:hover a span { display: inline-block; transform: translateX(3px); }

.tb-process__head { max-width: 44rem; }
.tb-process__head > :last-child { margin-bottom: 0; }
.tb-process__intro { max-width: 54ch; }
.tb-process__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-4); margin: var(--space-8) 0 0; padding: 0; list-style: none; }
.tb-process__item { position: relative; min-width: 0; padding-top: var(--space-6); border-top: 1px solid var(--color-border); }
.tb-process__item::before { position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background: var(--color-champagne-silver); content: ""; transform: scaleX(.18); transform-origin: left; transition: background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out); }
.tb-process__item:hover::before { background: var(--color-electric-cyan); transform: scaleX(1); }
.tb-process__number { display: block; margin-bottom: var(--space-5); color: var(--color-champagne-silver); font-family: var(--font-heading); font-size: var(--text-title-sm); font-weight: var(--weight-semibold); }
.tb-process__item--active .tb-process__number { color: var(--color-electric-cyan); }
.tb-process__item h3 { font-size: 1.25rem; }
.tb-process__item p { max-width: 34ch; margin-bottom: 0; }

.tb-adaptation { background: radial-gradient(circle at 84% 65%, color-mix(in srgb, var(--color-luminous-violet) 16%, transparent), transparent 32%), var(--color-midnight); }
.tb-adaptation__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(3rem, 7vw, 7rem); align-items: start; }
.tb-adaptation__content { min-width: 0; }
.tb-adaptation__lead { max-width: 52ch; }
.tb-adaptation__modules { display: flex; min-width: 0; flex-direction: column; gap: var(--space-6); margin-top: var(--space-7); }
.tb-adaptation__modules > * { min-width: 0; width: 100%; padding-left: var(--space-5); border-left: 1px solid var(--color-border-dark); }
.tb-adaptation__modules > *:last-child { border-left-color: var(--color-electric-cyan); }
.tb-adaptation__modules p:last-child { max-width: 46ch; margin-bottom: 0; }
.tb-adaptation__media { width: 100%; min-width: 0; margin: clamp(5rem, 12vw, 10rem) 0 0; overflow: hidden; border: 1px solid var(--color-border-dark); border-radius: var(--radius-lg); }
.tb-adaptation__media img { aspect-ratio: 4 / 5; object-position: center; }
.tb-adaptation__media figcaption { color: var(--color-champagne-silver); }

.tb-services__head { max-width: 44rem; }
.tb-services__head > :last-child { margin-bottom: 0; }
.tb-services__intro { max-width: 52ch; }
.tb-services__list { display: flex; min-width: 0; flex-direction: column; margin-top: var(--space-8); border-top: 1px solid var(--color-border-dark); }
.tb-service-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 4fr) minmax(0, 5fr) minmax(0, 2fr); gap: var(--space-5); align-items: center; min-width: 0; width: 100%; padding: var(--space-5) 0; border-bottom: 1px solid var(--color-border-dark); color: var(--color-text-on-dark); text-decoration: none; transition: border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out); }
.tb-service-row > * { min-width: 0; margin: 0; }
.tb-service-row__number { color: var(--color-champagne-silver); font-family: var(--font-heading); font-size: var(--text-title-sm); font-weight: var(--weight-semibold); }
.tb-service-row h3 { font-size: var(--text-card); }
.tb-service-row p { max-width: 50ch; color: var(--color-text-on-dark-muted); }
.tb-service-row__arrow { justify-self: end; color: var(--color-electric-cyan); font-size: 1.5rem; transition: transform var(--duration-fast) var(--ease-out); }
.tb-service-row:hover { border-bottom-color: var(--color-electric-cyan); }
.tb-service-row:hover .tb-service-row__number { color: var(--color-electric-cyan); }
.tb-service-row:hover .tb-service-row__arrow { transform: translateX(4px); }

.tb-briefing { background: radial-gradient(circle at 21% 78%, color-mix(in srgb, var(--color-luminous-violet) 17%, transparent), transparent 35%), var(--color-midnight); }
.tb-briefing__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(3rem, 7vw, 7rem); align-items: start; }
.tb-briefing__content { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.tb-briefing__content > * { margin: 0; }
.tb-briefing__lead { max-width: 50ch; }
.tb-briefing__notes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); min-width: 0; }
.tb-briefing__notes article { min-width: 0; padding-top: var(--space-5); border-top: 1px solid var(--color-border-dark); }
.tb-briefing__notes article > * { min-width: 0; }
.tb-briefing__notes span { color: var(--color-champagne-silver); font-family: var(--font-heading); font-weight: var(--weight-semibold); }
.tb-briefing__notes h3 { margin-top: var(--space-4); font-size: 1.25rem; }
.tb-briefing__notes p { max-width: 40ch; margin-bottom: 0; }

.tb-inquiry { scroll-margin-top: var(--space-8); }
.tb-inquiry__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(3rem, 7vw, 7rem); align-items: start; }
.tb-inquiry__head { min-width: 0; }
.tb-inquiry__head > :last-child { margin-bottom: 0; }
.tb-inquiry__lead { max-width: 48ch; }
.tb-inquiry__form-wrap { min-width: 0; padding: clamp(var(--space-5), 4vw, var(--space-7)); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-white); box-shadow: var(--shadow-elevated); }
.tb-inquiry__form { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); }
.tb-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); min-width: 0; }
.tb-form-grid > * { min-width: 0; }
.tb-form-grid__wide { grid-column: 1 / -1; }
.tb-field-error { min-height: 1.25rem; margin: 0; color: #a7352b; font-size: var(--text-small); font-weight: var(--weight-medium); line-height: var(--leading-small); }
.tb-inquiry__form [aria-invalid="true"] { border-color: #a7352b; }
.tb-optional { color: var(--color-text-muted); font-size: var(--text-utility); font-weight: var(--weight-regular); }
.tb-inquiry__submit { align-self: flex-start; }
.tb-form-status { min-height: 1.5rem; margin: 0; color: var(--color-ink); font-weight: var(--weight-medium); }
.tb-privacy { max-width: 62ch; margin: 0; font-size: var(--text-small); line-height: var(--leading-small); }
.tb-contact-line { margin: var(--space-5) 0 0; padding-top: var(--space-4); border-top: 1px solid var(--color-border); font-size: var(--text-small); }

.tb-related { background: radial-gradient(circle at 91% 20%, color-mix(in srgb, var(--color-electric-cyan) 12%, transparent), transparent 28%), var(--color-midnight); }
.tb-related__head { max-width: 44rem; }
.tb-related__head > :last-child { margin-bottom: 0; }
.tb-related__intro { max-width: 52ch; }
.tb-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-8); }
.tb-related__card { display: flex; min-width: 0; min-height: 100%; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-5); border: 1px solid var(--color-border-dark); border-radius: var(--radius-md); color: var(--color-text-on-dark); text-decoration: none; transition: border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out); }
.tb-related__card > * { min-width: 0; margin: 0; }
.tb-related__card span { color: var(--color-champagne-silver); font-family: var(--font-heading); font-weight: var(--weight-semibold); }
.tb-related__card p { max-width: 36ch; }
.tb-related__card b { margin-top: auto; color: var(--color-electric-cyan); font-size: 1.5rem; transition: transform var(--duration-fast) var(--ease-out); }
.tb-related__card--active { border-bottom-color: var(--color-electric-cyan); }
.tb-related__card:hover { border-color: var(--color-electric-cyan); transform: translateY(-2px); }
.tb-related__card:hover b { transform: translateX(4px); }

@media (max-width: 74.99rem) {
  .tb-hero__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-7); }
  .tb-hero__media { width: 100%; margin-right: 0; }
  .tb-formats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 68.1rem) {
  .tb-process__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
  .tb-process__item:last-child { grid-column: 1 / -1; width: calc(50% - var(--space-3)); }
  .tb-adaptation__grid { grid-template-columns: 1fr; }
  .tb-adaptation__media { margin-top: 0; }
  .tb-services__list { gap: 0; }
  .tb-service-row { grid-template-columns: minmax(0, 1fr) minmax(0, 5fr) minmax(0, 1fr); }
  .tb-service-row p { grid-column: 2 / 3; }
  .tb-service-row__arrow { grid-column: 3; grid-row: 1 / span 2; }
}

@media (max-width: 64rem) {
  .tb-scenario__top { grid-template-columns: 1fr; gap: var(--space-7); }
  .tb-scenario__media { order: 2; }
  .tb-scenario__modules { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tb-scenario__module, .tb-scenario__module:nth-child(2), .tb-scenario__module:nth-child(3) { grid-column: auto; grid-template-columns: 1fr; gap: var(--space-3); }
  .tb-scenario__module:nth-child(3) { grid-column: 1 / -1; }
  .tb-briefing__grid, .tb-inquiry__grid { grid-template-columns: 1fr; gap: var(--space-7); }
  .tb-briefing__notes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 61.24rem) {
  .tb-impact__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tb-impact__item:last-child { grid-column: 1 / -1; width: calc(50% - var(--space-3)); }
}

@media (max-width: 59.99rem) {
  .tb-hero__grid { grid-template-columns: 1fr; gap: var(--space-6); }
  .tb-hero h1 { max-width: 11ch; }
  .tb-hero__media { margin-top: 0; }
  .tb-hero__media img { aspect-ratio: 4 / 5; object-position: 66% center; }
  .tb-impact__head { grid-template-columns: 1fr; gap: var(--space-4); }
  .tb-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tb-related__card:last-child { grid-column: 1 / -1; }
}

@media (max-width: 51.24rem) {
  .tb-formats__grid { grid-template-columns: 1fr; }
  .tb-briefing__notes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tb-briefing__notes article:last-child { grid-column: 1 / -1; }
}

@media (max-width: 43.74rem) {
  .tb-hero { padding-block: var(--space-9); }
  .tb-hero__content { gap: var(--space-4); }
  .tb-hero h1 { max-width: 10.4ch; }
  .tb-hero__lead { max-width: 38ch; }
  .tb-impact__grid, .tb-scenario__modules, .tb-process__list, .tb-related__grid { grid-template-columns: 1fr; }
  .tb-impact__item:last-child, .tb-scenario__module:nth-child(3), .tb-process__item:last-child, .tb-related__card:last-child { grid-column: auto; width: 100%; }
  .tb-impact__grid { gap: var(--space-7); }
  .tb-scenario__modules { margin-top: var(--space-7); }
  .tb-scenario__module { padding-left: var(--space-4); border-left: 2px solid var(--color-electric-cyan); border-top: 0; }
  .tb-process__list { position: relative; gap: 0; }
  .tb-process__list::before { position: absolute; top: 1rem; bottom: 1rem; left: 1.32rem; width: 1px; background: var(--color-border); content: ""; }
  .tb-process__item { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); gap: var(--space-4); padding: 0 0 var(--space-6); border-top: 0; }
  .tb-process__item::before { display: none; }
  .tb-process__number { position: relative; z-index: 1; margin: 0; color: var(--color-electric-cyan); }
  .tb-process__item h3 { margin-top: .15rem; }
  .tb-adaptation__modules { gap: var(--space-5); }
  .tb-services__list { margin-top: var(--space-7); }
  .tb-service-row { grid-template-columns: 1fr; gap: var(--space-3); padding-block: var(--space-6); }
  .tb-service-row p, .tb-service-row__arrow { grid-column: auto; grid-row: auto; justify-self: start; }
  .tb-briefing__notes { grid-template-columns: 1fr; gap: var(--space-5); }
  .tb-briefing__notes article:last-child { grid-column: auto; }
  .tb-form-grid { grid-template-columns: 1fr; }
  .tb-form-grid__wide { grid-column: auto; }
  .tb-inquiry__form-wrap { padding: var(--space-5); }
  .tb-inquiry__submit { width: 100%; }
  .tb-contact-line { display: flex; flex-wrap: wrap; gap: var(--space-2); }
  .tb-related__grid { gap: var(--space-4); }
}

@media (prefers-reduced-motion: reduce) {
  .tb-hero__media img, .tb-scenario__media img, .tb-adaptation__media img, .tb-format-card, .tb-related__card, .tb-service-row__arrow, .tb-related__card b { transition: border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out); }
  .tb-hero__media:hover img, .tb-scenario__media:hover img, .tb-adaptation__media:hover img, .tb-format-card:hover, .tb-related__card:hover { transform: none; }
}
