.teaching-slide.slide-victory-causes,body.lesson-presenting .teaching-slide.slide-victory-causes{container-type:size;padding:clamp(15px,2.7cqh,30px) 4%;overflow:hidden}
.vc-stage{height:100%;min-height:0;min-width:0;width:100%;max-width:1800px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(14px,3cqh,30px);color:#e5c67f}
.teaching-slide .vc-heading>p{margin:0 0 9px;color:#d7b674;font:500 clamp(11px,2.2cqh,20px)/1.4 var(--sans)}
.vc-heading{border-bottom:2px solid #c5a05a99;padding-bottom:clamp(12px,2.5cqh,24px)}
.vc-title-row{display:flex;justify-content:space-between;align-items:center;gap:20px}
.teaching-slide .vc-heading h2{margin:0;color:#e8bf53;font:800 clamp(26px,6.8cqh,70px)/1.15 var(--sans);text-transform:uppercase;text-shadow:0 2px #795922,0 4px 7px #000b}
.vc-tools{display:flex;gap:9px;flex-shrink:0}
.vc-tools button{border:3px solid #777a68;border-radius:7px;padding:12px 17px;min-height:46px;background:linear-gradient(#333b31,#1c241e);box-shadow:inset 0 0 0 2px #b0a48220,0 2px 7px #0007;color:#e3bc6c;font:650 clamp(11px,1.5cqh,16px)/1.3 var(--sans);text-transform:uppercase;cursor:pointer}
.vc-tools [data-vc-reset]{font-size:27px;line-height:1;padding:8px 15px}
.vc-board-area{position:relative;container-type:size;min-width:0;min-height:0}
.vc-main{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100cqw,calc(100cqh * 2.671));aspect-ratio:2052/768;display:grid;grid-template-columns:1331fr 677fr;gap:2.14%;min-width:0}
.vc-causes{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.vc-card{position:relative;display:block;width:100%;padding:0;border:0;border-radius:10px;background:transparent;line-height:0;cursor:pointer;transition:filter .18s,transform .18s;isolation:isolate}
.vc-card>img{display:block;width:100%;height:auto;pointer-events:none}
.vc-mobile-title{display:none}
.vc-card.is-discovered{filter:brightness(1.08) drop-shadow(0 0 4px #c5a36555)}
.vc-questions{margin:0;min-width:0;align-self:start;transition:filter .18s,transform .18s}.vc-questions>img{display:block;width:100%;height:auto}
.vc-progress{box-sizing:border-box;justify-self:center;max-width:100%;aspect-ratio:2052/95;display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,30px);min-height:44px;padding:8px 22px;background:url('../../assets/experience/victory-causes/progress-frame.png') center/100% 100% no-repeat}
.vc-progress-marks{display:flex;gap:clamp(6px,.8vw,13px);flex-shrink:0}
.vc-progress-marks span{display:grid;place-items:center;width:clamp(24px,3.7cqh,39px);aspect-ratio:1;border:1px solid #8e8e70;border-radius:50%;font:650 clamp(11px,1.7cqh,17px)/1 var(--sans);background:#283229;color:#99957b;transition:background .18s,box-shadow .18s}
.vc-progress-marks .is-lit{background:#40513c;color:#ffe6a7;border-color:#e3c782;box-shadow:0 0 7px #ffe3a777}
.teaching-slide .vc-progress p{margin:0;color:#e8bc6f;font:650 clamp(12px,2.3cqh,23px)/1.4 var(--sans);text-transform:uppercase}.vc-progress.is-complete p{color:#f8df9b}
.vc-stage button:focus-visible{outline:3px solid #ffe2a0;outline-offset:4px}
@media(hover:hover){.vc-card:hover,.vc-questions:hover{filter:brightness(1.15) drop-shadow(0 0 9px #e9c67b66);transform:translateY(-2px)}.vc-tools button:hover{filter:brightness(1.2)}}
@media(max-width:1000px){.teaching-slide .vc-heading h2{font-size:clamp(24px,5.8cqh,48px)}.vc-tools button{padding:8px 10px;min-height:40px}.vc-tools [data-vc-reset]{padding:6px 10px}}
@media(max-width:720px) and (orientation:portrait){
 .teaching-slide.slide-victory-causes,body.lesson-presenting .teaching-slide.slide-victory-causes{container-type:inline-size;padding:18px 12px;overflow:auto}
 .vc-stage{height:auto;min-height:100%;display:flex;flex-direction:column;gap:23px;flex-shrink:0}
 .teaching-slide .vc-heading>p{font-size:11px}.vc-title-row{flex-wrap:wrap;gap:15px}.teaching-slide .vc-heading h2{font-size:clamp(27px,8cqw,40px)}
 .vc-tools{margin-left:auto}.vc-tools button{font-size:12px}.vc-heading{padding-bottom:15px}
 .vc-board-area{container-type:normal;flex-shrink:0}.vc-main{position:static;transform:none;width:100%;aspect-ratio:auto;display:grid;grid-template-columns:1fr;gap:23px}
 .vc-causes{gap:14px}.vc-card{min-height:87px;overflow:hidden;padding:6px;background:url('../../assets/experience/victory-causes/mobile-card-frame.png') center/100% 100% no-repeat;border:0;box-shadow:none}
 .vc-card>img{visibility:hidden;height:0}.vc-mobile-title{display:block;padding:13px 12px 12px;color:#e8c67f;text-align:left;font:750 clamp(16px,4.5cqw,22px)/1.35 var(--sans);text-transform:uppercase}.vc-mobile-title small{display:block;margin-top:9px;color:#c8b997;font:400 12px/1.4 var(--sans);text-transform:none}
 .vc-questions{width:100%;max-width:510px;justify-self:center}
 .vc-progress{aspect-ratio:auto;flex-direction:column;gap:12px;padding:15px 14px;min-height:106px;border:3px solid #777b6b;border-radius:8px;background:#273128;box-shadow:inset 0 0 0 2px #a49b7933}
 .vc-progress-marks span{width:30px;font-size:13px}.teaching-slide .vc-progress p{font-size:14px;text-align:center}
}
@media(max-height:500px) and (orientation:landscape){.teaching-slide.slide-victory-causes,body.lesson-presenting .teaching-slide.slide-victory-causes{container-type:inline-size;overflow:auto;padding:17px 3%}.vc-stage{height:650px;min-height:650px;flex-shrink:0;gap:19px}.vc-board-area{container-type:size}.teaching-slide .vc-heading h2{font-size:30px}.teaching-slide .vc-heading>p{font-size:12px}.vc-progress{min-height:58px}.teaching-slide .vc-progress p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.vc-stage button,.vc-questions,.vc-progress-marks span{transition:none}.vc-card:hover,.vc-questions:hover{transform:none}}
