:root{color:#1d1b1a;font-synthesis:none;text-rendering:optimizelegibility;--surface:#f7f5f2;--surface-raised:#fff;--surface-muted:#ece9e4;--text:#1d1b1a;--text-soft:#68615c;--line:#d8d3cd;--accent:#c93f2f;--accent-strong:#a72c21;--ink:#24282e;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:#f7f5f2;font-family:Aptos,Segoe UI Variable,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#171615;--surface-raised:#211f1e;--surface-muted:#2b2826;--text:#f2efeb;--text-soft:#b9b1aa;--line:#3f3a36;--accent:#e16b59;--accent-strong:#ef806f;--ink:#0f1114;color:var(--text);background:var(--surface)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface);min-width:320px;min-height:100dvh;color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:active,.primary-button:active,.secondary-button:active{transform:translateY(1px)}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 65%, transparent);outline-offset:3px}.page-width{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1240px,100% - 32px);height:72px;margin:0 auto;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-weight:800;display:inline-flex}.brand-mark{background:var(--accent);color:#fff9f6;border-radius:10px;place-items:center;width:36px;height:36px;font-size:13px;display:grid}.main-nav{align-items:center;gap:6px;display:flex}.main-nav a{color:var(--text-soft);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:10px 12px;font-size:14px;font-weight:650;display:inline-flex}.main-nav a:hover,.main-nav a.active{background:var(--surface-muted);color:var(--text)}.icon-button{color:var(--text);background:0 0;border:0;border-radius:10px;padding:8px}.menu-button{display:none}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(40px,8vw,110px);min-height:min(760px,100dvh - 72px);padding-block:56px;display:grid}.hero-copy{max-width:620px}.eyebrow,.page-intro>span,.request-copy>span,.lyric-header>div>span,.entity-header>div>span{color:var(--accent);align-items:center;gap:7px;margin-bottom:20px;font-size:14px;font-weight:750;display:inline-flex}.hero h1,.page-intro h1,.request-copy h1{letter-spacing:-.055em;max-width:720px;margin:0;font-size:clamp(44px,6.6vw,82px);line-height:.98}.hero-copy>p{max-width:540px;color:var(--text-soft);margin:25px 0 30px;font-size:clamp(18px,2vw,22px);line-height:1.45}.hero-search,.wide-search{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);box-shadow:0 18px 45px color-mix(in srgb, var(--ink) 10%, transparent);align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex}.hero-search input,.wide-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.hero-search button,.wide-search button,.primary-button{background:var(--accent);color:#fff9f6;white-space:nowrap;border:0;border-radius:10px;min-height:44px;padding:0 20px;font-weight:750}.hero-search button:hover,.wide-search button:hover,.primary-button:hover{background:var(--accent-strong)}.hero-featured{border-radius:var(--radius);background:var(--surface-raised);border:1px solid var(--line);box-shadow:0 28px 80px color-mix(in srgb, var(--ink) 12%, transparent);padding:28px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px;display:flex}.section-heading.compact{align-items:start;margin-bottom:18px}.section-heading span{color:var(--accent);font-size:13px;font-weight:750}.section-heading h2{letter-spacing:-.045em;max-width:650px;margin:8px 0 0;font-size:clamp(30px,4.5vw,54px);line-height:1}.section-heading.compact h2{max-width:320px;font-size:25px;line-height:1.08}.section-heading p{max-width:520px;color:var(--text-soft);margin:13px 0 0;font-size:17px;line-height:1.6}.section-heading>a{color:var(--accent);white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.lyric-list{display:grid}.lyric-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:75px;padding:10px 4px;transition:transform .2s,color .2s;display:grid}.lyric-row:last-child{border-bottom:0}.lyric-row:hover{color:var(--accent);transform:translate(3px)}.song-icon{background:var(--surface-muted);width:39px;height:39px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.song-copy{gap:4px;display:grid}.song-copy strong{font-size:16px}.song-copy small{color:var(--text-soft)}.discovery{padding-block:90px 120px}.discovery-grid{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.discovery-block{border-radius:var(--radius);flex-direction:column;justify-content:end;align-items:flex-start;min-height:240px;padding:30px;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.discovery-block:hover{transform:translateY(-4px)}.discovery-block strong{letter-spacing:-.03em;font-size:28px}.discovery-block span{opacity:.78;max-width:350px;margin:9px 0 24px;line-height:1.5}.discovery-block svg{position:absolute;top:28px;right:28px}.discovery-block.coral{background:var(--accent);color:#fff9f6;grid-row:span 2;min-height:498px}.discovery-block.ink{background:var(--ink);color:#f6f4f1}.discovery-block.outline{border:1px solid var(--line);background:var(--surface-raised);min-height:240px}.content-page{min-height:75dvh;padding-block:70px 120px}.page-intro{margin-bottom:44px}.page-intro h1{font-size:clamp(42px,6vw,74px)}.page-intro p{max-width:560px;color:var(--text-soft);font-size:18px;line-height:1.55}.wide-search{max-width:800px;margin-bottom:48px}.search-results{grid-template-columns:1.2fr .8fr;align-items:start;gap:70px;display:grid}.search-results h2,.entity-lyrics h2{letter-spacing:-.025em;margin:0 0 18px;font-size:27px}.search-results h2 small{color:var(--text-soft);font-size:14px}.entity-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.entity-grid a{border-radius:var(--radius);background:var(--surface-raised);border:1px solid var(--line);gap:5px;min-height:100px;padding:18px;display:grid}.entity-grid span{color:var(--text-soft);font-size:14px}.directory-grid{grid-template-columns:repeat(2,1fr);gap:0 40px;display:grid}.directory-item{border-bottom:1px solid var(--line);grid-template-columns:45px 1fr auto;align-items:center;gap:16px;min-height:92px;display:grid}.directory-item:hover strong{color:var(--accent)}.directory-index{color:var(--text-soft);font-variant-numeric:tabular-nums}.directory-item>div{gap:5px;display:grid}.directory-item strong{font-size:19px}.directory-item small{color:var(--text-soft)}.entity-header{border-bottom:1px solid var(--line);grid-template-columns:300px 1fr;align-items:end;gap:60px;padding-bottom:65px;display:grid}.entity-header img,.image-fallback{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);background:var(--accent);width:300px}.image-fallback{color:#fff9f6;place-items:center;font-size:100px;font-weight:800;display:grid}.entity-header h1,.lyric-header h1{letter-spacing:-.055em;margin:0;font-size:clamp(46px,7vw,86px);line-height:.95}.entity-header p{max-width:600px;color:var(--text-soft);font-size:18px;line-height:1.6}.entity-header div>strong{color:var(--accent)}.entity-lyrics{max-width:800px;padding-top:60px}.lyric-page{max-width:900px;min-height:80dvh;padding-block:50px 110px}.back-link{color:var(--text-soft);align-items:center;gap:7px;margin-bottom:55px;font-weight:650;display:inline-flex}.lyric-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:30px;padding-bottom:36px;display:flex}.lyric-header h1{font-size:clamp(48px,7vw,80px)}.lyric-header a{color:var(--accent);margin-top:16px;font-size:20px;font-weight:750;display:inline-block}.lyric-header small{color:var(--text-soft);align-items:center;gap:5px;margin-left:14px;display:inline-flex}.secondary-button{border:1px solid var(--line);background:var(--surface-raised);min-height:44px;color:var(--text);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:0 15px;font-weight:700;display:inline-flex}.lyrics-body{gap:8px;padding-top:50px;font-size:clamp(18px,2.2vw,22px);line-height:1.65;display:grid}.request-page{grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(55px,9vw,120px);min-height:75dvh;padding-block:80px 120px;display:grid}.request-copy{position:sticky;top:35px}.request-copy h1{font-size:clamp(44px,5.5vw,68px)}.request-copy p{color:var(--text-soft);font-size:18px;line-height:1.6}.request-form{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-raised);gap:22px;padding:32px;display:grid}.request-form label{gap:8px;font-size:14px;font-weight:700;display:grid}.request-form input,.request-form textarea{border:1px solid var(--line);width:100%;color:var(--text);background:var(--surface);border-radius:10px;outline:0;padding:12px 14px}.request-form input:focus,.request-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.primary-button{justify-content:center;justify-self:start;align-items:center;gap:8px;display:inline-flex}.primary-button:disabled{opacity:.6;cursor:wait}.form-error{color:var(--accent-strong);margin:0;font-weight:650}.success-panel{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-raised);padding:44px}.success-panel>svg{color:var(--accent)}.success-panel h2{letter-spacing:-.03em;font-size:34px}.success-panel p{color:var(--text-soft)}.loading-rows{gap:12px;display:grid}.skeleton{border-radius:var(--radius);background:linear-gradient(100deg, var(--surface-muted) 35%, color-mix(in srgb, var(--surface-muted) 62%, var(--surface-raised)) 50%, var(--surface-muted) 65%);background-size:220% 100%;height:72px}.state-message{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);align-items:flex-start;gap:14px;padding:24px;display:flex}.state-message strong{font-size:18px}.state-message p{color:var(--text-soft);margin:6px 0 0;line-height:1.5}.error-state svg{color:var(--accent);flex:none}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;width:min(1240px,100% - 32px);min-height:150px;margin-inline:auto;display:flex}.site-footer>div{gap:6px;display:grid}.site-footer span{color:var(--text-soft)}.site-footer>a{color:var(--accent);font-weight:700}@media (prefers-reduced-motion:no-preference){.hero-copy,.hero-featured{animation:.65s cubic-bezier(.16,1,.3,1) both enter}.hero-featured{animation-delay:.1s}.skeleton{animation:1.6s linear infinite shimmer}@keyframes enter{0%{opacity:0;transform:translateY(18px)}}@keyframes shimmer{to{background-position-x:-220%}}}@media (width<=820px){.page-width{width:min(100% - 32px,680px)}.site-header{position:relative}.menu-button{display:inline-grid}.main-nav{z-index:10;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);box-shadow:0 20px 60px color-mix(in srgb, var(--ink) 18%, transparent);padding:12px;display:none;position:absolute;top:64px;left:0;right:0}.main-nav.is-open{display:grid}.main-nav a{padding:13px}.hero{grid-template-columns:1fr;min-height:auto;padding-block:58px 85px}.hero h1{font-size:clamp(46px,13vw,68px)}.discovery-grid,.search-results,.request-page,.entity-header{grid-template-columns:1fr}.discovery-block.coral{grid-row:auto;min-height:300px}.directory-grid{grid-template-columns:1fr}.request-copy{position:static}.entity-header{align-items:start;gap:30px}.entity-header img,.image-fallback{width:min(100%,360px)}}@media (width<=520px){.brand>span:last-child{display:none}.hero-search,.wide-search{grid-template-columns:auto 1fr;display:grid}.hero-search button,.wide-search button{grid-column:1/-1;width:100%}.hero-featured,.request-form{padding:20px}.section-heading{flex-direction:column;align-items:start}.discovery-grid,.entity-grid,.form-row{grid-template-columns:1fr}.lyric-header{flex-direction:column;align-items:start}.site-footer{flex-direction:column;justify-content:center;align-items:start}}
