/* HDB Media team, 23 October 2026. Scoped to the new team section. */
.hdb-team { background:#f3f2ec; color:#161918; scroll-margin-top:32px; }
.hdb-team__inner { max-width:1440px; margin:0 auto; }
.hdb-team__heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:46px; }
.hdb-team__heading h2 { margin:0; max-width:780px; }
.hdb-team__heading h2 em { font-style:normal; color:#d74917; }
.hdb-team__intro { max-width:360px; margin:0; color:#62675f; font-size:1rem; line-height:1.75; }
.hdb-team__leaders { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.hdb-team__leader { min-width:0; background:#fff; border:1px solid #deded5; }
.hdb-team__portrait { margin:0; background:#d6d1c8; overflow:hidden; position:relative; aspect-ratio:5 / 4; }
.hdb-team__portrait:after { content:""; position:absolute; left:28px; bottom:0; width:52px; height:5px; background:#ff6b35; }
.hdb-team__portrait img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 12%; transition:transform .5s ease; }
.hdb-team__leader:hover .hdb-team__portrait img { transform:scale(1.025); }
.hdb-team__leader-copy { padding:27px 28px 30px; }
.hdb-team__role { display:flex; flex-wrap:wrap; align-items:center; gap:5px 10px; margin:0 0 12px; color:#a63b15; font-size:.75rem; font-weight:700; letter-spacing:.045em; line-height:1.55; text-transform:uppercase; }
.hdb-team__role span + span:before { content:"/"; margin-right:10px; color:#b7b8ad; }
.hdb-team__leader h3 { margin:0 0 13px; font-size:clamp(1.55rem,2.5vw,2.35rem); letter-spacing:-.04em; line-height:1.12; font-weight:700; }
.hdb-team__description { margin:0; max-width:510px; color:#62675f; font-size:.95rem; line-height:1.75; }
.hdb-team__crew-label { display:flex; align-items:center; gap:22px; margin:43px 0 23px; color:#666c63; font-size:.7rem; font-weight:700; letter-spacing:.16em; line-height:1.6; text-transform:uppercase; }
.hdb-team__crew-label:after { content:""; height:1px; flex:1; background:#d1d3c9; }
.hdb-team__crew { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.hdb-team__crew-card { position:relative; min-width:0; padding:28px; background:#e9eae2; border:1px solid #dcded3; transition:background .2s,border-color .2s; }
.hdb-team__crew-card:hover { background:#e4e6dc; border-color:#c1c6b7; }
.hdb-team__avatar { position:relative; display:grid; place-items:center; width:88px; height:88px; margin-bottom:25px; border:1px solid #bfc7b8; border-radius:50%; background:radial-gradient(circle at 32% 25%,#f8f9f2,#d5dacb); color:#59624f; }
.hdb-team__avatar:before { content:""; position:absolute; inset:7px; border:1px solid #c4cdbb; border-radius:50%; }
.hdb-team__avatar > svg { width:43px; height:43px; }
.hdb-team__discipline { position:absolute; bottom:0; right:-5px; display:grid; place-items:center; width:30px; height:30px; background:#161918; color:#ff965e; border:3px solid #e9eae2; border-radius:50%; }
.hdb-team__discipline svg { width:15px; height:15px; }
.hdb-team__category { margin:0 0 7px; color:#757c6e; font-size:.65rem; font-weight:700; letter-spacing:.12em; line-height:1.5; text-transform:uppercase; }
.hdb-team__crew-card h3 { margin:0 0 14px; font-size:clamp(1.15rem,1.8vw,1.5rem); line-height:1.25; letter-spacing:-.025em; font-weight:700; }
.hdb-team__crew-card .hdb-team__description { font-size:.875rem; line-height:1.7; }
.hdb-team__footer { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:38px; padding-top:28px; border-top:1px solid #d1d3c9; }
.hdb-team__footer p { margin:0; color:#62675f; font-size:.95rem; }
.hdb-team__link { flex-shrink:0; display:inline-flex; align-items:center; gap:22px; padding:10px 0; border-bottom:1px solid #a63b15; color:#161918; font-size:.875rem; font-weight:700; }
.hdb-team__link svg { width:20px; height:20px; color:#c64317; transition:transform .2s; }
.hdb-team__link:hover svg { transform:translate(2px,-2px); }
.hdb-team__link:focus-visible { outline:2px solid #a63b15; outline-offset:7px; }
.hdb-team--compact .hdb-team__portrait { aspect-ratio:1; width:44%; min-height:270px; }
.hdb-team--compact .hdb-team__leaders { gap:24px; }
.hdb-team--compact .hdb-team__leader { display:flex; align-items:stretch; }
.hdb-team--compact .hdb-team__leader-copy { width:56%; padding:28px 24px; display:flex; flex-direction:column; justify-content:center; }
.hdb-team--compact .hdb-team__portrait img { object-position:50% 16%; }
.hdb-team--compact .hdb-team__portrait:after { left:20px; }
.hdb-team--compact .hdb-team__leader h3 { font-size:clamp(1.35rem,2vw,1.8rem); }
.hdb-team--compact .hdb-team__role { font-size:.65rem; gap:3px 7px; }
.hdb-team--compact .hdb-team__role span + span:before { margin-right:7px; }
.hdb-team--compact .hdb-team__description { font-size:.875rem; }
.hdb-team--compact .hdb-team__crew-card { display:grid; grid-template-columns:70px 1fr; gap:17px; align-items:center; padding:22px; }
.hdb-team--compact .hdb-team__avatar { width:65px; height:65px; margin:0; }
.hdb-team--compact .hdb-team__avatar > svg { width:34px; height:34px; }
.hdb-team--compact .hdb-team__crew-card h3 { font-size:1.05rem; margin:0; }
.hdb-team--compact .hdb-team__category { font-size:.6rem; }
@media (max-width:1100px) {
  .hdb-team__heading { align-items:flex-start; flex-direction:column; gap:25px; }
  .hdb-team__intro { max-width:630px; }
  .hdb-team--compact .hdb-team__leader { display:block; }
  .hdb-team--compact .hdb-team__portrait { width:100%; min-height:0; aspect-ratio:5 / 4; }
  .hdb-team--compact .hdb-team__leader-copy { width:100%; padding:24px; }
  .hdb-team--compact .hdb-team__leader h3 { font-size:1.7rem; }
  .hdb-team--compact .hdb-team__crew-card { padding:20px; grid-template-columns:1fr; gap:18px; }
  .hdb-team__crew-card { padding:24px; }
}
@media (max-width:760px) {
  .hdb-team__leaders { gap:20px; }
  .hdb-team__leader-copy { padding:23px 20px 25px; }
  .hdb-team__leader h3 { font-size:1.65rem; }
  .hdb-team__role { font-size:.67rem; display:block; }
  .hdb-team__role span { display:block; }
  .hdb-team__role span + span:before { display:none; }
  .hdb-team__crew { grid-template-columns:1fr; gap:14px; }
  .hdb-team__crew-card,.hdb-team--compact .hdb-team__crew-card { display:grid; grid-template-columns:76px minmax(0,1fr); gap:21px; align-items:center; padding:23px; }
  .hdb-team__avatar { width:73px; height:73px; margin:0; }
  .hdb-team__crew-card h3,.hdb-team--compact .hdb-team__crew-card h3 { font-size:1.2rem; margin:0 0 8px; }
  .hdb-team__footer { flex-direction:column; align-items:flex-start; gap:17px; }
}
@media (max-width:540px) {
  .hdb-team__heading { margin-bottom:33px; }
  .hdb-team__leaders { grid-template-columns:1fr; gap:26px; }
  .hdb-team__portrait,.hdb-team--compact .hdb-team__portrait { aspect-ratio:1.08; }
  .hdb-team__leader h3,.hdb-team--compact .hdb-team__leader h3 { font-size:1.85rem; }
  .hdb-team__role,.hdb-team--compact .hdb-team__role { font-size:.72rem; }
  .hdb-team__crew-label { margin-top:33px; gap:15px; }
  .hdb-team__crew-card,.hdb-team--compact .hdb-team__crew-card { padding:21px 17px; gap:17px; grid-template-columns:66px minmax(0,1fr); }
  .hdb-team__avatar { width:65px; height:65px; }
  .hdb-team__avatar > svg { width:34px; height:34px; }
  .hdb-team__crew-card h3 { font-size:1.15rem; }
}
@media (prefers-reduced-motion:reduce) {
 .hdb-team__portrait img,.hdb-team__link svg { transition:none; }
 .hdb-team__leader:hover .hdb-team__portrait img,.hdb-team__link:hover svg { transform:none; }
}