.hero{padding:var(--space-12) 0 var(--space-3);text-align:center}.hero+.section{padding-top:var(--space-4)}.hero h1{margin-bottom:var(--space-3);letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(2.5rem,8vw,4rem)}.section h2{text-align:center;margin-top:0;margin-bottom:var(--space-6)}.section h2 em{font-style:italic}.section h2 strong{text-transform:uppercase;letter-spacing:.05em}.project-card h3{color:var(--color-accent)}.project-card p{white-space:pre-line}.project-card{flex-direction:column;display:flex}.card-links{gap:var(--space-3);margin-top:auto;display:flex}.card-links a{min-width:var(--control-min-size);min-height:var(--control-min-size);font-size:var(--font-size-sm);align-items:center;font-weight:500;display:inline-flex}.book-card{flex-direction:column;display:flex}.book-card h3{color:var(--color-accent);min-height:3.6em}.book-card .btn{color:var(--color-accent);align-self:flex-start;margin-top:auto}.book-card .btn:hover{border-color:var(--color-accent);color:var(--color-text)}.playlist-stack{max-width:700px;margin:0 auto}.playlist-grid{background:var(--color-bg-elevated);border:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-card);border-radius:16px;grid-template-columns:repeat(7,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.playlist-embed{border:0 solid var(--color-border);opacity:0;pointer-events:none;visibility:hidden;background:0 0;border-radius:16px;gap:0;width:100%;max-width:none;min-height:0;max-height:0;margin:0;padding:0;transition:max-height .35s,opacity .25s,transform .35s,padding .35s,margin .35s;display:grid;overflow:hidden;transform:translateY(-8px)}.playlist-embed[data-state=ready],.playlist-embed[data-state=loading],.playlist-embed[data-state=failed]{opacity:1;pointer-events:auto;visibility:visible;max-height:720px;padding:var(--space-4);margin-bottom:var(--space-8);background:var(--color-bg-elevated);gap:var(--space-3);border-width:1px;transform:translateY(0)}.embed-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.embed-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%;display:flex}.embed-frame{position:relative}.embed-frame iframe{border-radius:12px}.embed-loading{justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-bg-elevated);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);border-radius:12px;display:flex;position:absolute;inset:0}.embed-loading-text{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.02em}.embed-loading:before{content:"";border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite embed-spin}.playlist-embed[data-state=loading] .embed-loading{opacity:1}.playlist-embed[data-state=loading] iframe{opacity:.3}.embed-link{min-height:var(--control-min-size);font-size:var(--font-size-xs);color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg);border-radius:999px;align-items:center;padding:.35rem .75rem;text-decoration:none;display:inline-flex}.embed-link:hover{border-color:var(--color-accent);color:var(--color-accent)}.embed-close{min-height:var(--control-min-size);padding-inline:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-inline-start:auto;padding:0;text-decoration:underline}.embed-failed{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:6px;display:flex}.embed-retry{min-width:var(--control-min-size);min-height:var(--control-min-size);padding-inline:var(--space-2);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;border-radius:6px}.embed-close:hover{color:var(--color-text)}.playlist-card{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:7.5rem;padding:var(--space-3) var(--space-1);border:0;border-inline-end:1px solid var(--color-border-subtle);transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;cursor:pointer;font:inherit;color:inherit;background:0 0;flex-direction:column;text-decoration:none;display:flex}.playlist-card:last-child{border-inline-end:0}.playlist-card__marker{background:var(--color-border);width:.5rem;height:.5rem;box-shadow:0 0 0 .25rem var(--color-bg-elevated);transition:background-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:999px}.playlist-card:hover{background:var(--color-control-hover)}.playlist-card.is-active{background:color-mix(in srgb, var(--color-accent) 12%, transparent);box-shadow:inset 0 -3px 0 var(--color-accent)}.playlist-card.is-active .playlist-card__marker,.playlist-card:hover .playlist-card__marker{background:var(--color-accent);box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-accent) 16%, transparent)}.playlist-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px}.playlist-year{font-size:var(--font-size-2xl);color:var(--color-text);font-weight:700;line-height:1}@media (width<=480px){.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-card{border-inline-end:1px solid var(--color-border-subtle);min-height:6.5rem}.playlist-card:nth-child(2n){border-inline-end:0}.playlist-card:nth-child(n+3){border-top:1px solid var(--color-border-subtle)}.playlist-card:last-child{border-inline-end:1px solid var(--color-border-subtle);grid-column:span 2}}.future-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.future-card h3{color:var(--color-accent);margin:0}.future-card p{white-space:pre-line}.status-badge{font-size:var(--font-size-xs);background:var(--color-bg-subtle);color:var(--color-text-muted);border-radius:4px;padding:.25rem .5rem;font-weight:500}.connect-content{text-align:center;max-width:500px;margin:0 auto}.connect-message{color:var(--color-text-muted);margin-bottom:var(--space-2)}.connect-links{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.social-link{align-items:center;gap:var(--space-1);min-width:0;max-width:100%;min-height:var(--control-min-size);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);overflow-wrap:anywhere;transition:all var(--transition-fast);border-radius:6px;font-weight:500;text-decoration:none;display:inline-flex}.social-link:hover{background:var(--color-bg-subtle);border-color:var(--color-border)}.social-icon{width:20px;height:20px;display:inline-flex}.social-icon svg{width:100%;height:100%;display:block}@media (width<=768px){.hero{padding:var(--space-8) 0 var(--space-6)}.future-header{flex-direction:column;align-items:flex-start}}@keyframes embed-spin{to{transform:rotate(360deg)}}