.team-building-page { overflow: clip; }
.team-building-page .section { position: relative; }
.tb-hero { padding-block: clamp(4rem, 9vw, 9rem); overflow: hidden; }
.tb-hero__grid { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,1fr) minmax(0,6fr); gap:24px; align-items:center; }
.tb-hero__copy { grid-column:1 / span 5; min-width:0; }
.tb-hero__copy .display { max-width:8.7ch; }
.tb-hero__intro { max-width:31rem; }
.tb-hero__actions { width:max-content; max-width:100%; }
.tb-hero__note { max-width:31rem; margin-top:var(--space-6); padding-left:var(--space-4); border-left:2px solid var(--color-burgundy); }
.tb-hero__note span,.tb-room__sub,.tb-format__kicker { display:block; margin-bottom:var(--space-2); color:var(--color-paper); font-size:var(--text-micro); font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.tb-hero__note p { margin-bottom:0; font-size:var(--text-small); line-height:var(--line-small); }
.tb-hero__media { grid-column:7 / span 6; width:calc(100% + max(0px, (100vw - var(--container-max)) / 2)); height:clamp(31rem, 48vw, 44rem); }
.tb-hero__media img { object-position:center right; }
.tb-why__grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; }
.tb-why__intro { grid-column:2 / span 7; min-width:0; max-width:42rem; }
.tb-outcomes { grid-column:2 / span 7; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:0; min-width:0; }
.tb-outcome { grid-column:1 / -1; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:24px; padding-block:var(--space-6); border-top:1px solid var(--color-line); }
.tb-outcome:last-child { border-bottom:1px solid var(--color-line); }
.tb-outcome__number { grid-column:1 / span 2; min-width:0; color:var(--color-cobalt); font-family:var(--font-heading); font-size:2.2rem; line-height:1; }
.tb-outcome__number--burgundy { color:var(--color-burgundy); font-size:2.8rem; }
.tb-outcome__content { grid-column:3 / span 5; min-width:0; max-width:29rem; }
.tb-outcome__content p { margin-bottom:0; }
.tb-formats { padding-block:var(--section-space); }
.tb-formats__grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; }
.tb-formats__heading { grid-column:1 / span 6; min-width:0; max-width:34rem; }
.tb-format-panels { grid-column:1 / -1; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; align-items:start; min-width:0; }
.tb-format { min-width:0; padding:var(--space-6); border:1px solid rgba(255,248,238,.35); display:flex; flex-direction:column; gap:var(--space-4); }
.tb-format > * { margin:0; min-width:0; }
.tb-format__number { color:var(--color-paper); font-family:var(--font-heading); font-size:1.7rem; line-height:1; }
.tb-format p { max-width:27rem; }
.tb-format a,.tb-feature a,.tb-objective a,.tb-step a,.tb-pillar a,.tb-prep a { display:inline-flex; align-items:center; width:max-content; max-width:100%; min-height:44px; }
.tb-format--one { grid-column:1 / span 4; }
.tb-format--two { grid-column:5 / span 4; margin-top:var(--space-7); }
.tb-format--three { grid-column:1 / span 4; margin-top:var(--space-6); }
.tb-format--four { grid-column:5 / span 4; margin-top:var(--space-6); border-color:var(--color-line-dark); background:var(--color-ink); color:var(--color-paper); }
.tb-formats__image { grid-column:9 / span 4; grid-row:1 / span 3; width:100%; min-width:0; margin:0; }
.tb-formats__image img { height:42rem; object-position:center; }
.tb-formats__image figcaption { color:var(--color-paper); }
.tb-objectives__heading { max-width:40rem; margin-inline:auto; text-align:center; }
.tb-objectives__heading .eyebrow { justify-content:center; }
.tb-objectives__list { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--space-7) 24px; margin-top:var(--space-8); }
.tb-objective { display:grid; grid-template-columns:64px minmax(0,1fr); gap:var(--space-4); min-width:0; padding-top:var(--space-5); border-top:1px solid var(--color-line); }
.tb-objective:nth-child(1),.tb-objective:nth-child(3) { grid-column:1 / span 5; }
.tb-objective:nth-child(2),.tb-objective:nth-child(4) { grid-column:7 / span 5; }
.tb-objective > span { color:var(--color-cobalt); font-family:var(--font-heading); font-size:1.8rem; line-height:1; }
.tb-objective > div { min-width:0; max-width:32rem; }
.tb-objective__consider { margin-bottom:0; font-size:var(--text-small); }
.tb-room { background:var(--color-wood-dark); }
.tb-room__image { width:100%; height:min(60vw,56rem); }
.tb-room__image img { object-position:center right; }
.tb-room__content { margin-top:-30rem; position:relative; padding-block:var(--space-8); background:linear-gradient(90deg,rgba(32,33,36,.86),rgba(32,33,36,.72),transparent); }
.tb-room__grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; }
.tb-room__grid > .eyebrow,.tb-room__grid > h2 { grid-column:1 / span 6; }
.tb-room__grid > h2 { max-width:34rem; }
.tb-room__columns { grid-column:1 / span 8; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:24px; }
.tb-room__columns article { grid-column:span 4; min-width:0; max-width:30rem; }
.tb-room__columns article p { margin-bottom:0; }
.tb-room__sub { color:#e4a3b5; }
.tb-timeline__heading { max-width:38rem; }
.tb-timeline__steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-top:var(--space-8); }
.tb-step { min-width:0; border-top:1px solid var(--color-line); padding-top:var(--space-5); }
.tb-step > span { display:block; margin-top:calc(var(--space-5) * -1 - 1px); color:var(--color-cobalt); font-family:var(--font-heading); font-size:2rem; line-height:1; transform:translateY(-.45rem); }
.tb-step > div { min-width:0; max-width:21rem; }
.tb-step small { display:block; margin-bottom:var(--space-3); font-size:var(--text-micro); font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.tb-step p { font-size:.94rem; }
.tb-pillars__heading { max-width:39rem; margin-left:calc((100% / 12) * 1 + 24px); }
.tb-pillars__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.tb-pillar { min-width:0; margin-top:var(--space-7); padding:var(--space-6); border:1px solid var(--color-line); border-radius:var(--radius-card); background:var(--color-paper); }
.tb-pillar--accent { border-left:8px solid var(--color-cobalt); }
.tb-pillar > span { display:block; margin-bottom:var(--space-4); color:var(--color-burgundy); font-size:var(--text-micro); font-weight:700; letter-spacing:.12em; }
.tb-pillar p { max-width:28rem; }
.tb-pillar ul { margin-bottom:0; padding-left:0; list-style:none; }
.tb-pillar li { padding-block:var(--space-2); border-top:1px solid var(--color-line); font-size:var(--text-small); }
.tb-pillar a { margin-top:var(--space-4); }
.tb-inspiration__heading { max-width:38rem; }
.tb-inspiration__grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; align-items:start; margin-top:var(--space-7); }
.tb-feature { min-width:0; }
.tb-feature--primary { grid-column:1 / span 7; }
.tb-feature--primary > div { max-width:31rem; margin-top:var(--space-5); }
.tb-feature__image { display:block; width:100%; height:clamp(20rem,38vw,34rem); }
.tb-feature__image img { height:100%; }
.tb-feature--secondary { grid-column:9 / span 4; margin-top:6rem; }
.tb-feature--secondary > div:last-child { padding:var(--space-6); }
.tb-feature--secondary h3,.tb-feature--secondary p { max-width:27rem; }
.tb-feature__detail { height:19rem; background:var(--color-wood-dark); border-bottom:1px solid var(--color-line-dark); }
.tb-prep__grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; }
.tb-prep__heading { grid-column:1 / span 6; min-width:0; max-width:38rem; }
.tb-prep__prompts { grid-column:4 / span 6; min-width:0; display:flex; flex-direction:column; gap:var(--space-6); }
.tb-prep__prompts article { display:grid; grid-template-columns:54px minmax(0,1fr); gap:var(--space-4); min-width:0; padding-top:var(--space-5); border-top:1px solid var(--color-line); }
.tb-prep__prompts article > span { color:var(--color-cobalt); font-family:var(--font-heading); font-size:1.7rem; line-height:1; }
.tb-prep__prompts article > div { min-width:0; max-width:28rem; }
.tb-prep__prompts article p { margin-bottom:0; }
.tb-prep__prompts article a { margin-top:var(--space-3); }
.tb-prep__reassurance { max-width:28rem; padding:var(--space-5); border-top:8px solid var(--color-cobalt); background:var(--color-paper); }
.tb-brief__grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px; align-items:start; }
.tb-brief__intro { grid-column:1 / span 4; min-width:0; max-width:32rem; }
.tb-brief__panel { grid-column:6 / span 7; min-width:0; border:0; border-left:8px solid var(--color-cobalt); }
.tb-form-status { min-width:0; }
.tb-form-status:not(:empty) { margin-bottom:var(--space-5); padding:var(--space-4); border-radius:var(--radius-control); background:var(--color-success); color:var(--color-paper); font-weight:700; }
.tb-brief-form { display:flex; flex-direction:column; gap:var(--space-5); }
.tb-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-5) var(--space-4); }
.tb-field { min-width:0; }
.tb-field--full { grid-column:1 / -1; }
.tb-field .form-error:empty { display:none; }
.tb-field [aria-invalid="true"] { border-color:var(--color-error); background:var(--color-error-tint); }
.tb-consent { display:grid; grid-template-columns:1.1rem minmax(0,1fr); gap:var(--space-3); align-items:start; }
.tb-consent input { grid-column:1; margin-top:.25rem; }
.tb-consent label { grid-column:2; margin-bottom:0; }
.tb-consent .form-error { grid-column:2; }
.tb-brief__note { margin-bottom:0; color:var(--color-ink-soft); font-size:var(--text-small); }
@media (max-width:1020px) { .tb-hero__grid,.tb-why__grid,.tb-formats__grid,.tb-prep__grid,.tb-brief__grid { grid-template-columns:repeat(6,minmax(0,1fr)); } .tb-hero__copy,.tb-hero__media,.tb-why__intro,.tb-outcomes,.tb-formats__heading,.tb-prep__heading,.tb-prep__prompts,.tb-brief__intro,.tb-brief__panel { grid-column:1 / -1; } .tb-hero__media { width:100%; height:32rem; } .tb-outcomes { grid-template-columns:repeat(6,minmax(0,1fr)); } .tb-outcome { grid-template-columns:repeat(6,minmax(0,1fr)); } .tb-outcome__number { grid-column:1; } .tb-outcome__content { grid-column:2 / span 5; } .tb-format-panels { grid-template-columns:repeat(6,minmax(0,1fr)); } .tb-format--one,.tb-format--two,.tb-format--three,.tb-format--four { grid-column:span 3; margin-top:0; } .tb-formats__image { grid-column:1 / -1; grid-row:auto; order:2; } .tb-formats__image img { height:28rem; } .tb-format--three,.tb-format--four { order:3; } .tb-pillars__heading { margin-left:0; } .tb-pillars__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .tb-pillar--accent { grid-column:1 / -1; } .tb-prep__prompts { max-width:38rem; } .tb-brief__panel { border-top:8px solid var(--color-cobalt); border-left:0; } }
@media (max-width:920px) { .tb-room__content { margin-top:0; padding-block:var(--space-7); background:var(--color-ink-soft); } .tb-room__image { height:32rem; } .tb-room__grid { grid-template-columns:repeat(6,minmax(0,1fr)); } .tb-room__grid > .eyebrow,.tb-room__grid > h2,.tb-room__columns { grid-column:1 / -1; } .tb-room__columns { grid-template-columns:repeat(2,minmax(0,1fr)); } .tb-room__columns article { grid-column:span 1; } .tb-timeline__steps { grid-template-columns:repeat(2,minmax(0,1fr)); } .tb-inspiration__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .tb-feature--primary,.tb-feature--secondary { grid-column:span 1; margin-top:0; } .tb-feature__detail { height:15rem; } }
@media (max-width:760px) { .tb-objectives__heading { margin-inline:0; text-align:left; } .tb-objectives__heading .eyebrow { justify-content:flex-start; } .tb-objectives__list { grid-template-columns:1fr; } .tb-objective:nth-child(n) { grid-column:1; } }
@media (max-width:699px) { .tb-hero__copy .display { max-width:10ch; font-size:clamp(3rem,15vw,4.6rem); } .tb-hero__actions { width:100%; } .tb-hero__media { width:calc(100% + var(--container-padding)); margin-left:var(--container-padding); height:25rem; } .tb-hero__media img { object-position:62% center; } .tb-outcome,.tb-outcomes { grid-template-columns:1fr; } .tb-outcome { gap:var(--space-3); } .tb-outcome__number,.tb-outcome__content { grid-column:1; } .tb-format-panels { grid-template-columns:1fr; } .tb-format--one,.tb-format--two,.tb-format--three,.tb-format--four,.tb-formats__image { grid-column:1; } .tb-format--one { order:1; } .tb-format--two { order:2; } .tb-formats__image { order:3; } .tb-format--three { order:4; } .tb-format--four { order:5; } .tb-formats__image img { height:29rem; } .tb-objective { grid-template-columns:48px minmax(0,1fr); } .tb-room__image { height:19rem; } .tb-room__columns,.tb-pillars__grid,.tb-inspiration__grid { grid-template-columns:1fr; } .tb-room__columns article { grid-column:1; } .tb-timeline__steps { grid-template-columns:1fr; gap:0; } .tb-step { display:grid; grid-template-columns:42px minmax(0,1fr); gap:var(--space-3); padding-block:var(--space-5); border-top:0; border-left:1px solid var(--color-line); } .tb-step > span { margin:0; transform:none; } .tb-step > div { max-width:none; } .tb-pillar { margin-top:var(--space-5); } .tb-pillar--accent { grid-column:1; } .tb-feature--primary,.tb-feature--secondary { grid-column:1; } .tb-feature--secondary { display:flex; flex-direction:column; } .tb-feature__detail { height:24rem; order:1; } .tb-feature--secondary > div:last-child { order:2; } .tb-prep__prompts article { grid-template-columns:42px minmax(0,1fr); } .tb-form-grid { grid-template-columns:1fr; } .tb-field--full { grid-column:1; } .tb-brief__panel { padding:var(--space-5); } }
@media (prefers-reduced-motion:reduce) { .team-building-page .media-frame img { transition:none; } }