/* Eva Delonne / v16. A songbook on her desk.
   This file belongs to the inner chapters only. The approved home is untouched. */

.v16-inner { color:#f3ecdf; }
.v16-inner .inner-header { padding:25px 6%; gap:24px; }
.v16-inner .inner-nav { width:auto; font-size:14px; gap:26px; }
.v16-inner .inner-nav a { min-height:44px; padding:12px 0; }
.v16-inner .breadcrumbs { font-size:13px; color:#ecdce3; }
.v16-inner .eyebrow { font-size:12px; line-height:1.5; letter-spacing:.13em; }
.v16-inner .text-link { min-height:44px; font-size:15px; }
.v16-inner .button { min-height:48px; font-size:15px; }
.v16-inner .inner-footer { background:#20131cbf; }
.v16-inner .footer-links { font-size:14px; gap:24px; }
.v16-inner .footer-links a { min-height:44px; }

/* A simple title and the actual record, with one obvious listening action. */
.song-desk {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center; gap:5%; padding:35px 6% 52px;
}
.song-title-copy { min-width:0; }
.song-title-copy h1 {
  font-size:clamp(58px,6.15vw,88px); line-height:1.02;
  letter-spacing:-.06em; margin:18px 0 0; max-width:13ch;
  overflow-wrap:break-word;
}
.song-title-copy .lead { font-size:20px; max-width:37ch; color:#f0e1e6; }
.song-title-copy .action-row { gap:18px 24px; }
.song-record-wrap { min-width:0; }
.song-record { width:112%; margin:0 0 0 -6%; transform:rotate(-4deg); }
.record-caption { font-size:29px; line-height:1.15; margin:0 8% 0 10%; color:#e9bac9; transform:rotate(-2deg); }
.song-page-nav {
  position:sticky; top:0; z-index:20; background:#2b1722f5;
  padding:10px 6%; gap:18px 30px; border-top:1px solid #eadce333;
  border-bottom:1px solid #eadce333; flex-wrap:wrap;
}
.song-page-nav a { min-height:44px; padding:12px 0; color:#f3ecdf; border:0; font-size:15px; }
.song-page-nav span { color:#edbcd1; }
.song-page-nav a:hover { text-decoration:underline; text-underline-offset:6px; }

/* A quiet green textile supports two distinct objects: a note and the lyrics. */
.songbook-stage {
  display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.7fr);
  align-items:start; gap:44px; padding:90px 5.5% 100px;
  background:#5b6653 url('../assets/linen-sage-loop.webp') center top/100% auto repeat-y;
}
.song-margin { min-width:0; position:sticky; top:105px; }
.song-notes { position:relative; isolation:isolate; color:#34262c; padding:50px 32px 85px; scroll-margin-top:90px; }
.song-note-material { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:fill; }
.song-note-tape { position:absolute; z-index:2; width:100px; top:-16px; left:33%; transform:rotate(-7deg); }
.song-note-copy { position:relative; z-index:1; }
.song-notes .eyebrow { color:#684756; font-size:11px; }
.song-notes h2 { font-size:32px; line-height:1.13; letter-spacing:-.04em; margin:17px 0 22px; color:#34262c; }
.song-story-prose { font-size:16px; line-height:1.68; color:#34262c; }
.song-story-prose p { font-size:inherit; line-height:inherit; max-width:none; }
.song-story-prose p+p { margin-top:18px; }
.song-story-prose em { color:#784453; }
.song-story-prose blockquote { font-size:19px; line-height:1.5; border-left:2px solid #9b647a; padding-left:17px; margin:22px 0; }
.song-story-more { margin-top:20px; }
.song-story-more summary { cursor:pointer; min-height:44px; padding:11px 0; font-size:14px; font-weight:500; text-decoration:underline; text-underline-offset:5px; color:#5a3649; }
.song-story-more>div { padding:8px 0; }
.song-note-signature { font-size:32px; color:#87485d; margin-top:24px; }
.song-keepsake { position:relative; z-index:3; width:var(--keepsake-width,195px); max-width:60%; margin:-65px 0 0 auto; pointer-events:none; }
.song-keepsake img { display:block; width:100%; height:auto; }
.song-margin-caption { font-size:31px; line-height:1.15; margin:29px 20px; color:#f3ecdf; transform:rotate(-3deg); }

/* Real paper grain, a physical upper and lower edge, and scalable middle stock.
   The material and all live copy are separate. Long lyrics never stretch a bitmap. */
.lyrics-sheet { min-width:0; position:relative; isolation:isolate; color:#34262c; scroll-margin-top:90px; filter:drop-shadow(3px 10px 12px #24192140); }
.folio-material { position:absolute; inset:0; z-index:0; pointer-events:none; }
.folio-top,.folio-middle,.folio-bottom { position:absolute; left:0; width:100%; background-image:url('../assets/paper-mobile.webp'); }
.folio-top { top:0; height:95px; background-size:100% auto; background-position:center top; background-repeat:no-repeat; }
.folio-middle { left:4.4%; width:91.2%; top:70px; bottom:70px; background:#efe5d3 url('../assets/inner-v16/paper-stock.webp') center/420px 420px repeat; clip-path:polygon(.8% 0,99.2% 0,99.7% 12%,99.3% 23%,99.8% 35%,99.2% 48%,99.7% 63%,99.3% 77%,99.8% 88%,99.2% 100%,.8% 100%,.3% 89%,.7% 77%,.2% 65%,.6% 51%,.2% 39%,.7% 26%,.3% 13%); }
.folio-bottom { bottom:0; height:95px; background-size:100% auto; background-position:center bottom; background-repeat:no-repeat; }
.sheet-tape { position:absolute; top:-20px; left:44%; width:125px; z-index:2; transform:rotate(5deg); }
.lyrics-sheet-copy { position:relative; z-index:1; padding:68px 9% 67px; }
.lyrics-sheet-heading { padding-bottom:32px; border-bottom:1px solid #997f793f; margin-bottom:35px; }
.lyrics-sheet .eyebrow { color:#684756; font-size:11px; }
.lyrics-sheet h2 { color:#34262c; font-size:42px; line-height:1.09; letter-spacing:-.045em; margin:13px 0 15px; max-width:20ch; overflow-wrap:break-word; }
.lyrics-sheet-intro { font-size:15px; line-height:1.6; color:#674f53; max-width:39ch; }
.lyrics-body { font-size:18px; line-height:1.74; color:#34262c; }
.lyrics-body p { margin:0 0 26px; break-inside:avoid; overflow-wrap:break-word; }
.lyrics-body strong { color:#684756; font-size:12px; line-height:1.5; text-transform:uppercase; letter-spacing:.1em; }
.lyrics-body .lyrics-accent { color:#813e55; font-weight:500; }
.lyrics-body .lyrics-quote { white-space:pre-line; font-size:37px; line-height:1.3; letter-spacing:-.03em; color:#34262c; }
.lyrics-sheet-foot { border-top:1px solid #997f793f; padding-top:25px; margin-top:8px; }
.lyrics-sheet-foot>p { font-size:13px; line-height:1.5; color:#674f53; }
.lyrics-sheet-foot .text-link { color:#5a3649; margin-top:10px; }
.lyrics-sheet--excerpt .lyrics-sheet-copy { padding-top:72px; padding-bottom:74px; }
.lyrics-sheet--excerpt .lyrics-sheet-heading { margin-bottom:27px; }
.v16-song-film { padding-top:80px; padding-bottom:90px; }
.v16-song-film .body-copy { color:#f0e1e6; }
.v16-inner .video-action { width:auto; min-width:140px; min-height:44px; padding:12px 17px; font-size:14px; line-height:20px; }

/* Related songs are little cover prints, not a repeated pair of generic text boxes. */
.v16-inner .next-card-song { display:grid; grid-template-columns:82px minmax(0,1fr); gap:22px; align-items:center; min-width:0; }
.next-cover { width:82px; height:82px; object-fit:cover; border:4px solid #f3ecdf; box-shadow:2px 5px 10px #120b1340; transform:rotate(-3deg); }
.next-song-copy { min-width:0; }
.v16-inner .next-card-song strong { font-size:28px; }
.next-song-copy>span { display:block; font-size:13px; margin-top:12px; text-decoration:underline; text-underline-offset:5px; }
.v16-inner .next-card-song small { line-height:1.5; color:#ead8df; }

/* Cover art belongs in the index, so you recognise the song before opening it. */
.v16-catalog .catalog-section {
  background:#5b6653 url('../assets/linen-sage-loop.webp') center top/100% auto repeat-y;
  color:#f3ecdf; padding:78px 5.5% 90px;
}
.v16-catalog .catalog-section .section-heading>.hand { color:#efd1dc; }
.v16-catalog .catalog-section h2 em { color:#efd1dc; }
.v16-catalog .mood-filters button { border-color:#f3ecdfaa; background:#f3ecdf; color:#34262c; font-size:14px; }
.v16-catalog .mood-filters button[aria-pressed=true] { background:#2b1722; color:#f3ecdf; }
.v16-catalog .result-count { color:#f3ecdf; font-size:13px; }
.v16-catalog .track-grid { gap:16px 20px; }
.v16-catalog .track-card {
  isolation:isolate; background:none; box-shadow:none; border-radius:0; color:#34262c;
  padding:30px 32px 35px;
}
.catalog-paper { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:fill; }
.v16-catalog .track-open {
  position:relative; z-index:1; grid-template-columns:24px 100px minmax(0,1fr) 18px;
  gap:16px; min-height:132px; height:auto; align-items:center;
}
.catalog-cover { width:100px; height:100px; object-fit:cover; border:4px solid #faf5eb; box-shadow:2px 5px 9px #34262c33; transform:rotate(-2deg); }
.v16-catalog .track-order { color:#784453; font-size:26px; }
.v16-catalog .track-info { align-self:center; min-width:0; padding:7px 0 10px; }
.v16-catalog .track-info h3 { font-size:26px; line-height:1.13; color:#34262c; overflow-wrap:break-word; }
.v16-catalog .track-info p { font-size:14px; line-height:1.5; color:#624b51; margin-top:10px; }
.v16-catalog .track-info small {
  display:inline-flex; align-items:center; min-height:28px; font-size:12px;
  color:#5a3649; margin-top:9px; text-decoration:underline; text-underline-offset:4px;
}
.v16-catalog .music-crosslink p { color:#f0e1e6; }

/* The existing EP stays a tactile sleeve and a four-song paper track sheet. */
.v16-release .release-contents { background:#5b6653 url('../assets/linen-sage-loop.webp') center top/100% auto repeat-y; color:#f3ecdf; }
.v16-release .release-contents>h2 em { color:#efd1dc; }
.v16-release .release-tracklist { padding:50px 6% 54px; color:#34262c; background:transparent url('../assets/paper-wide.webp') center/100% 127% no-repeat; }
.v16-release .release-row { position:relative; z-index:1; padding:27px 0; grid-template-columns:40px minmax(0,1fr) minmax(0,1fr); gap:28px; }
.v16-release .release-row h3 { color:#34262c; }
.v16-release .release-row .hand { color:#813e55; }
.v16-release .release-row>p { color:#34262c; font-size:17px; }
.v16-release .release-row h3 a { text-decoration:underline; text-underline-offset:5px; display:inline-block; min-height:44px; }
.v16-release .release-listening .hand,.v16-release .release-listening .text-link { color:#f3ecdf; }
.v16-release .release-video .body-copy { color:#f0e1e6; }

/* No biography text should disappear into the green fabric. Source prose and
   every original family image remain in their original sequence. */
.v16-story .story-family { background-image:linear-gradient(#20131c55,#20131c55),url('../assets/linen-sage-loop.webp'); background-size:auto,100% auto; background-position:center,center top; background-repeat:no-repeat,repeat-y; color:#f3ecdf; }
.v16-story .family-intro h2,.v16-story .family-intro .body-copy,.v16-story .story-prose--origins,.v16-story .story-prose--origins p { color:#f3ecdf; }
.v16-story .story-family .chapter-number { color:#efd1dc; }
.v16-story .story-prose { line-height:1.75; }
.v16-story .story-prose p { font-size:18px; line-height:1.75; }
.v16-story .album-photo figcaption { color:#573648; }
.v16-story .memory-feature--hospital { position:relative; isolation:isolate; background:transparent url('../assets/paper-wide.webp') center/100% 127% no-repeat; box-shadow:none; clip-path:none; padding:48px 7% 50px 5%; }
.v16-story .memory-feature--hospital>figure,.v16-story .memory-feature--hospital .memory-copy { position:relative; z-index:1; }
.v16-story .memory-feature--hospital .memory-copy,.v16-story .memory-feature--hospital .memory-copy h3 { color:#34262c; }
.v16-story .memory-feature--hospital .memory-copy p { color:#57404a; font-size:17px; line-height:1.7; }
.v16-story .memory-feature--hospital .memory-copy .eyebrow { color:#684756; font-size:11px; }
.v16-story .story-polaroid figcaption { color:#573648; }
.v16-story .story-song-card { position:relative; isolation:isolate; color:#34262c; background:transparent url('../assets/paper-wide.webp') center/100% 100% no-repeat; padding:40px 34px 44px; }
.v16-story .story-song-card>small,.v16-story .story-song-card>h3,.v16-story .story-song-card>p { position:relative; z-index:1; }
.v16-story .story-song-card small { color:#684756; }
.v16-story .story-song-card p { color:#57404a; font-size:16px; }
.v16-story .kintsugi-chapter .chapter-number,.v16-story .kintsugi-chapter .story-quote,.v16-story .manifesto-chapter .chapter-number { color:#613647; }
.v16-story .kintsugi-chapter h2 em,.v16-story .manifesto-chapter h2 em,.v16-story .values-chapter h2 em { color:#71374e; }
.v16-story .values-chapter { background:#efe5d3 url('../assets/inner-v16/paper-stock.webp') center/420px 420px repeat; }
.v16-story .story-faq { color:#f3ecdf; background-image:linear-gradient(#20131c77,#20131c77),url('../assets/linen-sage-loop.webp'); background-size:auto,100% auto; }
.v16-story .story-faq .eyebrow,.v16-story .faq-list summary,.v16-story .faq-list details p { color:#f3ecdf; }
.v16-story .faq-list summary { min-height:52px; font-size:18px; }
.v16-story .faq-list details p { font-size:17px; line-height:1.75; }

/* The VHS and filmstrip remain physical. Large actions beneath them remove
   the ambiguity between decoration and a clickable film. */
.v16-cinema .cinema-caption p { color:#f0e1e6; }
.cinema-main-action { margin-top:25px; }
.v16-cinema .cassette-screen .video-action { min-width:0; font-size:12px; min-height:36px; padding:8px 12px; }
.v16-cinema .film-window .video-action { font-size:12px; min-height:36px; padding:8px 12px; }
.v16-cinema .film-labels h3 { color:#f3ecdf; }
.v16-cinema .film-labels p { color:#f0e1e6; }
.v16-cinema .film-labels .text-link { font-size:15px; min-height:44px; }

@media(min-width:1200px) {
  .lyrics-sheet--full .lyrics-body { columns:2; column-gap:38px; column-rule:1px solid #997f7926; font-size:17px; line-height:1.78; }
}
@media(min-width:701px) and (max-width:1100px) {
  .song-desk { gap:2%; padding-top:25px; }
  .song-title-copy h1 { font-size:60px; }
  .song-title-copy .lead { font-size:18px; }
  .songbook-stage { grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr); gap:26px; padding:68px 4.5% 75px; }
  .song-notes { padding:42px 26px 82px; }
  .song-notes h2 { font-size:29px; }
  .song-story-prose { font-size:15px; }
  .lyrics-sheet-copy { padding:58px 9% 59px; }
  .lyrics-sheet h2 { font-size:36px; }
  .lyrics-body { font-size:17px; }
  .v16-catalog .track-open { grid-template-columns:20px 75px minmax(0,1fr) 16px; gap:12px; }
  .catalog-cover { width:75px; height:75px; }
  .v16-catalog .track-card { padding:25px 22px; }
  .v16-catalog .track-info h3 { font-size:23px; }
}
@media(max-width:850px) {
  .songbook-stage { display:flex; flex-direction:column; align-items:stretch; gap:45px; }
  .song-margin { position:static; max-width:650px; width:100%; margin:0 auto; }
  .song-notes { padding:50px 10% 85px; }
  .song-note-material { content:url('../assets/paper-wide.webp'); }
  .song-notes h2 { max-width:20ch; }
  .song-story-prose { font-size:17px; }
  .song-margin-caption { margin-top:22px; font-size:29px; }
  .lyrics-sheet { width:100%; max-width:800px; margin:0 auto; }
  .sheet-tape { left:41%; }
}
@media(max-width:700px) {
  .v16-inner .inner-header { padding:18px 22px; display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
  .v16-inner .wordmark { font-size:24px; }
  .v16-inner .inner-nav { display:flex; gap:24px; font-size:13px; width:100%; max-width:none; white-space:nowrap; }
  .v16-inner .breadcrumbs { font-size:12px; line-height:1.7; }
  .v16-inner .eyebrow { font-size:11px; }
  .v16-inner .text-link { font-size:14px; }
  .v16-inner .button { font-size:14px; }
  .song-desk { display:flex; flex-direction:column; align-items:stretch; gap:19px; padding:30px 23px 35px; }
  .song-title-copy h1 { font-size:55px; margin-top:14px; max-width:13ch; line-height:1.04; }
  .song-title-copy .lead { font-size:18px; margin-top:21px; }
  .song-title-copy .action-row { margin-top:23px; gap:12px 23px; }
  .song-record { width:106%; margin:0 0 0 -3%; }
  .record-caption { font-size:26px; margin:2px 6% 0 10%; }
  .song-page-nav { padding:6px 23px; gap:8px 20px; flex-wrap:wrap; }
  .song-page-nav a { font-size:13px; min-height:44px; }
  .song-page-nav span { font-size:20px; margin-right:5px; }
  .songbook-stage { padding:55px 15px 65px; gap:42px; background-size:auto 1050px; }
  .song-notes { padding:49px 31px 80px; }
  .song-keepsake { max-width:57%; margin-top:-62px; margin-right:3px; }
  .song-note-material { content:url('../assets/paper-mobile.webp'); }
  .song-note-tape { width:95px; left:35%; top:-11px; }
  .song-notes h2 { font-size:32px; line-height:1.13; margin-top:15px; }
  .song-story-prose { font-size:16px; line-height:1.75; }
  .song-margin-caption { font-size:28px; margin:22px 18px 0; }
  .lyrics-sheet-copy { padding:52px 31px 54px; }
  .lyrics-sheet h2 { font-size:35px; line-height:1.12; }
  .lyrics-sheet-intro { font-size:14px; }
  .lyrics-sheet-heading { margin-bottom:29px; padding-bottom:25px; }
  .lyrics-body { font-size:18px; line-height:1.76; }
  .lyrics-body p { margin-bottom:25px; }
  .lyrics-body .lyrics-quote { font-size:31px; }
  .lyrics-sheet-foot>p { font-size:12px; }
  .sheet-tape { width:107px; left:35%; top:-15px; }
  .lyrics-sheet--excerpt .lyrics-sheet-copy { padding-top:55px; padding-bottom:57px; }
  .v16-song-film { padding:55px 23px 60px; gap:30px; }
  .v16-inner .video-action { font-size:13px; min-height:44px; min-width:125px; padding:10px 13px; }
  .v16-inner .next-grid { gap:28px; }
  .v16-inner .next-card-song { grid-template-columns:70px minmax(0,1fr); gap:19px; }
  .next-cover { width:70px; height:70px; }
  .v16-inner .next-card-song strong { font-size:25px; line-height:1.2; }
  .v16-inner .next-card-song small { font-size:12px; }
  .v16-inner .inner-footer { flex-direction:column; align-items:stretch; gap:15px; }
  .v16-inner .footer-links { font-size:13px; justify-content:flex-start; max-width:none; gap:8px 21px; }
  .v16-catalog .catalog-section { padding:54px 13px 62px; background-size:auto 1050px; }
  .v16-catalog .catalog-section .section-heading,.v16-catalog .catalog-tools { padding:0 10px; }
  .v16-catalog .mood-filters button { font-size:13px; min-height:46px; }
  .v16-catalog .track-card { padding:27px 25px 33px; }
  .v16-catalog .track-open { grid-template-columns:18px 70px minmax(0,1fr) 15px; gap:12px; min-height:126px; }
  .catalog-cover { width:70px; height:70px; border-width:3px; }
  .v16-catalog .track-info h3 { font-size:22px; line-height:1.16; }
  .v16-catalog .track-info p { font-size:13px; line-height:1.5; }
  .v16-catalog .track-info small { font-size:12px; }
  .v16-catalog .track-order { font-size:22px; }
  .v16-release .release-contents { padding:54px 16px 60px; background-size:auto 1050px; }
  .v16-release .release-contents>h2,.v16-release .release-contents>.eyebrow { margin-left:7px; }
  .v16-release .release-tracklist { padding:38px 28px 41px; background-image:url('../assets/paper-mobile.webp'); background-size:100% 100%; }
  .v16-release .release-row { grid-template-columns:26px minmax(0,1fr); gap:8px 13px; padding:24px 0; }
  .v16-release .release-row>span { grid-column:1; grid-row:1/3; }
  .v16-release .release-row>div { grid-column:2; grid-row:1; }
  .v16-release .release-row>p { grid-column:2; grid-row:2; font-size:16px; line-height:1.6; }
  .v16-release .release-row h3 { font-size:29px; }
  .v16-release .release-listening { display:block; }
  .v16-release .release-listening .text-link { margin-top:12px; }
  .v16-story .story-prose p { font-size:17px; line-height:1.75; }
  .v16-story .memory-feature--hospital { padding:35px 28px 46px; background-image:url('../assets/paper-mobile.webp'); background-size:100% 100%; }
  .v16-story .faq-list summary { font-size:17px; }
  .v16-story .faq-list details p { font-size:16px; }
  .v16-cinema .cassette-screen .video-action { min-width:0; min-height:26px; font-size:10px; padding:5px 8px; }
  .v16-cinema .film-window .video-action { font-size:10px; min-height:26px; min-width:0; padding:5px 8px; }
  .v16-cinema .film-labels { gap:25px; margin-left:3%; margin-right:3%; }
  .v16-cinema .film-labels h3 { font-size:23px; }
  .v16-cinema .film-labels p { font-size:15px; line-height:1.6; }
  .v16-cinema .film-labels .text-link { font-size:14px; min-height:44px; }
  .v16-cinema .cinema-caption { padding-top:15px; }
}
@media(max-width:380px) {
  .v16-inner .inner-header { flex-direction:column; align-items:flex-start; gap:0; }
  .v16-inner .inner-nav { gap:25px; font-size:13px; }
  .song-title-copy h1 { font-size:47px; }
  .song-page-nav { gap:3px 17px; }
  .song-page-nav a { font-size:12px; }
  .song-notes { padding-left:27px; padding-right:27px; }
  .lyrics-sheet-copy { padding-left:27px; padding-right:27px; }
  .lyrics-body { font-size:17px; }
  .v16-catalog .track-card { padding:26px 23px 32px; }
  .v16-catalog .track-open { grid-template-columns:63px minmax(0,1fr) 14px; gap:12px; min-height:128px; }
  .v16-catalog .track-order { display:none; }
  .catalog-cover { width:63px; height:63px; }
  .v16-catalog .track-info h3 { font-size:21px; }
}

.lyrics-listen-before {
  display:inline-flex;
  margin:0 0 31px;
  color:#5a3649;
}
@media(max-width:700px) {
  .lyrics-listen-before { margin-bottom:27px; }
}
@media(prefers-reduced-motion:reduce) {
  .v16-inner { scroll-behavior:auto; }
  .v16-inner * { transition:none!important; animation:none!important; }
}