﻿/* Image-led prizes on the left; the Cooper has its own space on the right. */
.finale{isolation:isolate;padding:100px var(--gutter) 36px;background:radial-gradient(ellipse at 80% 33%,#414637 0,#292e24 38%,#171914 78%)}
.finale::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#161714cb 0,#161714b3 33%,transparent 76%),linear-gradient(0deg,#171914 3%,transparent 65%)}
.finale-background{position:absolute;inset:0 0 auto;height:clamp(780px,58vw,1080px);z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(#000 calc(380 * var(--desktop-unit,1px)),transparent calc(760 * var(--desktop-unit,1px)))}
.finale-background .scene-host{position:absolute;inset:0}
.finale-background .scene-wrap.ready{opacity:.62;filter:blur(.45px)}
.finale-background .scene-fallback{inset:-40% -48% -35% 42%;filter:brightness(.5);opacity:.6}
.finale-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:center}
.finale-copy{width:auto;max-width:none}
.finale-copy h2{font-size:clamp(52px,5.05vw,90px);line-height:1.05}
.finale-copy h2 em{color:#e2dac5}
.finale-copy>p:not(.eyebrow){max-width:540px;margin:26px 0 30px;font-size:16px}
.finale-prizes{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:25px;border-top:1px solid var(--line);max-width:610px}
.finale-prize{min-width:0}
.finale-prize>.eyebrow{font-size:11px;letter-spacing:.075em;color:var(--gold);margin-bottom:16px}
.prize-photo{height:clamp(155px,13.5vw,200px);display:flex;align-items:center}
.prize-photo img{width:auto;height:100%;max-width:100%;object-fit:contain;object-position:left center;filter:saturate(.8) brightness(.94)}
.finale-prize h3{font-size:clamp(25px,2.1vw,34px);line-height:1.12;margin:20px 0 12px}
.finale-prize>p:not(.eyebrow){font-size:14px;line-height:1.75;color:var(--muted);max-width:270px}
.finale-actions{padding-top:32px}
.finale-actions .preview-note{max-width:490px;font-size:11px;line-height:1.7}
.finale-visual{min-width:0;padding-top:45px}
.finale-cooper{position:relative;height:clamp(320px,30vw,530px);margin:0}
.finale-cooper::before{content:'';position:absolute;width:94%;height:8%;bottom:16%;left:5%;background:#080a08b8;border-radius:50%;filter:blur(15px)}
.finale-cooper img{position:absolute;width:112%;max-width:none;right:-8%;bottom:-2%;filter:saturate(.76) brightness(.88)}
.finale-signoff{z-index:2;margin-top:70px;padding-top:35px;font-size:clamp(100px,11vw,190px);color:#d7d0bc}
/* The photograph pair enters together. The background bonsai turns independently. */
.finale.is-revealed .finale-prizes{animation:prizes-in 1.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes prizes-in{from{opacity:.4;translate:0 8px}to{opacity:1;translate:0 0}}
@media(min-width:1750px){
.finale{padding-top:115px}
.finale-copy>p:not(.eyebrow){font-size:18px;max-width:610px}
.finale-prizes{gap:40px;max-width:660px}
.finale-prize>p:not(.eyebrow){font-size:15px;max-width:290px}
}
@media(max-width:1100px) and (min-width:761px){
.finale{padding-top:85px}
.finale-layout{grid-template-columns:1.12fr .88fr;gap:5%}
.finale-copy{width:auto}
.finale-copy h2{font-size:5.3vw}
.finale-prizes{gap:22px}
.finale-prize>.eyebrow{font-size:10px;letter-spacing:.035em}
.prize-photo{height:145px}
.finale-prize h3{font-size:25px}
.finale-cooper{height:360px}
}
@media(max-width:760px){
.finale{padding:70px 24px 30px}
.finale::after{background:linear-gradient(0deg,#171914 5%,transparent 85%),linear-gradient(90deg,#16171480,transparent 82%)}
.finale-background{inset:0 -40% auto;height:820px;mask-image:linear-gradient(#000 43%,transparent 88%)}
.finale-background .scene-wrap.ready{opacity:.5}
.finale-background .scene-fallback{inset:-25% -55% -20% 40%}
.finale-layout{display:flex;flex-direction:column;gap:0;align-items:stretch}
.finale-copy{display:contents}
.finale-copy>.section-number{order:0}
.finale-copy h2{order:1;font-size:clamp(43px,10.8vw,72px);white-space:normal}
.finale-copy>p:not(.eyebrow){order:2;max-width:520px;font-size:16px;margin:24px 0 0}
.finale-visual{display:contents}
.finale-cooper{order:3;width:100%;height:clamp(210px,58vw,380px);margin:0}
.finale-cooper img{width:108%;right:-4%;bottom:-2%}
.finale-cooper::before{bottom:14%}
.finale-prizes{order:4;width:100%;max-width:none;grid-template-columns:1fr 1fr;gap:20px;padding-top:25px}
.finale-prize>.eyebrow{min-height:32px;font-size:10px;letter-spacing:.04em;margin-bottom:13px}
.prize-photo{height:clamp(132px,36vw,190px)}
.finale-prize h3{font-size:25px;margin-top:18px;min-height:56px}
.finale-prize>p:not(.eyebrow){font-size:14px;line-height:1.75;max-width:none}
.finale-actions{order:5;width:100%;padding-top:32px}
.finale-actions .action-row{flex-direction:column;align-items:stretch;gap:23px}
.finale-actions .text-link{align-self:center}
.finale-actions .preview-note{text-align:center;max-width:none;margin-top:20px}
.finale-signoff{font-size:20.5vw;margin-top:54px;padding-top:30px}
}
@media(max-width:380px){.finale-prizes{gap:16px}.finale-prize h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.finale.is-revealed .finale-prizes{animation:none;opacity:1;translate:none}}
