:root{--paper:#f6f1e7;--ink:#292c27;--muted:#686a60;--olive:#4c5748;--rust:#996345;--line:#d8d2c4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.7}a{color:inherit}header{position:sticky;top:0;z-index:10;background:#f6f1e7f2;backdrop-filter:blur(12px);padding:22px 5.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;letter-spacing:.24em;font-size:14px}.brand b{font-weight:800}nav{display:flex;gap:32px;font-size:13px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}main{max-width:1500px;margin:auto}.hero{padding:65px 5.5% 80px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:bold;color:var(--rust);margin:0 0 24px}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.06;letter-spacing:-.045em;margin:0}h1{font-size:clamp(64px,7.2vw,112px)}em{font-weight:normal;color:var(--rust)}.intro{font-size:23px;line-height:1.45;margin:28px 0 18px}.roles{font-size:13px;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;text-decoration:none;background:var(--olive);color:white;gap:44px;padding:14px 22px;font-size:13px}.button:hover{background:#354132}figure{margin:0}figure img{width:100%;display:block;box-shadow:0 20px 55px #35251525}figcaption{font-size:9px;letter-spacing:.22em;color:var(--muted);margin-top:16px}.story{padding:90px 8%;border-top:1px solid var(--line)}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}h2{font-size:clamp(40px,4.2vw,66px)}.lead{font-family:Georgia,serif;font-size:24px;line-height:1.5}.story-grid p:not(.lead){font-size:15px;color:var(--muted)}blockquote{margin:35px 0 0;padding-left:23px;border-left:2px solid var(--rust);font-family:Georgia,serif;font-size:24px;line-height:1.5}.songs{padding:75px 5.5%;background:#eeeadf}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-top>p{font-size:13px;color:var(--muted)}.song-index{display:flex;gap:8px;flex-wrap:wrap;padding:35px 0 45px}.song-index a{font-size:11px;text-decoration:none;border:1px solid #c9c5b9;padding:8px 12px;border-radius:2px}.song-index a:hover{background:var(--olive);color:white}.song{padding:55px 0;border-top:1px solid #ccc8bc;display:grid;grid-template-columns:36% 1fr;gap:65px;scroll-margin-top:90px}.cover{width:100%;display:block;aspect-ratio:1;object-fit:cover}.missing-art{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:35px;background:#ddd8c9;font-family:Georgia,serif;font-size:40px;color:var(--olive)}.song-number{font-size:11px;color:var(--rust);letter-spacing:.18em;margin:0 0 17px}.song h3{font-size:44px}.song-story{font-size:15px;max-width:600px;color:#5e6257;margin:20px 0 24px}.version-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin:20px 0 8px}select{font:inherit;padding:8px;border:1px solid #bdb9ad;background:transparent;color:var(--ink);max-width:100%}audio{width:100%;display:block;margin:14px 0 25px}details{border-top:1px solid #ccc8bc;margin-top:22px}summary{cursor:pointer;padding:14px 0;font-size:13px}summary:hover{color:var(--rust)}.lyrics{white-space:pre-wrap;font-family:Georgia,serif;font-size:17px;line-height:1.85;padding:15px 0 25px}.pending{font-size:12px;color:var(--muted)}iframe{width:100%;border:0;border-radius:12px;margin-top:15px}.writer{display:grid;grid-template-columns:36% 1fr;gap:75px;padding:100px 8%;align-items:center}.writer img{width:100%;aspect-ratio:3/4;object-fit:cover}.writer p:not(.eyebrow){max-width:560px}.writer p:not(.lead):not(.eyebrow){color:var(--muted);font-size:15px}footer{padding:35px 5.5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}footer p{color:var(--muted)}:focus-visible{outline:3px solid var(--rust);outline-offset:4px}@media(max-width:800px){header{padding:18px 6%}nav{gap:15px;font-size:11px}.brand{font-size:11px}.hero{padding:40px 6% 55px;gap:35px;grid-template-columns:1fr}h1{font-size:76px}.hero figure{max-width:520px}.story{padding:55px 6%}.story-grid{grid-template-columns:1fr;gap:20px}.section-top{display:block}.songs{padding:55px 6%}.song{grid-template-columns:1fr;gap:27px;padding:40px 0}.song-art{max-width:480px}.song h3{font-size:38px}.writer{grid-template-columns:1fr;padding:60px 6%;gap:30px}.writer img{max-width:340px}footer{flex-wrap:wrap}.lead{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#the-quiet-things .song-story{white-space:pre-line}

#the-easy-kind .song-story{white-space:pre-line}

#leave-the-lights-on .song-story{white-space:pre-line}

#saturday-satellites .song-story{white-space:pre-line}

#between-the-versions .song-story{white-space:pre-line}

#round-the-table .song-story{white-space:pre-line}

#room-for-one-more .song-story{white-space:pre-line}

#the-easy-kind-special-version .song-story{white-space:pre-line}

#where-north-is .song-story{white-space:pre-line}

#a-different-version .song-story{white-space:pre-line}


/* Album introduction: shorter copy with selective emphasis. */
.story-grid .story-copy p:not(.lead){font-size:17px;line-height:1.8;margin:0 0 22px}
.story-copy .lead{font-size:clamp(22px,2.1vw,27px);line-height:1.55;margin:0 0 30px}
.story-copy strong{color:var(--ink);font-weight:700}
.story-copy blockquote{font-size:clamp(23px,2.1vw,29px);line-height:1.5;margin-top:32px}
.story-copy blockquote em{display:inline-block;margin-top:9px;font-size:clamp(32px,3.2vw,44px)}
