.sdhs-woh-home-shell { position: relative; left: 50%; transform: translateX(-50%); width: 100vw; max-width: none; }
.sdhs-woh-home { box-sizing: border-box; width: min(1400px,calc(100vw - 48px)); margin: clamp(3.5rem,6vw,6rem) auto clamp(5rem,7vw,7rem); padding: clamp(2rem,4vw,4rem); background: #0b2c49; color: #fff; }
.sdhs-woh-home-heading { max-width: 780px; margin: 0 0 2.4rem; }
.sdhs-woh-home-kicker { margin: 0 0 .55rem; text-transform: uppercase; letter-spacing: .15em; font-size: .75rem; font-weight: 800; color: #a7d0f6; }
.sdhs-woh-home-heading h2 { margin: 0 0 .8rem; color: #fff; font: 400 clamp(2.7rem,4.7vw,4.7rem)/1.02 Georgia,serif; letter-spacing: -.04em; }
.sdhs-woh-home-heading > p:not(.sdhs-woh-home-kicker) { color: #d4e2ef; line-height: 1.65; }
.sdhs-woh-home-heading > a { display: inline-flex; gap: .5rem; margin-top: .45rem; color: #fff; text-decoration: underline; text-underline-offset: .22em; font-size: .94rem; font-weight: 700; }
.sdhs-woh-home-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1.3rem; }
.sdhs-woh-home-card { min-width: 0; border-top: 1px solid rgba(255,255,255,.28); padding-top: 1rem; }
.sdhs-woh-home-image { display: block; aspect-ratio: 4/5; overflow: hidden; background: #275075; }
.sdhs-woh-home-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .28s ease; }
.sdhs-woh-home-card:hover img { transform: scale(1.035); }
.sdhs-woh-home-person { padding: 1rem 0 .25rem; }
.sdhs-woh-home-person h3 { margin: 0 0 .45rem; font: 400 clamp(1.24rem,1.6vw,1.65rem)/1.1 Georgia,serif; }
.sdhs-woh-home-person h3 a { color: #fff; text-decoration: none; }
.sdhs-woh-home-person h3 a:hover { text-decoration: underline; text-underline-offset: .2em; }
.sdhs-woh-home-class { color: #add3f6; font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.sdhs-woh-home-role { color: #d4e2ef; font-size: .86rem; line-height: 1.5; }
.sdhs-woh-home-person p { margin: 0 0 .4rem; }
@media (max-width: 1050px) { .sdhs-woh-home-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 680px) { .sdhs-woh-home { width: calc(100vw - 40px); padding: 2rem 1.2rem; } .sdhs-woh-home-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.6rem .85rem; } }
@media (max-width: 390px) { .sdhs-woh-home-grid { grid-template-columns: 1fr; } .sdhs-woh-home-image { aspect-ratio: 5/4; } }