:root{--bg-deep: #0d0d1a;--bg-surface: #161628;--bg-elevated: #1e1e38;--bg-glass: rgba(22, 22, 40, .85);--text-primary: #ede9e0;--text-secondary: #8a849a;--text-dim: #5a5570;--accent-amber: #f0c27f;--accent-coral: #e47a6a;--accent-mint: #1DB954;--accent-lavender: #a78bfa;--border-subtle: rgba(255, 255, 255, .06);--shadow-soft: 0 4px 24px rgba(0, 0, 0, .3);--shadow-glow: 0 0 60px rgba(167, 139, 250, .08);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--font-display: "Syne", sans-serif;--font-body: "Outfit", sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1)}html[data-theme=light]{--bg-deep: #f5f2ed;--bg-surface: #ffffff;--bg-elevated: #f0ece6;--bg-glass: rgba(255, 255, 255, .88);--text-primary: #2d2a26;--text-secondary: #6b6560;--text-dim: #9e9891;--accent-amber: #d4940e;--accent-coral: #c9543e;--accent-mint: #179443;--accent-lavender: #7c5cc4;--border-subtle: rgba(0, 0, 0, .08);--shadow-soft: 0 4px 24px rgba(0, 0, 0, .06);--shadow-glow: 0 0 60px rgba(167, 139, 250, .04)}*,*:before,*:after{box-sizing:border-box}*{margin:0}img,svg{display:block;max-width:100%}body:after{content:"";position:fixed;inset:0;z-index:10000;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='a' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--text-primary);background-color:var(--bg-deep);background-image:linear-gradient(135deg,#0d0d1a,#161628 35%,#1a1a30 65%,#0f0f20);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;overflow-y:scroll;scrollbar-gutter:stable both-edges}a{text-decoration:none;color:var(--accent-amber);outline:none;transition:color .2s ease}a:hover,a:focus{color:var(--accent-coral)}.hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentColor}.playlist-button .icon{font-size:1.2em}.footer-link .icon{font-size:1.1em}.card{position:relative;overflow:hidden}.card__image{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .6s var(--ease-out)}.card:hover .card__image{transform:scale(1.06)}.card__label{display:flex;position:absolute;bottom:0;left:0;right:0;padding:52px 16px 14px;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.25) 55%,transparent 100%);flex-direction:column;gap:2px;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:2;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.card:hover .card__label{opacity:1}.card__label-title{font-family:var(--font-display);font-weight:700;font-size:1.05em;color:#fff;line-height:1.25}.card__label-year{font-size:.78em;color:#ffffff8c;font-weight:300}.card__modal{display:none}.card--open .card__modal{display:flex;position:fixed;inset:0;z-index:10002;align-items:center;justify-content:center;animation:modal-fade-in .24s ease both}.card__modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card__modal-panel{position:relative;width:90%;max-width:640px;max-height:85vh;overflow-y:auto;overflow-x:hidden;background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft),var(--shadow-glow);border:1px solid var(--border-subtle);padding:40px}.card--open .card__modal-panel{animation:modal-panel-fly-in .36s var(--ease-out) both}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-panel-fly-in{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}body.modal-open{overflow:hidden;padding-right:var(--modal-scrollbar-compensation, 0px)}@media(prefers-reduced-motion:reduce){.card--open .card__modal,.card--open .card__modal-panel{animation:none}}.card__btn-close{position:absolute;top:8px;right:8px;width:18px;height:18px;padding:12px;box-sizing:content-box;cursor:pointer;fill:var(--text-secondary);transition:fill .2s ease,transform .2s ease;z-index:1}.card__btn-close:hover{fill:var(--text-primary);transform:none}@media only screen and (max-width:580px){.card__modal-panel{width:95%;padding:16px}}.album-meta{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;margin:0 auto 1rem;max-width:900px;padding:25px 30px 0}.album-cover{width:120px;height:120px;object-fit:cover;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000059}.album-info{display:flex;flex-direction:column;gap:6px}.album-title{margin:0;font-family:var(--font-display);font-size:1.4em;font-weight:700;line-height:1.2;color:var(--text-primary)}.album-stats{font-size:.9em;color:var(--text-secondary);display:flex;gap:12px}.album-stats .album-year:after{content:"·";margin-left:12px}.album-stats .album-year:last-child:after{content:"";margin:0}@media(min-width:900px){.album-meta{grid-template-columns:180px 1fr;gap:20px}.album-cover{width:180px;height:180px;border-radius:var(--radius-lg)}.album-title{font-size:2rem}}@media only screen and (max-width:580px){.album-meta{grid-template-columns:96px 1fr;gap:12px;padding:16px 16px 0}.album-cover{width:96px;height:96px}.album-title{font-size:1.5rem}}@media only screen and (max-width:400px){.album-meta{padding-left:0;padding-right:0}}.header{transition:opacity .3s ease-in-out}.header--hero{padding:0;text-align:left;overflow-x:hidden}.header--hero>.wrapper{padding-left:4%;padding-right:4%}.hero{display:grid;grid-template-columns:1fr;gap:32px;align-items:start;padding:2.5rem 0 1rem;min-width:0}.hero>*{min-width:0}@media(min-width:900px){.hero{grid-template-columns:1.2fr 1fr;gap:48px;padding:4rem 0 2rem}}@media only screen and (max-width:580px){.header--hero>.wrapper{padding-left:1.5rem;padding-right:1.5rem}.hero{padding:1.5rem 0 .5rem}.hero-title{font-size:min(15vw,4.5rem)}.hero__right{text-align:center}}.hero-eq{display:flex;align-items:flex-end;gap:3px;height:28px;margin-bottom:14px}.hero-eq span{display:block;width:4px;border-radius:2px;background:var(--accent-amber);transform-origin:bottom}.hero-eq span:nth-child(1){height:8px;animation:eq-pulse 1.4s ease-in-out 0s infinite}.hero-eq span:nth-child(2){height:20px;animation:eq-pulse 1.4s ease-in-out .15s infinite}.hero-eq span:nth-child(3){height:12px;animation:eq-pulse 1.4s ease-in-out .3s infinite}.hero-eq span:nth-child(4){height:26px;animation:eq-pulse 1.4s ease-in-out .45s infinite}.hero-eq span:nth-child(5){height:6px;animation:eq-pulse 1.4s ease-in-out .6s infinite}.hero-eq span:nth-child(6){height:18px;animation:eq-pulse 1.4s ease-in-out .75s infinite}.hero-eq span:nth-child(7){height:10px;animation:eq-pulse 1.4s ease-in-out .9s infinite}@keyframes eq-pulse{0%,to{transform:scaleY(.3);opacity:.4}50%{transform:scaleY(1);opacity:1}}.hero-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,4.5rem);font-weight:800;line-height:1;margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-amber) 50%,var(--accent-coral) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:title-shimmer 8s ease-in-out infinite}@keyframes title-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-tagline{font-size:clamp(.95rem,1.8vw,1.15rem);font-weight:400;color:var(--text-secondary);margin:.75rem 0 0;line-height:1.55}.hero-whisper{font-size:.85rem;font-style:italic;color:var(--text-dim);margin:.4rem 0 0}.hero-cta-label{display:block;font-family:var(--font-display);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-dim);margin:1.75rem 0 .75rem}.hero-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.hero__right .twitch-embed{position:relative;z-index:10001;width:100%;max-width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid var(--border-subtle);margin-top:1.5rem;margin-left:auto;margin-right:auto}.hero__right .twitch-embed iframe{display:block;width:100%;height:100%;max-width:100%}.hero__right .twitch-caption{margin-top:.6rem;font-weight:500;font-size:.85rem;font-style:italic;color:var(--text-dim);text-align:center}.playlist-button{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:600;font-size:.9rem;text-decoration:none;border:1.5px solid transparent;transition:all .2s var(--ease-out);cursor:pointer;color:var(--text-primary)}.playlist-button:active{transform:translateY(1px)}.playlist-button:hover{transform:translateY(-2px)}.playlist-button--spotify{background:var(--accent-mint);color:#fff;border-color:var(--accent-mint)}.playlist-button--spotify:hover,.playlist-button--spotify:focus{background:#1ed760;color:#fff;box-shadow:0 4px 24px #1db9544d}.playlist-button--apple{background:transparent;color:var(--text-primary);border-color:#ffffff26}.playlist-button--apple:hover,.playlist-button--apple:focus{background:#ffffff14;color:#fff;border-color:#ffffff4d}.playlist-button--youtube{background:transparent;color:var(--text-primary);border-color:#ffffff26}.playlist-button--youtube:hover,.playlist-button--youtube:focus{background:red;color:#fff;border-color:red;box-shadow:0 4px 24px #f003}.wrapper{overflow:visible;width:100%;max-width:1366px;margin:0 auto;padding-left:2%;padding-right:2%}.section-title{font-family:var(--font-display);font-size:clamp(1.4rem,3.2vw,2rem);font-weight:700;margin:1.25em 0 .75em;color:var(--text-primary);transition:opacity .3s ease-in-out;padding-left:0;padding-right:0}.wrapper--albums-header{padding-left:4%;padding-right:4%}@media only screen and (max-width:580px){.section-title{margin-top:2.25em}.cards{margin-top:.75em}}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.wrapper.cards{margin-bottom:4rem;padding-left:4%;padding-right:4%}.cards .card{margin:0;aspect-ratio:1 / 1;border-radius:var(--radius-lg);box-shadow:0 2px 16px #00000040;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out);animation:card-enter .7s var(--ease-out) backwards;animation-delay:calc(var(--stagger, 0) * .07s)}.cards .card.card--open{transform:none!important;transition:none}.cards .card:not(.card--open):hover{transform:translateY(-6px);box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff0a}@keyframes card-enter{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media only screen and (max-width:980px)and (min-width:581px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (max-width:580px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media only screen and (max-width:580px){.content .wrapper{padding-left:8%;padding-right:8%}}.album-links{max-width:900px;margin:0 auto;padding:0 30px}.album-links h3{font-family:var(--font-display);font-size:1em;font-weight:600;margin:1.5em 0 .6em;color:var(--text-primary)}.album-links-list{display:flex;flex-direction:column;gap:2px}.album-link{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;color:var(--text-secondary);text-decoration:none;font-size:1em;font-weight:500;border-radius:var(--radius-sm);transition:all .2s ease}.album-link:hover,.album-link:focus{color:var(--text-primary);background:#ffffff0d}.album-link .icon{width:20px;font-size:1.15em;flex-shrink:0}.album-link .icon--spotify{color:#1db954}.album-link .icon--apple{color:var(--text-secondary)}@media only screen and (max-width:580px){.album-links{padding:0 16px}}@media only screen and (max-width:400px){.album-links{padding:0}}.faq-section{padding:0 0 1rem}.faq-wrapper{padding-left:4%;padding-right:4%}.faq-header{max-width:820px;margin:0 auto 1rem}.faq-title{margin:0 0 .35rem}.faq-subtitle{margin:0;font-size:1rem;color:var(--text-secondary)}.faq-list{display:grid;gap:.85rem;max-width:820px;margin:0 auto}.faq-item{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-soft)}.faq-question{position:relative;list-style:none;cursor:pointer;margin:0;padding:1rem 3rem 1rem 1.2rem;font-family:var(--font-display);font-size:1rem;font-weight:700;line-height:1.35;color:var(--text-primary);transition:color .2s ease}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";position:absolute;top:50%;right:1.2rem;transform:translateY(-50%);font-family:var(--font-display);font-size:1.1rem;color:var(--accent-amber)}.faq-item[open] .faq-question{border-bottom:1px solid var(--border-subtle)}.faq-item[open] .faq-question:after{content:"-"}.faq-answer{margin:0;padding:.95rem 1.2rem 1.1rem;color:var(--text-secondary)}@media only screen and (max-width:580px){.faq-section{padding-bottom:.25rem}.faq-wrapper{padding-left:8%;padding-right:8%}.faq-question{font-size:.95rem;padding-right:2.5rem}}.site-footer{background:#0000004d;border-top:1px solid var(--border-subtle);color:var(--text-secondary);margin-top:4rem;padding:4.5rem 2.5rem 3.5rem}.footer__inner{display:grid;grid-template-columns:1fr;gap:2.25rem;margin-bottom:2rem}@media(min-width:900px){.footer__inner{grid-template-columns:1fr 2fr}}.footer__title{font-family:var(--font-display);font-weight:800;font-size:1.75rem;color:var(--text-primary)}.footer__subtitle{color:var(--text-dim);font-size:1rem;margin-top:.25rem}.footer__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem}@media only screen and (max-width:580px){.footer__links{grid-template-columns:1fr;gap:1rem}}.footer__heading{font-family:var(--font-display);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;margin:0 0 .75rem;color:var(--text-dim)}.footer-link{display:flex;align-items:center;gap:10px;color:var(--text-secondary);padding:3px 0;transition:color .2s ease}.footer-link:hover,.footer-link:focus{color:var(--accent-amber)}.footer__fineprint{text-align:center;margin-top:3rem;color:var(--text-dim);font-size:.85rem}@media(min-width:1024px){.footer__title{font-size:2.25rem}.footer__subtitle{font-size:1.125rem}.footer-link{font-size:1.05rem}}html[data-theme=light] body:after{opacity:.015}html[data-theme=light] body{background-image:linear-gradient(135deg,#f5f2ed,#ede8e0 35%,#e8e3da 65%,#f0ece6)}html[data-theme=light] .card__label{background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.18) 55%,transparent 100%)}html[data-theme=light] .cards .card{box-shadow:0 2px 16px #0000001a}html[data-theme=light] .cards .card:not(.card--open):hover{box-shadow:0 12px 40px #0000001f,0 0 0 1px #0000000a}html[data-theme=light] .playlist-button--apple{border-color:#00000026}html[data-theme=light] .playlist-button--apple:hover,html[data-theme=light] .playlist-button--apple:focus{background:#0000000d;color:var(--text-primary);border-color:#00000040}html[data-theme=light] .playlist-button--youtube{border-color:#00000026}html[data-theme=light] .album-link:hover,html[data-theme=light] .album-link:focus{background:#0000000a}html[data-theme=light] .site-footer{background:#00000008}html[data-theme=light] .faq-item{background:#ffffffb3}.theme-toggle{position:fixed;top:16px;right:16px;z-index:9999;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-subtle);border-radius:50%;background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;color:var(--text-secondary);transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}body.modal-open .theme-toggle{right:calc(16px + var(--modal-scrollbar-compensation, 0px))}.theme-toggle:hover{color:var(--text-primary);border-color:var(--accent-amber);transform:scale(1.1)}.theme-toggle svg{width:18px;height:18px;transition:opacity .2s ease,transform .3s var(--ease-out)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,html[data-theme=light] .theme-toggle .icon-sun{display:block}html[data-theme=light] .theme-toggle .icon-moon{display:none}@media only screen and (max-width:767px){.cards,.wrapper.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}