:root{font-family:Arial,Helvetica,sans-serif;color:#20272b;background:#fafbfc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #6e9cb5;outline-offset:7px}.skip-link{position:absolute;top:-80px;left:24px;padding:12px;background:#fff;z-index:5}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;gap:27px;padding:32px 40px}.signature{display:flex}.symbol{width:26px;height:26px;fill:currentColor}.header-note{font:12px/1.55 monospace;letter-spacing:.9px;color:#727b83}nav{display:flex;gap:34px;margin-left:auto;font-size:16px}nav a{padding:10px 0}nav a[aria-current]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:#b2bdc4}nav a:hover{color:#607887}main{max-width:1180px;margin:0 auto;padding:102px 42px 116px}.letter-heading{margin-left:266px;margin-bottom:76px}.eyebrow{font:11px/1.6 monospace;letter-spacing:1.4px;color:#78858d;margin:0 0 32px}h1{max-width:820px;font-size:clamp(54px,6.3vw,88px);font-weight:400;letter-spacing:-4px;line-height:1.015;margin:0;text-wrap:balance}.letter-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:56px}.listening{align-self:start;position:sticky;top:48px;padding-top:9px}.listening-label{display:block;font:10px/1.6 monospace;letter-spacing:1.2px;color:#8a949b;margin-bottom:18px}.listening a{display:flex;gap:13px;align-items:flex-start}.listen-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #dce1e5;border-radius:50%;font-size:17px;flex:none}.listening strong{font-size:14px;font-weight:400;line-height:1.5}.composer,.platform{display:block;color:#78858d;font-size:12px;line-height:1.7}.platform{font-size:11px;margin-top:6px}.listening a:hover .platform{text-decoration:underline;text-underline-offset:3px}.listening a:hover .listen-icon{border-color:#8099a7}.letter-copy{max-width:740px;font-size:21px;line-height:1.7;letter-spacing:-.15px}.letter-copy>p{margin:0 0 27px}.letter-copy .chapter{margin-top:64px}.signoff{margin-top:48px}.signoff p{margin:0}.name{font-size:26px;letter-spacing:-.5px}.contact{font-size:16px;margin-top:17px!important;color:#7a858c}.contact a{color:#263239;border-bottom:1px solid #b6c2c9;padding-bottom:4px}.contact a:hover{border-color:#263239}.site-footer{margin:0 40px;padding:35px 0 42px;border-top:1px solid #dce2e6;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{font-size:26px;letter-spacing:3px;font-weight:400}.site-footer>a:last-child{font-size:14px;color:#697780}.site-footer span{margin-left:20px}@media(min-width:1700px){main{padding-top:130px;padding-bottom:150px}}@media(max-width:900px){main{max-width:770px;padding:68px 36px 90px}.letter-heading{margin-left:0;margin-bottom:38px}h1{max-width:700px;font-size:64px;letter-spacing:-2.8px}.letter-layout{display:flex;flex-direction:column;gap:45px}.listening{position:static;padding-top:0}.listening-label{display:none}.listening a{align-items:center}.listening strong{font-size:13px}.composer{display:inline;margin-left:9px;font-size:12px}.platform{margin-top:2px}.letter-copy{font-size:20px;line-height:1.7}.letter-copy .chapter{margin-top:48px}}@media(max-width:540px){.site-header{padding:24px;gap:15px}.header-note{font-size:9px;letter-spacing:.5px}.symbol{width:24px;height:24px}nav{gap:18px;font-size:13px}main{padding:58px 24px 78px}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:25px}h1{font-size:51px;letter-spacing:-2.3px;max-width:390px}.letter-heading{margin-bottom:30px}.letter-layout{gap:40px}.letter-copy{font-size:18px;line-height:1.75}.letter-copy>p{margin-bottom:25px}.contact{font-size:15px;line-height:2.1}.contact span{white-space:nowrap}.site-footer{margin-inline:24px;padding-block:28px}.footer-brand{font-size:21px;letter-spacing:2px}.site-footer>a:last-child{font-size:12px}.site-footer span{margin-left:8px}}@media(max-width:370px){.site-header{padding-inline:18px;gap:12px}nav{gap:12px;font-size:12px}.header-note{font-size:8px}main{padding-inline:20px}h1{font-size:46px}.composer{display:block;margin-left:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Music stays beside the letter; YouTube is contacted only after the listener chooses it. */
[hidden]{display:none!important}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid #6e9cb5;outline-offset:7px}main{max-width:1280px}.letter-heading{margin-left:356px}.letter-layout{grid-template-columns:300px minmax(0,1fr);gap:56px}.listen-button{display:flex;align-items:center;gap:13px;border:0;padding:0;background:none;text-align:left;cursor:pointer;width:100%}.listen-button:disabled{cursor:wait;opacity:.6}.listen-button .listen-icon{width:38px;height:38px;font-size:22px}.listen-button:hover .listen-icon{border-color:#8099a7}.listen-button .composer{font-size:11px;margin-top:4px;letter-spacing:0}.music-notice{font:10px/1.6 Arial,sans-serif;color:#879198;margin:15px 0 0}.listening .music-notice a{display:inline;font:inherit;text-decoration:underline;text-underline-offset:2px}.listening #music-fallback{font:12px/1.6 Arial,sans-serif;margin-top:8px;text-decoration:underline}#music-panel{min-height:200px}#music-panel iframe{display:block;border:0;border-radius:4px;width:100%;height:200px}#music-status{font:12px/1.5 Arial,sans-serif;color:#78858d;margin:8px 0 0}#music-status:empty{display:none}
@media(max-width:1100px){main{max-width:770px;padding:68px 36px 90px}.letter-heading{margin-left:0;margin-bottom:38px}.letter-layout{display:flex;flex-direction:column;gap:45px}.listening{position:static;padding-top:0;width:100%;max-width:390px}.listening-label{display:none}.listen-button .composer{display:block;margin-left:0}h1{font-size:64px;letter-spacing:-2.8px}.letter-copy{font-size:20px;line-height:1.7}}
@media(max-width:540px){main{padding:58px 24px 78px}.letter-heading{margin-bottom:30px}h1{font-size:51px;letter-spacing:-2.3px}.letter-layout{gap:40px}.letter-copy{font-size:18px;line-height:1.75}.listening{max-width:100%}}
@media(max-width:370px){main{padding-inline:20px}h1{font-size:46px}}

/* Footer links stay accessible at every breakpoint. */
.site-footer{flex-wrap:wrap}.site-footer>.legal-links{display:flex;width:100%;margin:0;gap:24px;font-size:13px;color:#607079}.site-footer>.legal-links a{padding:0}.music-notice{font-size:12px;line-height:1.6;color:#68767f}.listen-button .composer{font-size:12px}.listening-label{font-size:11px;color:#68767f}.eyebrow{color:#68767f}