/* LUXE layer 22 Oct 2026: cinematic, serif, dark/gold */
:root{--gold:#c6a46a;--gold-2:#e2c995;--night:#0b0d10;--ivory:#f6f2ea}
html{scroll-behavior:smooth}
body{background:var(--ivory);letter-spacing:.005em}
h2{font-family:var(--serif);font-weight:300!important;font-size:clamp(32px,5.4vw,64px)!important;line-height:1.04!important;letter-spacing:-.015em}
.kicker,.eyebrow{letter-spacing:.32em!important;font-size:11px!important;color:var(--gold)!important;text-transform:uppercase}
section{padding-block:clamp(72px,11vw,150px)!important}
section.hero{padding:0!important}
/* nav */
header.top{position:fixed!important;inset:0 0 auto 0;z-index:50;background:transparent!important;border:0!important;transition:background .4s,backdrop-filter .4s}
header.top.solid{background:rgba(11,13,16,.82)!important;backdrop-filter:blur(12px)}
header.top .wrap{display:flex;align-items:center;gap:22px}
header.top .brand,header.top .lang a{color:#fff!important;letter-spacing:.28em;font-size:12px}
header.top .brand small{display:none}
.lnav{display:none;gap:26px;margin-left:auto}
.lnav a{color:#fff;text-decoration:none;font-size:11px;letter-spacing:.24em;text-transform:uppercase;opacity:.82}
.lnav a.bidlink{border:1px solid var(--gold);color:var(--gold-2);padding:8px 16px;opacity:1}
@media(min-width:960px){.lnav{display:flex}}
/* hero */
.hero{min-height:100svh!important;overflow:hidden;background:var(--night)!important;align-items:flex-end}
.hero .kb{position:absolute;inset:0;background:url(img/a22.jpg) center/cover;animation:kb 26s ease-out both;will-change:transform}
@keyframes kb{from{transform:scale(1.14)}to{transform:scale(1)}}
.hero::before{z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.05) 30%,rgba(0,0,0,.35) 60%,rgba(5,6,8,.92))!important}
.hero .wrap{z-index:2;padding:140px 0 56px!important}
.hero h1{font-weight:300!important;font-size:clamp(42px,8.4vw,118px)!important;line-height:.98!important;letter-spacing:-.025em!important}
.hero .until{border-color:var(--gold-2)!important;color:var(--gold-2)!important}
.hero .pp strong{font-family:var(--serif);font-weight:300;font-size:clamp(30px,4vw,48px)}
.btn-gold{background:linear-gradient(135deg,#d9bd84,#b48f50)!important;color:#111!important;border:0!important;letter-spacing:.18em;text-transform:uppercase;font-size:12px!important;border-radius:0!important;padding:16px 28px!important}
.btn{border-radius:0!important;letter-spacing:.14em}
/* countdown */
.cd{display:flex;gap:clamp(14px,3vw,34px);margin:18px 0 22px;color:#fff}
.cd div{text-align:center;min-width:54px}
.cd b{display:block;font-family:var(--serif);font-weight:300;font-size:clamp(30px,5vw,56px);line-height:1;font-variant-numeric:tabular-nums}
.cd span{font-size:10px;letter-spacing:.28em;text-transform:uppercase;opacity:.7}
#bod .cd{color:#111;justify-content:flex-start}
/* stats strip */
.facts{background:var(--night)!important;color:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.facts b{font-family:var(--serif);font-weight:300!important;font-size:clamp(26px,3vw,40px)!important;color:var(--gold-2)!important}
.facts span{color:rgba(255,255,255,.65)!important;letter-spacing:.14em;text-transform:uppercase;font-size:10.5px!important}
/* cards & gallery */
.card{border-radius:0!important;box-shadow:none!important}
.card img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.card:hover img{transform:scale(1.05)}
.gallery{gap:4px!important}
.gallery figure{border-radius:0!important}
.gallery img{transition:transform 1.6s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.92)}
.gallery figure:hover img{transform:scale(1.06);filter:saturate(1.05)}
.gallery figcaption{background:none!important;letter-spacing:.2em;text-transform:uppercase;font-size:10px!important;text-shadow:0 1px 8px #000}
/* dark sections */
.sec-night,#bod{background:var(--night)!important;color:#eee}
#bod h2,#bod .lede,#bod label,#bod .terms,#bod .note{color:#e9e4da!important}
#bod .cd{color:#fff}
#bod input,#bod select,#bod textarea{background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.3)!important;border-radius:0!important;color:#fff!important}
#bod select option{color:#111}
#bod .thanks{background:rgba(198,164,106,.14)!important;color:#fff!important}
.ctform input,.ctform select,.ctform textarea{border-radius:0!important}
/* reveal */
.rv{opacity:0;transform:translateY(34px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.hero .kb{animation:none}}
.sticky .btn-gold{width:100%}
.hero h1{font-size:clamp(40px,6.6vw,92px)!important}
.hero p.lead{margin-bottom:14px!important}
header.top .lang{background:transparent!important}
header.top .lang a{background:transparent!important;opacity:.6}
header.top .lang a[aria-current]{opacity:1;color:var(--gold-2)!important;border-bottom:1px solid var(--gold)}
@media(min-height:700px) and (min-width:960px){.hero .wrap{padding-bottom:40px!important}}
/* v2 readability */
.hero::before{background:linear-gradient(90deg,rgba(4,5,7,.88) 0%,rgba(4,5,7,.62) 45%,rgba(4,5,7,.15) 80%),linear-gradient(180deg,rgba(4,5,7,.55) 0%,rgba(4,5,7,0) 25%,rgba(4,5,7,.55) 60%,rgba(4,5,7,.95) 100%)!important}
.hero .wrap{text-shadow:0 2px 18px rgba(0,0,0,.6)!important}
.hero h1{font-weight:500!important;font-size:clamp(40px,6vw,84px)!important;line-height:1.02!important;letter-spacing:-.01em!important;max-width:11em;margin:14px 0 26px!important}
.hero .eyebrow{font-size:13px!important;letter-spacing:.26em!important;color:var(--gold-2)!important;font-weight:700}
.hero .kicker{font-size:12px!important;color:var(--gold-2)!important;font-weight:700}
.hero .pp span{font-size:12px!important;letter-spacing:.18em;font-weight:700;color:#fff;opacity:1}
.hero .pp strong{font-weight:500!important}
.hero .cd{margin:8px 0 26px}.hero .cd b{font-size:clamp(24px,3vw,34px)!important;font-weight:500}
.hero .cd span{opacity:.9;font-weight:600}
h2{font-weight:400!important}
.wrap>.facts,.facts{margin-top:0!important}
.facts div{background:var(--night)!important;padding:26px 18px!important}
.facts{background:rgba(255,255,255,.08)!important}
.factband{background:var(--night);padding:8px 0 40px}.facts{border:0!important}
.sticky{transition:transform .35s}body:not(.past) .sticky{transform:translateY(130%)}
.facts .ph{background:none!important;color:var(--gold-2)!important;font-size:.7em}.factband{padding-top:34px}
