/* Blossom — desert wildflower at sunset. Primrose paper, dusk-violet ink, lupine purple, marigold yellow. Fraunces + Karla. */
:root{
  --paper:#FFFAF0; --paper-2:#F7EFE2; --sand:#EFE3CF; --ink:#2E1A47; --ink-2:#5E4B73; --ink-3:#8F80A3;
  --purple:#6B3FA0; --purple-deep:#4A2A78; --lilac:#D9CCF0; --marigold:#F2B52B; --marigold-deep:#D99A12; --apricot:#F28C5C; --sage:#8FA37A;
  --line:#E8DCCB; --card:#fff; --radius:18px; --max:1120px;
  --sunset:linear-gradient(160deg,#F6C15C 0%,#F28C5C 32%,#B06AB3 68%,#4A2A78 100%);
  --display:"Fraunces",Georgia,serif; --body:"Karla",system-ui,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 var(--body);font-optical-sizing:auto}
a{color:var(--purple);text-decoration-thickness:1px;text-underline-offset:3px}
img,svg,canvas{max-width:100%}
h1,h2,h3,.display{font-family:var(--display);font-weight:600;letter-spacing:-.01em;line-height:1.08;margin:0 0 .4em;font-variation-settings:"SOFT" 80,"WONK" 1}
h1{font-size:clamp(40px,7vw,78px);font-weight:500}
h2{font-size:clamp(30px,4.2vw,46px);font-weight:500}
h3{font-size:22px}
p{margin:0 0 1em;max-width:62ch}
.lede{font-size:20px;color:var(--ink-2);max-width:48ch}
.muted{color:var(--ink-3)}.small{font-size:14px}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
section{padding-block:clamp(44px,8vw,96px)}
section+section{border-top:1px solid var(--line)}

/* nav */
.nav{display:flex;align-items:center;gap:22px;padding:18px 0;flex-wrap:wrap}
.nav .brand{font-family:var(--display);font-weight:600;font-size:24px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px;margin-right:auto}
.nav .brand .bud{width:24px;height:24px;background:url("/favicon.svg") center/cover;border-radius:6px;display:inline-block}
.nav a:not(.brand){color:var(--ink-2);text-decoration:none;font-size:16px;padding:6px 2px;border-bottom:2px solid transparent}
.nav a:not(.brand):hover,.nav a[aria-current]{color:var(--ink);border-bottom-color:var(--marigold)}
.nav .cta{background:var(--ink);color:#fff!important;border-radius:999px;padding:9px 16px!important;border:0!important}
@media (max-width:720px){.nav{gap:0 14px;padding-bottom:10px}.nav .brand{order:0;margin-right:0}.nav .cta{order:1;margin-left:auto}.nav a:not(.brand):not(.cta){order:2;font-size:15px;padding:8px 2px 4px}}

/* buttons, inputs */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--marigold);color:var(--ink);border:0;border-radius:999px;padding:14px 24px;font:700 17px var(--body);cursor:pointer;text-decoration:none;transition:transform .12s ease,background .15s,box-shadow .15s;box-shadow:0 6px 18px rgba(242,181,43,.28)}
.btn:hover{background:var(--marigold-deep)}
.btn:active{transform:scale(.98)}
.btn.purple{background:var(--purple);color:#fff;box-shadow:0 6px 18px rgba(107,63,160,.25)}.btn.purple:hover{background:var(--purple-deep)}
.btn.secondary{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.btn.secondary:hover{background:#fff}
.btn.quiet{background:var(--paper-2);color:var(--ink);box-shadow:none}.btn.quiet:hover{background:var(--sand)}
.btn.small{padding:9px 16px;font-size:15px}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
input,select,textarea{font:16px var(--body);color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;width:100%}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--marigold);outline-offset:2px;border-color:var(--ink-2)}
label{display:block;font-weight:600;margin:14px 0 6px}
.field-help{font-size:14px;color:var(--ink-3);margin-top:4px}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.notice{background:#fff;border-left:4px solid var(--marigold);padding:12px 16px;border-radius:0 12px 12px 0;margin:14px 0}
.notice.bad{border-left-color:var(--apricot)}.notice.good{border-left-color:var(--sage)}
.card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:20px}
.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.stat{display:flex;flex-direction:column;gap:2px}.stat b{font-family:var(--display);font-weight:500;font-size:40px;line-height:1;letter-spacing:-.02em}.stat span{color:var(--ink-2)}
.stats{display:flex;gap:36px;flex-wrap:wrap;margin-top:22px}

/* hero: the meadow */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,5vw,64px);align-items:center;padding-block:clamp(24px,5vw,56px) clamp(40px,6vw,72px)}
.hero .meadow{position:relative;aspect-ratio:4/5;min-height:320px;border-radius:28px;overflow:hidden;box-shadow:0 30px 60px rgba(46,26,71,.18)}
.hero .meadow canvas{width:100%;height:100%;display:block}
.hero .meadow .count{position:absolute;left:14px;bottom:14px;background:rgba(255,250,240,.92);backdrop-filter:blur(6px);border-radius:14px;padding:12px 16px;font-size:15px;color:var(--ink)}
.hero .meadow .count b{font-family:var(--display);font-size:30px;font-weight:500;display:block;line-height:1}
@media (max-width:860px){.hero{grid-template-columns:1fr}.hero .meadow{order:-1;max-width:460px;margin-inline:auto;aspect-ratio:1/1}}

/* steps */
.steps{counter-reset:s;display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));margin-top:28px}
.steps div{counter-increment:s;padding-top:14px;border-top:2px solid var(--ink)}
.steps div::before{content:counter(s);font-family:var(--display);font-size:34px;color:var(--purple);display:block;line-height:1;margin-bottom:8px}
.steps h3{margin-bottom:.3em}

/* rounds list */
.rounds{list-style:none;margin:28px 0 0;padding:0}
.rounds li{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:baseline;padding:16px 0;border-top:1px solid var(--line)}
.rounds li:last-child{border-bottom:1px solid var(--line)}
.rounds .wk{font-family:var(--display);font-size:24px;color:var(--ink-3);white-space:nowrap}.rounds .wk.open{color:var(--purple)}
.rounds .t{font-weight:600}.rounds .st{font-size:14px;color:var(--ink-2);white-space:nowrap}.rounds .st.open{color:var(--purple);font-weight:600}.rounds .st.won{color:var(--sage);font-weight:600}
@media (max-width:560px){.rounds li{grid-template-columns:60px 1fr}.rounds .st{grid-column:2}}

/* ballot */
.ballot{display:grid;gap:12px;margin-top:18px}
.opt{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;transition:border-color .15s}
.opt:hover{border-color:var(--ink-2)}
.opt .rank{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-family:var(--display);font-size:18px;color:var(--ink-3)}
.opt.r1 .rank{background:var(--purple);color:#fff;border-color:var(--purple)}.opt.r2 .rank{background:var(--marigold);border-color:var(--marigold);color:var(--ink)}.opt.r3 .rank{background:var(--lilac);border-color:var(--lilac);color:var(--ink)}
.opt.r1,.opt.r2,.opt.r3{border-color:var(--ink)}
.opt .name{font-weight:600}.opt .blurb{font-size:14px;color:var(--ink-2)}.opt .tally{font-size:14px;color:var(--ink-3);white-space:nowrap}
.bar{height:6px;background:var(--paper-2);border-radius:3px;overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;background:var(--purple);width:0;transition:width .4s}

/* tickets */
.ticket{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:18px;display:grid;gap:8px;position:relative;overflow:hidden}
.ticket::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:var(--sunset);opacity:.25}
.ticket .serial{font-family:var(--display);font-size:30px;font-weight:500;line-height:1}
.ticket .tier{font-size:14px;color:var(--ink-2)}.ticket .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;position:relative;z-index:1}

/* market */
.listing{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.listing:last-child{border-bottom:1px solid var(--line)}.listing .price{font-family:var(--display);font-size:24px;font-weight:500}
.chart{width:100%;height:220px;display:block}
table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:600;color:var(--ink-2)}
.tablewrap{overflow-x:auto}
code,.mono{font-family:ui-monospace,Menlo,monospace;font-size:13px;word-break:break-all}

dialog{border:0;border-radius:var(--radius);padding:26px;max-width:min(92vw,460px);box-shadow:0 20px 60px rgba(46,26,71,.25);color:var(--ink)}
dialog::backdrop{background:rgba(46,26,71,.5)}
.pill{display:inline-block;background:var(--paper-2);border-radius:999px;padding:3px 10px;font-size:13px;color:var(--ink-2)}
.pill.live{background:#E6EEDD;color:#4C6B3A}.pill.pink{background:#EFE3F8;color:var(--purple-deep)}.pill.gold{background:#FBEBC2;color:#7A5300}
footer{padding:40px 0 60px;border-top:1px solid var(--line);color:var(--ink-2);font-size:15px}footer .row{justify-content:space-between}footer a{color:var(--ink-2)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-size:15px;max-width:92vw;z-index:50;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.status{font-size:14px;color:var(--ink-2);min-height:20px;margin-top:8px}
.stepper{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.stepper li{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--ink-3);padding:10px 0;border-top:3px solid var(--line)}
.stepper li b{font-family:var(--display);font-size:22px;font-weight:500}
.stepper li.now{color:var(--ink);border-top-color:var(--marigold)}.stepper li.now b{color:var(--purple)}
.stepper li.done{color:#4C6B3A;border-top-color:var(--sage)}.stepper li.done b::after{content:' ✓'}
.addrbox{font-family:ui-monospace,Menlo,monospace;font-size:13px;word-break:break-all;background:var(--paper-2);border-radius:10px;padding:10px 12px}
.band{background:var(--sunset);color:#fff;border-radius:var(--radius);padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.band h2{color:#fff;margin:0}.band p{color:rgba(255,255,255,.88)}.band b.big{font-family:var(--display);font-size:clamp(64px,10vw,120px);font-weight:500;line-height:1;color:#fff;display:block;text-shadow:0 4px 30px rgba(46,26,71,.3)}
@media (max-width:760px){.band{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ===== spice (10/13): the wildflower-sunset system that runs through every page ===== */
body{overflow-x:clip}
/* paper grain + a thin sunset rule along the very top of every page */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:70;opacity:.055;mix-blend-mode:multiply;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='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
body::after{content:"";position:fixed;left:0;right:0;top:0;height:4px;background:var(--sunset);z-index:71;pointer-events:none}
/* interior pages: a soft sunrise behind the headline */
main.wrap{position:relative}
body:not(.home) main.wrap::before{content:"";position:absolute;left:50%;margin-left:-50vw;width:100vw;top:-160px;height:480px;z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 26% 38%,rgba(242,181,43,.3),transparent),radial-gradient(closest-side at 76% 22%,rgba(176,106,179,.24),transparent),radial-gradient(closest-side at 55% 72%,rgba(242,140,92,.14),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}
/* page titles get a hand-drawn marigold underline */
.swash{position:relative;display:inline;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 13 C 45 3, 85 19, 125 9 S 182 5, 197 12' fill='none' stroke='%23F2B52B' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") 0 92%/100% .34em no-repeat;padding-bottom:.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
h1 em,h2 em{font-style:italic;color:var(--purple);font-variation-settings:"SOFT" 100,"WONK" 1}
/* numbered sections, like chapters of a programme */
main{counter-reset:sec}
main>section{counter-increment:sec}
main>section>h2:first-child::before,main>section>.wrap>h2:first-child::before{content:"0" counter(sec);display:block;font-family:var(--display);font-style:italic;font-weight:400;font-size:17px;letter-spacing:.14em;color:var(--marigold-deep);margin-bottom:10px}
/* reveal on scroll */
.rv{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
/* buttons: a warm glow that follows the pointer, and a lift */
.btn{position:relative;overflow:hidden;transition:transform .15s ease,background .2s,box-shadow .2s}
.btn::after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.55),transparent 42%);opacity:0;transition:opacity .25s;pointer-events:none}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(46,26,71,.16)}.btn:hover::after{opacity:1}
.btn.secondary:hover,.btn.quiet:hover{box-shadow:0 8px 22px rgba(46,26,71,.1)}
/* cards that are links lift */
a.card,.dossier{transition:transform .2s ease,box-shadow .2s ease}
a.card:hover,.dossier:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(46,26,71,.12)}
/* sticky glass nav on interior pages */
body:not(.home) #nav{position:sticky;top:0;z-index:40;background:rgba(255,250,240,.78);backdrop-filter:saturate(1.3) blur(12px);-webkit-backdrop-filter:saturate(1.3) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s;margin-top:4px}
body:not(.home) #nav.scrolled{border-bottom-color:var(--line);box-shadow:0 10px 30px rgba(46,26,71,.06)}
/* the brand bud slowly breathes */
.nav .brand .bud{animation:breathe 7s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.12) rotate(8deg)}}
/* pollen: a few petals drifting behind everything */
#pollen{position:fixed;inset:0;z-index:-1;pointer-events:none;width:100%;height:100%}
/* ticket stubs in the app: sunset face, shimmer, perforated stub */
.ticket{background:#fff;border:0;border-radius:20px;padding:0;display:grid;grid-template-rows:auto auto;gap:0;overflow:hidden;box-shadow:0 14px 36px rgba(46,26,71,.14);position:relative;transition:transform .2s ease,box-shadow .2s ease}
.ticket:hover{transform:translateY(-3px) rotate(-.4deg);box-shadow:0 22px 48px rgba(46,26,71,.2)}
.ticket::after{display:none}
.ticket .face{background:var(--sunset);color:#fff;padding:18px 18px 20px;position:relative;isolation:isolate;display:grid;gap:4px}
.ticket .face::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.42) 48%,transparent 61%);background-size:260% 100%;animation:shimmer 7s ease-in-out infinite;mix-blend-mode:soft-light}
.ticket .face::after{content:"";position:absolute;right:-26px;top:-26px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,247,230,.55),transparent 65%);z-index:-1}
@keyframes shimmer{0%{background-position:130% 0}100%{background-position:-130% 0}}
.ticket .ev{font-family:var(--display);font-style:italic;font-size:14px;opacity:.92}
.ticket .serial{font-family:var(--display);font-size:42px;font-weight:400;line-height:1;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 18px rgba(46,26,71,.3)}
.ticket .tier{font-size:13px;color:rgba(255,255,255,.92)}
.ticket .stub{padding:14px 18px 16px;position:relative;border-top:2px dashed var(--line);display:grid;gap:8px}
.ticket .stub::before,.ticket .stub::after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--paper)}
.ticket .stub::before{left:-11px}.ticket .stub::after{right:-11px}
.ticket .actions{margin-top:0}
.ticket.scanned .face{filter:saturate(.6)}.ticket.scanned .face::before{animation:none}
/* numbers that matter get the display face */
.stat b{font-variation-settings:"SOFT" 100,"WONK" 1}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.ticket .face::before,.nav .brand .bud{animation:none}#pollen{display:none}}

footer .legal{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;gap:8px 16px}footer .legal a{color:var(--ink-3)}
.legal-page{max-width:760px}.legal-page h2{font-size:24px;margin-top:1.6em}.legal-page h3{font-size:18px;margin-top:1.2em}.legal-page p,.legal-page li{max-width:70ch}.legal-page .updated{font-size:14px;color:var(--ink-3)}

/* ===== hand-made pass (10/13 late): parallax, drawn wildflowers, margin notes, petal bursts ===== */
::selection{background:var(--marigold);color:var(--ink)}
:root{--sy:0}
body:not(.home) main.wrap::before{transform:translateY(calc(var(--sy) * 0.18px));will-change:transform}
.heroX{overflow:hidden}
.heroX .inner{position:relative;z-index:1}
.heroX canvas{transform:translateY(calc(var(--sy) * 0.38px)) scale(1.04);transform-origin:50% 100%;will-change:transform}
.heroX::after{transform:translateY(calc(var(--sy) * 0.38px))}
.heroX .presents,.heroX h1,.heroX .when{opacity:calc(1 - var(--sy) / 700)}
/* headline words rise in one by one */
.wordin{display:inline-block;overflow:hidden;vertical-align:bottom}.wordin>span{display:inline-block;transform:translateY(110%);animation:wordup .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--wd,0s)}
@keyframes wordup{to{transform:none}}
/* drawn wildflowers */
.flora{color:var(--ink-2);opacity:.8;pointer-events:none}
.flora svg{width:100%;height:auto;display:block}
.divider{display:flex;justify-content:center;align-items:flex-end;gap:clamp(10px,3vw,34px);padding:6px 0 0;margin:-10px auto -14px;max-width:var(--max);height:76px;overflow:hidden}
.divider .flora{width:clamp(44px,6vw,72px)}
.corner{position:absolute;width:clamp(90px,12vw,170px);z-index:0;pointer-events:none}
.corner.tr{right:-10px;top:40px;transform:rotate(12deg)}.corner.bl{left:-20px;bottom:40px;transform:rotate(-8deg)}
footer{position:relative;overflow:hidden}footer .flora.foot{position:absolute;right:clamp(8px,4vw,40px);bottom:-6px;width:clamp(120px,16vw,220px);opacity:.35}
/* margin notes: handwritten-feeling asides on wide screens */
.marg{position:absolute;font-family:var(--display);font-style:italic;font-size:17px;line-height:1.3;color:var(--ink-3);max-width:150px;transform:rotate(-4deg);pointer-events:none}
.marg::before{content:"";position:absolute;left:-18px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--marigold);opacity:.8}
@media (max-width:1460px){.marg{display:none}}
main>section{position:relative}
/* count-up tiles */
.stat b.counting{font-variant-numeric:tabular-nums}
/* petal burst */
.petal{position:fixed;z-index:80;pointer-events:none;width:10px;height:14px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;opacity:.95}
@media (prefers-reduced-motion:reduce){.wordin>span{animation:none;transform:none}.heroX canvas,.heroX::after,body:not(.home) main.wrap::before{transform:none}.heroX .presents,.heroX h1,.heroX .when{opacity:1}}

/* ===== modern pass (10/13, John: "cheesy and AI… more realistic and modern"): real photos, restraint, flatter surfaces. Overrides the decorative passes above. ===== */
:root{--paper:#FAF7F2;--paper-2:#F2EEE7;--sand:#E8E1D6;--ink:#1F1A24;--ink-2:#4A4452;--ink-3:#847C8C;--purple:#5B4A8A;--purple-deep:#3E3161;--lilac:#D8D2E6;--marigold:#E9A94D;--marigold-deep:#C98A2E;--apricot:#D8744A;--line:#E6E0D6;--radius:12px;--sunset:linear-gradient(160deg,#E9A94D 0%,#D8744A 45%,#5B4A8A 100%)}
h1,h2,h3,.display{font-variation-settings:"SOFT" 0,"WONK" 0;letter-spacing:-.02em;font-weight:400}
h1{font-weight:300}h2{font-weight:400}
h1 em,h2 em{color:inherit;font-style:italic;font-weight:300}
body::before,body::after{display:none}
#pollen,.flora,.marg,.divider{display:none!important}
.swash{background:none;padding:0}
main>section>h2:first-child::before,main>section>.wrap>h2:first-child::before{content:none}
.nav .brand .bud{animation:none}
.btn{border-radius:10px;font-weight:600}.btn::after{display:none}.btn:hover{transform:none;box-shadow:none;filter:brightness(.96)}
.nav .cta{border-radius:10px}
.card{border-radius:12px;box-shadow:none;border-color:var(--line)}a.card:hover,.dossier:hover{transform:none;box-shadow:none;border-color:var(--ink-3)}
.pill{border-radius:6px}
.ticket{border-radius:14px;box-shadow:0 10px 30px rgba(31,26,36,.12)}.ticket:hover{transform:none}.ticket .face::before{display:none}
.band{border-radius:12px;background:var(--ink)}
.stat b{font-variation-settings:"SOFT" 0,"WONK" 0}
body:not(.home) main.wrap::before{display:none}
body:not(.home) #nav{background:rgba(250,247,242,.88)}
.rv{transform:translateY(8px)}
.howto>div{border-radius:12px}
section+section{border-top:0}
input,select,textarea{border-radius:10px}
footer{border-top:1px solid var(--line)}

/* logo as a real image (right-click to save); light variant on dark headers */
.nav .brand .logo{height:34px;width:auto;display:block}.nav .brand .logo-light{display:none}
.heroP .nav .brand .logo-dark,.heroX .nav .brand .logo-dark{display:none}.heroP .nav .brand .logo-light,.heroX .nav .brand .logo-light{display:block}
.nav .brand .bud{display:none}
@media (max-width:720px){.nav .brand .logo{height:28px}}
footer .logo-foot{height:26px;width:auto;opacity:.8;display:block;margin-bottom:10px}

/* nav: logo bigger, links in one row that scrolls on phones */
.nav{flex-wrap:nowrap;gap:18px}.nav .links{display:flex;gap:22px;align-items:center;margin-left:auto;min-width:0}
.nav .brand .logo{height:50px}
@media (max-width:860px){.nav{display:grid;grid-template-columns:1fr auto;gap:10px 12px;padding:12px 0 8px}.nav .brand{order:0;margin:0}.nav .brand .logo{height:34px}.nav .cta{order:1;margin:0;padding:8px 14px!important;font-size:14px}.nav .links{order:2;grid-column:1/-1;margin:0;overflow-x:auto;white-space:nowrap;gap:18px;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nav .links::-webkit-scrollbar{display:none}.nav .links a{font-size:14px;padding:4px 0}}
