@font-face{font-family:'Fugaz One';src:url('/assets/fonts/fugaz.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Fredoka';src:url('/assets/fonts/fredoka.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:'Figtree';src:url('/assets/fonts/figtree.woff2') format('woff2');font-weight:300 900;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/assets/fonts/mono.woff2') format('woff2');font-weight:400;font-display:swap}

:root{
  --paper:#FDFBF6; --ink:#211F1C; --butter:#F2C94C; --clay:#C65D3B;
  --ease:cubic-bezier(0.16,1,0.3,1);
  --d1:200ms; --d2:400ms; --d3:800ms;
  --pad:130px;
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  background:var(--paper); color:var(--ink);
  font-family:'Figtree',system-ui,sans-serif; font-weight:400;
  font-size:17px; line-height:1.62; text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased; overflow-x:hidden; position:relative;
}
/* ---------- global film grain (static, no loop) ---------- */
body::after{
  content:'';position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.42;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}
.wrap{max-width:1140px;margin:0 auto;padding:0 28px}
.narrow{max-width:760px}
section{padding:var(--pad) 0}
@media(max-width:760px){:root{--pad:80px}body{font-size:16px}}

/* ---------- type ---------- */
.display{font-family:'Fredoka',system-ui,sans-serif;font-weight:600;letter-spacing:-0.015em;line-height:1.04;text-wrap:balance}
h1{font-size:clamp(38px,6.2vw,68px)}
h2{font-size:clamp(31px,4.6vw,52px)}
h3{font-family:'Fredoka',system-ui,sans-serif;font-weight:500;font-size:20px;letter-spacing:-0.005em;line-height:1.25}
p{text-wrap:pretty}
.lead{font-size:clamp(17px,2vw,21px);line-height:1.55;max-width:60ch}
.eyebrow{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;text-transform:uppercase;letter-spacing:3px;line-height:1}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums}
.num{font-variant-numeric:tabular-nums}
.dim{opacity:.66}
.mb8{margin-bottom:8px}.mb14{margin-bottom:14px}.mb18{margin-bottom:18px}
.mb24{margin-bottom:24px}.mb40{margin-bottom:40px}.mb56{margin-bottom:56px}

/* ---------- header ---------- */
header{position:relative;z-index:6;background:var(--ink);color:var(--paper)}
.bar{display:flex;align-items:center;gap:20px;
     padding-top:18px;padding-bottom:18px}   /* longhand: must not clobber .wrap's 28px inline padding */
.lockup{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.lockup img.nm{display:block;height:56px;width:auto}
footer .lockup img.nm{height:82px}
@media(max-width:620px){
  .lockup img.nm{height:42px}
  footer .lockup img.nm{height:60px}
  .lockup{gap:9px}
  .bar{padding-top:14px;padding-bottom:14px}
  .bar > .eyebrow{display:none}   /* name beats geo on a 390px bar */
}
.bar .eyebrow{opacity:.6}
.bar .spacer{margin-left:auto}
.check{display:inline-flex;align-items:center;gap:8px;background:var(--butter);color:var(--ink);
       text-decoration:none;font-family:'Fredoka',system-ui,sans-serif;font-weight:600;font-size:15px;
       letter-spacing:-0.005em;padding:11px 20px;border-radius:999px;white-space:nowrap;flex:none;
       transition:transform var(--d1) var(--ease)}
.check:hover{transform:translateY(-2px)}
.check .arw{transition:transform var(--d1) var(--ease)}
.check:hover .arw{transform:translateX(3px)}
@media(max-width:620px){
  .check{font-size:13.5px;padding:9px 14px;gap:6px}
}

/* ---------- photographic hero ---------- */
.hero{position:relative;min-height:min(92vh,830px);display:flex;align-items:flex-end;
      background:var(--ink) center 66%/cover no-repeat;overflow:hidden;isolation:isolate}
.hero::before{content:'';position:absolute;inset:0;background:rgba(33,31,28,.5);z-index:0}
.hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
             box-shadow:inset 0 0 190px 40px rgba(33,31,28,.62)}
.hero .wrap{position:relative;z-index:2;color:var(--paper);padding-top:96px;padding-bottom:64px;width:100%}
.hero .eyebrow{margin-bottom:24px;color:var(--butter)}
.hero h1{margin-bottom:22px;max-width:21ch}
.hero .lead{max-width:44ch;margin-bottom:10px;opacity:.9}
.hero .receipt{margin-top:34px}
.datestamp{position:absolute;right:30px;bottom:26px;z-index:3;font-family:'JetBrains Mono',ui-monospace,monospace;
           font-size:13px;letter-spacing:2.5px;color:var(--clay);opacity:.95;font-variant-numeric:tabular-nums}
@media(max-width:620px){.datestamp{display:none}}
/* phone: keep the primary CTA above the fold on a 844px-tall viewport */
@media(max-width:620px){
  .hero{min-height:auto}
  .hero .wrap{padding-top:52px;padding-bottom:34px}
  .hero h1{margin-bottom:22px;font-size:clamp(32px,8.4vw,42px)}
  .hero .eyebrow{margin-bottom:22px}
  .hero .lead{margin-bottom:8px;font-size:17px;line-height:1.5}
  .hero .receipt{margin-top:28px}
  .hero .receipt{margin-bottom:16px;gap:6px}
  .hero .chip{font-size:10px;padding:7px 10px;letter-spacing:1.1px}
}

/* ---------- receipt chips (signature move) ---------- */
.receipt{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}
.chip{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:1.4px;
      text-transform:uppercase;background:transparent;border:1.5px solid currentColor;
      padding:9px 13px;display:inline-flex;align-items:center;gap:8px;
      transition:opacity var(--d2) var(--ease),transform var(--d2) var(--ease)}
.hero .chip{color:var(--butter)}
.tick{width:13px;height:13px;flex:none}

/* ---------- buttons ---------- */
.cta{display:inline-flex;align-items:center;gap:10px;background:var(--butter);color:var(--ink);
     text-decoration:none;font-family:'Fredoka',system-ui,sans-serif;font-weight:600;font-size:16px;
     padding:16px 26px;border-radius:999px;transition:transform var(--d1) var(--ease)}
.cta:hover{transform:translateY(-2px)}
.cta .arw{transition:transform var(--d1) var(--ease)}
.cta:hover .arw{transform:translateX(4px)}
.cta.dark{background:var(--ink);color:var(--butter)}
.ghost{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;
       border-bottom:1.5px solid currentColor;padding-bottom:2px;font-size:15px;opacity:.78;
       transition:opacity var(--d1) var(--ease)}
.ghost:hover{opacity:1}
.cta-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
:focus-visible{outline:3px solid var(--clay);outline-offset:3px}
/* touch targets: grow the hit area to ~44px without moving a single pixel */
.ghost,.lockup,footer a{position:relative}
.ghost::before,.lockup::before,footer a::before{
  content:'';position:absolute;left:-6px;right:-6px;top:-12px;bottom:-12px}

/* ---------- in-content links (network pages) ---------- */
.rung a,.grid a,section p a,.vs a{color:var(--butter);text-decoration:none;
  border-bottom:1px solid rgba(242,201,76,.45);transition:border-color var(--d1) var(--ease)}
.rung a:hover,.grid a:hover,section p a:hover,.vs a:hover{border-color:var(--butter)}
.butterband .rung a,.butterband .grid a,.butterband p a{color:var(--ink);border-bottom-color:rgba(33,31,28,.4)}
section ul{padding-left:18px}
section li{margin-bottom:4px}

/* ---------- sticky CTA (design-spec §5 StickyCtaBar) — mobile only ---------- */
.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--ink);
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  display:none;align-items:center;justify-content:space-between;gap:12px;
  transform:translateY(110%);transition:transform var(--d2) var(--ease);
  border-top:1px solid rgba(253,251,246,.15)}
.stickybar.show{transform:none}
.stickybar .lbl{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;
  letter-spacing:1.8px;text-transform:uppercase;color:var(--paper);opacity:.62}
.stickybar .cta{padding:11px 18px;font-size:15px}
@media(max-width:620px){.stickybar{display:flex}}
@media(prefers-reduced-motion:reduce){.stickybar{transition:none}}

/* ---------- reveal ---------- */
/* default VISIBLE — hidden only once JS confirms it can reveal them again */
.rev{opacity:var(--o,1);transition:opacity var(--d2) var(--ease),transform var(--d2) var(--ease)}
.js-anim .rev{opacity:0;transform:translateY(16px)}
.js-anim .rev.in{opacity:var(--o,1);transform:none}
.js-anim .chip{opacity:0;transform:translateY(9px)}
.js-anim .chip.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js-anim .rev,.js-anim .chip{opacity:1!important;transform:none!important;transition:none}}

/* ---------- film frames ---------- */
.frame{position:relative;background:var(--paper);padding:9px;display:block;isolation:isolate}
.frame img{display:block;width:100%;height:100%;object-fit:cover;
           filter:saturate(.95) contrast(1.03) sepia(.06)}
.frame::after{content:'';position:absolute;inset:9px;pointer-events:none;
              box-shadow:inset 0 0 60px rgba(33,31,28,.3)}
.frame.bare{padding:0}
.frame.bare::after{inset:0}
.ar43{aspect-ratio:4/3}.ar169{aspect-ratio:16/9}.ar32{aspect-ratio:3/2}
.ar43 img,.ar169 img,.ar32 img{position:absolute;inset:9px;width:calc(100% - 18px);height:calc(100% - 18px)}
.caption{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:2px;
         text-transform:uppercase;opacity:.55;margin-top:11px;display:block}

/* ---------- hairline grids ---------- */
.grid{display:grid;gap:1px;background:var(--ink);border:1px solid var(--ink)}
.grid>*{background:var(--paper);padding:32px}
.g2{grid-template-columns:1fr 1fr}
.g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.g2,.g3{grid-template-columns:1fr}}

/* ---------- bands ---------- */
.band{background:var(--ink);color:var(--paper)}
.band .grid{background:var(--paper);border-color:var(--paper)}
.band .grid>*{background:var(--ink)}
.butterband{background:var(--butter)}
.butterband .grid{background:var(--ink)}
.butterband .grid>*{background:var(--butter)}

/* ---------- split ---------- */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:currentColor;border:1px solid currentColor}
@media(max-width:820px){.vs{grid-template-columns:1fr}}
.vs>div{background:var(--ink);padding:38px 34px}
.vs h3{margin-bottom:14px}
.vs .who{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:2.4px;
         text-transform:uppercase;opacity:.55;margin-bottom:18px;display:block}

/* ---------- contact sheet ---------- */
.sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.sheet{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:560px){.sheet{grid-template-columns:1fr}}
.cell .frame{background:rgba(253,251,246,.9);padding:7px}
.cell .frame::after{inset:7px}
.cell .bar2{display:flex;align-items:center;gap:12px;margin-top:12px}
.cell .nm2{font-family:'Fredoka',system-ui,sans-serif;font-weight:500;font-size:16px;color:var(--paper);
           display:block;line-height:1.2}
.cell .tr2{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:1.8px;
           text-transform:uppercase;opacity:.5;color:var(--paper)}
.cell .fn{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:1.8px;
          color:var(--butter)}
.mark-chip{width:52px;height:52px;flex:none;background:var(--paper);padding:3px;position:relative}
.mark-chip img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.02)}
.mark-chip::after{content:'';position:absolute;inset:3px;pointer-events:none;
                  box-shadow:inset 0 0 14px rgba(33,31,28,.22)}
.sprocket{display:block;width:100%;height:16px}

/* ---------- offer ladder ---------- */
.rung{display:grid;grid-template-columns:118px 1fr 176px;gap:24px;padding:26px 0;
      border-top:1px solid rgba(33,31,28,.18);align-items:start}
.rung:last-child{border-bottom:1px solid rgba(33,31,28,.18)}
@media(max-width:820px){.rung{grid-template-columns:1fr;gap:8px}.rung .price{grid-column:1}}
.rung .tier{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:2px;
            text-transform:uppercase;padding-top:5px;opacity:.55}
.rung.top{background:rgba(242,201,76,.16);margin:0 -20px;padding-left:20px;padding-right:20px}
.rung.top .tier{opacity:1;color:var(--clay)}
.rung .price{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:1.4px;
             text-transform:uppercase;line-height:1.55;padding-top:5px;opacity:.7}
.rung .price b{font-weight:400;color:var(--clay);opacity:1}

/* ---------- pool math ---------- */
.pool{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;
      border:1px solid currentColor;padding:38px 34px}
@media(max-width:820px){.pool{grid-template-columns:1fr;gap:20px;text-align:left}}
.pool .arrowcol{font-family:'Fredoka',system-ui,sans-serif;font-weight:600;font-size:30px;opacity:.45}
@media(max-width:820px){.pool .arrowcol{transform:rotate(90deg);width:30px}}
.big{font-family:'Fredoka',system-ui,sans-serif;font-weight:600;letter-spacing:-0.015em;line-height:1;
     font-variant-numeric:tabular-nums;font-size:clamp(44px,6.4vw,68px)}
.big.acc{color:var(--butter)}
.poollabel{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:2px;
           text-transform:uppercase;opacity:.6;margin-top:10px;display:block;line-height:1.6}
.sixup{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}
.sixup i{width:34px;height:34px;border:1.5px solid currentColor;display:grid;place-items:center;
         font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;font-style:normal;opacity:.75}

/* ---------- seats ---------- */
.seat .status{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:1.6px;
              text-transform:uppercase;padding:3px 7px;border:1.5px solid currentColor;white-space:nowrap}
.seat .status.open{color:var(--butter)}
.seat .status.taken{opacity:.45}

/* ---------- steps ---------- */
.step{display:flex;gap:18px;align-items:flex-start;padding:24px 0;border-top:1px solid rgba(33,31,28,.2)}
.step:last-child{border-bottom:1px solid rgba(33,31,28,.2)}
.stepno{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:1px;
        opacity:.5;padding-top:4px;flex:none;width:28px;font-variant-numeric:tabular-nums}

/* ---------- marks ---------- */
.mark{padding:30px 0;border-top:1px solid rgba(253,251,246,.2);display:grid;
      grid-template-columns:52px 1fr 168px;gap:22px;align-items:start}
.mark:last-of-type{border-bottom:1px solid rgba(253,251,246,.2)}
@media(max-width:820px){.mark{grid-template-columns:44px 1fr;gap:16px}.mark .verdict{grid-column:2}}
.verdict{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:1.4px;
         text-transform:uppercase;line-height:1.5;padding-top:3px;opacity:.8}
.verdict.no{color:var(--clay);opacity:1}
.device{width:44px;height:44px;border-radius:50%;background:var(--butter);color:var(--ink);
        display:grid;place-items:center;font-family:'Fugaz One',cursive;font-size:19px;flex:none}
.device svg{width:21px;height:21px}

/* ---------- plan ---------- */
.phase{display:grid;grid-template-columns:112px 1fr;gap:24px;padding:22px 0;
       border-top:1px solid rgba(253,251,246,.2)}
.phase:last-of-type{border-bottom:1px solid rgba(253,251,246,.2)}
@media(max-width:620px){.phase{grid-template-columns:1fr;gap:6px}}
.phase .win{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:1.6px;
            text-transform:uppercase;opacity:.55;padding-top:4px;font-variant-numeric:tabular-nums}
.phase .wings{font-family:'Fredoka',system-ui,sans-serif;font-weight:500;font-size:19px;margin-bottom:4px}
.stat{font-family:'Fredoka',system-ui,sans-serif;font-weight:600;font-size:clamp(34px,4.4vw,46px);
      letter-spacing:-0.015em;line-height:1;font-variant-numeric:tabular-nums;margin-bottom:10px;color:var(--butter)}

/* ---------- closing ---------- */
.closer{position:relative;min-height:74vh;display:flex;align-items:center;
        background:var(--ink) center/cover no-repeat;isolation:isolate}
.closer::before{content:'';position:absolute;inset:0;background:rgba(33,31,28,.56)}
.closer::after{content:'';position:absolute;inset:0;pointer-events:none;
               box-shadow:inset 0 0 190px 40px rgba(33,31,28,.6)}
.closer .wrap{position:relative;z-index:2;color:var(--paper);padding-top:90px;padding-bottom:90px}

/* ---------- footer ---------- */
/* ---------- optional add-ons ---------- */
.addons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.addon{border:1.5px solid rgba(33,31,28,.22);border-radius:18px;padding:30px 28px 28px;
  display:flex;flex-direction:column;background:var(--paper);position:relative}
.addon .flag{position:absolute;top:-11px;left:26px;background:var(--ink);color:var(--butter);
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:2.2px;
  text-transform:uppercase;padding:5px 11px;border-radius:999px}
.addon .amt{font-family:'Fredoka',system-ui,sans-serif;font-weight:600;
  font-size:clamp(34px,3.6vw,44px);line-height:1;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.addon .per{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:2px;
  text-transform:uppercase;opacity:.5;display:block;margin-top:9px}
.addon h3{margin:22px 0 10px}
.addon p{font-size:15px;line-height:1.55;opacity:.72}
.addon .fixes{margin-top:auto;padding-top:20px;font-size:14px;line-height:1.5;
  border-top:1px solid rgba(33,31,28,.16)}
.addon .fixes b{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;
  letter-spacing:2.2px;text-transform:uppercase;opacity:.5;font-weight:400;margin-bottom:7px}
.addon.lever{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.addon.lever .amt{color:var(--butter)}
.addon.lever p{opacity:.78}
.addon.lever .fixes{border-top-color:rgba(253,251,246,.22)}
.addon.lever .flag{background:var(--butter);color:var(--ink)}
.optional{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.optional b{font-family:'Fredoka',system-ui,sans-serif;font-weight:600;font-size:clamp(23px,2.6vw,30px);
  letter-spacing:-0.015em}
.optional span{font-size:15px;opacity:.62}
@media(max-width:900px){.addons{grid-template-columns:1fr}}
/* ---------- the seal ---------- */
.sealwrap{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:56px;align-items:center}
.sealbox{display:grid;place-items:center;padding:44px;border:1.5px solid rgba(242,201,76,.32);
  border-radius:20px;background:rgba(242,201,76,.05)}
.sealbox img{width:100%;max-width:210px;height:auto;display:block}
.sealbox figcaption{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;
  letter-spacing:2.4px;text-transform:uppercase;color:var(--butter);opacity:.72;margin-top:22px;
  text-align:center;line-height:1.7}
.sealpts{display:flex;flex-direction:column;gap:26px}
.sealpts h3{margin-bottom:8px}
@media(max-width:820px){
  .sealwrap{grid-template-columns:1fr;gap:34px}
  .sealbox{padding:34px}
  .sealbox img{max-width:160px}
}
/* ---------- intake form ---------- */
.form{max-width:720px;margin-top:8px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fgrid .wide{grid-column:1/-1}
.field label{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;
  letter-spacing:2px;text-transform:uppercase;opacity:.6;margin-bottom:7px}
.field input,.field textarea,.field select{width:100%;background:rgba(253,251,246,.06);
  border:1.5px solid rgba(253,251,246,.26);border-radius:10px;color:var(--paper);
  font-family:'Figtree',system-ui,sans-serif;font-size:16px;padding:13px 14px}
.field textarea{min-height:104px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--butter);outline:none}
.field input::placeholder,.field textarea::placeholder{color:rgba(253,251,246,.34)}
.field select option{background:var(--ink);color:var(--paper)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fnote{font-size:13.5px;opacity:.55;margin-top:16px}
.fmsg{margin-top:18px;font-size:15.5px;line-height:1.55;padding:14px 16px;border-radius:10px;display:none}
.fmsg.on{display:block}
.fmsg.ok{background:rgba(242,201,76,.14);border:1px solid rgba(242,201,76,.5);color:var(--butter)}
.fmsg.bad{background:rgba(198,93,59,.16);border:1px solid rgba(198,93,59,.55);color:#F0A88C}
button.cta{border:none;cursor:pointer}
button.cta[disabled]{opacity:.55;cursor:wait}
@media(max-width:620px){.fgrid{grid-template-columns:1fr}}
/* ---------- directory (/check/) ---------- */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.tab{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11.5px;letter-spacing:1.6px;
  text-transform:uppercase;background:transparent;color:var(--paper);cursor:pointer;
  border:1.5px solid rgba(253,251,246,.26);border-radius:999px;padding:10px 15px;
  transition:border-color var(--d1) var(--ease),color var(--d1) var(--ease)}
.tab:hover{border-color:var(--butter);color:var(--butter)}
.tab[aria-selected="true"]{background:var(--butter);border-color:var(--butter);color:var(--ink)}
.dir{display:flex;flex-direction:column;gap:12px;max-width:780px}
.card{display:block;text-decoration:none;color:inherit;background:rgba(253,251,246,.05);
  border-left:3px solid var(--butter);padding:18px 20px;border-radius:0 12px 12px 0}
a.card:hover{background:rgba(242,201,76,.1)}
.card .wing{font-family:'Fredoka',system-ui,sans-serif;font-weight:600;font-size:20px;
  letter-spacing:-0.012em;display:block;margin-bottom:6px}
.card .who{font-size:16px;line-height:1.5}
.card .who b{color:var(--butter);font-weight:600}
.card .where{font-size:14px;opacity:.62;margin-top:4px}
.card.empty{border-left-color:rgba(253,251,246,.22)}
.card.empty .who{opacity:.55}
.dir .none{opacity:.6;font-size:15px}
@media(max-width:620px){
  .tab{font-size:10.5px;letter-spacing:1.2px;padding:9px 12px}
  .card .wing{font-size:18px}
}
footer{background:var(--ink);color:var(--paper);padding:60px 0 44px;font-size:14px}
.endorse{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:2.2px;
         text-transform:uppercase;color:var(--butter);opacity:.8}
.legal{opacity:.5;font-size:12.5px;line-height:1.66;max-width:74ch;margin-top:24px}
.rule{height:1px;background:rgba(253,251,246,.2);margin:32px 0}