/* Variant 09: one scene, two visual depths. No viewport-fixed portrait. */
.minimal-home .depth-journey{--depth-top:132px;--depth-runway:clamp(130px,20svh,180px);position:relative;background:#fff;padding:20px 20px 28px;isolation:isolate}
.depth-stage{position:relative;max-width:1200px;margin:auto}
.depth-journey.is-enhanced::after{content:"";display:block;height:var(--depth-runway)}
.depth-journey.is-enhanced .depth-stage{position:sticky;top:var(--depth-top)}
.depth-journey.is-enhanced.depth-natural-flow .depth-stage{position:relative;top:0}
.depth-journey.is-enhanced.depth-natural-flow::after{display:none}
.depth-canvas{position:relative;min-height:520px;width:100%;isolation:isolate;overflow:clip}
.depth-canvas::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#17467b07 1px,transparent 1px),linear-gradient(90deg,#17467b07 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,#000 12%,transparent 72%)}
.depth-map-signature{position:absolute;left:24px;bottom:20px;z-index:0;pointer-events:none;font:9px/1.4 monospace;letter-spacing:1.3px;color:#58708d75}
.depth-map-signature span{margin-left:10px;font-size:8px;letter-spacing:.5px}
.depth-journey[data-depth-state="DONE"] .depth-map-signature{opacity:.4}
.depth-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none}
.depth-opening{position:absolute;top:24px;left:0;width:100%;text-align:center;z-index:1;pointer-events:none}
.depth-opening h2{margin:0!important;color:#bd2740!important;font-size:clamp(36px,4.4vw,62px);letter-spacing:-1.3px;line-height:1.07}
.depth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,70px);align-items:center;position:relative;z-index:1;max-width:1080px;margin:auto;min-height:520px;scroll-margin-top:calc(var(--offer-height,58px) + var(--nav-height,74px) + 14px)}
.depth-copy{grid-column:1;grid-row:1;padding:28px 0;text-align:center}
.depth-copy h2{color:#123c96;font-size:clamp(38px,4.4vw,63px);line-height:1.03;letter-spacing:-1.7px;margin:0 0 24px}
.depth-copy p{font-size:clamp(16px,1.35vw,19px);line-height:1.75;color:#233646;max-width:480px;margin:0 auto}
.depth-copy .round3-story-button{margin-top:24px;min-width:140px}
.depth-photo{grid-column:2;grid-row:1;margin:0;display:flex;flex-direction:column;align-items:center;gap:0;min-width:0}
.depth-target{width:min(460px,100%);aspect-ratio:1672/941;flex:none}
.depth-portrait{position:absolute;overflow:hidden;border:2px solid #fff;background:#eff2f7;box-shadow:0 12px 34px #19345821;border-radius:18px;z-index:2;pointer-events:none}
.depth-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.depth-photo figcaption{position:relative;z-index:3;padding:19px 0 0;text-align:center;width:100%}
.depth-photo figcaption strong{font-family:Mukta,Arial,sans-serif;font-size:24px;line-height:1.2;display:block;letter-spacing:-.3px}
.depth-photo .teacher-role{display:block;color:#435869;font-size:10px;line-height:1.6;margin-top:5px}
.depth-journey:not(.is-enhanced) .depth-opening{display:none}
.depth-journey:not(.is-enhanced) .depth-map{opacity:.04}
.depth-journey:not(.is-enhanced) .depth-portrait{position:relative;grid-column:2;align-self:center;width:min(460px,42%);aspect-ratio:1672/941;margin:auto}
.depth-journey:not(.is-enhanced) .depth-canvas{display:grid}
.depth-journey:not(.is-enhanced) .depth-layout{grid-area:1/1;width:100%}
.depth-journey:not(.is-enhanced) .depth-portrait{grid-area:1/1;justify-self:end;margin-right:calc(25% - 160px);margin-top:20px;margin-bottom:90px}
@media(max-width:767px){
 .minimal-home .depth-journey{--depth-runway:clamp(115px,18svh,155px);padding:14px 18px 24px}
 .depth-canvas,.depth-layout{min-height:0}
 .depth-layout{grid-template-columns:minmax(0,1fr);gap:22px;padding:40px 0 22px}
 .depth-photo{grid-column:1;grid-row:1;width:100%;padding:0}
 .depth-target{width:68%;min-width:180px;max-width:300px;aspect-ratio:1672/941}
 .depth-photo figcaption{padding-top:13px}
 .depth-photo figcaption strong{font-size:21px}
 .depth-photo .teacher-role{font-size:9px;line-height:1.5}
 .depth-copy{grid-column:1;grid-row:2;text-align:center;padding:0}
 .depth-copy h2{font-size:clamp(31px,8vw,39px);line-height:1.08;letter-spacing:-.9px;margin-bottom:15px}
 .depth-copy p{font-size:14px;line-height:1.65;max-width:450px;margin:auto}
 .depth-copy .round3-story-button{margin-top:17px;min-height:44px}
 .depth-opening{top:33px}
 .depth-opening h2{font-size:clamp(29px,8vw,38px);letter-spacing:-.7px}
 .depth-map-signature{left:10px;bottom:5px;font-size:8px}
 .depth-journey:not(.is-enhanced) .depth-portrait{grid-column:1;width:68%;min-width:180px;max-width:300px;aspect-ratio:1672/941;align-self:start;margin:40px auto 0;justify-self:center}
}
@media(prefers-reduced-motion:reduce){
 .depth-journey.is-enhanced::after{display:none}
 .depth-journey.is-enhanced .depth-stage{position:relative;top:0}
 .depth-copy,.depth-photo figcaption{transform:none!important;opacity:1!important}
}