/* THEME B · The Bill (brand kit v2). Banknote paper, engraved Fraunces, Bill Green + Gold. Flat colour; line textures only.
   Kit: Fraunces 700 SOFT0/WONK0 for display, DM Sans text, DM Mono labels. Palette: ink/green/gold/poppy/cream/stone/walnut/paper (in base.css). */
@font-face{font-family:"Fraunces";src:url(/assets/fonts/Fraunces.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/Fraunces-Italic.woff2) format("woff2");font-weight:500 700;font-style:italic;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/assets/fonts/DMSans.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"DM Mono";src:url(/assets/fonts/DMMono.woff2) format("woff2");font-weight:500;font-display:swap}
.t-b{--display:"Fraunces",Georgia,serif;--text:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"DM Mono",ui-monospace,Menlo,monospace;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.3,1.5,.5,1)}
.t-b body{background:var(--cream);color:var(--ink);font:400 1.0625rem/1.6 var(--text)}
.t-b h1,.t-b h2{font-family:var(--display);font-weight:700;line-height:1.04;letter-spacing:-.006em}
.t-b h1,.t-b h2,.t-b .foot__tag{text-wrap:balance}
.t-b h3{font-family:var(--display);font-weight:600;line-height:1.2;text-transform:uppercase;letter-spacing:.1em}
.t-b em{font-style:italic;font-weight:500;color:var(--green)}
.t-b p+p{margin-top:1em}
.t-b .center{text-align:center}
.t-b .progress{background:var(--green)}
.t-b :focus-visible{outline-color:var(--green)}
.t-b .sec--green :focus-visible,.t-b .foot :focus-visible{outline-color:var(--gold)}

/* ============ logo intro: the bill is printed, a rule is drawn, the name resolves, the sheet is pulled up ============ */
.t-b .intro__sheet{position:absolute;inset:0;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;animation:pull .85s 1.3s cubic-bezier(.7,0,.2,1) forwards}
.t-b .intro__stage{position:relative;width:clamp(220px,40vw,320px);aspect-ratio:1}
.t-b .intro__bill{width:100%;height:auto;clip-path:inset(19% 0 81% 0);animation:billPrint 1.05s .1s cubic-bezier(.5,0,.2,1) forwards}
.t-b .intro__head{position:absolute;left:6%;right:6%;top:19%;height:3px;background:var(--gold);box-shadow:0 0 0 2px var(--ink);opacity:0;animation:headRun 1.05s .1s cubic-bezier(.5,0,.2,1) forwards}
.t-b .intro__rule{height:2px;width:min(60vw,380px);background:var(--green);transform-origin:50% 50%;animation:ruleIn .7s .85s var(--ease) both}
.t-b .intro__word{display:flex;justify-content:center;font:600 clamp(.8rem,2.6vw,1.15rem) var(--display);letter-spacing:.42em;text-transform:uppercase;padding-left:.42em;color:var(--green)}
.t-b .intro__word span{opacity:0;filter:blur(8px);transform:translateY(.5em);animation:letterIn .6s calc(.95s + var(--i)*40ms) var(--ease) forwards}
@keyframes billPrint{to{clip-path:inset(19% 0 19% 0)}}
@keyframes headRun{0%{opacity:1;top:19%}92%{opacity:1}100%{opacity:0;top:81%}}
@keyframes ruleIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes letterIn{to{opacity:1;filter:none;transform:none}}
@keyframes pull{to{transform:translateY(-101%)}}

/* ============ nav ============ */
.t-b .nav{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:10px var(--pad);background:rgba(251,242,220,.95);backdrop-filter:blur(8px);border-bottom:3px double var(--green)}
.t-b .nav__l,.t-b .nav__r nav{display:flex;gap:22px}
.t-b .nav__r{display:flex;justify-content:flex-end;align-items:center;gap:22px}
.t-b .nav a:not(.btn):not(.nav__logo){position:relative;text-decoration:none;font:500 .78rem var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:10px 0}
.t-b .nav a:not(.btn):not(.nav__logo)::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--green);transform:scaleX(0);transition:transform .4s var(--ease)}
.t-b .nav a:not(.btn):not(.nav__logo):hover::after,.t-b .nav a[aria-current]::after{transform:scaleX(1)}
.t-b .nav__logo{display:block;line-height:0}
.t-b .nav__logo img{height:34px;width:auto;transition:transform .5s var(--spring)}
.t-b .nav__logo:hover img{transform:scale(1.04) rotate(-.6deg)}
@media (max-width:1020px){.t-b .nav{grid-template-columns:auto 1fr}.t-b .nav__l,.t-b .nav__r nav{display:none}}

/* ============ buttons ============ */
.t-b .btn{min-height:48px;padding:0 26px;border:2px solid var(--ink);border-radius:4px;font:500 .8rem var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:background .25s,color .25s,transform .25s var(--ease),box-shadow .25s;box-shadow:4px 4px 0 var(--ink)}
.t-b .btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.t-b .btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.t-b .btn--gold{background:var(--gold);color:var(--ink)}
.t-b .btn--green{background:var(--green);color:var(--cream)}
.t-b .btn--ink{background:var(--ink);color:var(--cream)}
.t-b .btn--ghost{background:transparent;color:var(--ink);box-shadow:none}
.t-b .btn--ghost:hover{background:var(--stone);box-shadow:none}
.t-b .btn--sm{min-height:42px;padding:0 18px;font-size:.72rem}
.t-b .btn[disabled]{opacity:.75;cursor:progress}

/* ============ reveals ============ */
.t-b .w{white-space:nowrap}
.t-b.js .c{opacity:0;transform:translateY(.4em);filter:blur(7px);transition:opacity .7s var(--ease),transform .9s var(--ease),filter .8s var(--ease);transition-delay:calc(var(--i,0)*14ms + 60ms)}
.t-b.ready [data-split].in .c{opacity:1;transform:none;filter:none}
.t-b.js [data-rv]{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0)*110ms)}
.t-b.js [data-rv=pop]{transform:scale(.9)}
.t-b.js [data-rv=deal]{transform:translate(-60px,-30px) rotate(-9deg);transform-origin:0 100%;transition:opacity .6s var(--ease),transform .9s var(--spring);transition-delay:calc(var(--i,0)*130ms)}
.t-b.ready [data-rv].in{opacity:1;transform:none}
/* self-drawing rules */
.t-b .rule{display:block;height:0;border-block:1px solid var(--green);width:min(360px,60%);margin:26px auto 36px;padding-top:3px}
.t-b.js .rule{transform:scaleX(0);transition:transform 1.2s var(--ease)!important;opacity:1!important}
.t-b.js .rule.in{transform:scaleX(1)!important}
.t-b .rule--left{margin-left:0}
.t-b .rule--left,.t-b.js .rule--left{transform-origin:0 50%}
.t-b .rule--light{border-color:var(--gold)}
.t-b .kicker{font:500 .78rem var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:20px}
.t-b .kicker--rules::before,.t-b .kicker--rules::after{content:"";height:1px;width:clamp(30px,9vw,110px);background:currentColor}
.t-b.js .kicker--rules::before{transform-origin:100% 50%;transform:scaleX(0);transition:transform 1s .25s var(--ease)}
.t-b.js .kicker--rules::after{transform-origin:0 50%;transform:scaleX(0);transition:transform 1s .25s var(--ease)}
.t-b.js .kicker--rules.in::before,.t-b.js .kicker--rules.in::after{transform:none}
.t-b .kicker--left{justify-content:flex-start}.t-b .kicker--left::before{display:none}
.t-b .kicker--light{color:var(--gold)}

/* ============ sections ============ */
.t-b .sec{padding:clamp(72px,10vw,128px) var(--pad);overflow:clip}
.t-b .sec--paper{background-color:var(--paper);background-image:repeating-linear-gradient(45deg,rgba(14,74,56,.04) 0 1px,transparent 1px 6px),repeating-linear-gradient(-45deg,rgba(14,74,56,.04) 0 1px,transparent 1px 6px)}
.t-b .sec--cream{background:var(--cream)}
.t-b .sec--green{background-color:var(--green);color:var(--cream);background-image:repeating-linear-gradient(45deg,rgba(251,242,220,.05) 0 1px,transparent 1px 6px),repeating-linear-gradient(-45deg,rgba(251,242,220,.05) 0 1px,transparent 1px 6px)}
.t-b .sec--green em{color:var(--gold)}
.t-b .sec h2{font-size:clamp(1.9rem,4.6vw,3.4rem)}
.t-b .prose{font-size:1.12rem}
.t-b h2+.prose,.t-b h2+.rule+.prose{margin-top:1.1em}
.t-b .lede{font-size:1.15rem;max-width:34em;margin:0 auto}
.t-b .wrap{position:relative;z-index:1}
.t-b .wrap--split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,88px);align-items:start}
@media (max-width:860px){.t-b .wrap--split{grid-template-columns:1fr}}
/* big rosettes that turn with the page (scroll-driven depth) */
.t-b .sec__rose{position:absolute;width:min(620px,78vw);aspect-ratio:1;color:var(--green);opacity:.11;pointer-events:none;translate:0 var(--py,0);rotate:calc(var(--sp,0)*540deg)}
.t-b .sec__rose svg{width:100%;height:100%}
.t-b .sec__rose--r{right:-14vw;top:6%}.t-b .sec__rose--l{left:-16vw;bottom:2%}
.t-b .sec--green .sec__rose{color:var(--cream);opacity:.09}

/* ============ hero ============ */
.t-b .hero{position:relative;overflow:hidden;text-align:center;padding:clamp(34px,5vw,64px) var(--pad) clamp(56px,7vw,96px);isolation:isolate}
.t-b .guil{position:absolute;left:0;top:0;width:200%;height:100%;z-index:-1;color:var(--green);opacity:.16;animation:drift 50s linear infinite}
@keyframes drift{to{transform:translateX(-25%)}}
.t-b .hero__rose{position:absolute;left:50%;top:52%;width:min(1000px,150vw);aspect-ratio:1;margin:calc(min(1000px,150vw)/-2) 0 0 calc(min(1000px,150vw)/-2);z-index:-1;color:var(--green);opacity:.09;translate:0 var(--py,0);rotate:calc(var(--sp,0)*160deg);pointer-events:none}
.t-b .hero__rose svg{width:100%;height:100%;animation:spin 140s linear infinite}
.t-b .hero h1{font-size:clamp(2rem,5.2vw,4.4rem);max-width:15em;margin:0 auto .45em;letter-spacing:-.01em;line-height:1}
.t-b .hero__sub{max-width:36em;margin:0 auto 34px;font-size:clamp(1rem,1.4vw,1.15rem)}
.t-b .hero__form{max-width:640px;margin:34px auto 0}
html:not(.js) .hero__form,html:not(.js) .stage__hint{display:none}

/* ============ the bill (signature: print your first dollar) ============ */
.t-b .billstage{perspective:1400px;max-width:740px;margin:0 auto}
.t-b .billstage__in{transform:rotateX(calc((var(--p,.5) - .5)*-20deg)) translateY(calc((var(--p,.5) - .5)*-34px))}
.t-b .bill{container-type:inline-size;transform:rotate(-1.5deg) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .35s ease-out;transform-style:preserve-3d}
.t-b .bill.is-live{transition:none}
.t-b .bill__paper{position:relative;background:var(--green);color:var(--cream);border-radius:2.2cqw;box-shadow:2cqw 2.6cqw 0 rgba(22,19,15,.2);aspect-ratio:2/1;padding:1.8cqw}
.t-b .bill__frame{position:relative;height:100%;border:.4cqw solid var(--cream);border-radius:1.2cqw;display:grid;place-items:center;overflow:hidden}
.t-b .bill__frame::before{content:"";position:absolute;inset:1.1cqw;border:.2cqw solid rgba(251,242,220,.45);border-radius:.6cqw;pointer-events:none}
.t-b .bill__num{position:absolute;top:50%;translate:0 -52%;font:700 23cqw/1 var(--display);color:var(--gold)}
.t-b .bill__num--l{left:4.6cqw}.t-b .bill__num--r{right:4.6cqw}
.t-b .bill__mid{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.3cqw;max-width:60cqw}
.t-b .bill__banner{font:600 3.1cqw var(--display);letter-spacing:.34em;padding-left:.34em;text-transform:uppercase;color:var(--cream)}
.t-b .bill__oval{position:relative;display:grid;place-items:center;width:14.5cqw;height:18.2cqw;border-radius:50%;background:var(--cream);box-shadow:0 0 0 .5cqw var(--green),0 0 0 .8cqw var(--gold);overflow:hidden;color:var(--green)}
.t-b .bill__oval span{position:relative;font:700 10.5cqw/1 var(--display);color:var(--green);translate:0 -2%}
.t-b .rosette--o{width:130%;margin:0;left:-15%;top:-15%;opacity:.4;animation-duration:40s}
.t-b .bill__legal{font:500 1.9cqw var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cream);opacity:.85}
.t-b .bill__memo{display:flex;flex-direction:column;align-items:center;gap:.4cqw;text-align:center;margin:.2cqw 0 0!important;padding:.9cqw 2.4cqw 1.1cqw;background:var(--paper);color:var(--ink);border-radius:.8cqw;min-width:30cqw;max-width:100%}
.t-b .bill__memo span{font:500 1.7cqw var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.t-b .bill__memo{--fs:4cqw;max-width:56cqw}
.t-b .bill__memo.len-m{--fs:3.2cqw}.t-b .bill__memo.len-l{--fs:2.6cqw}.t-b .bill__memo.len-xl{--fs:2.2cqw}
.t-b .bill__memo em{display:block;font:italic 600 var(--fs)/1.2 var(--display);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-height:1.2em;border-bottom:.25cqw solid var(--green);padding:0 1cqw}
.t-b .bill__serial{position:absolute;left:3.6cqw;bottom:3.2cqw;display:flex;flex-direction:column;gap:.3cqw;font:500 1.7cqw var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0!important}
.t-b .bill__serial b{font-weight:500;font-size:2.4cqw;letter-spacing:.16em;color:var(--cream)}
.t-b .rosette{position:absolute;top:50%;width:26cqw;aspect-ratio:1;margin-top:-13cqw;color:var(--cream);opacity:.2;animation:spin 60s linear infinite}
.t-b .rosette svg{width:100%;height:100%}
.t-b .rosette--l{left:-8cqw}.t-b .rosette--r{right:-8cqw;animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.t-b .bill__glint{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}
.t-b .bill__glint::before{content:"";position:absolute;top:-10%;bottom:-10%;left:var(--gx,-30%);width:16%;background:rgba(255,251,240,.12);transform:skewX(-20deg);transition:left .5s var(--ease)}
.t-b .stamp{position:absolute;right:3.4cqw;bottom:3cqw;z-index:2;display:grid;place-items:center;width:15cqw;aspect-ratio:1;border:.7cqw double var(--green);border-radius:50%;background:var(--gold);color:var(--ink);font:700 2.4cqw/1.05 var(--display);text-transform:uppercase;letter-spacing:.14em;text-align:center;rotate:-14deg;opacity:0;pointer-events:none;box-shadow:.4cqw .5cqw 0 rgba(22,19,15,.3)}
.t-b .stamp span{display:block}
.t-b .bill__printhead{position:absolute;left:-1cqw;right:-1cqw;top:0;height:.8cqw;background:var(--gold);box-shadow:0 0 0 .3cqw var(--ink);z-index:4;opacity:0}
.t-b.js:not(.ready) .bill__frame{clip-path:inset(0 0 100% 0)}
.t-b .bill.printing .bill__frame,.t-b .bill.booting .bill__frame{animation:printDown 1.5s cubic-bezier(.45,0,.25,1) both}
.t-b .bill.printing .bill__printhead,.t-b .bill.booting .bill__printhead{animation:head 1.5s cubic-bezier(.45,0,.25,1) both}
.t-b .bill.printing .stamp{animation:stampIn .6s 1.5s cubic-bezier(.3,1.6,.5,1) both}
.t-b .bill.printing{animation:thump .32s 1.62s}
@keyframes printDown{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes head{0%{top:0;opacity:1}96%{opacity:1}100%{top:calc(100% - 1cqw);opacity:0}}
@keyframes stampIn{0%{opacity:0;scale:2.9;rotate:-42deg}60%{opacity:1;scale:.9}100%{opacity:1;scale:1;rotate:-14deg}}
@keyframes thump{0%,100%{translate:0 0}30%{translate:0 .9cqw}60%{translate:0 -.3cqw}}
.t-b .stage__hint{text-align:center;margin-top:30px;font:500 .78rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--walnut)}
@media (max-width:620px){
  .t-b .bill__paper{aspect-ratio:1.5/1}
  .t-b .bill__mid{max-width:70cqw;gap:1.8cqw}
  .t-b .bill__banner{font-size:4.2cqw}
  .t-b .bill__oval{width:19cqw;height:23.5cqw}.t-b .bill__oval span{font-size:14cqw}
  .t-b .bill__legal{font-size:2.5cqw}
  .t-b .bill__memo span{font-size:2.3cqw}.t-b .bill__memo{--fs:5.2cqw;min-width:46cqw;max-width:60cqw}.t-b .bill__memo.len-m{--fs:4.2cqw}.t-b .bill__memo.len-l{--fs:3.5cqw}.t-b .bill__memo.len-xl{--fs:3cqw}
  .t-b .bill__num{font-size:25cqw}.t-b .bill__num--l{left:3cqw}.t-b .bill__num--r{right:3cqw}
  .t-b .bill__serial{font-size:2.2cqw;left:3cqw;bottom:2.6cqw}.t-b .bill__serial b{font-size:3cqw}
  .t-b .stamp{width:19cqw;font-size:3.1cqw;right:2.4cqw;bottom:2.4cqw}
  .t-b .rosette{display:none}
}

/* ============ ticker ============ */
.t-b .ticker{background:var(--green);color:var(--cream);overflow:hidden;border-block:3px double var(--gold);padding:14px 0}
.t-b .ticker__track{display:flex;width:max-content;animation:tick 42s linear infinite}
.t-b .ticker:hover .ticker__track{animation-play-state:paused}
.t-b .ticker__grp{display:flex;align-items:center;gap:30px;padding-right:30px;font:500 .82rem var(--mono);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
.t-b .ticker i{display:inline-grid;place-items:center;width:20px;height:26px;border-radius:50%;background:var(--cream);color:var(--green);font:700 .95rem/1 var(--display);font-style:normal;box-shadow:0 0 0 2px var(--green),0 0 0 3px var(--gold)}
@keyframes tick{to{transform:translateX(-50%)}}

/* ============ first form ============ */
.t-b .first__q{font:500 .9rem var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;color:var(--green)}
.t-b .first__q span{color:var(--walnut)}
.t-b .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}
.t-b .chip{min-height:44px;padding:0 16px;border:1.5px solid var(--green);border-radius:3px;background:transparent;color:var(--green);font:500 .82rem var(--mono);letter-spacing:.04em;cursor:pointer;transition:background .2s,color .2s,transform .35s var(--spring)}
.t-b .chip:hover{background:var(--stone);transform:translateY(-3px) rotate(-1deg)}
.t-b .chip:active{transform:translateY(1px) scale(.97)}
.t-b .chip[aria-pressed=true]{background:var(--green);color:var(--cream)}
.t-b .first__row{display:flex;gap:10px;flex-wrap:wrap}
.t-b .first__row input{flex:1 1 220px;min-height:48px;padding:0 16px;border:2px solid var(--ink);border-radius:4px;background:#fff;color:var(--ink);font:500 1rem var(--text)}
.t-b .first__row input:focus{outline:3px solid var(--green);outline-offset:2px}
.t-b .first__row input::placeholder{color:var(--walnut);opacity:1}
.t-b .first__after{margin-top:14px}
.t-b .first__after a{color:var(--green);font-weight:700}
.t-b .first__note{margin-top:12px;font-size:.85rem;color:var(--walnut)}

/* ============ what ============ */
.t-b .cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);max-width:960px;margin:0 auto;column-rule:1px solid var(--green)}
.t-b .cols .prose{font-size:1.18rem}
.t-b .cols .prose:first-child::first-letter{font:700 3.4em/.8 var(--display);float:left;padding:.08em .1em 0 0;color:var(--green)}
.t-b .denoms{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:960px;margin:48px auto 0;perspective:900px}
.t-b .denoms__in{position:relative;height:100%;text-align:center;padding:26px 18px 22px;border:3px double var(--green);background:var(--cream);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));transition:transform .5s var(--ease),background .3s,box-shadow .4s}
.t-b .denoms__in.is-live{transition:transform .08s linear,background .3s,box-shadow .4s}
.t-b .denoms__in:hover{--lift:-6px;background:var(--stone);box-shadow:6px 8px 0 rgba(14,74,56,.2)}
.t-b .denoms__n{display:block;font:500 1.8rem var(--display);color:var(--green);margin-bottom:8px;letter-spacing:.1em}
@media (max-width:760px){.t-b .cols,.t-b .denoms{grid-template-columns:1fr}.t-b .cols{column-rule:none}}

/* ============ how: certificates deal in ============ */
.t-b .certs{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:12px;perspective:1000px}
.t-b .cert__in{position:relative;overflow:hidden;height:100%;padding:28px 20px 26px;background:var(--paper);border:2px solid var(--green);outline:1px solid var(--green);outline-offset:-8px;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));transition:transform .5s var(--ease),box-shadow .4s,background .3s}
.t-b .cert__in.is-live{transition:transform .08s linear,box-shadow .4s,background .3s}
.t-b .cert__in:hover{--lift:-10px;box-shadow:8px 10px 0 var(--green);background:#fff}
.t-b .cert__in::after{content:"";position:absolute;top:0;bottom:0;left:var(--gx,-40%);width:22%;background:rgba(14,74,56,.05);transform:skewX(-18deg);pointer-events:none;transition:left .45s var(--ease)}
.t-b .cert__n{display:block;font:300 3.4rem/1 var(--display);color:var(--green);margin-bottom:14px;letter-spacing:.04em}
.t-b .cert h3{font-size:1.05rem;margin-bottom:.6em}
.t-b .cert p{font-size:.98rem}
.t-b .cert blockquote{margin-top:12px;font:italic 500 1.2rem/1.25 var(--display);color:var(--gold)}
.t-b .cert--last .cert__in{background:var(--green);color:var(--cream);outline-color:var(--gold)}
.t-b .cert--last .cert__in:hover{background:var(--green);box-shadow:8px 10px 0 var(--ink)}
.t-b .cert--last .cert__n{color:var(--gold)}
.t-b .cert--last .cert__in::after{background:rgba(251,242,220,.08)}
@media (max-width:1100px){.t-b .certs{grid-template-columns:repeat(2,1fr)}.t-b .cert--last{grid-column:1/-1}}
@media (max-width:560px){.t-b .certs{grid-template-columns:1fr}}

/* ============ host: gold oval portrait ============ */
.t-b .wrap--host{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:clamp(36px,6vw,88px);align-items:center}
.t-b .portrait{max-width:360px;width:100%;justify-self:center}
.t-b .portrait__stage{position:relative;perspective:900px;padding:14px}
.t-b .portrait__oval{position:relative;aspect-ratio:4/5;border:clamp(9px,1.6vw,13px) solid var(--gold);border-radius:50%;background:var(--ink);overflow:hidden;box-shadow:0 0 0 3px var(--green),0 0 0 7px var(--cream),0 0 0 9px var(--green),12px 16px 0 rgba(14,74,56,.2);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease)}
.t-b .portrait__stage.is-live .portrait__oval{transition:transform .08s linear}
.t-b .portrait__oval::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 3px var(--cream);pointer-events:none;z-index:2}
.t-b .portrait__oval img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s var(--ease)}
.t-b .portrait:hover .portrait__oval img{transform:scale(1.07)}
.t-b .portrait__sheen{position:absolute;top:-10%;bottom:-10%;left:-45%;width:26%;background:rgba(255,251,240,.16);transform:skewX(-20deg);z-index:1;transition:left 1s var(--ease);pointer-events:none}
.t-b .portrait:hover .portrait__sheen{left:125%}
.t-b .rosette--p{width:150%;margin:0;left:-25%;top:-12%;opacity:.16;z-index:-1;color:var(--green)}
.t-b .portrait__badge{position:absolute;left:-14px;bottom:8%;width:92px;height:92px;rotate:-6deg;transition:rotate .6s var(--spring),scale .6s var(--spring);filter:drop-shadow(3px 4px 0 rgba(22,19,15,.25))}
.t-b .portrait:hover .portrait__badge{rotate:5deg;scale:1.08}
.t-b .portrait__plate{margin-top:26px;display:grid;gap:2px;text-align:center;background:var(--green);color:var(--cream);border:2px solid var(--ink);outline:1px solid var(--gold);outline-offset:-6px;padding:12px 10px;box-shadow:5px 6px 0 rgba(22,19,15,.18)}
.t-b .portrait__plate b{font:600 1rem var(--display);letter-spacing:.16em;text-transform:uppercase}
.t-b .portrait__plate span{font:500 .72rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
@media (max-width:860px){.t-b .wrap--host{grid-template-columns:1fr}.t-b .portrait{max-width:270px}}

/* ============ episodes ============ */
.t-b .ep{max-width:820px;margin:0 auto}
.t-b .ep__inner{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,40px);align-items:center;padding:clamp(24px,4vw,44px);border:3px dashed var(--green);outline:1px dashed var(--green);outline-offset:-12px;background:var(--paper);transition:transform .5s var(--spring)}
.t-b .ep:hover .ep__inner{transform:rotate(-.6deg) translateY(-4px)}
.t-b .ep__coin{display:grid;place-items:center;width:clamp(80px,13vw,120px);aspect-ratio:1;border:3px dashed var(--walnut);border-radius:50%;font:300 clamp(2.6rem,6vw,4rem) var(--display);color:var(--walnut);animation:pulse 3.6s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.t-b .ep__tag{font:500 .76rem var(--mono);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;color:var(--walnut)}
.t-b .ep h3{font-size:clamp(1.6rem,3.6vw,2.6rem);margin-bottom:.4em}
@media (max-width:560px){.t-b .ep__inner{grid-template-columns:1fr}}

/* ============ guest form ============ */
.t-b .gform{position:relative;background:var(--paper);color:var(--ink);padding:clamp(22px,4vw,36px);border:3px double var(--green);outline:2px solid var(--paper);outline-offset:5px;display:grid;gap:16px;box-shadow:12px 14px 0 rgba(0,0,0,.22)}
.t-b .gform__fields{display:grid;gap:16px}
.t-b .field{display:grid;gap:6px}
.t-b .field label{font:500 .74rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.t-b .field label span{color:var(--walnut);text-transform:none;letter-spacing:.02em}
.t-b .field input[type=text],.t-b .field textarea{width:100%;padding:12px 14px;min-height:48px;border:2px solid var(--ink);border-radius:3px;background:#fff;color:var(--ink);font:400 1rem var(--text);transition:box-shadow .25s,border-color .25s}
.t-b .field input:focus,.t-b .field textarea:focus{outline:3px solid var(--green);outline-offset:2px}
.t-b .field input:hover,.t-b .field textarea:hover{box-shadow:3px 3px 0 rgba(14,74,56,.25)}
.t-b .field textarea{resize:vertical}
.t-b .field [aria-invalid=true]{border-color:#B3261E;border-width:2px}
.t-b .field__err{font:500 .88rem var(--text);color:#8a1d00}
.t-b .field__count{justify-self:end;font:500 .7rem var(--mono);letter-spacing:.1em;color:var(--walnut)}
.t-b .field--check{display:flex;align-items:flex-start;gap:12px}
.t-b .field--check input{width:24px;height:24px;margin-top:2px;accent-color:var(--green);flex:0 0 auto}
.t-b .field--check label{font:500 .95rem var(--text);text-transform:none;letter-spacing:0;color:var(--ink)}
.t-b .hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.t-b .gform .btn{justify-self:start}
.t-b .gform.is-sending .btn__t::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:dots 1s steps(4,end) infinite}
@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.t-b .gform__err{padding:12px 14px;background:#fff;border:2px solid var(--poppy);border-left-width:8px;color:#6e1700;font-weight:500}
.t-b .gform__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.t-b .gform__copied{font-weight:700;color:var(--green)}
.t-b .gform__done{display:grid;gap:8px;justify-items:start;padding:8px 0 4px;position:relative}
.t-b .gform__done h3{font:700 clamp(2rem,5vw,3rem)/1 var(--display);text-transform:none;letter-spacing:-.01em;color:var(--green)}
.t-b .gform__done p{font-size:1.2rem}
.t-b .gform__done .btn{margin-top:10px}
.t-b .stamp2{position:absolute;right:0;top:-6px;display:grid;place-items:center;width:112px;aspect-ratio:1;border:4px double var(--green);border-radius:50%;background:var(--gold);color:var(--ink);font:700 .9rem var(--display);letter-spacing:.16em;text-transform:uppercase;rotate:-14deg;box-shadow:3px 4px 0 rgba(22,19,15,.25);animation:stamp2 .7s .15s var(--spring) both}
@keyframes stamp2{0%{opacity:0;scale:3;rotate:-50deg}60%{opacity:1;scale:.9}100%{opacity:1;scale:1;rotate:-14deg}}

/* ============ listen: tickets ============ */
.t-b .plat{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:34px}
.t-b .plat__btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:220px;padding:24px 26px;background:var(--cream);border:2px dashed var(--green);font:600 1.1rem var(--display);letter-spacing:.12em;text-transform:uppercase;cursor:not-allowed;transition:transform .5s var(--spring)}
.t-b .plat__btn:hover{transform:translateY(-6px) rotate(-1.5deg)}
.t-b .plat__btn i{font:500 .7rem var(--mono);font-style:normal;letter-spacing:.16em;padding:4px 10px;background:var(--gold);color:var(--ink)}

/* ============ footer ============ */
.t-b .foot{background:var(--ink);color:var(--cream);padding:clamp(52px,7vw,96px) var(--pad) 40px;text-align:center;overflow:hidden}
.t-b .foot__in{max-width:var(--max);margin:0 auto;display:grid;gap:14px;justify-items:center}
.t-b .foot__logo{width:min(240px,60vw);height:auto;margin-bottom:-6px}
.t-b .mega{font:700 clamp(2rem,8.4vw,7.2rem)/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--cream)}
.t-b .foot__tag{font:500 1.25rem/1.3 var(--display);max-width:24em}
.t-b .foot__tag em{color:var(--gold)}
.t-b .foot__meta{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;font:500 .85rem var(--mono);letter-spacing:.12em}
.t-b .foot__fine{font-size:.9rem;color:var(--stone)}

/* ============ small screens + reduced motion ============ */
@media (max-width:560px){
  .t-b .nav{gap:10px}
  .t-b .nav__logo img{height:21px}
  .t-b .nav .btn--sm{padding:0 12px;min-height:40px;font-size:.66rem;margin-left:auto}
  .t-b .nav__r{margin-left:auto}
  .t-b .kicker{font-size:.68rem;letter-spacing:.14em;gap:10px}
  .t-b .kicker--rules::before,.t-b .kicker--rules::after{width:clamp(12px,5vw,40px)}
  .t-b .stamp2{width:88px;font-size:.72rem;top:-2px}
}
@media (prefers-reduced-motion:reduce){
  .t-b .bill.printing .stamp{opacity:1;scale:1}
  .t-b.js .rule{transform:scaleX(1)!important}
  .t-b.js:not(.ready) .bill__frame{clip-path:none}
  .t-b .ticker__track{transform:none}
  .t-b .stamp2{opacity:1}
  .t-b.js .kicker--rules::before,.t-b.js .kicker--rules::after{transform:none}
  .t-b .sec__rose,.t-b .hero__rose{rotate:none;translate:none}
}