/* Self-contained journey layout; other sections retain their existing styles. */
.journey-section{width:calc(100% - 5%);max-width:1480px;margin:28px auto;padding:30px;display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"film story milestones" "resume resume resume";gap:26px 32px;background:radial-gradient(ellipse at 8% 0%,#08325280,transparent 55%),linear-gradient(120deg,#061725,#020d17);border:1px solid #16405b;border-radius:20px;position:relative;overflow:hidden}
.journey-story{grid-area:story;min-width:0;align-self:center}.journey-story .eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 16px}.journey-story h2{font-size:clamp(28px,2.5vw,40px);line-height:1.12;letter-spacing:-1.1px;margin-bottom:17px}.journey-story h2 span{color:var(--blue)}.journey-description{color:#c3d0de;font-size:14px;line-height:1.75;max-width:490px}.journey-specialties{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0}.journey-specialties>span{display:inline-flex;gap:7px;align-items:center;padding:8px 10px;border:1px solid #1a3b50;border-radius:8px;background:#061b2b;font-size:11px;color:#d7e7f5}.journey-specialties svg{width:16px;height:16px;color:var(--cyan)}.journey-personal{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:#91aec2}.journey-personal svg{width:17px;height:17px;color:var(--cyan)}.journey-dot{color:#427893}
.journey-film{grid-area:film;margin:0;min-width:0;align-self:center}.journey-section .journey-player{width:100%;max-width:none;aspect-ratio:2/3;grid-area:auto;margin:0;display:block;border:1px solid #236084;border-radius:14px;background:#020b12;box-shadow:0 10px 35px #0005;overflow:hidden}.journey-film video{display:block;width:100%;height:100%;object-fit:contain}.journey-film figcaption{margin-top:12px;font-size:9px;letter-spacing:1.7px;font-weight:600;display:flex;align-items:center;gap:7px;color:#e4f2ff;flex-wrap:wrap}.journey-film figcaption>span:last-child{font-size:10px;letter-spacing:0;font-weight:400;color:#91aec2;width:100%;margin-left:13px}.film-indicator{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px #00c8ff70}
.journey-milestones{grid-area:milestones;min-width:0;align-self:center}.journey-label{font-size:10px;font-weight:600;letter-spacing:2px;color:#90b0c8;margin-bottom:18px}.journey-milestones ol{list-style:none;padding:0;margin:0;display:grid;gap:20px}.journey-milestones li{display:flex;gap:13px;position:relative}.journey-milestones li:not(:last-child):before{content:'';position:absolute;left:18px;top:40px;bottom:-16px;width:1px;background:linear-gradient(#1d5775,#103249)}.milestone-icon{width:37px;height:37px;flex-shrink:0;display:grid;place-items:center;border:1px solid #1a4a65;border-radius:10px;background:#072238;color:var(--cyan)}.milestone-icon svg{width:20px;height:20px}.journey-milestones li>div{min-width:0}.milestone-date{font-size:9px;letter-spacing:1.2px;color:var(--cyan);font-weight:600}.journey-milestones h3{font-size:15px;line-height:1.4;margin:5px 0 6px}.journey-milestones li p{font-size:12px;line-height:1.6;color:#a8bccd}
.journey-resume{grid-area:resume;display:flex;align-items:center;gap:18px;border-top:1px solid #173448;padding-top:22px;min-width:0}.journey-resume>div{display:flex;gap:12px;align-items:center;margin-right:auto;min-width:0}.journey-resume>div>svg{width:23px;height:23px;color:var(--cyan)}.journey-resume strong{display:block;font-size:14px;margin-bottom:4px}.journey-resume small{font-size:12px;color:#91aec2}.journey-section .cv-button{margin:0;min-height:42px;padding:10px 22px;font-size:16px;flex-shrink:0}.resume-languages{font-size:10px;letter-spacing:1px;color:#91aec2;white-space:nowrap}
/* The portrait blends into the section rather than appearing as a video card. */
.journey-section .journey-player{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;isolation:isolate;position:relative}
.journey-film video{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 78%,transparent);mask-composite:intersect}
.journey-section .journey-film{position:relative}
.journey-film::before{content:'';position:absolute;inset:10% -15% 0;z-index:-1;background:radial-gradient(ellipse,#0793d022,transparent 70%);pointer-events:none}
@media(max-width:1150px){.journey-section{padding:24px;gap:24px;grid-template-columns:190px minmax(0,1fr) minmax(0,1fr)}.journey-story h2{font-size:29px}.journey-description{font-size:13px}.journey-specialties{margin:16px 0}.journey-specialties>span{font-size:10px;padding:7px 8px}.journey-milestones ol{gap:16px}.journey-milestones h3{font-size:14px}.journey-milestones li p{font-size:11px}}
@media(max-width:900px){.journey-section{width:auto;margin:24px 16px;padding:24px;grid-template-columns:200px minmax(0,1fr);grid-template-areas:"film story" "milestones milestones" "resume resume";gap:24px}.journey-story h2{font-size:33px}.journey-description{font-size:14px}.journey-milestones ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.journey-milestones li{display:block}.journey-milestones li:before{display:none}.milestone-icon{margin-bottom:10px}.journey-milestones li p{font-size:12px}.resume-languages{display:none}}
@media(max-width:600px){.journey-section{padding:20px 18px;gap:24px;grid-template-columns:minmax(0,1fr);grid-template-areas:"story" "film" "milestones" "resume";border-radius:16px}.journey-story .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:13px}.journey-story h2{font-size:clamp(27px,7.5vw,34px);margin-bottom:14px;letter-spacing:-.8px}.journey-description{font-size:13px;line-height:1.7}.journey-specialties{gap:6px;margin:16px 0}.journey-specialties>span{font-size:10px;padding:7px 8px}.journey-personal{font-size:11px}.journey-film{width:min(100%,230px);justify-self:center}.journey-section .journey-player{margin:0;max-width:none}.journey-film figcaption{justify-content:center}.journey-film figcaption>span:last-child{text-align:center;margin:0}.journey-label{margin-bottom:16px}.journey-milestones ol{grid-template-columns:1fr;gap:18px}.journey-milestones li{display:flex;gap:12px}.journey-milestones li:not(:last-child):before{display:block}.milestone-icon{margin:0}.journey-milestones h3{font-size:14px}.journey-milestones li p{font-size:12px}.journey-resume{flex-wrap:wrap;gap:16px;padding-top:20px}.journey-resume>div{width:100%}.journey-resume small{font-size:11px;line-height:1.5;display:block}.journey-section .cv-button{width:100%;min-height:46px}.resume-languages{display:block;text-align:center;width:100%;margin-top:-7px;font-size:9px}}
