.team-building-page { background: var(--color-canvas); }
.team-building-page .tb-section { padding-block: var(--section-space); }
.team-building-page .tb-hero { padding-block: clamp(3rem, 7vw, 7rem) var(--section-space); }
.team-building-page .tb-hero__grid { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:clamp(2rem,6vw,6rem); align-items:center; }
.team-building-page .tb-hero__copy { min-width:0; max-width:33.75rem; }
.team-building-page .tb-hero__copy h1 mark { display:inline; }
.team-building-page .tb-hero__copy .lead { max-width:33.75rem; }
.team-building-page .tb-hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-4); }
.team-building-page .tb-text-link { font-weight:800; }
.team-building-page .tb-hero__visual { position:relative; width:100%; min-width:0; margin:0; }
.team-building-page .tb-hero__backdrop { position:absolute; inset:1rem -1rem -1rem 1rem; background:var(--color-royal-blue); border:var(--border-strong) solid var(--color-ink); }
.team-building-page .tb-hero__visual img { position:relative; width:100%; aspect-ratio:4 / 5; object-fit:cover; border:var(--border-strong) solid var(--color-ink); transform:rotate(-2deg); }
.team-building-page .tb-hero__visual figcaption { position:relative; margin:0; padding:var(--space-2) var(--space-3); background:var(--color-ink); color:var(--color-white); }
.team-building-page .tb-principles__intro, .team-building-page .tb-programs__intro, .team-building-page .tb-rhythm__intro, .team-building-page .tb-brief__intro, .team-building-page .tb-process__intro, .team-building-page .tb-form-section__intro { min-width:0; }
.team-building-page .tb-principles__intro { width:min(100%,38.75rem); }
.team-building-page .tb-principles__list { display:flex; flex-direction:column; gap:0; margin-top:var(--space-7); }
.team-building-page .tb-principle { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,6fr) minmax(0,4fr); min-width:0; padding:var(--space-5) 0; border-top:var(--border-strong) solid var(--color-ink); }
.team-building-page .tb-principle__number { min-width:0; font-family:var(--font-heading); font-size:clamp(2.5rem,5vw,4.5rem); line-height:1; color:var(--color-ink); }
.team-building-page .tb-principle__copy { min-width:0; width:min(100%,38.75rem); }
.team-building-page .tb-principle__copy > :last-child { margin-bottom:0; }
.team-building-page .tb-principle--blue { padding-inline:var(--space-5); background:var(--color-paper); border-left:var(--border-poster) solid var(--color-royal-blue); }
.team-building-page .tb-principle--ink { padding-inline:var(--space-5); background:var(--color-ink); color:var(--color-white); }
.team-building-page .tb-principle--ink h3 { color:var(--color-white); }
.team-building-page .tb-principle--ink .tb-principle__number { color:var(--color-orange); }
.team-building-page .tb-programs { background:var(--color-paper); }
.team-building-page .tb-programs__intro { width:min(100%,32.5rem); }
.team-building-page .tb-programs__strips { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--space-5); margin-top:var(--space-7); }
.team-building-page .tb-program-strip { display:grid; grid-template-columns:auto minmax(0,1fr); min-width:0; gap:var(--space-4); padding:var(--space-5); border:var(--border-strong) solid var(--color-ink); transition:transform var(--transition-fast), background-color var(--transition-fast); }
.team-building-page .tb-program-strip:hover { transform:translate(3px,3px); }
.team-building-page .tb-program-strip__number { min-width:3rem; font-family:var(--font-heading); font-size:2.25rem; line-height:1; color:var(--color-orange); }
.team-building-page .tb-program-strip div { min-width:0; width:min(100%,32.5rem); }
.team-building-page .tb-program-strip h3 { font-size:var(--text-card-title); }
.team-building-page .tb-program-strip p:last-child { margin-bottom:0; }
.team-building-page .tb-program-strip--one { grid-column:1 / span 7; background:var(--color-paper); }
.team-building-page .tb-program-strip--two { grid-column:8 / span 5; background:var(--color-royal-blue); color:var(--color-white); }
.team-building-page .tb-program-strip--two h3 { color:var(--color-white); }
.team-building-page .tb-program-strip--two .tb-program-strip__number { color:var(--color-white); }
.team-building-page .tb-program-strip--three { grid-column:1 / span 7; background:var(--color-canvas); }
.team-building-page .tb-program-strip--four { grid-column:8 / span 5; background:var(--color-ink); color:var(--color-white); }
.team-building-page .tb-program-strip--four h3 { color:var(--color-white); }
.team-building-page .tb-program-strip--four .ticket-label { margin-bottom:var(--space-3); }
.team-building-page .tb-program-strip--four a { color:var(--color-white); font-weight:800; }
.team-building-page .tb-attention__grid { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:var(--space-6); align-items:start; }
.team-building-page .tb-attention__narrative { grid-column:2; grid-row:1; min-width:0; width:min(100%,38.125rem); }
.team-building-page .tb-attention__collage { grid-column:1; grid-row:1 / span 2; position:relative; min-width:0; padding-bottom:7rem; }
.team-building-page .tb-collage__main, .team-building-page .tb-collage__detail { min-width:0; margin:0; }
.team-building-page .tb-collage__main { width:100%; transform:rotate(2deg); }
.team-building-page .tb-collage__main img { width:100%; aspect-ratio:3 / 2; object-fit:cover; border:var(--border-strong) solid var(--color-ink); }
.team-building-page .tb-collage__detail { position:absolute; right:-1rem; bottom:0; width:52%; transform:rotate(-1deg); }
.team-building-page .tb-collage__detail img { width:100%; aspect-ratio:4 / 5; object-fit:cover; border:var(--border-strong) solid var(--color-ink); box-shadow:var(--shadow-hard); }
.team-building-page .tb-attention__supports { grid-column:2; grid-row:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-5); min-width:0; }
.team-building-page .tb-attention__supports article { min-width:0; }
.team-building-page .tb-attention__supports article:nth-child(2) { border-top:var(--border-poster) solid var(--color-royal-blue); padding-top:var(--space-3); }
.team-building-page .tb-attention__supports p { color:var(--color-muted-ink); }
.team-building-page .tb-attention__supports p:last-child { margin-bottom:0; }
.team-building-page .tb-casino { padding-block:var(--section-space); }
.team-building-page .tb-casino__intro { width:min(100%,38.75rem); }
.team-building-page .tb-casino__tables { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--space-5); margin-top:var(--space-7); }
.team-building-page .tb-casino-table { display:grid; grid-template-columns:auto minmax(0,1fr); min-width:0; gap:var(--space-4); padding:var(--space-5); border:var(--border-strong) solid var(--color-ink); }
.team-building-page .tb-casino-table > span { min-width:2.5rem; font-family:var(--font-heading); font-size:2.25rem; line-height:1; }
.team-building-page .tb-casino-table div { min-width:0; width:min(100%,26.875rem); }
.team-building-page .tb-casino-table p:last-child { margin-bottom:0; }
.team-building-page .tb-casino-table--poker { grid-column:1 / span 5; background:var(--color-royal-blue); color:var(--color-white); }
.team-building-page .tb-casino-table--poker h3 { color:var(--color-white); }
.team-building-page .tb-casino-table--blackjack { grid-column:7 / span 5; background:var(--color-paper); color:var(--color-ink); }
.team-building-page .tb-casino-table--roulette { grid-column:2 / span 7; background:var(--color-orange); color:var(--color-ink); }
.team-building-page .tb-casino__boundary { display:flex; flex-direction:column; gap:var(--space-3); margin-top:var(--space-6); padding:var(--space-5); border-top:var(--border-poster) dashed var(--color-ink); background:var(--color-paper); color:var(--color-ink); }
.team-building-page .tb-casino__boundary p:last-child { width:min(100%,46.75rem); margin-bottom:0; }
.team-building-page .tb-casino__link { display:inline-block; margin-top:var(--space-5); }
.team-building-page .tb-rhythm__intro { width:min(100%,40rem); }
.team-building-page .tb-rhythm__stations, .team-building-page .tb-process__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); min-width:0; margin-top:var(--space-7); }
.team-building-page .tb-station, .team-building-page .tb-process-step { position:relative; min-width:0; padding:var(--space-5); border:var(--border-strong) solid var(--color-ink); }
.team-building-page .tb-station + .tb-station, .team-building-page .tb-process-step + .tb-process-step { border-left:0; }
.team-building-page .tb-station span, .team-building-page .tb-process-step span { display:block; margin-bottom:var(--space-4); font-family:var(--font-heading); font-size:2.25rem; line-height:1; }
.team-building-page .tb-station p:last-child, .team-building-page .tb-process-step p:last-child { margin-bottom:0; }
.team-building-page .tb-station--paper, .team-building-page .tb-process-step--paper { background:var(--color-paper); }
.team-building-page .tb-station--blue, .team-building-page .tb-process-step--blue { background:var(--color-royal-blue); color:var(--color-white); }
.team-building-page .tb-station--blue h3, .team-building-page .tb-process-step--blue h3 { color:var(--color-white); }
.team-building-page .tb-station--orange, .team-building-page .tb-process-step--orange { background:var(--color-orange); }
.team-building-page .tb-brief { background:var(--color-paper); }
.team-building-page .tb-brief__intro { width:min(100%,36.25rem); }
.team-building-page .tb-brief__grid { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,5fr); column-gap:calc(2 / 12 * 100%); row-gap:var(--space-5); margin-top:var(--space-7); }
.team-building-page .tb-brief-item { min-width:0; padding:var(--space-5) 0 0; border-top:var(--border-strong) solid var(--color-ink); }
.team-building-page .tb-brief-item--blue { border-left:var(--border-poster) solid var(--color-royal-blue); padding-left:var(--space-4); }
.team-building-page .tb-brief-item--orange { border-left:var(--border-poster) solid var(--color-orange); padding-left:var(--space-4); }
.team-building-page .tb-brief-item p:last-child { width:min(100%,24.375rem); margin-bottom:0; }
.team-building-page .tb-brief__bridge { display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-5); margin-top:var(--space-6); padding:var(--space-6); }
.team-building-page .tb-brief__bridge p { width:min(100%,43.75rem); margin:0; }
.team-building-page .tb-process__intro { width:min(100%,38.75rem); }
.team-building-page .tb-form-section { background:var(--color-canvas); }
.team-building-page .tb-form-section__layout { position:relative; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); min-width:0; }
.team-building-page .tb-form-section__intro { grid-column:1 / span 6; width:min(100%,33.75rem); }
.team-building-page .tb-form-section__blue-field { grid-column:9 / span 4; grid-row:2; min-width:0; margin-top:var(--space-7); background:var(--color-royal-blue); border:var(--border-strong) solid var(--color-ink); }
.team-building-page .tb-form-panel { grid-column:1 / span 8; grid-row:2; z-index:1; min-width:0; margin-top:var(--space-7); padding:var(--space-6); border:var(--border-poster) solid var(--color-ink); background:var(--color-paper); }
.team-building-page .tb-form-panel form { display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-5); }
.team-building-page .tb-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-5); width:100%; min-width:0; }
.team-building-page .tb-form-grid .form-group { min-width:0; margin:0; }
.team-building-page .tb-form-grid__message { grid-column:1 / -1; }
.team-building-page .tb-field-error { min-height:1.25rem; margin:0; color:var(--color-royal-blue); font-size:var(--text-meta); font-weight:800; line-height:var(--leading-meta); }
.team-building-page .tb-form-panel [aria-invalid="true"] { border-color:var(--color-royal-blue); outline:var(--focus-outline); outline-offset:var(--focus-offset); }
.team-building-page .tb-form-status { margin-bottom:var(--space-5); padding:var(--space-4); border:var(--border-strong) solid var(--color-ink); background:#dbe5ff; color:var(--color-ink); font-weight:800; }
.team-building-page .tb-form-status--error { background:var(--color-orange); }
.team-building-page .tb-form-privacy { margin:0; color:var(--color-muted-ink); font-size:var(--text-meta); line-height:var(--leading-meta); }
.team-building-page .tb-closing { padding-top:0; }
.team-building-page .tb-closing__panel { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); min-width:0; padding:var(--space-7); border:var(--border-poster) solid var(--color-ink); background:var(--color-orange); }
.team-building-page .tb-closing__copy { display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-4); min-width:0; width:min(100%,32.5rem); }
.team-building-page .tb-closing__copy h2, .team-building-page .tb-closing__copy p { margin:0; }
.team-building-page .tb-closing__arrow { align-self:center; justify-self:end; font-family:var(--font-heading); font-size:clamp(5rem,14vw,12rem); line-height:.7; }
@media (max-width:70rem) { .team-building-page .tb-hero__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-6); } .team-building-page .tb-hero__visual img { transform:none; } }
@media (max-width:64rem) { .team-building-page .tb-attention__grid { grid-template-columns:1fr; } .team-building-page .tb-attention__narrative { grid-column:1; grid-row:1; } .team-building-page .tb-attention__collage { grid-column:1; grid-row:2; width:min(100%,42rem); } .team-building-page .tb-attention__supports { grid-column:1; grid-row:3; width:min(100%,42rem); } }
@media (max-width:61.25rem) { .team-building-page .tb-programs__strips, .team-building-page .tb-casino__tables { grid-template-columns:1fr; } .team-building-page .tb-program-strip--one, .team-building-page .tb-program-strip--two, .team-building-page .tb-program-strip--three, .team-building-page .tb-program-strip--four, .team-building-page .tb-casino-table--poker, .team-building-page .tb-casino-table--blackjack, .team-building-page .tb-casino-table--roulette { grid-column:1; } .team-building-page .tb-program-strip div, .team-building-page .tb-casino-table div { width:min(100%,32.5rem); } .team-building-page .tb-form-section__layout { grid-template-columns:1fr; } .team-building-page .tb-form-section__intro, .team-building-page .tb-form-panel { grid-column:1; } .team-building-page .tb-form-panel { grid-row:2; width:100%; } .team-building-page .tb-form-section__blue-field { display:none; } .team-building-page .tb-form-grid { grid-template-columns:1fr; } .team-building-page .tb-form-grid__message { grid-column:1; } }
@media (max-width:56.25rem) { .team-building-page .tb-principle { grid-template-columns:minmax(0,1fr) minmax(0,7fr); } .team-building-page .tb-rhythm__stations, .team-building-page .tb-process__steps { grid-template-columns:1fr; } .team-building-page .tb-station + .tb-station, .team-building-page .tb-process-step + .tb-process-step { border-top:0; border-left:var(--border-strong) solid var(--color-ink); } }
@media (max-width:53.75rem) { .team-building-page .tb-brief__grid { grid-template-columns:1fr; column-gap:0; } }
@media (max-width:47.9375rem) { .team-building-page .tb-hero__grid { grid-template-columns:1fr; gap:var(--space-6); } .team-building-page .tb-hero__copy { max-width:none; } .team-building-page .tb-hero__copy .lead { max-width:none; font-size:1.125rem; line-height:1.5; } .team-building-page .tb-hero__actions { align-items:stretch; } .team-building-page .tb-text-link { padding:var(--space-3) 0; } .team-building-page .tb-hero__backdrop { inset:.5rem -.5rem -.5rem .5rem; } .team-building-page .tb-hero__visual img { transform:rotate(-1deg); } .team-building-page .tb-principle { grid-template-columns:1fr; gap:var(--space-3); padding:var(--space-5); } .team-building-page .tb-principle--paper { background:var(--color-paper); } .team-building-page .tb-principle__copy { width:100%; } .team-building-page .tb-program-strip, .team-building-page .tb-casino-table { grid-template-columns:1fr; gap:var(--space-3); padding:var(--space-5); } .team-building-page .tb-program-strip div, .team-building-page .tb-casino-table div { width:100%; } .team-building-page .tb-attention__collage { padding-bottom:5rem; } .team-building-page .tb-collage__main { transform:rotate(1deg); } .team-building-page .tb-collage__detail { right:0; width:72%; transform:rotate(-1deg); } .team-building-page .tb-attention__supports { grid-template-columns:1fr; gap:var(--space-5); } .team-building-page .tb-casino__boundary { padding:var(--space-5); } .team-building-page .tb-station, .team-building-page .tb-process-step { padding:var(--space-5); } .team-building-page .tb-brief__bridge { padding:var(--space-5); } .team-building-page .tb-form-panel { padding:var(--space-5); border-width:var(--border-strong); } .team-building-page .tb-closing__panel { grid-template-columns:1fr; padding:var(--space-5); } .team-building-page .tb-closing__copy { width:100%; } .team-building-page .tb-closing__arrow { display:none; } }
