/* Selected primary asset layout override — INTERNAL REVIEW ONLY / 2026-09-07 */

/* HOME: keep three course chapters visually distinct by rhythm, not card chrome. */
.courses-home .course-chapter{align-items:center}
.courses-home .course-chapter:nth-of-type(1){padding-top:72px;padding-bottom:84px}
.courses-home .course-chapter:nth-of-type(1) img{aspect-ratio:4/5;width:72%;justify-self:end;object-fit:cover;object-position:50% 42%}
.courses-home .course-chapter:nth-of-type(2){padding-top:96px;padding-bottom:96px}
.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){padding-top:84px;padding-bottom:72px}
.courses-home .course-chapter:nth-of-type(3) img{aspect-ratio:4/3;width:100%;justify-self:stretch;object-fit:cover;object-position:50% 50%}

/* COURSE Desktop: three genuinely different visual worlds. */
.path-standard .path-copy{grid-column:1/span 6}
.path-standard .path-visual{grid-column:8/span 4;aspect-ratio:4/5;width:min(100%,440px);justify-self:end;align-self:center;overflow:hidden}
.path-standard .path-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;transform:none}

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

.path-executive .path-copy{grid-column:1/span 5}
.path-executive .path-visual{grid-column:7/span 6;aspect-ratio:4/3;width:100%;justify-self:stretch;align-self:center;overflow:hidden}
.path-executive .path-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none}

@media(max-width:900px){
  /* HOME Mobile: visual scale changes by learning depth rather than desktop stacking. */
  .courses-home .course-chapter{padding:48px 0 58px}
  .courses-home .course-chapter:nth-of-type(1) img{width:100%;aspect-ratio:16/11;margin:8px 0 0;justify-self:stretch;object-fit:cover}
  .courses-home .course-chapter:nth-of-type(3) img{width:100%;aspect-ratio:4/3;margin:8px 0 0;justify-self:stretch;object-fit:cover;object-position:50% 50%}
  .courses-home .course-chapter:nth-of-type(2) img{width:100%;aspect-ratio:16/9;margin:14px 0 0;justify-self:stretch}

  /* COURSE Mobile: each image becomes a chapter image, not a thumbnail. */
  .path-standard .path-visual,
  .path-technical .path-visual,
  .path-executive .path-visual{width:calc(100% + 44px);margin-left:-22px;margin-right:-22px;border-radius:0;align-self:stretch}

  .path-standard .path-visual{order:2;aspect-ratio:16/11;margin-top:34px;margin-bottom:0}
  .path-standard .path-visual img{object-position:50% 42%}

  .path-technical .path-visual{order:1;aspect-ratio:16/10;margin-top:0;margin-bottom:36px}
  .path-technical .path-copy{order:2;padding-left:0}
  .path-technical .path-visual img{object-position:50% 50%}

  .path-executive .path-copy{order:1}
  .path-executive .path-visual{order:2;aspect-ratio:4/3;margin-top:34px;margin-bottom:0}
  .path-executive .path-visual img{object-position:50% 50%}
}

/* Internal provenance is kept in the asset ledger; do not clip it over the course visual. */
.course-depth-visual figcaption{display:none}

/* Final visual cleanup: provenance stays in ledger/captions, never clipped over H3. */
.course-hero figure:after,.course-depth-visual:after{content:none!important;display:none!important}

@media(max-width:900px){
  /* Keep the central proposition as one semantic line on 390px-class screens. */
  .home-hero h1{font-size:clamp(38px,10.8vw,43px);line-height:1.08}
  .home-hero h1 em{white-space:nowrap}
  .hero-teacher .eyebrow{display:block;margin-bottom:3px}
  .hero-teacher strong{display:block}
}

/* COMPANY ? institutional trust without ambiguous person-to-role attribution. */
.company-hero-institutional{grid-template-columns:7fr 5fr;background:var(--paper)}
.company-hero-facts{padding:90px var(--pad);border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:0}
.company-hero-facts>div{padding:24px 0;border-top:1px solid var(--line)}
.company-hero-facts>div:last-child{border-bottom:1px solid var(--line)}
.company-hero-facts span,.responsibility-role span{display:block;font-size:9px;letter-spacing:.16em;color:var(--muted);margin-bottom:8px}
.company-hero-facts strong{display:block;font:500 22px/1.45 var(--display)}
.responsibility-split{grid-template-columns:5fr 7fr;align-items:stretch}
.responsibility-split .responsibility-copy{display:flex;flex-direction:column;justify-content:center}
.responsibility-role{margin-top:44px;padding-top:20px;border-top:1px solid #485054}
.responsibility-role strong{display:block;font:500 30px/1.3 var(--display);margin-bottom:4px}
.responsibility-role small{display:block;color:#c9cecf}
.responsibility-education{display:grid;grid-template-columns:1.15fr .85fr;min-height:650px;background:#20272a}
.responsibility-education figure{margin:0;min-height:650px}
.responsibility-education figure img{width:100%;height:100%;object-fit:cover;object-position:center 34%}
.responsibility-education .responsibility-role{margin:0;padding:70px 34px;align-self:end;border-top:1px solid #485054}
@media(max-width:900px){
  .company-hero-institutional{display:block;min-height:0}
  .company-hero-facts{padding:16px 22px 58px;border-left:0}
  .company-hero-facts>div{padding:18px 0}
  .company-hero-facts strong{font-size:20px}
  .responsibility-split{display:block}
  .responsibility-split .responsibility-copy{padding:68px 22px 58px}
  .responsibility-role{margin-top:34px}
  .responsibility-education{display:block;min-height:0}
  .responsibility-education figure{height:380px;min-height:0}
  .responsibility-education .responsibility-role{padding:28px 22px 48px}
}

/* 2026-09-07 WIA learning sticky decision-field rebuild */
.journey{padding:110px var(--pad) 120px;background:#111619;color:#fff}
.journey-body{max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(0,7fr) minmax(340px,5fr);gap:clamp(42px,6vw,88px);align-items:start}
.journey-visual{position:sticky;top:108px;min-height:calc(100vh - 150px);display:flex;flex-direction:column;justify-content:center}
.decision-field{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border:1px solid #3b4144;background:linear-gradient(135deg,#171d20,#22292d);isolation:isolate}
.decision-field:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.035),transparent 55%);z-index:0}
.frag{position:absolute;display:block;width:18%;height:14%;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(239,235,226,.96),rgba(199,197,190,.88));box-shadow:0 12px 30px rgba(0,0,0,.16);transition:transform .65s cubic-bezier(.22,.61,.36,1),opacity .45s ease,width .55s ease,height .55s ease,filter .45s ease;z-index:2}
.frag:nth-of-type(3n){background:linear-gradient(145deg,rgba(184,192,195,.95),rgba(132,143,147,.9))}
.frag:nth-of-type(4n){background:linear-gradient(145deg,rgba(221,210,190,.96),rgba(170,158,141,.9))}
.decision-axis{position:absolute;left:14%;right:14%;top:50%;height:1px;background:rgba(244,160,110,0);transform:scaleX(.2);transform-origin:center;transition:transform .65s ease,background .45s ease,box-shadow .45s ease;z-index:5}
.journey-visual-note{margin:12px 0 0;font-size:9px;letter-spacing:.18em;color:#8f989c}

/* state 1: noise */
.decision-field[data-state="1"] .f01{transform:translate(12%,18%) rotate(-9deg)}
.decision-field[data-state="1"] .f02{transform:translate(110%,36%) rotate(12deg)}
.decision-field[data-state="1"] .f03{transform:translate(205%,12%) rotate(-5deg)}
.decision-field[data-state="1"] .f04{transform:translate(320%,48%) rotate(10deg)}
.decision-field[data-state="1"] .f05{transform:translate(420%,22%) rotate(-12deg)}
.decision-field[data-state="1"] .f06{transform:translate(48%,138%) rotate(8deg)}
.decision-field[data-state="1"] .f07{transform:translate(165%,126%) rotate(-14deg)}
.decision-field[data-state="1"] .f08{transform:translate(272%,154%) rotate(7deg)}
.decision-field[data-state="1"] .f09{transform:translate(382%,122%) rotate(-4deg)}
.decision-field[data-state="1"] .f10{transform:translate(18%,258%) rotate(11deg)}
.decision-field[data-state="1"] .f11{transform:translate(132%,238%) rotate(-8deg)}
.decision-field[data-state="1"] .f12{transform:translate(250%,268%) rotate(13deg)}
.decision-field[data-state="1"] .f13{transform:translate(366%,246%) rotate(-10deg)}
.decision-field[data-state="1"] .f14{transform:translate(430%,186%) rotate(6deg)}
.decision-field[data-state="1"] .f15{transform:translate(74%,362%) rotate(-7deg)}
.decision-field[data-state="1"] .f16{transform:translate(206%,346%) rotate(9deg)}
.decision-field[data-state="1"] .f17{transform:translate(338%,352%) rotate(-11deg)}
.decision-field[data-state="1"] .f18{transform:translate(436%,328%) rotate(5deg)}

/* state 2: group */
.decision-field[data-state="2"] .frag{filter:saturate(.8)}
.decision-field[data-state="2"] .f01,.decision-field[data-state="2"] .f02,.decision-field[data-state="2"] .f03,.decision-field[data-state="2"] .f04{transform:translate(42%,72%) rotate(0)}
.decision-field[data-state="2"] .f05,.decision-field[data-state="2"] .f06,.decision-field[data-state="2"] .f07,.decision-field[data-state="2"] .f08{transform:translate(210%,72%) rotate(0)}
.decision-field[data-state="2"] .f09,.decision-field[data-state="2"] .f10,.decision-field[data-state="2"] .f11,.decision-field[data-state="2"] .f12{transform:translate(42%,250%) rotate(0)}
.decision-field[data-state="2"] .f13,.decision-field[data-state="2"] .f14,.decision-field[data-state="2"] .f15,.decision-field[data-state="2"] .f16{transform:translate(210%,250%) rotate(0)}
.decision-field[data-state="2"] .f17,.decision-field[data-state="2"] .f18{opacity:.35;transform:translate(365%,160%) scale(.75)}

/* state 3: compare */
.decision-field[data-state="3"] .frag{width:22%;height:18%;opacity:.18;filter:none}
.decision-field[data-state="3"] .f03,.decision-field[data-state="3"] .f04{opacity:1;transform:translate(78%,142%) rotate(0)}
.decision-field[data-state="3"] .f11,.decision-field[data-state="3"] .f12{opacity:1;transform:translate(268%,142%) rotate(0)}
.decision-field[data-state="3"] .f07,.decision-field[data-state="3"] .f08{opacity:.8;transform:translate(173%,142%) rotate(0)}

/* state 4: filter / action */
.decision-field[data-state="4"] .frag{opacity:.08;transform:translate(180%,150%) scale(.7)}
.decision-field[data-state="4"] .f07{opacity:.4;transform:translate(116%,148%) scale(.88)}
.decision-field[data-state="4"] .f08{opacity:1;transform:translate(214%,148%) scale(1.08);box-shadow:0 18px 40px rgba(0,0,0,.32)}
.decision-field[data-state="4"] .f12{opacity:.42;transform:translate(312%,148%) scale(.88)}

/* state 5: judgment axis */
.decision-field[data-state="5"] .frag{opacity:.07;transform:translate(195%,150%) scale(.55)}
.decision-field[data-state="5"] .f08{opacity:.95;width:20%;height:16%;transform:translate(202%,128%) scale(.92)}
.decision-field[data-state="5"] .f12{opacity:.45;width:13%;height:11%;transform:translate(334%,208%) scale(.76)}
.decision-field[data-state="5"] .f07{opacity:.45;width:13%;height:11%;transform:translate(74%,208%) scale(.76)}
.decision-field[data-state="5"] .decision-axis{background:#f4a06e;transform:scaleX(1);box-shadow:0 0 22px rgba(244,160,110,.18)}

.journey-steps{padding:0;border-left:1px solid #3b3f41}
.jstep{min-height:76vh;padding:22vh 0 18vh 36px;border-bottom:1px solid #343a3d;grid-template-columns:72px 1fr}
.jstep h3{transition:color .25s ease,transform .25s ease}
.jstep.active h3{color:#f4a06e;transform:translateX(6px)}
.jstep p{max-width:520px}

@media(max-width:900px){
  .journey{padding:72px 0 80px}
  .journey-header{padding:0 22px;margin-bottom:34px}
  .journey-body{display:block}
  .journey-visual{top:58px;min-height:0;height:48svh;padding:0 22px;z-index:4;background:#111619}
  .decision-field{height:100%;aspect-ratio:auto}
  .journey-visual-note{margin-top:8px}
  .journey-steps{padding:0 22px;border-left:0;position:relative;z-index:5}
  .jstep{min-height:78svh;padding:28svh 0 18svh;grid-template-columns:44px 1fr;background:linear-gradient(to bottom,rgba(17,22,25,0),#111619 22%,#111619 100%)}
  .jstep h3{font-size:38px}
  .frag{width:23%;height:14%}
}

@media(prefers-reduced-motion:reduce){
  .decision-field{display:none}
  .journey-visual{display:none}
  .jstep{min-height:0;padding:34px 0}
}

/* 2026-09-07 decision-field clarity repair */
/* make the information pieces carry subtle category cues without readable text */
.frag:before,.frag:after{content:'';position:absolute;display:block;background:rgba(20,25,28,.14);transition:opacity .35s ease,transform .5s ease}
.frag:before{left:12%;right:12%;top:24%;height:1px;box-shadow:0 10px 0 rgba(20,25,28,.10),0 20px 0 rgba(20,25,28,.07)}
.frag:after{right:10%;bottom:12%;width:26%;height:18%;border-radius:2px;background:rgba(20,25,28,.08)}

/* scene 2: four clearly separated groups */
.decision-field[data-state="2"] .f01{transform:translate(38%,58%) rotate(-2deg)}
.decision-field[data-state="2"] .f02{transform:translate(64%,86%) rotate(1deg)}
.decision-field[data-state="2"] .f03{transform:translate(90%,62%) rotate(0)}
.decision-field[data-state="2"] .f04{transform:translate(116%,88%) rotate(-1deg)}
.decision-field[data-state="2"] .f05{transform:translate(250%,58%) rotate(1deg)}
.decision-field[data-state="2"] .f06{transform:translate(276%,86%) rotate(-2deg)}
.decision-field[data-state="2"] .f07{transform:translate(302%,62%) rotate(0)}
.decision-field[data-state="2"] .f08{transform:translate(328%,88%) rotate(2deg)}
.decision-field[data-state="2"] .f09{transform:translate(38%,248%) rotate(1deg)}
.decision-field[data-state="2"] .f10{transform:translate(64%,276%) rotate(-1deg)}
.decision-field[data-state="2"] .f11{transform:translate(90%,252%) rotate(2deg)}
.decision-field[data-state="2"] .f12{transform:translate(116%,278%) rotate(0)}
.decision-field[data-state="2"] .f13{transform:translate(250%,248%) rotate(-1deg)}
.decision-field[data-state="2"] .f14{transform:translate(276%,276%) rotate(1deg)}
.decision-field[data-state="2"] .f15{transform:translate(302%,252%) rotate(-2deg)}
.decision-field[data-state="2"] .f16{transform:translate(328%,278%) rotate(0)}

/* scene 3: three comparable columns with a shared baseline */
.decision-field[data-state="3"] .frag{opacity:.06;transform:translate(190%,150%) scale(.55)}
.decision-field[data-state="3"] .f03{opacity:1;transform:translate(58%,132%) scale(1)}
.decision-field[data-state="3"] .f04{opacity:.68;transform:translate(58%,212%) scale(.82)}
.decision-field[data-state="3"] .f07{opacity:1;transform:translate(188%,132%) scale(1)}
.decision-field[data-state="3"] .f08{opacity:.68;transform:translate(188%,212%) scale(.82)}
.decision-field[data-state="3"] .f11{opacity:1;transform:translate(318%,132%) scale(1)}
.decision-field[data-state="3"] .f12{opacity:.68;transform:translate(318%,212%) scale(.82)}
.decision-field[data-state="3"] .decision-axis{top:63%;background:rgba(255,255,255,.22);transform:scaleX(.82)}

/* scene 4: one route becomes dominant, alternatives remain visible */
.decision-field[data-state="4"] .frag{opacity:.04;transform:translate(190%,150%) scale(.5)}
.decision-field[data-state="4"] .f03{opacity:.22;transform:translate(64%,148%) scale(.78)}
.decision-field[data-state="4"] .f07{opacity:1;transform:translate(188%,138%) scale(1.08)}
.decision-field[data-state="4"] .f11{opacity:.22;transform:translate(312%,148%) scale(.78)}
.decision-field[data-state="4"] .decision-axis{top:63%;background:rgba(244,160,110,.35);transform:scaleX(.74)}

/* scene 5: keep source context + explicit axis + a selected decision card */
.decision-field[data-state="5"] .frag{opacity:.03;transform:translate(190%,150%) scale(.5)}
.decision-field[data-state="5"] .f03{opacity:.22;width:14%;height:10%;transform:translate(62%,218%) scale(.78)}
.decision-field[data-state="5"] .f07{opacity:.95;width:24%;height:18%;transform:translate(164%,112%) scale(1)}
.decision-field[data-state="5"] .f11{opacity:.22;width:14%;height:10%;transform:translate(330%,218%) scale(.78)}
.decision-field[data-state="5"] .decision-axis{top:61%;left:12%;right:12%;height:2px;background:#f4a06e;transform:scaleX(1);box-shadow:0 0 24px rgba(244,160,110,.22)}
.decision-field[data-state="5"] .f07:before{box-shadow:0 10px 0 rgba(20,25,28,.10)}
.decision-field[data-state="5"] .f07:after{width:42%;height:12%;background:rgba(244,160,110,.28)}

@media(max-width:900px){
  .journey-visual{height:46svh}
  .decision-field[data-state="3"] .f03{transform:translate(28%,118%) scale(.9)}
  .decision-field[data-state="3"] .f07{transform:translate(150%,118%) scale(.9)}
  .decision-field[data-state="3"] .f11{transform:translate(272%,118%) scale(.9)}
  .decision-field[data-state="3"] .f04{transform:translate(28%,206%) scale(.72)}
  .decision-field[data-state="3"] .f08{transform:translate(150%,206%) scale(.72)}
  .decision-field[data-state="3"] .f12{transform:translate(272%,206%) scale(.72)}
  .decision-field[data-state="4"] .f03{transform:translate(26%,148%) scale(.68)}
  .decision-field[data-state="4"] .f07{transform:translate(146%,132%) scale(.96)}
  .decision-field[data-state="4"] .f11{transform:translate(266%,148%) scale(.68)}
  .decision-field[data-state="5"] .f03{transform:translate(20%,218%) scale(.68)}
  .decision-field[data-state="5"] .f07{transform:translate(126%,106%) scale(.92)}
  .decision-field[data-state="5"] .f11{transform:translate(282%,218%) scale(.68)}
}

/* 2026-09-07 Mobile sticky visibility repair */
@media(max-width:900px){
  .journey-body{display:block;position:relative}
  .journey-visual{position:sticky;top:58px;height:40svh;min-height:300px;padding:14px 22px 0;z-index:20;background:#111619;pointer-events:none}
  .decision-field{height:calc(100% - 24px);aspect-ratio:auto}
  .journey-visual-note{height:16px;margin:6px 0 0}
  .journey-steps{position:relative;z-index:2;padding:0 22px;background:#111619}
  .jstep{min-height:74svh;padding:42svh 0 14svh;grid-template-columns:44px 1fr;background:transparent}
  .jstep:first-child{padding-top:46svh}
  .jstep:last-child{padding-bottom:20svh}
}

/* 2026-09-07 Mobile sticky containing-block repair */
@media(max-width:900px){
  .journey{overflow:visible!important}
}

/* 2026-09-07 HOME hero desktop proportion repair */
@media(min-width:901px){
  .home-hero{grid-template-columns:repeat(12,1fr);align-items:start}
  .home-hero .hero-copy{grid-column:1/span 6}
  .home-hero .hero-visual{grid-column:8/span 5;grid-row:1/span 3;align-self:start;min-height:0;height:auto;aspect-ratio:4/5;max-height:760px}
  .home-hero .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}
  .home-hero .hero-teacher{grid-column:1/span 6}
}

/* 2026-09-07 HOME hero desktop headline reflow */
@media(min-width:901px){
  .home-hero h1{font-size:clamp(54px,5.35vw,77px);line-height:1.06;letter-spacing:-.045em}
  .home-hero h1 em{white-space:nowrap;font-size:.96em}
}

/* 2026-09-07 COMPANY text-only direction */
.company-hero-institutional{display:block;min-height:0}
.company-hero-institutional .company-hero-copy{max-width:980px;padding:96px var(--pad) 72px}
.company-hero-facts{max-width:var(--max);margin:0 auto;padding:0 var(--pad) 82px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.company-hero-facts>div{padding:24px 28px 24px 0;border-bottom:1px solid var(--line)}
.responsibility-split{display:block;background:#161b1e;color:#fff}
.responsibility-split .responsibility-copy{max-width:var(--max);margin:auto;padding:96px var(--pad) 56px}
.responsibility-education{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #485054}
.responsibility-education .responsibility-role{margin:0;padding:42px var(--pad) 56px;border-top:0;border-right:1px solid #485054}
.responsibility-education .responsibility-role:last-child{border-right:0}
@media(max-width:900px){
  .company-hero-institutional .company-hero-copy{padding:64px 22px 42px}
  .company-hero-facts{grid-template-columns:1fr;padding:0 22px 54px}
  .company-hero-facts>div{padding:18px 0}
  .responsibility-split .responsibility-copy{padding:64px 22px 40px}
  .responsibility-education{display:block}
  .responsibility-education .responsibility-role{padding:30px 22px 38px;border-right:0;border-top:1px solid #485054}
}

/* 2026-09-07 COMPANY responsibility text-only rebuild */
.responsibility-textonly{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--paper);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.responsibility-textonly .responsibility-copy{padding:86px var(--pad);border-right:1px solid var(--line)}
.responsibility-textonly .responsibility-copy h2{font:500 clamp(44px,5vw,66px)/1.12 var(--display);margin:10px 0 0}
.responsibility-roles{display:grid;grid-template-columns:1fr 1fr;align-self:stretch}
.responsibility-roles .responsibility-role{padding:96px 36px 62px;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid var(--line)}
.responsibility-roles .responsibility-role:last-child{border-right:0}
.responsibility-roles span{font-size:9px;letter-spacing:.15em;color:var(--muted);margin-bottom:24px}
.responsibility-roles strong{font:500 clamp(30px,3vw,42px)/1.15 var(--display);margin-bottom:10px}
.responsibility-roles small{font-size:12px;color:var(--muted)}
@media(max-width:900px){
  .responsibility-textonly{display:block}
  .responsibility-textonly .responsibility-copy{padding:64px 22px 34px;border-right:0}
  .responsibility-roles{display:block;padding:0 22px 54px}
  .responsibility-roles .responsibility-role{padding:28px 0 32px;border-right:0;border-top:1px solid var(--line)}
  .responsibility-roles span{margin-bottom:14px}
}

/* COMPANY factual responsibility must remain readable without motion */
.responsibility-textonly .reveal{opacity:1!important;transform:none!important;transition:none!important}

/* 2026-09-07 COURSE three-mountain ascent hero: keep the whole journey visible. */
.course-depth-visual{
  height:auto!important;
  aspect-ratio:16/9;
  background:#26302f;
}
.course-depth-visual img{
  width:100%;height:100%;object-fit:cover;
  object-position:50% 50%!important;
  transform:none!important;
  filter:saturate(.84) contrast(1.01) brightness(.94)!important;
}
.course-depth-stage{display:none!important}
.course-depth-visual figcaption{display:none!important}
.course-depth-visual:before{background:linear-gradient(180deg,rgba(12,17,18,.01),rgba(12,17,18,.04))!important}
@media(max-width:900px){
  .course-depth-visual{
    height:auto!important;
    aspect-ratio:16/9;
  }
  .course-depth-visual img{object-position:50% 50%!important}
}