:root{--ink:#22211e;--paper:#f4f0e8;--cream:#e9e0cf;--coral:#d85f45;--muted:#77736c;--line:#d7d0c4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Mono',monospace}a{color:inherit;text-decoration:none}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);background:rgba(244,240,232,.9);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;box-shadow:0 1px 0 rgba(34,33,30,.05)}.brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.08em;font-weight:500}.brand small{display:block;color:var(--muted);font-size:9px;margin-top:4px;letter-spacing:.13em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--coral);color:#fff;border-radius:50%;font-family:'Playfair Display',serif;font-size:14px}nav{display:flex;gap:35px;font-size:12px}nav a{color:#2d2a27;padding:33px 0;font-weight:600;letter-spacing:.08em;opacity:.9}nav a.active,nav a:hover{color:var(--ink);border-bottom:2px solid var(--coral);opacity:1}.header-link{font-size:11px;border-bottom:1px solid var(--ink);padding-bottom:4px}.header-link span{color:var(--coral);font-size:16px}.home-section{padding:76px 6vw;background:linear-gradient(180deg,#f4f0e8 0%,#f7f3ec 100%)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2{font-family:'Playfair Display',serif;font-size:clamp(30px,4vw,54px);line-height:1.04;margin:0}.song-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.song-card{display:block;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.38);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.song-card:hover{transform:translateY(-4px);border-color:rgba(216,95,69,.45);box-shadow:0 18px 34px rgba(34,33,30,.08)}.cover-wrap{position:relative;overflow:hidden;border:1px solid rgba(34,33,30,.08);background:#d5c7ba}.cover-wrap img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .35s ease,filter .35s ease}.song-card:hover .cover-wrap img{transform:scale(1.04);filter:saturate(1)}.play{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(34,33,30,.86);color:#fff;font-size:11px;box-shadow:0 12px 24px rgba(0,0,0,.18)}.song-meta{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding-top:14px}.song-number{font-size:10px;color:var(--coral);letter-spacing:.18em}.song-meta h3{font-family:'Playfair Display',serif;font-size:20px;line-height:1.08;margin:0 0 6px}.song-meta p{font-size:10px;color:var(--muted);margin:0;line-height:1.7}.eyebrow{color:var(--coral);font-size:10px;letter-spacing:.18em;margin:0 0 23px}.hero h1,.page-intro h1,.detail-copy h1{font-family:'Playfair Display',serif;font-size:clamp(48px,6vw,86px);line-height:1.03;letter-spacing:0;margin:0}.hero h1 em,.page-intro h1 em{color:var(--coral);font-style:normal}.hero-text{color:var(--muted);font-size:12px;line-height:2;margin:30px 0}.button{display:inline-flex;gap:25px;align-items:center;padding:16px 19px;font-size:11px}.button-dark{background:var(--ink);color:#fff}.button-dark span{color:#f08a71;font-size:18px}.hero-art{position:relative;overflow:hidden;background:#d57858;min-height:575px}.sun{position:absolute;width:220px;height:220px;border-radius:50%;background:#f6c66b;top:80px;right:17%}.record{position:absolute;width:370px;height:370px;border-radius:50%;background:repeating-radial-gradient(circle,#222 0,#222 2px,#292827 3px,#222 5px);right:7%;bottom:-90px;box-shadow:10px 18px 0 #ac5544}.record:after{content:'';position:absolute;width:100px;height:100px;border-radius:50%;background:var(--coral);top:135px;left:135px;border:12px solid #202020}.record-label{position:absolute;z-index:2;color:#f4c66a;font-size:13px;text-align:center;top:166px;left:157px;line-height:1.3;letter-spacing:.1em}.art-note{position:absolute;color:#fff8e8;font-family:serif;font-size:70px}.note-one{left:18%;top:23%}.note-two{right:8%;top:9%;font-size:45px}.year-stamp{position:absolute;left:9%;bottom:45px;font-size:10px;color:#fff8e8;letter-spacing:.15em}.home-section{padding:76px 6vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2{font-family:'Playfair Display',serif;font-size:38px;margin:0}.section-heading>a{font-size:11px;border-bottom:1px solid;padding-bottom:5px}.song-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:17px}.cover-wrap{position:relative;aspect-ratio:1;background:#d4c5ae;overflow:hidden}.cover-wrap img,.detail-cover img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.7)}.play{position:absolute;right:10px;bottom:10px;background:var(--coral);color:white;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:10px}.song-meta{display:flex;gap:10px;padding-top:12px}.song-number{color:var(--coral);font-size:10px}.song-meta h3{font-family:'Playfair Display',serif;font-size:15px;margin:0 0 6px;line-height:1.15}.song-meta p{font-size:10px;color:var(--muted);margin:0;line-height:1.4}.page-intro{padding:88px 12vw 65px;background:var(--cream)}.page-intro h1{font-size:64px}.page-intro>p:last-child{color:var(--muted);font-size:12px;margin-top:28px}.search-form{display:flex;gap:10px;padding:30px 12vw;border-bottom:1px solid var(--line)}input,select,button{font:inherit;border:1px solid var(--line);background:transparent;padding:15px;font-size:11px}input{flex:1}button{background:var(--ink);color:white;cursor:pointer}.year-tabs{display:flex;gap:8px;padding:25px 12vw;overflow:auto;border-bottom:1px solid var(--line)}.year-tabs a{padding:10px 14px;border:1px solid var(--line);font-size:11px;white-space:nowrap}.year-tabs a.selected,.year-tabs a:hover{background:var(--coral);border-color:var(--coral);color:white}.results{padding:38px 12vw 90px}.results-head{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:13px}.results-head strong{color:var(--coral);font-weight:400}.list{border-top:1px solid var(--ink)}.list-row{display:grid;grid-template-columns:55px 55px 1fr 80px 25px;align-items:center;gap:18px;padding:12px 4px;border-bottom:1px solid var(--line)}.list-row:hover{background:#ebe5d9}.list-row img{width:55px;height:55px;object-fit:cover}.rank{color:var(--coral);font-size:11px}.row-title strong,.row-title small{display:block}.row-title strong{font-family:'Playfair Display',serif;font-size:16px}.row-title small,.row-year{font-size:10px;color:var(--muted);margin-top:5px}.row-arrow{color:var(--coral);font-size:18px}.song-detail{display:grid;grid-template-columns:minmax(300px,480px) 1fr;gap:9vw;align-items:center;max-width:1100px;margin:80px auto;padding:0 30px 80px}.detail-cover{aspect-ratio:1;max-width:480px;background:#d4c5ae}.detail-copy h1{font-size:58px}.detail-copy h2{font-family:'Playfair Display',serif;color:var(--coral);font-size:22px;margin:15px 0 30px}.detail-note{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:30px}.connection-error{margin:80px auto;padding:30px;max-width:800px;border:1px solid var(--coral);display:grid;gap:10px}.connection-error strong{font-family:'Playfair Display',serif;font-size:24px}.connection-error span,.connection-error small{font-size:11px;color:var(--muted);word-break:break-word}footer{display:flex;justify-content:space-between;padding:30px 6vw;border-top:1px solid var(--line);color:var(--muted);font-size:9px;letter-spacing:.1em}@media(max-width:800px){.site-header{height:72px;padding:0 5vw}.brand{font-size:11px}nav{gap:15px}nav a{padding:25px 0}.header-link{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 8vw 55px}.hero-art{min-height:370px}.record{width:290px;height:290px;bottom:-90px}.record:after{top:105px;left:105px}.record-label{top:136px;left:127px}.song-grid{grid-template-columns:repeat(2,1fr);gap:28px 14px}.section-heading h2{font-size:28px}.page-intro{padding:60px 8vw 45px}.page-intro h1{font-size:44px}.search-form{padding:20px 8vw;flex-wrap:wrap}.search-form input{flex-basis:100%}.results{padding:30px 8vw}.list-row{grid-template-columns:30px 45px 1fr 22px;gap:9px}.list-row img{width:45px;height:45px}.row-year{display:none}.row-title strong{font-size:13px}.song-detail{grid-template-columns:1fr;gap:35px;margin:40px auto}.detail-copy h1{font-size:44px}footer{display:block;line-height:2.3}}