.btn-primary{display:inline-block;font-family:Syne,sans-serif;font-weight:500;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;padding:.875rem 2rem;border-radius:100px;background:var(--btn-bg, var(--coral));color:var(--btn-text, var(--canvas));border:2px solid var(--btn-bg, var(--coral));transition:background .22s var(--ease-out),color .22s var(--ease-out),transform var(--fast) var(--ease-out)}.btn-primary:hover{background:transparent;color:var(--btn-bg, var(--coral));transform:translateY(-2px)}.btn-secondary{display:inline-block;font-family:Syne,sans-serif;font-weight:500;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;padding:.875rem 2rem;border-radius:100px;background:transparent;color:var(--btn-col, var(--ink));border:2px solid var(--btn-col, var(--border-mid));transition:background .22s var(--ease-out),color .22s var(--ease-out),transform var(--fast) var(--ease-out)}.btn-secondary:hover{background:var(--btn-col, var(--ink));color:var(--canvas);transform:translateY(-2px)}.btn-ghost{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:Syne,sans-serif;font-weight:500;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;color:var(--btn-col, var(--active-color));transition:gap var(--mid) var(--ease-spring)}.btn-ghost:hover{gap:var(--sp-2)}.btn-ghost .arrow{transition:transform var(--mid) var(--ease-spring)}.btn-ghost:hover .arrow{transform:translate(4px)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-mid);color:var(--ink);transition:background var(--fast) var(--ease-out),color var(--fast) var(--ease-out),transform var(--fast) var(--ease-spring)}.btn-icon:hover{background:var(--coral);color:var(--canvas);transform:scale(1.1)}.btn-icon.small{width:32px;height:32px}.btn-icon.large{width:56px;height:56px}.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:color-mix(in srgb,var(--canvas) 80%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:Fraunces,serif;font-variation-settings:"opsz" 36;font-weight:400;font-size:1.125rem;letter-spacing:-.02em}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--active-color);transition:background var(--mid) var(--ease-out)}.nav-right,.nav-links{display:flex;align-items:center;gap:var(--sp-4)}.subscribe-trigger{display:inline-flex;align-items:center;gap:var(--sp-1);padding:6px var(--sp-2);border:1px solid var(--border-mid);border-radius:100px;color:var(--ink-dim);transition:border-color var(--fast) var(--ease-out),color var(--fast) var(--ease-out)}.subscribe-trigger:hover{border-color:var(--coral);color:var(--ink)}.subscribe-dot{width:7px;height:7px;border-radius:50%;background:var(--coral);animation:subscribe-pulse 2s var(--ease-out) infinite}.nav-link{position:relative;padding:4px 0;color:var(--ink-dim);transition:color var(--mid) var(--ease-out)}.nav-link:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--link-color, var(--coral));transform:scaleX(0);transform-origin:left;transition:transform var(--mid) var(--ease-out)}.nav-link:hover{color:var(--ink)}.nav-link:hover:after{transform:scaleX(1)}.nav-link[aria-current=page]{color:var(--ink)}.nav-link[aria-current=page]:after{background:var(--active-color);transform:scaleX(1)}.card{--c: var(--coral);position:relative;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--border);border-radius:4px;background:transparent;transition:background var(--slow) var(--ease-out)}.card:hover{background:var(--surface)}.card .accent-line{position:absolute;top:0;left:0;height:2px;width:100%;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform var(--slow) var(--ease-out)}.card:hover .accent-line{transform:scaleX(1)}.card-label{display:inline-flex;align-items:center;gap:var(--sp-1);color:var(--c)}.card-label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c);transition:transform var(--mid) var(--ease-spring)}.card:hover .card-label:before{transform:scale(1.6)}.card-title{color:var(--ink)}.card-desc{color:var(--ink-dim)}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--sp-2)}.card-arrow{font-size:1.125rem;color:var(--ink-dim);transition:transform var(--mid) var(--ease-spring),font-size var(--mid) var(--ease-spring),color var(--mid) var(--ease-out)}.card:hover .card-arrow{transform:translate(6px);font-size:1.375rem;color:var(--c)}.card.has-audio{cursor:pointer}.card-link{position:absolute;inset:0;z-index:1;border-radius:4px}.card-actions{position:relative;z-index:2;display:inline-flex;align-items:center;gap:var(--sp-1);margin-right:auto}.card-play{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--c);color:var(--canvas);transition:transform var(--fast) var(--ease-spring)}.card-play svg{margin-left:1px}.card-play:hover{transform:scale(1.1)}.card-queue{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-mid);color:var(--ink-dim);transition:color var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out),transform var(--fast) var(--ease-spring)}.card-queue:hover{color:var(--c);border-color:var(--c);transform:scale(1.1)}.tag{display:inline-block;padding:4px var(--sp-2);border:1px solid var(--border);border-radius:100px;color:var(--ink-dim);transition:border-color var(--fast) var(--ease-out),color var(--fast) var(--ease-out)}.tag:hover{border-color:var(--coral);color:var(--coral)}.section-head{align-items:end;margin-bottom:var(--sp-6)}.section-num{grid-column:span 2;font-family:Fraunces,serif;font-style:italic;font-variation-settings:"opsz" 36;font-weight:400;opacity:.4;color:var(--active-color)}.section-title-col{grid-column:span 10}.section-intro{color:var(--ink-dim);margin-top:var(--sp-3);max-width:52ch}@media(max-width:768px){.section-num{grid-column:span 12;margin-bottom:var(--sp-1)}.section-title-col{grid-column:span 12}}.divider{border:0;border-top:1px solid var(--border)}.divider.accent{height:1px;border:0;background:linear-gradient(90deg,var(--coral),var(--amber),var(--teal),var(--blue));opacity:.4}