/* ================================================================
   SECTION 02 — ESCOLHA SUA JORNADA
   Backgrounds and transparent athletes are deliberately separated.
   REPLACE paths are documented in index.html and assets/athletes/.
   ================================================================ */

.journey{padding:clamp(72px,8vw,118px) 0;background:#eeefeb;color:#090c0a;overflow:hidden}
.journey-layout{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,2.75fr);gap:clamp(34px,4.2vw,68px);align-items:center}
.journey-intro{align-self:center}
.journey-intro .section-label{margin-bottom:20px;color:#4c9d43}
.journey-intro .section-title{width:max-content;max-width:100%;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:clamp(48px,4.25vw,65px);font-weight:800;line-height:.9;letter-spacing:-.025em;text-wrap:balance}
.journey-intro .section-title em{font-style:normal}
.journey-intro>p:not(.section-label){max-width:275px;margin-top:24px;font-size:11px;line-height:1.62;color:#616761;text-wrap:pretty}
.journey-cta{width:max-content;min-height:43px;margin-top:25px;padding-inline:18px;font-size:8px;box-shadow:0 8px 24px rgba(8,213,43,.18)}

.journey .player-cards{width:100%;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.55vw,24px);align-items:center;overflow:visible}
.journey .player-card{height:500px;position:relative;isolation:isolate;overflow:hidden;padding:18px;color:#fff;background:#070a08;border:1px solid rgba(14,22,16,.5);clip-path:polygon(0 0,90% 0,100% 7%,100% 100%,8% 100%,0 94%);box-shadow:0 18px 38px rgba(8,12,9,.16)}
.journey .player-card.featured{height:548px;border-color:var(--green);box-shadow:0 0 0 1px rgba(8,213,43,.5),0 22px 48px rgba(8,213,43,.2)}
.journey .player-card::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,6,4,.18) 0,rgba(3,6,4,.04) 42%,rgba(3,6,4,.9) 83%,#030504 100%),linear-gradient(90deg,rgba(3,6,4,.7),transparent 64%)}
.journey .player-card::after{content:"";position:absolute;z-index:6;inset:0;pointer-events:none;border-top:2px solid rgba(255,255,255,.34);background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 22%)}
.journey .player-card.featured::after{border-color:var(--green)}

.card-background{position:absolute;z-index:0;inset:0}
.card-background img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.76;transform:scale(1.03)}
.card-head,.card-copy,.journey-stats,.card-footer{position:relative;z-index:5}
.journey .card-head{display:flex;align-items:center;justify-content:space-between;color:#fff}
.journey .card-head span{font:500 24px/.9 "Barlow Condensed",sans-serif;letter-spacing:0}
.journey .card-head i{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;font:800 7px var(--font-ui);color:var(--green)}
.journey .card-copy{margin-top:8px}
.journey .card-copy h3{margin:0;font:700 clamp(29px,2.35vw,39px)/.9 "Barlow Condensed",sans-serif;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}
.journey .card-copy small{display:block;margin-top:6px;font:600 9px var(--font-ui);letter-spacing:.1em;color:#b9c0ba}

.journey .person-slot{position:absolute;z-index:3;inset:88px -8% 42px 19%;pointer-events:none}
.journey .person-slot img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 17px rgba(0,0,0,.65));transform:scale(1.08);transform-origin:center bottom}
.journey .card-formation .person-slot{inset:110px -2% 42px 27%}
.journey .card-formation .person-slot img{transform:scale(1.02)}
.journey .card-performance .person-slot{inset:95px -17% 40px 8%}
.journey .card-performance .person-slot img{transform:scale(1.16)}
.journey .card-physical .person-slot{inset:112px -3% 42px 30%}
.journey .card-physical .person-slot img{transform:scale(1.08)}

.journey-stats{position:absolute;left:17px;top:205px;width:43%;display:grid;gap:7px;text-shadow:0 1px 4px #000}
.journey-stats div{display:grid;grid-template-columns:27px 1fr;gap:6px;align-items:center}
.journey-stats span{font:700 7px var(--font-ui);letter-spacing:.08em;color:#e9ece9}
.journey-stats i{height:3px;position:relative;background:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.journey-stats i::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--value);background:var(--green);box-shadow:0 0 7px rgba(8,213,43,.5)}
.journey .card-footer{position:absolute;z-index:7;left:18px;right:18px;bottom:16px;display:flex;align-items:end;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}
.journey .card-footer span{font:700 13px/.98 "Barlow Condensed",sans-serif;letter-spacing:.035em;text-transform:uppercase}
.journey .card-footer b{font:700 8px var(--font-ui);letter-spacing:.1em;color:var(--green)}
.journey-mobile-controls{display:none}

@media (max-width:1180px){
  .journey-layout{grid-template-columns:1fr;align-items:start}
  .journey-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;align-items:end}
  .journey-intro .section-label{grid-column:1/-1}
  .journey-intro>p:not(.section-label){margin:0 0 12px;max-width:360px}
  .journey-cta{grid-column:2;margin-top:8px}
  .journey .player-cards{margin-top:10px}
}

@media (max-width:760px){
  .journey{padding-block:72px}
  .journey-layout{width:100%;gap:38px}
  .journey-intro{width:calc(100% - 40px);margin-inline:auto;display:block}
  .journey-intro .section-title{font-size:clamp(49px,14.5vw,58px);line-height:.92}
  .journey-intro>p:not(.section-label){margin-top:20px}
  .journey .player-cards{width:100%;margin:0;padding:0 20px 18px;display:grid;grid-template-columns:repeat(3,278px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory}
  .journey .player-card,.journey .player-card.featured{height:520px;scroll-snap-align:center}
  .journey .player-card.featured{height:540px}
  .journey .player-cards{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain}
  .journey .player-cards::-webkit-scrollbar{display:none}
  .journey-mobile-controls{width:calc(100% - 40px);margin:-1px auto 0;display:grid;grid-template-columns:42px 1fr auto 42px;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(7,12,9,.14)}
  .journey-mobile-controls>button{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(7,12,9,.2);border-radius:50%;background:rgba(255,255,255,.54);color:#0a0d0b;font-size:15px;box-shadow:0 8px 20px rgba(8,16,10,.07)}
  .journey-mobile-controls>button:active{transform:scale(.94)}
  .journey-mobile-dots{display:flex;align-items:center;gap:8px}
  .journey-mobile-dots button{width:22px;height:4px;border-radius:999px;background:rgba(8,13,9,.16);transition:width .28s ease,background-color .28s ease,box-shadow .28s ease}
  .journey-mobile-dots button.active{width:38px;background:var(--green);box-shadow:0 0 12px rgba(42,210,34,.32)}
  .journey-mobile-controls>span{font:700 7px var(--font-ui);letter-spacing:.13em;color:#626a64}
}

@media(prefers-reduced-motion:reduce){.journey-mobile-dots button{transition:none}}