/* Visual QA repair 2026-09-07 — preserve primary imagery, suppress generated in-image copy */
.course-depth-visual{isolation:isolate;background:#161c1d}
.course-depth-visual img{filter:saturate(.66) contrast(1.01) brightness(.72)}
.course-depth-visual:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,17,18,.1),rgba(12,17,18,.02) 45%,rgba(12,17,18,.16));pointer-events:none}
.course-depth-stage{z-index:3;background:var(--paper);border:0;box-shadow:none;backdrop-filter:none;padding:18px 20px;min-height:98px;display:flex;flex-direction:column;justify-content:center}
.course-depth-stage span{font-size:9px;color:var(--muted)}
.course-depth-stage b{font-size:24px}
.path-visual{overflow:hidden;align-self:center}
.path-visual img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 8%;transform:scale(1.02)}
.path-standard .path-shell,.path-technical .path-shell,.path-executive .path-shell{align-items:center}
.path-standard .path-visual{grid-column:7/span 6;aspect-ratio:2/1;align-self:end}
.path-standard .path-visual img{object-position:center 4%;transform:scale(1.18)}
.path-technical .path-shell{grid-template-columns:repeat(12,1fr)}
.path-technical .path-visual{grid-column:1/span 7;aspect-ratio:1.75/1;align-self:center}
.path-technical .path-visual img{object-position:center 8%;transform:scale(1.13)}
.path-executive .path-visual{grid-column:6/span 7;aspect-ratio:2.08/1;align-self:center}
.path-executive .path-visual img{object-position:center 2%;transform:scale(1.16)}
.path-standard{padding-top:132px;padding-bottom:132px}
.path-technical{padding-top:145px;padding-bottom:145px}
.path-executive{padding-top:132px;padding-bottom:132px}
.path-technical .path-copy{padding-left:18px}
.path-executive .path-copy{align-self:center}
.records>.record-grid{grid-template-columns:repeat(4,1fr)}

/* clean H3 source + official HTML labels mask removal zones */
.course-depth-visual{height:620px;background:#26302f}
.course-depth-visual img{filter:saturate(.72) contrast(1.01) brightness(.82);transform:scale(1.01);object-position:50% 54%}
.course-depth-visual:before{background:linear-gradient(180deg,rgba(12,17,18,.04),rgba(12,17,18,.10))}
.stage-standard{left:16%;bottom:5%;width:38%;min-height:126px}
.stage-technical{left:40%;top:41%;bottom:auto;width:45%;min-height:156px}
.stage-executive{right:1.5%;top:24%;width:33%;min-height:126px}

/* Stock asset integration 2026-09-07 — respect each source photograph's native visual grammar. */
.home-hero .hero-visual img{object-position:48% 48%;filter:saturate(.82) contrast(.99) brightness(.96)}
.course-depth-visual img{object-position:52% 52%;transform:none;filter:saturate(.76) contrast(1.01) brightness(.84)}

/* COURSE: intentionally different image worlds, not one repeated component. */
.path-standard .path-copy{grid-column:1/span 6}
.path-standard .path-visual{grid-column:8/span 4;aspect-ratio:4/5;justify-self:end;width:min(100%,430px);align-self:center}
.path-standard .path-visual img{object-position:50% 42%;transform:none}

.path-technical .path-visual{grid-column:1/span 7;aspect-ratio:4/3;align-self:center}
.path-technical .path-copy{grid-column:9/span 4;padding-left:0}
.path-technical .path-visual img{object-position:50% 50%;transform:none}

.path-executive .path-copy{grid-column:1/span 6}
.path-executive .path-visual{grid-column:8/span 4;aspect-ratio:4/5;justify-self:start;width:min(100%,430px);align-self:center}
.path-executive .path-visual img{object-position:50% 44%;transform:none}

/* HOME course chapters inherit the same distinction without becoming three cards. */
.courses-home .course-chapter:nth-of-type(1) img{aspect-ratio:4/5;width:78%;justify-self:end;object-fit:cover;object-position:50% 42%}
.courses-home .course-chapter:nth-of-type(2) img{aspect-ratio:16/10;width:100%;justify-self:stretch;object-fit:cover;object-position:50% 50%}
.courses-home .course-chapter:nth-of-type(3) img{aspect-ratio:4/5;width:76%;justify-self:start;object-fit:cover;object-position:50% 44%}

/* Learning image is research evidence metaphor, not a hero. Keep it quieter and closer. */
.journey-media>img.journey-sequence{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 50%;filter:saturate(.74) contrast(1.01);border-top:1px solid #3b4144;border-bottom:1px solid #3b4144}

@media(max-width:900px){
  .course-depth-visual{height:420px}
  .course-depth-visual img{filter:saturate(.74) contrast(1.01) brightness(.83);transform:none;object-position:50% 50%}
  .course-depth-stage{min-width:0;padding:11px 12px}
  .course-depth-stage span{font-size:7px}.course-depth-stage b{font-size:17px}
  .stage-standard{left:10%;bottom:3%;width:54%;min-height:94px}
  .stage-technical{left:34%;top:42%;width:58%;min-height:100px;transform:none}
  .stage-executive{right:2%;top:21%;width:48%;min-height:94px}
  .path-standard,.path-technical,.path-executive{padding-top:72px;padding-bottom:78px}

  /* Mobile is composed independently rather than desktop stacked 1:1. */
  .path-standard .path-visual{order:2;width:86%;aspect-ratio:4/3;margin:28px 0 0 auto;align-self:flex-end}
  .path-standard .path-visual img{transform:none;object-position:50% 42%}
  .path-technical .path-visual{order:1;width:100%;aspect-ratio:16/10;margin:0 0 34px;align-self:stretch}
  .path-technical .path-copy{order:2;padding-left:0}
  .path-technical .path-visual img{transform:none;object-position:50% 50%}
  .path-executive .path-copy{order:1}
  .path-executive .path-visual{order:2;width:88%;aspect-ratio:4/3;margin:28px auto 0 0;align-self:flex-start}
  .path-executive .path-visual img{transform:none;object-position:50% 44%}

  .courses-home .course-chapter:nth-of-type(1) img{width:86%;aspect-ratio:4/3;justify-self:end;margin-left:auto}
  .courses-home .course-chapter:nth-of-type(2) img{width:100%;aspect-ratio:16/10;justify-self:stretch}
  .courses-home .course-chapter:nth-of-type(3) img{width:88%;aspect-ratio:4/3;justify-self:start;margin-right:auto}

  .journey-media>img.journey-sequence{height:150px;aspect-ratio:auto;object-position:50% 50%}
  .records>.record-grid{grid-template-columns:1fr 1fr}
  .student-dossier .record-grid{grid-template-columns:1fr}
  .student-dossier .record{padding:22px 18px}
  .student-dossier .record strong{font-size:30px}
}