/* PTI photo draft v1: existing visual-system tokens and original photographs. */
.pti-classroom-section { padding-block: 2.75rem 0; }
.pti-classroom-heading { display:flex; justify-content:space-between; align-items:end; gap:1.5rem; margin-bottom:1.4rem; }
.pti-classroom-heading h2 { margin:0; color:var(--pti-ink); font-size:clamp(1.65rem,2.6vw,2.2rem); line-height:1.2; letter-spacing:-.035em; }
.pti-classroom-heading > p { max-width:340px; margin:0; color:var(--pti-muted); font-size:.95rem; }
.pti-classroom-gallery { display:grid; grid-template-columns:1.777fr 1fr 1fr; gap:1.1rem; align-items:start; }
.pti-classroom-gallery figure { min-width:0; margin:0; }
.pti-classroom-gallery a { display:block; border-radius:12px; overflow:hidden; background:var(--pti-surface); }
.pti-classroom-gallery img { display:block; width:100%; height:auto; }
.pti-classroom-gallery figcaption { margin-top:.65rem; color:var(--pti-muted); font-size:.875rem; line-height:1.45; }
.pti-classroom-gallery a:focus-visible { outline:3px solid #b66e00; outline-offset:4px; }
@media(max-width:760px) {
 .pti-classroom-section { padding-top:1.75rem; }
 .pti-classroom-heading { display:block; }
 .pti-classroom-heading > p { max-width:none; margin-top:.75rem; }
 .pti-classroom-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.15rem .8rem; }
 .pti-classroom-gallery__wide { grid-column:1/-1; }
}
@media(max-width:420px) {
 .pti-classroom-gallery { gap:1rem .65rem; }
 .pti-classroom-gallery figcaption { font-size:.8rem; }
}

/* Genuine source pixels, art-directed by viewport. No generated image used.
   Desktop rectangle: (0,145)-(480,415), 16:9. Mobile: (80,120)-(464,632), 3:4. */
.pti-training-feature { border-bottom:1px solid var(--pti-line); }
.pti-training-feature__inner { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:center; gap:clamp(1.75rem,4vw,4rem); }
.pti-training-feature__media { margin:0; min-width:0; }
.pti-training-photo { position:relative; overflow:hidden; aspect-ratio:16/9; border-radius:var(--pti-radius-md); background:var(--pti-surface); }
.pti-training-photo img { position:absolute; width:100%; max-width:none; height:auto; left:0; top:-53.7037037%; }
.pti-training-feature__media figcaption { margin-top:.65rem; color:var(--pti-muted); font-size:.875rem; }
.pti-training-feature__copy h2 { font-size:clamp(1.8rem,2.8vw,2.4rem); line-height:1.15; letter-spacing:-.035em; margin:.6rem 0 1rem; }
.pti-training-feature__copy > p:not(.kicker) { color:var(--pti-muted); max-width:500px; margin:0 0 1.4rem; }
@media(max-width:760px) {
 .pti-training-feature__inner { grid-template-columns:minmax(0,1fr); gap:1.65rem; }
 .pti-training-feature__copy { grid-row:1; }
 .pti-training-feature__media { width:min(100%,440px); justify-self:center; }
 .pti-training-photo { aspect-ratio:3/4; }
 .pti-training-photo img { width:125%; left:-20.8333333%; top:-23.4375%; }
}