/* One continuous scroll sequence: approach, turn, light, then invitation. */
.join-section{height:190svh;min-height:1520px;overflow:visible;background:#171719;--finale-glow:.5;--finale-halo-scale:1;--finale-copy-opacity:1;--finale-copy-y:0px;--finale-shine:200%}
.finale-stage{position:sticky;top:0;height:100svh;min-height:780px;overflow:hidden;isolation:isolate;background:#171719}
.finale-stage>.wrap{height:100%;display:flex;align-items:center;position:relative;z-index:4}
.finale-stage .join-copy{width:47%;max-width:580px;opacity:var(--finale-copy-opacity);transform:translateY(var(--finale-copy-y));padding-bottom:10px}
.finale-stage .join-copy h2{font-size:clamp(45px,4.9vw,74px)}
.finale-stage .join-copy>p:not(.section-kicker){font-size:14px;line-height:1.9;max-width:400px}
.finale-stage .join-actions{align-items:flex-start;flex-direction:column;gap:12px;margin-top:30px}
.finale-stage .join-note{display:block;margin-top:23px;font-size:10px}
.finale-stage .section-kicker{font-size:9px;letter-spacing:1.7px;max-width:400px}
.finale-art{position:absolute;inset:0;z-index:2;pointer-events:none}
.finale-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.finale-stage.cinema-playing .finale-coin img{animation:none}
.finale-stage.cinema-playing .join-copy{pointer-events:none}
.finale-replay{position:absolute;left:6.2%;bottom:29px;z-index:5;border:0;background:none;color:#a79ab7;padding:9px 0;font-size:10px;display:flex;align-items:center;gap:9px}
.finale-replay span{font-size:17px}
.finale-halo{position:absolute;left:76%;top:46%;width:min(68vw,920px);height:min(68vw,920px);border-radius:50%;opacity:var(--finale-glow);transform:translate(-50%,-50%) scale(var(--finale-halo-scale));background:radial-gradient(ellipse,#bda5d13b 0%,#9474b024 30%,#a081b50c 51%,transparent 68%)}
.finale-orbit{position:absolute;left:76%;top:46%;width:min(48vw,700px);aspect-ratio:1;border:1px solid #c5b9da24;border-radius:50%;opacity:var(--finale-glow);transform:translate(-50%,-50%) rotate(-28deg) scaleX(1.12);box-shadow:0 0 70px #ab8fc00b,inset 0 0 70px #ab8fc00b}
.finale-shadow{position:absolute;left:76%;top:83%;width:32%;height:28px;border-radius:50%;background:#000;filter:blur(22px);opacity:.65;transform:translateX(-50%) scaleX(var(--finale-halo-scale))}
.finale-coin{position:absolute;left:76%;top:46%;width:min(91vw,1250px);aspect-ratio:3/2;transform:translate(-50%,-50%);will-change:transform;filter:drop-shadow(0 35px 35px #0005)}
.finale-coin img{width:100%;height:100%;object-fit:contain;max-width:none;animation:finale-breathe 7s ease-in-out infinite}
.finale-coin:after{content:'';position:absolute;inset:0;background:linear-gradient(112deg,transparent 38%,#ffffff00 44%,#eee5ff7a 49%,#fff9 50%,#ffffff00 54%,transparent 64%);background-size:230% 100%;background-position:var(--finale-shine) 50%;mask:url('assets/motif-coin-isolated.png') center/contain no-repeat;mix-blend-mode:soft-light;opacity:.72;pointer-events:none}
.finale-signature{position:absolute;right:6.2%;bottom:38px;color:#b9adca;font-size:10px;letter-spacing:3px;z-index:3}
@keyframes finale-breathe{0%,100%{transform:translateY(0) rotate(-.7deg)}50%{transform:translateY(-12px) rotate(.7deg)}}
@media(max-width:1100px) and (min-width:801px){.finale-stage .join-copy{width:49%}.finale-stage .join-copy h2{font-size:50px}.finale-coin{left:80%;width:104vw}.finale-halo,.finale-orbit,.finale-shadow{left:80%}}
@media(max-width:800px){.join-section{height:190svh;min-height:1580px}.finale-stage{height:100svh;min-height:850px}.finale-stage>.wrap{display:block}.finale-stage .join-copy{position:absolute;left:0;bottom:65px;width:100%;max-width:540px;padding:0}.finale-stage .join-copy h2{font-size:48px;line-height:1.02}.finale-stage .section-kicker{margin-bottom:18px;max-width:300px;font-size:8px;letter-spacing:1.1px}.finale-stage .join-copy>p:not(.section-kicker){font-size:12px;margin-top:20px}.finale-stage .join-actions{margin-top:22px;gap:8px}.finale-stage .join-note{font-size:8px;margin-top:17px}.finale-coin{left:52%;top:24%;width:min(830px,170vw)}.finale-halo,.finale-orbit{left:52%;top:24%;width:90vw;height:90vw}.finale-shadow{left:52%;top:45%;width:52%;height:18px}.finale-signature{bottom:24px;right:24px;font-size:8px}}
@media(max-width:380px){.finale-stage .join-copy h2{font-size:41px}.finale-stage .join-copy{bottom:66px}.finale-coin{top:23%;width:178vw}.finale-stage .join-copy>p:not(.section-kicker){font-size:11px}}
@media(max-width:800px) and (max-height:760px){.finale-stage{height:100svh;min-height:560px}.finale-stage .join-copy{bottom:42px}.finale-stage .join-copy h2{font-size:34px}.finale-stage .section-kicker{margin-bottom:12px;font-size:7px}.finale-stage .join-copy>p:not(.section-kicker){font-size:10px;line-height:1.65;margin-top:14px}.finale-stage .join-actions{margin-top:14px;gap:3px}.finale-stage .button{min-height:43px;padding:11px 20px;font-size:10px}.finale-stage .line-link{font-size:10px;padding-block:9px}.finale-stage .join-note{margin-top:10px;font-size:7px}.finale-coin{top:19%;width:112vw}.finale-halo,.finale-orbit{top:19%;width:66vw;height:66vw}.finale-shadow{top:36%;width:38%}.finale-signature{bottom:16px;font-size:7px}}
.finale-stage.cinema-playing .finale-signature{opacity:0}
@media(max-width:800px){.finale-replay{left:24px;bottom:15px;font-size:8px}.finale-signature{font-size:7px;letter-spacing:1px;bottom:25px}}
@media(max-width:800px) and (max-height:760px){.finale-replay{bottom:7px;font-size:7px}.finale-signature{bottom:18px;font-size:6px;right:23px}}
@media(prefers-reduced-motion:reduce){.finale-coin img{animation:none}.finale-coin:after{opacity:.25}}