.crossing{position:relative;height:780vh;background:var(--navy)}.crossing__stage{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:hidden}.crossing__sky-day,.crossing__sky-dusk{position:absolute;inset:0}.crossing__sky-dusk{background:linear-gradient(180deg,#081729,#0b1f3b 34%,#16345c 58%,#4a7ba6 86%,#5d88ab)}.crossing__sky-day{background:linear-gradient(180deg,#7db3cd,#a9d6e5 44%,#dceef6 72%,#fff4df);opacity:1}.crossing__stars{position:absolute;inset:0;opacity:0}.crossing__stars i{width:3px;height:3px;background:#fff;opacity:.8}.crossing__moon,.crossing__stars i{position:absolute;border-radius:50%}.crossing__moon{top:9%;left:12%;width:52px;height:52px;box-shadow:14px 8px 0 6px rgba(255,244,223,.92);opacity:0;transform:rotate(-14deg)}.crossing__sun{position:absolute;top:8%;right:11%;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,#fff8e6 0,#F4B860 60%,#F4A050 100%);box-shadow:0 0 70px 26px rgba(244,184,96,.4)}.crossing__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.crossing__confetti{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none}.crossing__confetti.on{opacity:1}.crossing__confetti i{position:absolute;top:-8%;width:9px;height:15px;border-radius:2px;animation-name:crossing-confetti;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}.crossing__confetti.on i{animation-play-state:running}@keyframes crossing-confetti{0%{transform:translateZ(0) rotate(0deg)}to{transform:translate3d(24px,115vh,0) rotate(900deg)}}.crossing__arch,.crossing__deck-seg,.crossing__refl{stroke-dasharray:100;stroke-dashoffset:0}.crossing__card{position:absolute;top:clamp(16px,6vh,64px);left:50%;width:min(560px,88vw);padding:clamp(18px,3vh,30px) clamp(22px,4vw,38px);border-radius:18px;background:rgba(11,31,59,.88);color:var(--white);text-align:center;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translate(-50%,14px);pointer-events:none}.crossing__card h2,.crossing__card h3{font-size:clamp(1.5rem,3.4vw,2.3rem);font-weight:800;letter-spacing:-.01em;line-height:1.1}.crossing__card h2 span,.crossing__card h3 span{color:var(--gold)}.crossing__card p{margin-top:8px;font-size:clamp(.95rem,1.8vw,1.15rem);line-height:1.6}.crossing__card--finale{background:rgba(255,255,255,.94);color:var(--navy);opacity:1;transform:translate(-50%);pointer-events:auto}.crossing__card--finale h3 span{color:var(--coral)}.crossing__card--finale .btn{margin-top:18px}.crossing__trail{position:absolute;bottom:clamp(12px,3.5vh,30px);left:50%;display:flex;gap:clamp(8px,1.6vw,18px);align-items:center;transform:translateX(-50%)}.crossing__trail b{width:clamp(22px,3vw,30px);height:clamp(12px,1.6vw,16px);border:2.5px solid rgba(255,255,255,.28);border-bottom:none;border-radius:99px 99px 0 0;transition:border-color .5s var(--ease-out-quint,cubic-bezier(.22,1,.36,1))}.crossing__trail b.lit{border-color:var(--gold)}.crossing__sr{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}@media (max-width:700px){.crossing__moon{top:5%;left:6%;width:40px;height:40px}.crossing__sun{top:5%;right:8%;width:60px;height:60px}}@media (orientation:portrait) and (max-width:700px){.crossing__svg{height:70%}}@media (prefers-reduced-motion:reduce){.crossing{height:auto}.crossing__stage{position:relative}.crossing__card,.crossing__confetti,.crossing__moon,.crossing__stars{display:none}.crossing__card--finale{display:block;opacity:1!important;transform:translate(-50%)!important}}