.team-integration .team-option { min-height:100vh; overflow:hidden; }
.team-integration .intro { background:var(--red); color:var(--cream); }
.team-integration .eyebrow { margin:0 0 1rem; color:var(--black); font:800 .72rem Montserrat,sans-serif; letter-spacing:.14em; }
.team-integration .intro h1 { margin:0; font-size:clamp(3.2rem,7vw,8.5rem); line-height:.82; letter-spacing:-.065em; font-weight:900; }
.team-integration .intro h1 em { color:var(--black); font-style:normal; }
.team-integration .intro-copy { color:var(--cream); font-size:clamp(1rem,1.35vw,1.25rem); font-weight:600; line-height:1.55; }
.team-integration .intro-copy p { margin:0; }
.team-integration .team-panel { background:#171717; padding:clamp(3.5rem,6vw,6.5rem) clamp(1rem,6vw,7rem); }
.team-integration .team-head { display:flex; justify-content:space-between; align-items:end; gap:2rem; margin-bottom:clamp(2rem,4vw,4rem); }
.team-integration .team-head small { display:block; margin-bottom:.8rem; color:var(--red); font:800 .72rem Montserrat,sans-serif; letter-spacing:.14em; }
.team-integration .team-head h2 { margin:0; font-size:clamp(3.5rem,8vw,8rem); line-height:.78; letter-spacing:-.065em; text-shadow:.055em .055em 0 var(--red); }
.team-integration .team-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(2rem,4vw,4rem) clamp(.8rem,1.6vw,1.5rem); }
.team-integration .person { min-width:0; position:relative; display:flex; flex-direction:column; align-self:stretch; border-top:1px solid var(--red); padding-top:.65rem; animation:card-in .7s both; animation-delay:calc((var(--item,1) - 1) * 65ms); }
.team-integration .person:nth-child(1){--item:1}.team-integration .person:nth-child(2){--item:2}.team-integration .person:nth-child(3){--item:3}.team-integration .person:nth-child(4){--item:4}.team-integration .person:nth-child(5){--item:5}.team-integration .person:nth-child(6){--item:6}.team-integration .person:nth-child(7){--item:7}.team-integration .person:nth-child(8){--item:8}
.team-integration .photo { position:relative; aspect-ratio:4/5.25; overflow:hidden; background:#292929; clip-path:inset(0); transition:clip-path .4s ease,transform .4s ease; }
.team-integration .person:nth-child(4n + 2) .photo { clip-path:polygon(0 0,100% 5%,94% 100%,0 96%); }
.team-integration .person:nth-child(4n + 3) .photo { clip-path:polygon(5% 0,100% 0,100% 94%,0 100%); }
.team-integration .person:nth-child(4n) .photo { clip-path:polygon(0 4%,95% 0,100% 100%,4% 96%); }
.team-integration .photo img { display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.88) contrast(1.05); transition:transform .45s ease,filter .45s ease; }
.team-integration .person:nth-child(1) img,.team-integration .person:nth-child(5) img { object-position:44% center; }
.team-integration .person:nth-child(3) img { object-position:42% center; }
.team-integration .person:nth-child(4) img { object-position:52% center; }
.team-integration .person:hover .photo { clip-path:inset(0); transform:translateY(-5px); }
.team-integration .person:hover img { transform:scale(1.035); filter:saturate(1) contrast(1.03); }
.team-integration .meta { position:relative; flex:1; aspect-ratio:auto; height:auto; min-height:0; overflow:visible; padding-top:1.35rem; padding-bottom:28px; }
.team-integration .number { position:absolute; left:0; top:-.8rem; z-index:2; color:var(--red); font:800 clamp(2.7rem,4vw,4.8rem)/.75 Montserrat,sans-serif; letter-spacing:-.07em; transform:translateY(-50%); direction:ltr; }
.team-integration .meta h2 { margin:.3rem 0 0; font-size:clamp(1.35rem,2vw,2rem); line-height:1; transition:color .25s ease,transform .25s ease; }
.team-integration .person:hover .meta h2 { color:var(--red); transform:translateX(-4px); }
.team-integration .role { margin:.4rem 0 0; color:var(--red); font-weight:800; line-height:1.3; }
.team-integration .bio { max-width:33ch; margin:.8rem 0 0; color:#bdb9b1; line-height:1.5; }
.team-integration .layout-band .intro { position:relative; height:520px; min-height:520px; padding:0; overflow:visible; }
.team-integration .intro-frame-copy { position:absolute; inset:0; z-index:1; }
.team-integration .intro-headline { position:absolute; top:56px; right:5vw; width:42vw; }
.team-integration .layout-band .intro h1 { max-width:none; font-size:clamp(45px,5vw,78px); }
.team-integration .layout-band .intro-copy { position:absolute; top:clamp(150px,10.5vw,205px); left:5vw; width:43vw; max-width:none; font-size:clamp(.9rem,1.1vw,1.05rem); }
.team-integration .layout-band .intro-copy { top:185px; left:5vw; width:39vw; padding-top:18px; border-top:2px solid rgba(17,17,17,.85); }
.team-integration .layout-band .intro-copy .number { display:block; margin-bottom:12px; color:var(--black); font:900 11px Montserrat,sans-serif; letter-spacing:.16em; }
.team-integration .intro-visual { position:absolute; z-index:3; left:7vw; bottom:-112px; width:48vw; aspect-ratio:2029/775; overflow:visible; transform:rotate(-5deg); transform-origin:center; isolation:isolate; }
.team-integration .intro-visual::before { content:""; position:absolute; inset:-10px; z-index:1; border:6px solid rgba(241,238,231,.96); background:transparent; pointer-events:none; }
.team-integration .intro-visual img { position:relative; z-index:2; display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.team-integration .layout-band .team-panel { padding-top:145px; }
@keyframes card-in { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:900px) { .team-integration .team-head { display:block; }.team-integration .layout-band .intro { height:600px; min-height:600px; }.team-integration .intro-headline { top:36px; right:7vw; width:86vw; }.team-integration .layout-band .intro h1 { font-size:clamp(40px,12vw,58px); }.team-integration .layout-band .intro-copy { top:330px; left:7vw; width:86vw; padding-top:12px; }.team-integration .layout-band .intro-copy .number { margin-bottom:8px; }.team-integration .intro-visual { left:8vw; bottom:-58px; width:84vw; transform:rotate(-4deg); }.team-integration .intro-visual::before { inset:-6px; border-width:4px; }.team-integration .layout-band .team-panel { padding-top:125px; }.team-integration .team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .team-integration .team-panel { padding-right:1rem; padding-bottom:5rem; padding-left:1rem; }.team-integration .team-grid { grid-template-columns:1fr; }.team-integration .photo { aspect-ratio:4/4.5; }.team-integration .meta { flex:none; } }
@media (prefers-reduced-motion:reduce) { .team-integration .person { animation:none; }.team-integration .photo,.team-integration .meta h2,.team-integration .photo img { transition:none; } }
@media (max-width:560px) { .team-integration .team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 10px; } .team-integration .photo { aspect-ratio:1/1.18; } .team-integration .meta { padding-top:.8rem; padding-bottom:0; } .team-integration .meta h2 { font-size:1.05rem; } .team-integration .role { font-size:.78rem; } .team-integration .bio { font-size:.72rem; line-height:1.35; margin-top:.45rem; } .team-integration .number { font-size:2rem; top:-.45rem; } }
@media (min-width:901px) { .team-integration .intro-visual { width:40vw!important; bottom:-180px!important; } }
@media (max-width:900px) { .team-integration .team-option { min-height:0!important; overflow:visible!important; } .team-integration .layout-band .intro-copy { top:520px!important; } .team-integration .layout-band .team-panel { padding-top:60px!important; } }

/* Final mobile layout: intro copy stays above the diagonal image. */
@media (max-width:900px) {
  .team-integration .layout-band .intro {
    height:706px!important;
    min-height:706px!important;
    overflow:visible!important;
    position:relative!important;
  }
  .team-integration .intro-frame-copy {
    position:relative!important;
    inset:auto!important;
    z-index:10!important;
  }
  .team-integration .intro-headline {
    top:36px!important;
    right:7vw!important;
    width:86vw!important;
    z-index:11!important;
  }
  .team-integration .layout-band .intro-copy {
    top:430px!important;
    left:7vw!important;
    width:86vw!important;
    z-index:12!important;
    padding-top:18px!important;
    border-top:2px solid rgba(17,17,17,.85)!important;
  }
  .team-integration .intro-visual {
    top:auto!important;
    bottom:-16vw!important;
    left:8vw!important;
    width:84vw!important;
    z-index:24!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .team-integration .intro-visual img {
    display:block!important;
    position:relative!important;
    z-index:25!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .team-integration .layout-band .team-panel {
    position:relative!important;
    z-index:20!important;
    padding-top:165px!important;
  }
}