@font-face{font-family:"Inter Tight";src:url(assets/fonts/intertight.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Geist;src:url(assets/fonts/geist.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(assets/fonts/instrumentserif-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(assets/fonts/instrumentserif.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}
:root{
 --bg:#060606;--bg2:#0b0b0a;--ink:#f4efe6;--mut:rgba(244,239,230,.6);--dim:rgba(244,239,230,.38);
 --hair:rgba(255,255,255,.08);--hair2:rgba(255,255,255,.14);--goldline:rgba(226,196,128,.35);
 --g1:#f7e7b4;--g2:#d9b36a;--g3:#a8803a;
 --gold:linear-gradient(105deg,#a8803a 0%,#e9cf8f 28%,#fff1c7 46%,#d4ac5e 62%,#9c7433 100%);
 --display:"Inter Tight",system-ui,sans-serif;--sans:Geist,system-ui,sans-serif;--serif:"Instrument Serif",Georgia,serif;
 --ease:cubic-bezier(.2,.7,.1,1);--w:1280px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-feature-settings:"ss01","cv11"}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:#d9b36a;color:#000}
.wrap{width:min(var(--w),100% - 48px);margin-inline:auto}
@media(min-width:900px){.wrap{width:min(var(--w),100% - 96px)}}
.label{font-family:var(--sans);font-size:.7rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--mut);display:inline-flex;align-items:center;gap:12px}
.label::before{content:"";width:28px;height:1px;background:var(--gold)}
.label.nol::before{display:none}
.g{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.it{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
h1,h2,h3,.display{font-family:var(--display);font-weight:650;letter-spacing:-.045em;line-height:.94}
h2{font-size:clamp(2.6rem,7.4vw,6rem)}
h2 .it{font-size:1.06em;letter-spacing:-.02em}
h3{font-size:1.4rem;letter-spacing:-.03em;line-height:1.1;font-weight:600}
.lead{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--mut);max-width:560px;line-height:1.55}
section{position:relative;padding:clamp(96px,14vw,180px) 0}
.hair{height:1px;background:linear-gradient(90deg,transparent,var(--goldline),transparent)}
/* nav */
.nav{position:fixed;top:14px;left:0;right:0;z-index:60;pointer-events:none}
.nav .bar{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;height:60px;padding:0 10px 0 22px;border-radius:999px;border:1px solid transparent;transition:background .5s var(--ease),border-color .5s,backdrop-filter .5s}
.nav.solid .bar{background:rgba(12,12,11,.62);border-color:var(--hair2);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.wm{font-family:var(--display);font-weight:750;letter-spacing:-.04em;font-size:1.12rem;display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.wm em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:0;font-size:1.05rem;color:var(--g2)}
.nav-links{display:none;align-items:center;gap:30px;font-size:.84rem;color:var(--mut)}
.nav-links a{transition:color .3s}.nav-links a:hover{color:var(--ink)}
.nav-r{display:flex;align-items:center;gap:16px}
@media(min-width:1000px){.nav-links{display:flex}}
/* buttons */
.btn{--h:58px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;height:var(--h);padding:0 30px;border-radius:999px;font-family:var(--sans);font-weight:550;font-size:.95rem;letter-spacing:-.005em;cursor:pointer;border:0;white-space:nowrap;overflow:hidden;isolation:isolate;transition:transform .5s var(--ease),box-shadow .5s var(--ease),background .4s}
.btn .ar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;margin-right:-14px;transition:transform .5s var(--ease)}
.btn:hover .ar{transform:translateX(4px)}
.btn-gold{background:var(--gold);background-size:180% 100%;background-position:0 0;color:#120d04;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.25),0 18px 50px -18px rgba(217,179,106,.65)}
.btn-gold .ar{background:#0d0a05;color:var(--g1)}
.btn-gold::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s var(--ease);z-index:-1}
.btn-gold:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 26px 60px -18px rgba(217,179,106,.85)}
.btn-gold:hover::after{transform:translateX(120%)}
.btn-glass{background:rgba(255,255,255,.06);color:var(--ink);border:1px solid var(--hair2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.btn-glass:hover{background:rgba(255,255,255,.11)}
.btn-sm{--h:44px;padding:0 20px;font-size:.84rem}
.btn-lg{--h:64px;padding:0 34px;font-size:1rem}
.btn[disabled]{opacity:.5;pointer-events:none}
.seats{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;letter-spacing:.02em;color:var(--g1);font-weight:500}
.seats::before{content:"";width:7px;height:7px;border-radius:50%;background:#e9cf8f;box-shadow:0 0 0 0 rgba(233,207,143,.6);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(233,207,143,.55)}70%{box-shadow:0 0 0 9px rgba(233,207,143,0)}100%{box-shadow:0 0 0 0 rgba(233,207,143,0)}}
.seats.navs{font-size:.74rem;display:none}
@media(min-width:1180px){.seats.navs{display:inline-flex}}
.pill{display:inline-flex;align-items:center;gap:9px;height:34px;padding:0 15px;border-radius:999px;font-size:.72rem;font-weight:550;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--hair2);background:rgba(10,10,10,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ink)}
.pill.goldp{background:var(--gold);color:#120d04;border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.pill i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}
/* hero */
.hero{min-height:100svh;padding:0;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate}
.hero-img{position:absolute;inset:0;z-index:-2;background:url(assets/ab-hero.jpg) 50% 18%/cover no-repeat;transform:scale(1.06);animation:heroin 2.4s var(--ease) forwards;filter:saturate(.85) contrast(1.06)}
@keyframes heroin{to{transform:scale(1)}}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,6,6,.55) 0%,rgba(6,6,6,0) 22%,rgba(6,6,6,.15) 45%,rgba(6,6,6,.88) 72%,#060606 100%)}
.hero-in{padding:120px 0 34px}
.hero .pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.hero h1{font-size:clamp(3.5rem,13.2vw,10.4rem);font-weight:700;letter-spacing:-.055em;line-height:.86;max-width:11ch}
.hero h1 .it{font-weight:400;letter-spacing:-.02em;font-size:1.08em;padding-right:.06em}
.hero .lead{margin-top:26px;color:rgba(244,239,230,.78)}
.ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:34px}
.hero .seats{margin-top:20px}
.spec{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair2);margin-top:54px}
.spec div{padding:18px 0 4px;display:flex;flex-direction:column;gap:4px}
.spec div+div{padding-left:18px;border-left:1px solid var(--hair)}
.spec b{font-family:var(--display);font-weight:600;font-size:clamp(1.05rem,2.4vw,1.7rem);letter-spacing:-.035em;line-height:1.05}
.spec span{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
@media(min-width:900px){
 .hero-img{left:34%;background-position:50% 16%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
 .hero::before{background:linear-gradient(90deg,#060606 0%,rgba(6,6,6,.9) 30%,rgba(6,6,6,.15) 62%,rgba(6,6,6,.35) 100%),linear-gradient(180deg,rgba(6,6,6,.5) 0,transparent 20%,transparent 70%,#060606 100%)}
 .hero-in{padding:150px 0 40px}
 .spec{max-width:760px}
}
/* marquee */
.marquee{border-block:1px solid var(--hair);overflow:hidden;padding:22px 0;background:#080807}
.marquee .track{display:flex;gap:48px;width:max-content;animation:mq 38s linear infinite}
.marquee span{font-family:var(--display);font-weight:600;font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:-.04em;color:rgba(244,239,230,.82);display:flex;align-items:center;gap:48px;white-space:nowrap}
.marquee span::after{content:"✦";font-size:.7em;color:var(--g2)}
.marquee span:nth-child(even){font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--g1)}
@keyframes mq{to{transform:translateX(-50%)}}
/* head block */
.head{display:grid;gap:26px;margin-bottom:clamp(48px,7vw,90px)}
@media(min-width:900px){.head.split2{grid-template-columns:1.3fr 1fr;align-items:end}}
/* compare */
.cmp-grid{display:grid;gap:14px}
@media(min-width:900px){.cmp-grid{grid-template-columns:1fr 1.15fr;gap:20px}}
.card{position:relative;border-radius:28px;padding:clamp(28px,4vw,44px);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--hair);overflow:hidden}
.card.gold{background:radial-gradient(120% 90% at 100% 0%,rgba(217,179,106,.20),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border-color:var(--goldline)}
.card.gold::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(247,231,180,.7),rgba(217,179,106,.05) 40%,rgba(217,179,106,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.card .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}
.big{font-family:var(--display);font-weight:650;letter-spacing:-.055em;font-size:clamp(3.2rem,8vw,5.6rem);line-height:.9}
.big small{font-family:var(--sans);font-size:.95rem;letter-spacing:0;font-weight:400;color:var(--mut);margin-left:10px}
.rows{list-style:none;margin-top:30px;border-top:1px solid var(--hair)}
.rows li{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--hair);font-size:.98rem;color:var(--mut)}
.rows li b{color:var(--ink);font-weight:500;text-align:right}
.card.gold .rows li{color:rgba(244,239,230,.75)}
.ticks{list-style:none;display:grid;gap:12px;margin-top:26px}
.ticks li{display:flex;gap:14px;align-items:flex-start;color:rgba(244,239,230,.82)}
.ticks li::before{content:"";flex:0 0 18px;height:18px;margin-top:4px;border-radius:50%;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10'/%3E%3C/svg%3E");box-shadow:none}
.ticks li::before{background:radial-gradient(circle,#0b0b0a 0 3px,transparent 3.5px),var(--gold)}
.ticks.muted li{color:var(--mut)}
.ticks.muted li::before{background:radial-gradient(circle,#0b0b0a 0 6px,transparent 6.5px),rgba(255,255,255,.22)}
.ticks.x li::before{background:linear-gradient(45deg,transparent 46%,#0b0b0a 46% 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,#0b0b0a 46% 54%,transparent 54%),rgba(255,255,255,.28)}
/* inside */
.inside{background:var(--bg2)}
.in-grid{display:grid;gap:clamp(40px,6vw,90px)}
@media(min-width:1000px){.in-grid{grid-template-columns:1fr 1.05fr;align-items:start}}
.photo{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--hair)}
.photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.6s var(--ease)}
.photo:hover img{transform:scale(1.0)}
.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.75))}
.photo figcaption{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:16px}
.photo figcaption b{font-family:var(--display);font-weight:600;font-size:1.3rem;letter-spacing:-.03em}
.photo figcaption span{font-family:var(--serif);font-style:italic;color:var(--g1);font-size:1.15rem}
@media(min-width:1000px){.photo{position:sticky;top:100px;aspect-ratio:4/5.2}}
.perks{list-style:none;border-top:1px solid var(--hair2);counter-reset:p}
.perks li{display:grid;grid-template-columns:56px 1fr;gap:4px 10px;padding:28px 0;border-bottom:1px solid var(--hair2)}
.perks li::before{counter-increment:p;content:"0" counter(p);font-family:var(--display);font-size:.85rem;letter-spacing:.04em;color:var(--g2);padding-top:8px;grid-row:span 2}
.perks h3{font-size:clamp(1.5rem,2.6vw,2rem)}
.perks p{color:var(--mut);max-width:460px}
/* fit */
.fit{display:grid;gap:14px}
@media(min-width:900px){.fit{grid-template-columns:1fr 1fr;gap:20px}}
/* wall */
.wall-wrap{position:relative}
.wall{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 24px 30px;scrollbar-width:none}
.wall::-webkit-scrollbar{display:none}
@media(min-width:900px){.wall{padding-inline:max(48px,calc((100vw - var(--w))/2))}}
.shot{flex:0 0 min(72vw,280px);scroll-snap-align:center;position:relative;border-radius:30px;padding:8px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid var(--hair2);transition:transform .7s var(--ease)}
.shot:hover{transform:translateY(-6px)}
.shot img{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:23px}
.shot figcaption{padding:16px 10px 10px;font-family:var(--serif);font-style:italic;font-size:1.22rem;line-height:1.25;color:var(--ink)}
.wall-ctl{display:flex;gap:10px}
.wall-ctl button{width:50px;height:50px;border-radius:50%;border:1px solid var(--hair2);background:rgba(255,255,255,.04);color:var(--ink);cursor:pointer;font-size:1.1rem;transition:background .3s}
.wall-ctl button:hover{background:rgba(255,255,255,.1)}
.fine{font-size:.76rem;color:var(--dim);line-height:1.5}
/* band */
.band{padding:0;min-height:88svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.band-img{position:absolute;inset:-10% 0;z-index:-2;background:url(assets/ab-car.jpg) 50% 35%/cover;filter:saturate(.8) brightness(.62);will-change:transform}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#060606 0%,rgba(6,6,6,.1) 30%,rgba(6,6,6,.2) 60%,#060606 100%)}
.band .wrap{padding:0 0 clamp(70px,10vw,130px)}
.band h2{font-size:clamp(3rem,10vw,8.4rem);max-width:12ch}
/* faq */
.faq{border-top:1px solid var(--hair2)}
.faq details{border-bottom:1px solid var(--hair2)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;font-family:var(--display);font-weight:550;font-size:clamp(1.15rem,2.2vw,1.55rem);letter-spacing:-.03em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:0 0 40px;height:40px;border-radius:50%;border:1px solid var(--hair2);background:linear-gradient(var(--ink),var(--ink)) center/12px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.5px 12px no-repeat;transition:transform .5s var(--ease),background-color .3s}
.faq details[open] summary::after{transform:rotate(45deg);background-color:rgba(255,255,255,.06)}
.faq p{color:var(--mut);padding:0 60px 30px 0;max-width:720px}
@media(min-width:900px){.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}}
/* final */
.final{text-align:center;overflow:hidden;isolation:isolate}
.final::before{content:"";position:absolute;left:50%;top:50%;width:min(1100px,140vw);aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1;background:radial-gradient(circle,rgba(217,179,106,.16),transparent 60%)}
.final h2{font-size:clamp(3.2rem,11vw,9rem);margin:26px auto 26px;max-width:11ch}
.final .lead{margin:0 auto}
.final .ctas{justify-content:center;flex-direction:column}
/* footer */
footer{border-top:1px solid var(--hair);padding:70px 0 120px;font-size:.84rem;color:var(--mut)}
.f-wm{font-family:var(--display);font-weight:750;letter-spacing:-.06em;font-size:clamp(3.4rem,13vw,11rem);line-height:.85;background:linear-gradient(180deg,rgba(244,239,230,.16),rgba(244,239,230,.02));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:46px;white-space:nowrap}
.rg{border:1px solid var(--hair2);border-radius:20px;padding:22px 24px;background:rgba(255,255,255,.025);line-height:1.6;margin-bottom:30px}
.rg b{color:var(--ink);font-weight:550}
.rg .gam{color:var(--g1);font-weight:600}
.f-row{display:flex;flex-wrap:wrap;gap:12px 36px;justify-content:space-between}
.f-row a:hover{color:var(--ink)}
@media(min-width:900px){footer{padding-bottom:70px}}
/* sticky */
.sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:70;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-radius:30px;background:rgba(12,12,11,.7);border:1px solid var(--hair2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translateY(150%);transition:transform .6s var(--ease)}
.sticky.show{transform:none}
.sticky .btn{width:100%}
.sticky .seats{font-size:.72rem;padding-bottom:2px}
@media(min-width:900px){.sticky{display:none}}
/* reveal */
.rv{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.rv.on{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.marquee .track,.hero-img{animation:none}}
.hidden{display:none!important}
/* form pages */
.page{min-height:100svh;padding:110px 0 80px;position:relative;isolation:isolate}
.page::before{content:"";position:fixed;inset:0;z-index:-2;background:url(assets/ab-car.jpg) center/cover;filter:blur(40px) brightness(.32) saturate(.8);transform:scale(1.15)}
.page::after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(80% 60% at 50% 0%,rgba(217,179,106,.14),transparent 60%),linear-gradient(180deg,rgba(6,6,6,.4),rgba(6,6,6,.9))}
.panel{max-width:640px;margin:0 auto;border-radius:32px;padding:clamp(28px,5vw,52px);background:linear-gradient(180deg,rgba(22,21,19,.78),rgba(12,12,11,.86));border:1px solid var(--hair2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 40px 120px -40px rgba(0,0,0,.9);position:relative}
.panel::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,rgba(247,231,180,.45),transparent 35%,transparent 70%,rgba(217,179,106,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.panel h1{font-size:clamp(2.6rem,9vw,4.2rem);font-weight:650;letter-spacing:-.05em;line-height:.92;margin:18px 0 14px}
.panel h1 .it{font-weight:400}
.panel .lead{font-size:1.02rem}
.progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:30px 0 8px}
.progress span{height:2px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden;position:relative}
.progress span::after{content:"";position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
.progress span.on::after{transform:none}
.stepnum{display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:26px}
.stepnum b{color:var(--g1);font-weight:550}
.fstep{display:none}.fstep.on{display:block;animation:fade .6s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.field{margin-bottom:18px}
.field label{display:block;font-size:.88rem;color:rgba(244,239,230,.86);margin-bottom:9px;font-weight:450;letter-spacing:-.005em}
.field input,.field select,.field textarea{width:100%;background:rgba(255,255,255,.035);border:1px solid var(--hair2);border-radius:16px;color:var(--ink);font:inherit;font-size:1rem;padding:16px 18px;outline:none;transition:border-color .3s,background .3s,box-shadow .3s;-webkit-appearance:none;appearance:none}
.field select{background-image:linear-gradient(45deg,transparent 50%,var(--g2) 50%),linear-gradient(135deg,var(--g2) 50%,transparent 50%);background-position:calc(100% - 24px) 52%,calc(100% - 18px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:46px}
.field select option{background:#151412;color:var(--ink)}
.field textarea{min-height:110px;resize:vertical;line-height:1.5}
.field input::placeholder,.field textarea::placeholder{color:var(--dim)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(226,196,128,.7);background-color:rgba(255,255,255,.06);box-shadow:0 0 0 4px rgba(217,179,106,.12)}
.field .opt{color:var(--dim);font-weight:400}
.check{display:flex;gap:14px;align-items:flex-start;font-size:.92rem;color:var(--mut);margin:8px 0 6px;cursor:pointer;padding:16px 18px;border:1px solid var(--hair2);border-radius:16px;background:rgba(255,255,255,.025)}
.check b{color:var(--ink);font-weight:550}
.check input{margin-top:3px;accent-color:#d9b36a;width:18px;height:18px;flex:0 0 18px}
.factions{display:flex;gap:10px;margin-top:22px}
.factions .btn{flex:1}
.factions #back{flex:0 0 auto}
.err{color:#f0b3a6;font-size:.88rem;min-height:1.3em;margin-top:12px}
.closed{border:1px solid var(--goldline);background:rgba(217,179,106,.08);border-radius:18px;padding:16px 18px;margin-top:20px;font-size:.94rem;color:rgba(244,239,230,.86)}
.closed b{color:var(--g1);font-weight:550}
.alt{margin-top:24px;text-align:center;font-size:.84rem;color:var(--dim)}
.alt a{color:var(--g1)}
.center{text-align:center}
.spin{width:72px;height:72px;margin:6px auto 26px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 55%,#d9b36a 85%,#fff1c7);-webkit-mask:radial-gradient(circle,transparent 33px,#000 34px);mask:radial-gradient(circle,transparent 33px,#000 34px);animation:sp 1.1s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.checks{list-style:none;display:grid;gap:14px;max-width:340px;margin:28px auto 6px;text-align:left}
.checks li{display:flex;align-items:center;gap:14px;color:var(--dim);transition:color .5s}
.checks li::before{content:"";flex:0 0 22px;height:22px;border-radius:50%;border:1px solid var(--hair2);transition:all .5s var(--ease)}
.checks li.ok{color:var(--ink)}
.checks li.ok::before{border-color:transparent;background:radial-gradient(circle,#0b0b0a 0 3px,transparent 3.5px),var(--gold)}
.seal{width:84px;height:84px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#120d04;font-family:var(--display);font-weight:700;font-size:2rem;box-shadow:0 0 0 8px rgba(217,179,106,.1),0 20px 60px -10px rgba(217,179,106,.6);animation:pop .8s var(--ease)}
@keyframes pop{from{transform:scale(.6);opacity:0}}
.receipt{margin:28px 0 26px;text-align:left;border-radius:22px;border:1px solid var(--goldline);background:radial-gradient(100% 120% at 100% 0%,rgba(217,179,106,.14),transparent 60%),rgba(255,255,255,.03);padding:8px 22px}
.receipt .rows{margin:0;border:0}
.receipt .rows li:last-child{border-bottom:0}
.panel .btn-lg{width:100%}
.panel .seats{margin-top:16px}
/* mobile refinements */
@media(max-width:899px){
 .hero{min-height:auto}
 .hero-img{bottom:auto;height:min(78svh,640px);background-position:50% 8%}
 .hero::before{background:linear-gradient(180deg,rgba(6,6,6,.55) 0%,rgba(6,6,6,0) 16%,rgba(6,6,6,0) 30%,rgba(6,6,6,.7) 46%,#060606 62%,#060606 100%)}
 .hero-in{padding-top:min(44svh,370px)}
 .hero h1{font-size:clamp(3.4rem,16.5vw,5.4rem)}
 .hero .lead{font-size:1.05rem}
 .ctas .btn-glass{display:none}
 .hero .ctas .btn-gold{width:100%}
 .nav .bar{padding:0 6px 0 18px;height:54px}
 .nav .btn-sm{--h:40px;padding:0 6px 0 16px;font-size:.8rem;gap:10px}
 .nav .btn-sm .ar{width:28px;height:28px;margin-right:0}
 .wm{font-size:1rem}.wm em{font-size:.95rem}
 .final .ctas .btn-gold{width:100%}
}
@media(max-width:380px){.nav .btn-sm [data-label]{display:none}.nav .btn-sm{padding:0 6px}}
@media(max-width:899px){.hero h1{font-size:clamp(3.1rem,14.4vw,5.2rem);max-width:none}.hero .pill{font-size:.64rem;letter-spacing:.12em;padding:0 12px;height:30px}}
.ticks li::before,.ticks.muted li::before,.ticks.x li::before{content:"";flex:0 0 16px;height:1px;margin-top:13px;border-radius:0;background:var(--gold);-webkit-mask:none;mask:none}
.ticks.muted li::before{background:rgba(255,255,255,.28)}
.ticks.x li::before{background:rgba(255,255,255,.22)}
@media(max-width:600px){.card .top .pill{display:none}}