/* album booklet: hand-folded liner note, static and independent */
.booklet-intro{padding:80px 0 67px}
.booklet-intro h1{font:800 clamp(65px,8vw,104px)/.99 'DM Sans',sans-serif;letter-spacing:-.085em;margin:26px 0}
.booklet-intro h1 i{font:italic 600 .94em 'Fraunces',Georgia,serif;color:#bd7a61}
.booklet-intro h1 .period{color:#cb957b}
.booklet-intro>p:not(.eyebrow){font-size:17px;color:#69766b;line-height:1.8}
.booklet-heading-foot{display:flex;gap:25px;justify-content:space-between;margin-top:48px;padding-top:15px;border-top:1px solid #d5d6c9;font:700 10px 'DM Mono',monospace;letter-spacing:.06em}
.booklet-heading-foot a{color:#ab765f}
.booklet-table{background:#e2eadd;padding:80px 0 120px}
.booklet-spread{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-width:1090px;margin:auto;box-shadow:10px 22px 50px #425a3924;transform:rotate(-.4deg)}
.booklet-cover{min-height:545px;background:#2d4d46;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:36px;color:#fffdf5}
.booklet-cover:before{content:'';position:absolute;inset:15% -25%;border-radius:50%;border:1px solid #c4d0b74d;box-shadow:0 0 0 55px #819e8e18,0 0 0 110px #819e8e16,0 0 0 165px #819e8e12;transform:rotate(-18deg)}
.booklet-cover-top{display:flex;justify-content:space-between;font:600 11px 'DM Mono',monospace;letter-spacing:.08em;position:relative;z-index:1}
.booklet-cover-top span:last-child{font-size:32px;color:#e0c38e}
.booklet-seabird{position:relative;z-index:1;display:flex;justify-content:space-around;align-items:center;color:#e4bf82;font:800 95px 'Fraunces',serif;transform:rotate(-13deg)}
.booklet-seabird span:nth-child(2){font-size:135px}
.booklet-seabird span:nth-child(3){font-size:70px}
.booklet-cover-bottom{position:relative;z-index:1}
.booklet-cover-bottom h2{font:800 clamp(43px,4.9vw,65px)/1.04 'DM Sans',sans-serif;letter-spacing:-.072em}
.booklet-cover-bottom h2 em{font:italic 600 .97em 'Fraunces',Georgia,serif;color:#e7bc84}
.booklet-cover-bottom p{font-size:14px;color:#d2dfd4;margin:13px 0 35px}
.booklet-cover-bottom>span{font:700 9px 'DM Mono',monospace;letter-spacing:.12em;color:#ddcda8}
.booklet-page-sheet{background:#fffaf0;padding:clamp(32px,5vw,62px);min-height:545px;position:relative}
.booklet-page-sheet:before{content:'';position:absolute;left:0;top:0;bottom:0;width:12px;background:linear-gradient(to right,#0000000e,transparent)}
.booklet-page-sheet h2{font:800 clamp(34px,4vw,53px)/1.04 'DM Sans',sans-serif;letter-spacing:-.064em;margin:24px 0}
.booklet-page-sheet h2 em{font:italic 600 .95em 'Fraunces',Georgia,serif;color:#bc7c64}
.booklet-page-sheet p:not(.small-label){font-size:13px;line-height:1.95;color:#646c60;margin-top:15px}
.booklet-handwritten{display:block;font-size:23px;color:#b77d64;transform:rotate(-4deg);margin-top:27px}
.booklet-insert{background:#fffdf5;max-width:1090px;margin:47px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:55px;box-shadow:6px 9px 24px #425a3814}
.booklet-insert h2{font:800 clamp(35px,4.4vw,55px)/1.06 'DM Sans',sans-serif;letter-spacing:-.06em;margin:19px 0}
.booklet-insert h2 em{font:italic 600 .95em 'Fraunces',Georgia,serif;color:#bf7d62}
.booklet-track-subtitle{color:#758174;line-height:1.75;font-size:13px}
.booklet-tracks{counter-reset:tracks;list-style:none;padding:0;margin:32px 0 31px}
.booklet-tracks li{counter-increment:tracks;display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-bottom:1px dotted #c3c6b8;padding:12px 0;font:700 13px 'DM Sans',sans-serif}
.booklet-tracks li:before{content:counter(tracks,decimal-leading-zero);font:600 10px 'DM Mono',monospace;color:#b78770}
.booklet-tracks li span:first-child{margin-right:auto}
.booklet-tracks li span:last-child{font:500 10px 'DM Mono',monospace;color:#6f766a}
.booklet-memory{background:#f2ebd7;padding:30px;transform:rotate(1deg)}
.booklet-memory h3{font:800 36px/1.08 'DM Sans',sans-serif;letter-spacing:-.05em;margin:18px 0}
.booklet-memory>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#656d61;margin:16px 0}
.booklet-memory .booklet-footnote{border-top:1px dashed #bcbaa5;padding-top:15px;font-size:11px!important;color:#858b7f!important}
.booklet-colophon{max-width:1090px;margin:40px auto 0;display:flex;align-items:flex-start;justify-content:space-between;gap:45px;padding:34px 0;border-top:1px solid #bdcfbb;border-bottom:1px solid #bdcfbb}
.booklet-colophon h2{font:800 29px/1.15 'DM Sans',sans-serif;letter-spacing:-.045em;margin-top:13px}
.booklet-colophon h2 em{font:italic 600 .94em 'Fraunces',serif;color:#af7d62}
.booklet-colophon>p{max-width:385px;font-size:12px;line-height:1.8;color:#617262}
.booklet-backlinks{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1090px;margin:44px auto 0}
.booklet-backlinks a{font-weight:800;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:7px}
.booklet-backlinks .handwritten{color:#aa8067;font-size:23px;transform:rotate(-5deg)}
@media(max-width:900px){.booklet-spread,.booklet-insert{grid-template-columns:1fr}.booklet-cover{min-height:450px}.booklet-page-sheet{min-height:auto}.booklet-insert{gap:40px}.booklet-colophon{display:block}.booklet-colophon>p{margin-top:18px;max-width:690px}}
@media(max-width:570px){.booklet-intro{padding:55px 0 50px}.booklet-intro h1{font-size:65px}.booklet-intro>p:not(.eyebrow){font-size:14px}.booklet-table{padding:45px 0 80px}.booklet-cover{min-height:370px;padding:22px}.booklet-cover-bottom h2{font-size:46px}.booklet-seabird{font-size:68px}.booklet-seabird span:nth-child(2){font-size:90px}.booklet-page-sheet{padding:29px}.booklet-page-sheet h2{font-size:38px}.booklet-insert{padding:24px}.booklet-insert h2{font-size:41px}.booklet-memory{padding:20px}.booklet-colophon h2{font-size:24px}.booklet-backlinks .handwritten{font-size:16px}}

/* Songs play here in the actual liner-note booklet, never navigate away. */
.booklet-tracks{scroll-margin-top:35px;margin-bottom:18px}
.booklet-tracks li.booklet-track-row{align-items:center;gap:12px;min-height:55px;padding:9px 0;position:relative}
.booklet-tracks li.booklet-track-row::before{flex:0 0 21px}
.booklet-tracks .booklet-track-play{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border:1px solid #aac0aa;border-radius:50%;background:#e6efdf;color:#315447;cursor:pointer;transition:transform .14s ease,background .14s ease}
.booklet-tracks .booklet-track-play:hover{background:#d0e4d0;transform:scale(1.06)}
.booklet-tracks .booklet-track-play:focus-visible{outline:3px solid #b98968;outline-offset:3px}
.booklet-tracks .booklet-track-play[aria-pressed="true"]{background:#315447;color:#fff;border-color:#315447}
.booklet-tracks .booklet-play-symbol{font-size:11px;line-height:1;display:block;transform:translateX(1px)}
.booklet-tracks .booklet-track-play[aria-pressed="true"] .booklet-play-symbol{transform:none}
.booklet-tracks li .booklet-track-title{margin-right:auto;line-height:1.35;flex:1;min-width:0}
.booklet-tracks li .booklet-track-duration{font:500 10px 'DM Mono',monospace;color:#6f766a;flex:0 0 auto}
.booklet-inline-player{background:#edf3e9;border:1px solid #d8e0d3;padding:17px;margin-top:18px}
.booklet-now-label{font:700 9px 'DM Mono',monospace;color:#9f7c67;letter-spacing:.07em}
.booklet-now-title{font:800 15px/1.3 'DM Sans',sans-serif;margin:9px 0 14px;letter-spacing:-.02em}
.booklet-inline-player audio{display:block;width:100%;min-width:0;min-height:46px}
.booklet-player-status{font:500 10px 'DM Mono',monospace;color:#6e786c;margin-top:13px;line-height:1.5}
.booklet-play-instruction{font-size:20px;color:#ae7b61;transform:rotate(-3deg);margin-top:14px}
@media(max-width:570px){.booklet-tracks li.booklet-track-row{gap:8px}.booklet-tracks .booklet-track-play{width:32px;height:32px;flex-basis:32px}.booklet-tracks li .booklet-track-title{font-size:12px}.booklet-inline-player{padding:12px}.booklet-play-instruction{font-size:16px}}
@media(prefers-reduced-motion:reduce){.booklet-track-play{transition:none!important}}
