/* A living journey, not a loading simulation. Animation never changes quiz answers. */
.hero{grid-template-rows:auto auto;row-gap:0}.hero-copy{grid-column:1;grid-row:1;align-self:end}.hero-details{grid-column:1;grid-row:2;align-self:start}.hero-stage{grid-column:2;grid-row:1/3}.hero h1 em{position:relative;display:inline-block;padding-bottom:7px}.hero h1 em:after{content:'';position:absolute;bottom:0;left:2%;width:96%;height:9px;border-bottom:3px solid #df7959;border-radius:50%;transform-origin:left;transform:scaleX(1)}
.living-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;filter:drop-shadow(0 4px 5px #79562c16)}.route-bed{stroke:#fff9e5;stroke-width:10;stroke-linecap:round;opacity:.85}.route-dash{stroke:#cf5634;stroke-width:3;stroke-linecap:round;stroke-dasharray:4 11}.route-start{fill:#d94a2c;stroke:#fff7df;stroke-width:4}.route-destination circle:first-child{fill:#fff8e4;stroke:#e07b52;stroke-width:2;transform-origin:412px 87px}.route-destination circle:last-child{fill:#cc5432}.route-traveller{offset-path:path('M70 390C95 285 205 350 240 245S375 155 412 87');offset-distance:45%;offset-rotate:0deg;will-change:offset-distance}.orbit-ring{opacity:.55}.note-curiosity{top:101px;left:-24px}.example-card{bottom:74px}.hero-explore{bottom:16px}.example-disclaimer{bottom:-10px}.explore-options button{position:relative;overflow:hidden;padding-bottom:10px;transition:background .25s,color .25s,transform .2s}.explore-options button:after{content:'';position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left}.explore-options button[aria-pressed=true]:after{transform:scaleX(1);opacity:.55}.example-card .hero-illustration{transition:transform .35s}.hero-stage[data-example=people] .example-card{border-color:#bccdb0}.hero-stage[data-example=technical] .example-card{border-color:#debe90}.hero-stage[data-example=creative] .example-card{border-color:#e5b9a1}
@keyframes follow-route{0%{offset-distance:0%;opacity:0;scale:.75}7%{opacity:1;scale:1}80%{offset-distance:100%;opacity:1;scale:1}95%,100%{offset-distance:100%;opacity:0;scale:1.18}}@keyframes route-flow{to{stroke-dashoffset:-60}}@keyframes destination-ripple{0%,100%{transform:scale(.8);opacity:.9}60%{transform:scale(1.35);opacity:.2}}@keyframes draw-direction{0%{transform:scaleX(0);opacity:.65}24%,78%{transform:scaleX(1);opacity:1}100%{transform:scaleX(0);opacity:.65}}@keyframes image-sway{0%,100%{transform:scale(1.05) translate3d(4px,4px,0) rotate(-1deg)}50%{transform:scale(1.13) translate3d(-7px,-8px,0) rotate(1.5deg)}}@keyframes curiosity-lift{0%,100%{transform:translate3d(-3px,5px,0) rotate(-9deg)}50%{transform:translate3d(5px,-17px,0) rotate(-2deg)}}@keyframes experiment-float{0%,100%{transform:translate3d(0,5px,0) rotate(3deg)}50%{transform:translate3d(5px,-10px,0) rotate(-2deg)}}@keyframes example-countdown{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes progress-sweep{from{transform:translateX(-130%)}to{transform:translateX(230%)}}@keyframes compass-search{0%,100%{transform:rotate(-25deg)}35%{transform:rotate(35deg)}65%{transform:rotate(5deg)}}@keyframes result-orbit{from{stroke-dashoffset:610;transform:rotate(-55deg)}to{stroke-dashoffset:0;transform:rotate(0)}}
html[data-motion=on] .route-traveller{animation:follow-route 6.5s cubic-bezier(.42,0,.28,1) infinite}html[data-motion=on] .route-dash{animation:route-flow 2.8s linear infinite}html[data-motion=on] .route-destination circle:first-child{animation:destination-ripple 2.7s ease-out infinite}html[data-motion=on] .hero h1 em:after{animation:draw-direction 5.5s cubic-bezier(.3,0,.2,1) infinite}html[data-motion=on] .hero-artwork{animation:image-sway 7s ease-in-out infinite}html[data-motion=on] .note-curiosity{animation:curiosity-lift 3.8s ease-in-out infinite}html[data-motion=on] .example-card{animation:experiment-float 4.8s ease-in-out infinite}html[data-motion=on] .orbit-dot{animation:orbit-turn 14s linear infinite}html[data-motion=on] .example-spark{animation:orbit-turn 9s linear infinite}html[data-motion=on][data-auto=on] .explore-options button[aria-pressed=true]:after{animation:example-countdown 5.5s linear both}html[data-motion=on] .compass-needle{animation:compass-search 3.3s ease-in-out infinite}html[data-motion=on] .hero-details{animation:hero-enter .8s .15s cubic-bezier(.2,.7,.2,1) backwards}
.progress-track{overflow:visible}#progress{transition:width .65s cubic-bezier(.22,.65,.25,1)}#progress:before{content:'';position:absolute;inset:0;width:38%;background:linear-gradient(90deg,transparent,#ffffffc9,transparent);border-radius:inherit;opacity:.8}html[data-motion=on] #progress:before{animation:progress-sweep 2.2s ease-in-out infinite}.quiz-content{will-change:auto}.option:has(input:checked) .answer-letter{display:flex;visibility:visible;font-size:0;border-radius:50%;background:var(--coral);color:white;box-shadow:0 3px 8px #d94a2c20}.option:has(input:checked) .answer-letter:after{content:'✓';font-size:13px}.arrival-orbit{position:absolute;inset:-8px 0 0;width:100%;height:150px;pointer-events:none;overflow:visible}.arrival-orbit circle{stroke:#c7784b;stroke-width:1.5;stroke-dasharray:610;stroke-dashoffset:0;transform-origin:100px 75px;fill:none}.arrival-orbit path{fill:#c7784b}.result-illustration{isolation:isolate}.result-illustration>.career-art{position:relative}html[data-motion=on] .arrival-orbit circle{animation:result-orbit 1.3s .12s cubic-bezier(.2,.7,.2,1) backwards}.bar-fill{transform-origin:left}
@media(max-width:750px){.hero{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:21px;padding-top:27px}.hero-copy{grid-column:1;grid-row:1;align-self:auto}.hero-stage{grid-column:1;grid-row:2;height:300px;max-width:360px}.hero-details{grid-column:1;grid-row:3}.hero .eyebrow{margin-bottom:13px}.hero h1{font-size:44px;margin-bottom:0;line-height:1.08}.hero h1 em{padding-bottom:8px}.hero h1 em:after{height:6px;border-width:2px}.hero-description{font-size:13px;margin-bottom:17px;max-width:360px}.hero-facts{margin-top:18px}.hero-note{margin-bottom:0}.stage-scene{height:244px;left:10px;right:10px;border-radius:100px 100px 20px 20px}.stage-label{top:15px;left:32px;font-size:6px;padding:7px 10px}.note-curiosity{top:68px;left:1px;padding:10px 13px 5px}.note-curiosity span{font-size:9px}.note-curiosity strong{font-size:17px}.note-curiosity svg{width:34px;height:16px}.example-card{bottom:55px;left:22px;right:0;min-height:75px;padding:5px 12px 5px 3px;border-radius:14px;gap:5px}.hero-illustration{width:63px}.example-copy strong{font-size:14px}.example-copy p{font-size:9px}.example-label{font-size:6px;margin-bottom:5px}.example-spark{width:19px;height:19px}.hero-explore{bottom:7px;gap:8px}.example-disclaimer{bottom:-12px;font-size:8px}.explore-options button{min-height:30px;padding:6px 12px 9px}.hero-explore>span{font-size:8px}.option:has(input:checked) .answer-letter:after{font-size:12px}}
@media(max-width:360px){.hero{gap:18px}.hero h1{font-size:38px;letter-spacing:-1.6px}.hero-stage{height:275px}.stage-scene{height:222px;border-radius:95px 95px 20px 20px}.stage-label{font-size:5.5px;left:29px}.note-curiosity{top:62px;padding:9px 10px 5px;left:1px}.note-curiosity strong{font-size:15px}.example-card{left:13px;min-height:70px;bottom:51px}.hero-illustration{width:55px}.example-copy strong{font-size:12px}.example-copy p{font-size:8px}.example-label{font-size:5.5px}.example-spark{width:16px;height:16px}.hero-explore{bottom:6px}.explore-options button{font-size:8px;padding-left:10px;padding-right:10px}.hero-description{font-size:12px}}
html[data-motion=off] .living-route *,html[data-motion=off] .hero h1 em:after{animation:none!important}html[data-motion=off] #progress:before{display:none}html[data-motion=off] .route-traveller{opacity:1;offset-distance:45%;scale:1}html[data-motion=off] .hero h1 em:after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.route-traveller{offset-distance:45%;opacity:1;scale:1}.hero h1 em:after{transform:scaleX(1)}#progress:before{display:none}}
@media print{.living-route,.arrival-orbit{display:none}*,*::before,*::after{animation:none!important}}
.result-illustration>.arrival-orbit{position:absolute;z-index:0}
.quiz{overflow-x:clip}