/* GTSD Academy v3: four photo-led mission-path cards from approved visual.
   Additive styles only: existing enrollment routes, animations, and buying paths unchanged. */
body.v3 main.ga2-cinematic .ga2-paths{padding-block:clamp(37px,4.4vw,61px)!important}
body.v3 main.ga2-cinematic .ga2-heading-row{margin-bottom:20px}
body.v3 main.ga2-cinematic .ga2-path-grid{gap:12px}
body.v3 main.ga2-cinematic .ga2-path-card{
 height:446px;min-width:0;position:relative;
 border:1px solid #47abdf!important;border-radius:7px!important;
 background:linear-gradient(160deg,#071a2f,#021020 73%)!important;
 box-shadow:0 0 0 1px #a8e5ff16,inset 0 0 28px #19619025,0 16px 32px #0006;
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
 overflow:hidden;
}
body.v3 main.ga2-cinematic .ga2-path-card:before{
 position:absolute;z-index:4;top:0;left:9px;right:9px;height:1px;
 background:linear-gradient(90deg,transparent,#9cddffb0 30%,#e6be6d80 60%,transparent);
 content:"";pointer-events:none
}
body.v3 main.ga2-cinematic .ga2-path-card:hover,
body.v3 main.ga2-cinematic .ga2-path-card[aria-expanded="true"]{
 transform:translateY(-3px);
 border-color:#d5bc81!important;
 box-shadow:0 0 26px #2daaff4a,0 17px 38px #0009,inset 0 0 20px #4eb8ff19;
}
body.v3 main.ga2-cinematic .ga2-path-art{
 height:174px!important;flex:0 0 174px!important;display:block!important;
 overflow:hidden;position:relative;isolation:isolate;
 background:linear-gradient(135deg,#07192a,#154364)!important;
}
body.v3 main.ga2-cinematic .ga2-path-art:before,
body.v3 main.ga2-cinematic .ga2-path-art:after{display:none!important}
body.v3 main.ga2-cinematic .ga2-photo{
 position:absolute;inset:0;display:block;z-index:0;
 background-image:
 linear-gradient(0deg,#031123ec 0%,#06162c59 34%,#020b160a 80%),
 url("/assets/gtsd-academy-storefront-20261023/academy-path-photo-sprite-v3.webp");
 background-size:100% 100%,400% 100%;
 background-position:center,0% center;
 background-repeat:no-repeat;
 filter:contrast(1.06) saturate(1.08);
 transition:transform .35s ease;
}
body.v3 main.ga2-cinematic .ga2-credentials .ga2-photo{background-position:center,33.333% center}
body.v3 main.ga2-cinematic .ga2-team .ga2-photo{background-position:center,66.667% center}
body.v3 main.ga2-cinematic .ga2-leadership .ga2-photo{background-position:center,100% center}
body.v3 main.ga2-cinematic .ga2-path-card:hover .ga2-photo{transform:scale(1.07)}
body.v3 main.ga2-cinematic .ga2-path-art .ga2-art-emblem{
 position:absolute;z-index:3;left:13px;top:12px;
 width:43px;height:43px;display:grid;place-items:center;
 background:rgba(2,18,36,.87)!important;
 border:1px solid #dec382!important;border-radius:5px!important;
 color:#f5e0ad!important;font-size:18px!important;
 box-shadow:0 0 18px #a98d5b36!important;transform:none!important;
 letter-spacing:.06em;
}
body.v3 main.ga2-cinematic .ga2-path-body{padding:16px 17px 15px!important}
body.v3 main.ga2-cinematic .ga2-path-symbol{
 top:-26px!important;right:15px!important;width:44px;height:44px;line-height:41px!important;
 border:2px solid #64d5ff!important;
 border-radius:50%!important;background:#052441!important;color:#a9e7ff!important;
 font-size:22px!important;box-shadow:0 0 19px #20aafc70;
}
body.v3 main.ga2-cinematic .ga2-path-body strong{
 font-size:clamp(16px,1.33vw,20px)!important;line-height:1.18!important;
 margin:0 0 8px!important;max-width:96%;
}
body.v3 main.ga2-cinematic .ga2-path-body>small{
 font-size:11px!important;line-height:1.45!important;
 display:block;min-height:32px;color:#becfe0!important
}
body.v3 main.ga2-cinematic .ga2-path-benefits{
 display:flex;flex-direction:column;gap:5px;
 padding:10px 0 9px;margin-top:9px;
 border-top:1px solid #5593b45a;
}
body.v3 main.ga2-cinematic .ga2-path-benefits>span{
 display:flex;align-items:center;gap:9px;
 color:#d6e1ec;font-size:10px;line-height:1.2;white-space:nowrap;
}
body.v3 main.ga2-cinematic .ga2-path-benefits>span:before{
 content:"✓";display:grid;place-items:center;flex:0 0 14px;width:14px;height:14px;
 border:1px solid #e3bb6e;border-radius:50%;font-size:9px;color:#f0c783
}
body.v3 main.ga2-cinematic .ga2-path-action{
 margin-top:auto!important;min-height:39px;
 width:100%;justify-content:center!important;gap:15px;
 border:1px solid #edc779;border-radius:6px;
 background:linear-gradient(180deg,#172337,#071424);
 box-shadow:inset 0 0 12px #e1ae5730,0 0 13px #e8c57124;
 padding:8px 12px!important;color:#f8d994!important;
 font-size:12px!important;font-weight:780!important;
 transition:background .2s,box-shadow .2s;
}
body.v3 main.ga2-cinematic .ga2-path-action>span{
 display:inline!important;border:0!important;border-radius:0!important;
 color:inherit!important;width:auto!important;height:auto!important;font-size:17px!important;
}
body.v3 main.ga2-cinematic .ga2-path-card:hover .ga2-path-action,
body.v3 main.ga2-cinematic .ga2-path-card[aria-expanded=true] .ga2-path-action{
 background:linear-gradient(180deg,#eacb87,#bf9753);color:#04162b!important;
 box-shadow:0 0 18px #e8c16e62
}
body.v3 main.ga2-cinematic .ga2-path-details{
 margin-top:14px!important;border:1px solid #66c2f280!important;background:#071e32!important
}
@media(min-width:721px) and (max-width:1020px){
 body.v3 main.ga2-cinematic .ga2-path-card{height:431px!important}
}
@media(max-width:720px){
 body.v3 main.ga2-cinematic .ga2-path-grid{
  display:flex!important;gap:11px!important;overflow-x:auto!important;
  scroll-snap-type:x mandatory;scroll-padding-inline:2px;
  overscroll-behavior-inline:contain;
  padding:4px 3px 15px 1px;
  scrollbar-color:#5b9ec8 transparent;
  -webkit-overflow-scrolling:touch;
 }
 body.v3 main.ga2-cinematic .ga2-path-card{
  flex:0 0 min(82vw,315px)!important;max-width:min(82vw,315px);
  min-width:0!important;height:425px!important;scroll-snap-align:start;
 }
 body.v3 main.ga2-cinematic .ga2-path-art{height:167px!important;flex-basis:167px!important}
 body.v3 main.ga2-cinematic .ga2-path-body strong{font-size:18px!important}
 body.v3 main.ga2-cinematic .ga2-path-body small{font-size:11px!important}
 body.v3 main.ga2-cinematic .ga2-paths .ga2-kicker{font-size:9px!important}
 body.v3 main.ga2-cinematic .ga2-path-grid:focus-visible{outline:2px solid #edd39d}
 body.v3 main.ga2-cinematic .ga2-path-details{margin-top:5px!important}
}
@media(prefers-reduced-motion:reduce){
 body.v3 main.ga2-cinematic .ga2-path-card,
 body.v3 main.ga2-cinematic .ga2-photo,
 body.v3 main.ga2-cinematic .ga2-path-action{transition:none!important;transform:none!important}
}