.choice-finale{position:relative;isolation:isolate;--choice-pad:clamp(22px,6.3vw,116px);--choice-vertical:min(87svh,830px);--choice-travel:clamp(137px,31svh,280px);border-block:1px solid #c2cabc22;background:radial-gradient(ellipse 80% 65% at 50% 62%,#26302672,transparent 75%),#0d100e;color:#eff2e9;scroll-margin-top:0}
.choice-pin{position:relative;min-height:var(--choice-vertical);display:grid;align-items:center;padding:clamp(60px,10svh,110px) var(--choice-pad)}
.choice-finale.is-split{min-height:calc(var(--choice-vertical) + var(--choice-travel))}
.choice-finale.is-split>.choice-pin{position:sticky;top:max(0px,calc((100svh - var(--choice-vertical))/2))}
.choice-station{max-width:1250px;width:100%;margin:auto;text-align:center}
.choice-station h2{margin:0 0 clamp(32px,6svh,71px);font:610 clamp(55px,6.9vw,105px)/1.02 Geist,Arial,sans-serif;letter-spacing:-.081em;text-wrap:balance}
.choice-station h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.09em}
.choice-station h2 em span,.route-copy strong>span{color:var(--lime,#d3eb9c)}
.choice-branches{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(20px,6vw,96px);perspective:1350px}
.choice-branches::before{content:"";position:absolute;left:32%;right:32%;top:50%;height:1px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#bcceb23b,transparent 38%,transparent 62%,#bcceb23b)}
.choice-route{min-width:0;position:relative;transform:translate3d(var(--branch-x,0px),var(--branch-y,0px),0) rotateY(var(--branch-turn,0deg)) scale(var(--branch-scale,1));transform-origin:50% 50%}
.choice-destination{position:relative;display:flex;flex-flow:column;align-items:flex-start;justify-content:space-between;text-align:left;gap:clamp(22px,3.5vw,62px);isolation:isolate;overflow:hidden;min-height:clamp(220px,19vw,292px);padding:clamp(19px,2.2vw,34px);border:1px solid #b9c6bc52;border-radius:clamp(19px,2.1vw,34px);text-decoration:none;color:#f1f4ed;background:#131919;box-shadow:inset 0 1px 1px #e5f4e332,0 16px 42px #0004;transform:perspective(1100px) rotateX(var(--hover-x,0deg)) rotateY(var(--hover-y,0deg));transition:transform .27s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .3s}
.choice-destination .choice-art{position:absolute;inset:0;z-index:-3;pointer-events:none;background-repeat:no-repeat;background-size:cover;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.route-project .choice-art{background-image:url('assets/amine-torii.webp');background-position:60% 48%}
.route-sound .choice-art{left:31%;background-image:url('assets/sound/filmine-cinematic-sound-effects.webp');background-size:112% auto;background-position:50% 49.5%;mask-image:linear-gradient(90deg,transparent,#000 32%)}
.choice-destination::before,.choice-destination::after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit}
.choice-destination::before{z-index:-2;background:linear-gradient(90deg,#0c100fc2,#0c100f64 37%,transparent 72%),linear-gradient(0deg,#080c0cba,transparent 72%)}
.route-sound .choice-destination::before{background:linear-gradient(90deg,#0c1111e6,#0c11112e 60%,transparent),linear-gradient(0deg,#070c0c91,transparent 84%)}
.choice-destination::after{z-index:0;background:radial-gradient(ellipse 65% 130% at var(--sheen-x,5%) var(--sheen-y,-28%),#d9ece324,transparent 70%);box-shadow:inset 0 1px #e1f0e526}
.route-arrow{position:relative;z-index:1;display:grid;place-items:center;width:clamp(60px,6.7vw,100px);height:clamp(31px,3.4vw,48px);border:1px solid #e4eee47a;border-radius:999px;background:linear-gradient(142deg,#d0e1ce29,#0b1511ad);color:#eff7de;box-shadow:inset 0 1px #fdffef29;backdrop-filter:blur(7px);transition:background-color .25s,border-color .25s}
.route-arrow svg{width:65%;height:61%;stroke:currentColor;stroke-width:2.1;stroke-linejoin:round;stroke-linecap:round;transition:transform .3s cubic-bezier(.2,.85,.3,1)}
.route-sound .route-arrow{align-self:flex-end}
.route-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.route-copy strong{font:620 clamp(30px,3.15vw,54px)/.98 Geist,Arial,sans-serif;letter-spacing:-.069em;color:#f5f7f0;text-shadow:0 2px 18px #0004}
.route-copy>span{font:510 clamp(11px,.97vw,14px)/1.3 Geist,Arial,sans-serif;letter-spacing:0;color:#e2e8dd}
.choice-destination:focus-visible{outline:2px solid #dcf4a1;outline-offset:5px}
.choice-destination:focus-visible .route-arrow{border-color:#ebffb8}
@media(hover:hover){.choice-destination:hover{border-color:#edf4d990;box-shadow:inset 0 1px 2px #e5f4e342,0 15px 40px #0007}.choice-destination:hover .choice-art{transform:scale(1.035)}.choice-destination:hover .route-arrow{background-color:#3340338c}.route-project a:hover svg{transform:translateX(-5%)}.route-sound a:hover svg{transform:translateX(5%)}}
@media(max-width:680px){.choice-finale{--choice-pad:clamp(12px,3.3vw,22px);--choice-vertical:min(76svh,640px);--choice-travel:clamp(105px,19svh,160px)}
.choice-pin{padding-block:clamp(48px,8svh,76px)}
.choice-station h2{margin-bottom:clamp(24px,5svh,40px);font-size:clamp(43px,9.3vw,62px)}
.choice-branches{gap:clamp(12px,3.4vw,24px)}
.choice-destination{min-height:clamp(186px,48vw,228px);padding:clamp(12px,3vw,18px);border-radius:18px;gap:24px}
.route-sound .choice-art{left:0%;background-size:124% auto;background-position:70% 49.5%;mask-image:linear-gradient(0deg,transparent,#000 60%)}
.route-project .choice-art{background-position:63% 43%}
.choice-destination::before,.route-sound .choice-destination::before{background:linear-gradient(0deg,#080c0ded 0%,#080c0d99 36%,#080c0d10 80%)}
.route-arrow{width:49px;height:28px}.route-arrow svg{stroke-width:2.5}
.route-copy{gap:7px}.route-copy strong{font-size:clamp(21px,5.8vw,34px);letter-spacing:-.061em}.route-copy>span{font-size:clamp(10px,2.6vw,13px)}}
@media(max-height:530px){.choice-finale{--choice-vertical:450px;--choice-travel:0px}.choice-finale.is-split>.choice-pin{position:relative;top:0}}
@media(prefers-reduced-motion:reduce){.choice-finale.is-split{min-height:var(--choice-vertical)}.choice-finale.is-split>.choice-pin{position:relative;top:0}.choice-route,.choice-destination,.choice-destination:hover .choice-art,.route-arrow svg{transform:none!important;transition:none!important}}
