/* Team — cinematic shipyard composition */
.team#team{
  position:relative;
  min-height:clamp(760px,100vh,980px);
  padding:0;
  overflow:hidden;
  background:#06182a url('./assets/team-yard-premium.png') center top/cover no-repeat;
  color:#f4f3ef;
}
.team#team:before{
  content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(90deg,rgba(2,18,34,.94) 0%,rgba(3,20,37,.72) 28%,rgba(3,19,34,.18) 55%,rgba(2,14,25,.05) 100%),linear-gradient(180deg,rgba(3,15,27,.08) 48%,rgba(3,18,32,.34) 72%,#06182a 100%);
  mask-image:none;
}
.team#team:after{display:none}
.team#team .section-label{
  position:absolute;z-index:2;left:4.5vw;top:clamp(6.5rem,13vh,9rem);display:flex;align-items:center;gap:1.35rem;
  writing-mode:initial;transform:none;margin:0;color:#d4e2ed;font:500 .78rem/1 'Inter',sans-serif;letter-spacing:.22em;text-transform:uppercase;
}
.team#team .section-label span{color:#9ec4ff}
.team#team .section-label:after{content:"";order:1;width:58px;height:2px;background:#d7a247}
.team#team .section-label p{order:2;margin:0}
.team#team .team-head{
  position:relative;z-index:2;display:block;width:min(820px,52vw);padding:clamp(14rem,27vh,18rem) 0 clamp(16rem,31vh,23rem) 4.5vw;
}
.team#team .team-title h2{margin:0;font-family:'Montserrat',sans-serif;font-size:clamp(2.5rem,3.75vw,4.5rem);font-weight:850;line-height:.93;letter-spacing:-.066em;color:#f6f4ef}
.team#team .team-title h2 em{font-style:normal;color:#f6f4ef!important}
.team#team .team-lead{max-width:600px;margin:1.5rem 0 0;color:#c6d8e8;font:400 clamp(.9rem,1vw,1.05rem)/1.65 'Inter',sans-serif;letter-spacing:.035em}
.team#team .trades{
  position:absolute;z-index:3;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0;padding:2.8rem 4.5vw 3.3rem;
  border:0;border-top:1px solid rgba(123,175,213,.34);background:linear-gradient(180deg,rgba(5,25,44,.92),rgba(5,23,41,.99));
  backdrop-filter:blur(14px);
}
.team#team .trades>span{
  position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-height:116px;padding:.15rem 2.8rem 0 0;border:0;border-radius:0;background:transparent;
}
.team#team .trades>span+span{padding-left:3rem;border-left:1px solid rgba(126,177,212,.33)}
.team#team .trades>span:hover{background:transparent}
.team#team .trades b{color:#8fb9ff;font:500 .82rem/1 'Inter',sans-serif;letter-spacing:.08em}
.team#team .trades strong{margin:1.3rem 0 0;color:#f4f3ef;font:750 clamp(1.2rem,1.55vw,1.85rem)/1.05 'Montserrat',sans-serif;letter-spacing:-.035em;text-transform:none}
.team#team .trades small{margin-top:.75rem;color:#b8cce0;font:400 clamp(.78rem,.9vw,1rem)/1.25 'Inter',sans-serif;letter-spacing:.07em;text-transform:none}

@media(max-width:1050px){
  .team#team{min-height:920px;background-position:58% top}
  .team#team .team-head{width:72vw;padding-top:16rem}
  .team#team .trades{grid-template-columns:repeat(3,1fr);row-gap:2rem;padding-bottom:2.4rem}
  .team#team .trades>span{min-height:90px}
  .team#team .trades>span:nth-child(4){border-left:0;padding-left:0}
}
@media(max-width:700px){
  .team#team{min-height:1050px;background-position:64% top;background-size:auto 660px}
  .team#team:before{background:linear-gradient(90deg,rgba(2,18,34,.94),rgba(3,20,37,.46)),linear-gradient(180deg,rgba(3,15,27,.08) 35%,#06182a 61%)}
  .team#team .section-label{left:6vw;top:5.5rem;font-size:.68rem;gap:.8rem}
  .team#team .section-label:after{width:34px}
  .team#team .team-head{width:88%;padding:11rem 0 0 6vw}
  .team#team .team-title h2{font-size:clamp(2rem,8.5vw,3rem);line-height:1.02}
  .team#team .team-lead{max-width:94%;margin-top:1.1rem;font-size:.875rem}
  .team#team .trades{grid-template-columns:1fr 1fr;top:590px;bottom:0;align-content:start;gap:0;padding:2rem 6vw;background:#06182a;backdrop-filter:none}
  .team#team .trades>span,.team#team .trades>span+span{min-height:125px;padding:1.2rem 1rem 1rem 0;border-left:0;border-bottom:1px solid rgba(126,177,212,.24)}
  .team#team .trades>span:nth-child(even){padding-left:1.4rem;border-left:1px solid rgba(126,177,212,.24)}
  .team#team .trades>span:last-child{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.team#team .team-title h2 span,.team#team .team-title h2 em,.team#team .trades>span{opacity:1;transform:none;clip-path:none;transition:none}}