/* Selected visual direction, edited for television: fewer boxes, clearer type.
   Keep anticipation in the workflow, not in a decorative locked silhouette. */
#journey{font-synthesis:none;line-break:strict}
#journey #journey-progress,#travel-opening [data-original-id=journey-progress]{gap:21px;font-size:17px;letter-spacing:0;color:#a9bacd}
#journey #journey-progress b,#journey #journey-progress .current b,#travel-opening [data-original-id=journey-progress] .current b{background:none;border-radius:0;width:auto;height:auto;color:inherit;font-size:13px;font-weight:400;display:inline}
#journey #journey-progress .current{font-weight:400;color:#fff}
#journey[data-phase] #journey-progress .current b{background:none;color:inherit;border-radius:0}
#journey[data-phase] #journey-progress .current{font-weight:400}
#journey #journey-progress i{width:35px;background:#d6dfeb40}
#journey[data-phase=path] .journey-shade{background:linear-gradient(180deg,#0b1929c9,#0b1929ed)}
#journey[data-phase=path] .journey-heading{top:188px}
#journey[data-phase=path] .journey-heading h1{font-size:54px;font-weight:400;letter-spacing:0;line-height:1.25}
#journey[data-phase=path] .journey-sub{font-size:22px;color:#c4d0df;margin-top:18px}
#journey .path-options{top:326px;gap:26px}
#journey .path-options .journey-option{height:425px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;isolation:auto;transition:transform 260ms var(--ease)}
#journey .path-options .journey-option:after{display:none}
#journey .path-options .journey-option.selected{transform:translateY(-6px);box-shadow:none}
.direction-visual{display:block;position:relative;height:302px;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px #0309164d;outline:1px solid #ffffff25;outline-offset:0;transition:outline-color 200ms}
.direction-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}
.journey-option.selected .direction-visual{outline:3px solid #fff;outline-offset:5px}
#journey .path-options .journey-option:focus-visible{outline:0}
#journey .path-options .journey-option:focus-visible .direction-visual{outline:3px solid #fff;outline-offset:5px}
#journey .path-options .option-copy{display:block;position:static;padding:25px 2px 0}
#journey .path-options .option-copy strong{font-size:28px;font-weight:400;line-height:1.3;white-space:nowrap;letter-spacing:0;color:#f5f8fc}
#journey .path-options .option-copy>span{font-size:19px;color:#b9c8da;margin-top:12px;line-height:1.5}
#journey .journey-bottom{bottom:105px}
#journey .journey-bottom>p{font-size:18px;color:#b8c9dc}
#journey .journey-primary{font-size:22px;min-width:220px;height:60px;padding:0 30px;letter-spacing:0;box-shadow:none}
.journey-text-action{font-size:20px;font-weight:400;color:#d4dfed;min-height:48px;padding:10px 0;border-bottom:1px solid #b7c9df66;white-space:nowrap;transition:color 160ms,border-color 160ms}
.journey-text-action:hover,.journey-text-action:focus-visible{color:#fff;border-color:#fff}
#journey[data-phase=portal] .portal-copy.game-prep,#travel-opening[data-phase=portal] .portal-copy.game-prep{top:242px;width:680px}
#journey[data-phase=portal] .game-prep .journey-kicker,#travel-opening[data-phase=portal] .game-prep .journey-kicker{font-size:20px;letter-spacing:0;color:#d6c4a7;margin-bottom:22px}
#journey[data-phase=portal] .game-prep h1,#travel-opening[data-phase=portal] .game-prep h1{font-size:62px;line-height:1.25;font-weight:400;letter-spacing:0;margin-bottom:28px}
#journey[data-phase=portal] .prep-caption,#travel-opening[data-phase=portal] .prep-caption{font-size:23px;line-height:1.7;color:#d4deeb;margin:0;max-width:660px}
.prep-support{margin-top:42px;border:0;padding:0}
.prep-support>span{display:block;font-size:17px;color:#afc1d8;margin-bottom:12px}
.prep-support>p{font-size:23px;color:#e1eaf4;line-height:1.6;max-width:670px}
#journey[data-phase=portal] .game-prep-bottom,#travel-opening[data-phase=portal] .game-prep-bottom{bottom:190px;display:flex;align-items:center;gap:30px}
#journey[data-phase=portal] .journey-primary,#travel-opening[data-phase=portal] .journey-primary{height:62px;min-width:258px;font-size:23px;box-shadow:none}
#journey[data-phase=portal] .game-smallprint,#travel-opening[data-phase=portal] .game-smallprint{bottom:145px;color:#bdcbdc;font-size:15px}
#journey[data-phase=brief] .journey-shade{background:linear-gradient(90deg,#0b1929f2,#0b1929d9)}
.brief-heading{position:absolute;left:80px;top:199px}
.brief-heading>p{font-size:19px;color:#ccbfa9;letter-spacing:0;margin-bottom:17px}
.brief-heading h1{font-size:50px;font-weight:400;margin:0;line-height:1.3}
.brief-supports{position:absolute;left:80px;right:80px;top:369px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px}
.brief-supports article{border-top:1px solid #d5e0ed50;padding-top:20px}
.brief-number{font-size:14px;color:#b0c2d7;font-variant-numeric:tabular-nums}
.brief-supports h2{font-size:28px;font-weight:400;margin:13px 0 18px}
.brief-supports p{font-size:22px;line-height:1.7;color:#cbd7e6;max-width:425px;text-wrap:pretty}
.brief-path{position:absolute;left:80px;right:80px;top:635px}
.brief-path h2{font-weight:400;font-size:18px;color:#b0c2d7;margin:0 0 20px}
.brief-path ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px;list-style:none;padding:0;margin:0}
.brief-path li{display:flex;flex-direction:column;gap:9px}
.brief-path strong{font-size:23px;font-weight:400;color:#f3f7fc}
.brief-path span{font-size:18px;color:#b5c7db}
#journey[data-phase=future] .future-copy{top:256px;width:690px}
#journey[data-phase=future] .future-copy .journey-kicker{font-size:19px;letter-spacing:0;margin-bottom:22px}
#journey[data-phase=future] .future-copy h1{font-size:68px;line-height:1.2;letter-spacing:0;font-weight:700}
#journey[data-phase=future] .future-english{font-size:14px;letter-spacing:2px;margin-top:18px}
#journey[data-phase=future] .future-promise{font-size:25px;margin-top:30px;line-height:1.65;max-width:610px;color:#dbe5f1}
#journey[data-phase=future] .future-tags{width:auto;border:0;padding:0;gap:20px;margin-top:28px}
#journey[data-phase=future] .future-tags>span{flex:none;font-size:21px;padding:0;border:0;background:none;color:#c6d4e5}
#journey[data-phase=future] .future-tags>span+span:before{content:'·';margin-right:20px;color:#a9bdd7}
#journey[data-phase=future] .future-actions{gap:23px;margin-top:40px;width:690px;flex-wrap:nowrap}
#journey[data-phase=future] .future-actions .journey-primary{font-size:21px;min-width:220px;height:58px;box-shadow:none}
#journey[data-phase=future] .future-actions .journey-text-action{font-size:19px}
#journey[data-phase=future] .future-actions button:hover{box-shadow:none;transform:none}
#journey[data-phase=future] .future-boundary{font-size:15px;margin-top:27px;color:#b9c9dd}
@media(prefers-reduced-motion:reduce){#journey .journey-option,.direction-visual,.journey-text-action{transition:none!important}}
