@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap');
:root{
  --bg:#F7F7F4; --bg-sub:#F2F1ED; --bg-raise:#EDECE8; --chip:#E1E0DB;
  --ink:#26251E; --ink2:#55544D; --muted:#6B6A64;
  --green:#287055; --green-soft:rgba(40,112,85,.10); --accent:#F54E00;
  --line:rgba(38,37,30,.10); --line2:rgba(38,37,30,.18);
  --radius:4px; --radius-card:14px;
  --sans:'Geist',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--sans);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{background:var(--bg)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3{font-weight:400;text-wrap:balance}
h1 em{font-style:normal;color:var(--accent)}
p{text-wrap:pretty}
.eyebrow{font:400 12.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.eyebrow::before{content:'▸ ';color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:var(--radius);font:500 15px var(--sans);border:1px solid var(--line2);background:transparent;color:var(--ink)}
.btn-primary{background:var(--green);color:#fff;border-color:var(--green)}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.tag{display:inline-flex;align-items:center;gap:6px;font:400 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--green);background:var(--green-soft);padding:3px 8px;border-radius:4px}
.tag::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.card{border-radius:var(--radius-card);border:1.5px solid rgba(255,255,255,.22);aspect-ratio:2.5/3.5}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
:root .stack[hidden] { display: none; }
.stack:not(.ready) .picks { visibility: hidden; }
.showcase-unavailable { padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); color: var(--ink2); line-height: 1.6; overflow-wrap: anywhere; }
.tag { max-width: 100%; box-sizing: border-box; overflow-wrap: anywhere; }