/* Show the work that connects each stage of the internship. */
#career-journey{scroll-margin-top:110px;margin-top:70px}
.cp-journey-head{align-items:center;margin-bottom:30px}
.cp-journey-head h3{font-size:clamp(30px,3vw,44px);line-height:1.25;margin:0;letter-spacing:-.045em}
.journey-controls{max-width:440px;display:flex;flex-direction:column;align-items:flex-end;gap:13px}
.journey-controls p{margin:0;text-align:right;line-height:1.65}
.cp-journey-tabs button{position:relative;gap:12px;padding:20px 14px 20px 0;min-height:74px;border-top:2px solid #d3d3dc}
.cp-journey-tabs button[aria-selected=true]{border-top:2px solid #d3d3dc;padding-top:20px}
.cp-journey-tabs .cp-role-progress{top:-2px;bottom:auto;height:3px;background:var(--blue)}
#career-journey[data-journey-auto=paused] .cp-journey-tabs [aria-selected=true]{border-top-color:var(--blue)}
.cp-journey-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:48px;align-items:center;padding:36px 42px;min-height:425px}
.cp-journey-panel[hidden]{display:none}
.journey-copy{min-width:0}
.journey-step{font-size:46px;font-weight:600;line-height:1;letter-spacing:-.055em;color:var(--blue);display:block;margin-bottom:25px}
.journey-step small{font-size:14px;letter-spacing:0;color:#93939e;font-weight:500}
.cp-journey-panel h4{font-size:clamp(23px,2.4vw,34px);letter-spacing:-.045em;line-height:1.4;margin:0 0 15px;text-wrap:balance}
.cp-journey-panel p{font-size:17px;line-height:1.75;margin:0;color:#646570;max-width:600px;text-wrap:pretty}
.journey-output{border-top:1px solid #e0e0e6;margin-top:26px;padding-top:19px;display:grid;gap:8px}
.journey-output>span{color:#767782;font-size:13px}
.journey-output>strong{color:var(--blue);font-size:17px;line-height:1.5;font-weight:600}
.journey-visual{margin:0;min-width:0}
.journey-example{font-size:12px;letter-spacing:.04em;color:#777783;margin-bottom:9px}
.journey-board{background:#f3f2f8;border:1px solid #dedde8;padding:17px;min-height:280px;overflow:hidden}
.journey-art-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;line-height:1.3;margin-bottom:14px}
.journey-art-bar b{font-size:15px;font-weight:600;letter-spacing:-.02em}
.journey-art-bar>span{font-size:11px;letter-spacing:.08em;color:#7e7c92}
.journey-mood-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:128px 84px;gap:10px}
.journey-board img{display:block;width:100%;height:100%;object-fit:cover}
.journey-ref{position:relative;overflow:hidden}
.journey-ref>span{position:absolute;left:9px;bottom:9px;padding:3px 7px;background:#fff;font-size:11px;color:#202328}
.journey-swatches{display:flex;align-items:flex-start;flex-wrap:wrap;gap:5px;padding-top:7px}
.journey-swatches i{display:block;width:calc((100% - 10px)/3);height:43px;background:#c8c6bd}
.journey-swatches i:nth-child(2){background:#2722bd}.journey-swatches i:nth-child(3){background:#202328}
.journey-swatches span{display:block;width:100%;font-size:11px;color:#666572}
.journey-direction{background:white;padding:10px 13px;display:flex;justify-content:space-between;align-items:center;gap:5px}
.journey-direction>span{font-size:11px;max-width:45%;color:#6a6879}
.journey-direction strong{font-size:24px;line-height:.95;letter-spacing:-.06em;color:#2722bd}
.journey-visual figcaption{font-size:13px;line-height:1.6;color:#696a75;margin-top:11px;min-height:2.6em}
.journey-type-reference{display:flex;flex-direction:column;justify-content:space-between;padding:12px 15px;background:#2722bd;color:#fff;min-width:0;overflow:hidden}
.journey-type-reference small{font-size:8px;letter-spacing:.06em;color:#d2d0ff;white-space:nowrap}
.journey-type-reference strong{font-size:clamp(31px,3.5vw,58px);letter-spacing:-.065em;line-height:1}
.journey-type-reference>span{align-self:flex-end;font-size:25px;line-height:.8;color:#bbb7ff}
.journey-team-photo{height:186px;overflow:hidden}
.journey-team-photo img{object-position:center 42%}
.journey-editor{background:#202328;border-color:#202328;color:white}
.journey-editor .journey-art-bar>span{color:#bbb9d0}
.journey-preview{height:143px;position:relative;overflow:hidden;background:#09090a}
.journey-preview img{object-position:50% 47%;opacity:.82}
.journey-preview>strong{position:absolute;bottom:14px;left:15px;font-size:24px;letter-spacing:-.05em;line-height:1}
.journey-frame-corner{position:absolute;inset:9px;border:1px solid #ffffff70}
.journey-timeline{display:grid;gap:5px;margin-top:14px;position:relative}
.journey-timeline>div{display:flex;gap:4px;align-items:center;min-width:0}
.journey-timeline span{flex:0 0 66px;font-size:11px;color:#d6d5e2}
.journey-timeline i{height:12px;flex:1;background:#9690f2;border-radius:2px}
.journey-timeline>div:nth-child(2) i{margin-right:20%;background:#c3c0ec}
.journey-timeline>div:nth-child(3) i{background:repeating-linear-gradient(90deg,#6b6c7a 0 2px,#b0b1bf 2px 4px)}
.journey-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.journey-compare-grid>div{height:186px;overflow:hidden;position:relative;background:#ddd}
.journey-compare-grid img{object-position:48% center}
.journey-compare-grid strong{position:absolute;left:12px;top:55px;font-size:22px;line-height:1;letter-spacing:-.06em;color:white;text-shadow:0 1px 3px #0006}
.journey-compare-grid .journey-after img{transform:scale(1.1);object-position:60% center}
.journey-compare-grid .journey-after:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#111a)}
.journey-compare-grid .journey-after strong{top:auto;bottom:16px;font-size:27px;z-index:1}
.journey-compare-grid>div>span{position:absolute;left:8px;top:8px;font-size:11px;background:white;color:#252330;padding:3px 6px}
.journey-review-notes{display:flex;gap:14px;margin-top:13px;font-size:12px;color:#2722bd;line-height:1.4}
.journey-portfolio{background:white;box-shadow:0 8px 24px #24203c0c}
.journey-portfolio-cover{height:176px;position:relative;overflow:hidden;background:#202328}
.journey-portfolio-cover img{width:61%;margin-left:auto;object-position:53% center}
.journey-portfolio-cover>strong{position:absolute;left:16px;top:48px;font-size:37px;line-height:.98;letter-spacing:-.06em;color:white}
.journey-case-index{display:flex;justify-content:space-between;gap:8px;margin-top:14px;font-size:12px;line-height:1.4}
.journey-case-index>span{display:grid;gap:4px}
.journey-case-index small{font-size:10px;color:#2722bd;font-weight:600}
.cp-journey-panel:not([hidden]) .journey-visual{animation:journey-visual-in .4s ease-out}
@keyframes journey-visual-in{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.journey-board{padding:22px}.journey-mood-grid{grid-template-rows:170px 100px}.journey-preview{height:190px}.journey-compare-grid>div{height:244px}.journey-portfolio-cover{height:230px}.journey-direction strong{font-size:32px}.journey-portfolio-cover>strong{font-size:48px;top:65px}}
@media(max-width:1000px){.cp-journey-panel{gap:28px;padding:28px}.cp-journey-tabs button{font-size:17px}.journey-board{padding:13px}.journey-mood-grid{grid-template-rows:113px 82px}.journey-direction{padding:8px}.journey-direction strong{font-size:22px}.journey-controls{max-width:370px}}
@media(max-width:700px){#career-journey{margin-top:48px;scroll-margin-top:88px}.cp-journey-head{display:block}.cp-journey-head h3{font-size:32px}.journey-controls{align-items:flex-start;max-width:none;margin-top:22px;gap:13px}.journey-controls p{text-align:left;font-size:15px}.cp-journey-tabs button{flex-direction:column;align-items:flex-start;gap:7px;font-size:14px;padding:16px 5px 16px 0;min-height:88px;word-break:keep-all}.cp-journey-tabs button[aria-selected=true]{padding-top:16px}.cp-journey-tabs small{font-size:11px}.cp-journey-panel{grid-template-columns:1fr;padding:23px;gap:27px;min-height:690px;align-content:start}.journey-step{font-size:35px;margin-bottom:19px}.cp-journey-panel h4{font-size:24px;min-height:2.8em;text-wrap:initial}.cp-journey-panel p{font-size:16px;min-height:5.25em}.journey-output{margin-top:20px;padding-top:16px;min-height:80px}.journey-output>strong{font-size:16px}.journey-board{padding:13px;min-height:270px}.journey-visual figcaption{font-size:13px;min-height:3.2em}.journey-preview{height:143px}.journey-compare-grid>div{height:178px}.journey-review-notes{gap:10px;font-size:11px}.journey-portfolio-cover{height:170px}.journey-portfolio-cover>strong{font-size:31px}.journey-art-bar b{font-size:14px}.journey-direction strong{font-size:23px}.journey-direction>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cp-journey-panel:not([hidden]) .journey-visual{animation:none}}
@media(max-width:700px){.journey-direction{display:block;padding:8px}.journey-direction>span{display:block;max-width:none;margin-bottom:5px;font-size:9px;line-height:1.2}.journey-direction strong{display:block;white-space:nowrap;font-size:21px}}
@media(min-width:1600px){.journey-team-photo{height:244px}}
@media(max-width:700px){.journey-type-reference{padding:10px}.journey-type-reference small{font-size:6px}.journey-type-reference strong{font-size:32px}.journey-team-photo{height:178px}.journey-mood .journey-ref img{object-position:42% center}}
