/* Isolated art-direction preview: catalog and PAPAMI only. */
.preview-catalog-page .music-welcome {
  padding:64px 7% 56px;
}
.preview-catalog-page .music-welcome h1 {
  font-size:clamp(64px,8vw,106px);
  letter-spacing:-.065em;
  line-height:1;
}
.preview-catalog-page .music-welcome .lead {
  max-width:35ch;
  font-size:clamp(18px,2vw,23px);
  line-height:1.55;
  margin-top:24px;
  color:#eee1e1;
}
.preview-catalog-page .preview-catalog-collection {
  padding:64px 7% 80px;
}
.preview-catalog-page .preview-group-heading {
  font-size:clamp(32px,4vw,48px);
  font-weight:400;
  letter-spacing:-.045em;
  line-height:1.12;
  margin:0 0 34px;
}
.preview-release-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px;
}
.preview-catalog-page .preview-release-card {
  margin:0;
  padding:0;
  isolation:isolate;
}
.preview-catalog-page .preview-release-card::before,
.preview-catalog-page .preview-release-card::after {
  inset:9px 7px -4px;
  height:auto;
}
.preview-catalog-page .preview-release-card::after {
  inset:14px 11px -8px;
}
.preview-release-card>.catalog-paper {
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
}
.preview-release-open {
  display:grid;
  grid-template-columns:138px minmax(0,1fr);
  gap:25px;
  align-items:center;
  min-height:252px;
  padding:32px 30px 25px;
  color:#34262c;
  text-decoration:none;
}
.preview-release-open picture { display:block; }
.preview-catalog-page .preview-release-open .album-stack-cover {
  display:block;
  width:138px;
  height:138px;
  border:5px solid #faf5eb;
  transform:rotate(-3deg);
}
.preview-release-copy { min-width:0; }
.preview-release-copy h3 {
  font-size:clamp(30px,3vw,42px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.05em;
  margin:0 0 12px;
}
.preview-release-description {
  font-size:14px;
  line-height:1.55;
  margin:0;
  color:#705a5e;
}
.preview-release-count {
  font-size:11px;
  line-height:1.4;
  color:#856875;
  margin:0 0 10px;
}
.preview-card-cta {
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:44px;
  margin-top:12px;
  font-size:13px;
  line-height:1.35;
  color:#724658;
}
.preview-card-cta .icon { width:15px;height:15px;flex:none; }
.preview-release-open:hover .preview-card-cta,
.preview-song-open:hover .preview-card-cta {
  text-decoration:underline;
  text-underline-offset:5px;
}
.preview-release-open:focus-visible,
.preview-song-open:focus-visible {
  outline:2px solid #83526a;
  outline-offset:6px;
}
.preview-catalog-page .preview-release-card .album-stack-sheet {
  --eva-edge:12px;
  margin:0 15px 11px;
  padding:17px 20px 20px;
  box-shadow:none;
  transform:rotate(.3deg);
}
.preview-release-tracknames {
  display:flex;
  flex-wrap:wrap;
  gap:6px 15px;
  padding:0;
  list-style:none;
  font-size:11px;
  line-height:1.6;
  color:#79646a;
}
.preview-release-tracknames li { display:inline; }
.preview-singles-section { margin-top:85px; }
.preview-single-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:25px 32px;
}
.preview-catalog-page .preview-song-card {
  position:relative;
  isolation:isolate;
  display:block;
  margin:0;
  padding:0;
  background:none;
  box-shadow:none;
  min-width:0;
  color:#34262c;
}
.preview-song-card>.catalog-paper {
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
}
.preview-song-open {
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  align-items:center;
  gap:24px;
  min-height:164px;
  padding:24px 27px;
  color:inherit;
  text-decoration:none;
}
.preview-catalog-page .preview-song-open .catalog-cover {
  width:104px;
  height:104px;
  object-fit:cover;
  border:4px solid #fcf5e8;
  transform:rotate(-2deg);
}
.preview-song-copy { display:block;min-width:0; }
.preview-song-copy h3 {
  font-size:clamp(21px,2.2vw,29px);
  font-weight:400;
  letter-spacing:-.035em;
  line-height:1.18;
  margin:0;
}
.preview-song-copy .preview-card-cta { margin-top:7px; }

/* The release is one clear invitation; the letter, keepsake and film follow. */
.preview-papami-page .papami-release-hero {
  padding:62px 8% 85px;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:"intro cover" "actions cover" "tabs cover";
  column-gap:9%;
  row-gap:0;
  align-items:start;
}
.preview-papami-page .papami-release-intro { grid-area:intro; }
.preview-papami-page .papami-release-cover { grid-area:cover;align-self:center;max-width:430px;justify-self:end; }
.preview-papami-page .papami-release-hero>.preview-release-actions { grid-area:actions; }
.preview-papami-page .papami-release-hero>.papami-chapter-nav { grid-area:tabs; }
.preview-papami-page .papami-release-hero h1 { margin:0 0 24px; }
.preview-papami-page .papami-release-lead {
  margin:0;
  max-width:26ch;
  font-size:clamp(21px,2.1vw,28px);
  line-height:1.48;
}
.preview-release-actions {
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:14px;
  margin-top:30px;
}
.preview-primary-listen {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:13px 21px;
  border:1px solid #f3ecdf;
  border-radius:28px;
  background:#f3ecdf;
  color:#2b4433;
  font-size:14px;
  line-height:1.4;
  text-decoration:none;
}
.preview-primary-listen img { width:20px;height:20px;flex:none; }
.preview-primary-listen .icon { width:15px;height:15px;flex:none;margin-left:5px; }
.preview-primary-listen:hover { background:#fff8ed; }
.preview-release-apps { font-size:13px;line-height:1.5; }
.preview-release-apps summary {
  cursor:pointer;
  min-height:40px;
  display:flex;
  align-items:center;
  gap:14px;
  list-style:none;
  color:#e5d1d7;
}
.preview-release-apps summary::-webkit-details-marker { display:none; }
.preview-release-apps summary::after { content:'+';font-size:18px;line-height:1; }
.preview-release-apps[open] summary::after { content:'−'; }
.preview-release-apps nav { padding:1px 0 8px; }
.preview-release-apps nav a { display:inline-flex;align-items:center;gap:9px;min-height:40px;color:#f1e4e7; }
.preview-release-apps nav img { width:18px;height:18px; }
.preview-release-apps nav .icon { width:14px;height:14px; }
.preview-papami-page .papami-chapter-nav { gap:26px;margin-top:25px;padding-top:8px; }
.preview-papami-page .papami-tracks { padding:35px 8% 85px; }
.preview-papami-page .papami-tracks>header { margin-bottom:25px; }
.preview-papami-page .papami-tracks h2 { margin:0;font-size:clamp(37px,4vw,54px); }
.preview-papami-page .papami-tracklist li { display:block;padding:0; }
.preview-papami-page .papami-tracklist .preview-papami-track {
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 20px;
  gap:25px;
  align-items:center;
  padding:24px 5px;
  min-height:112px;
}
.preview-papami-page .papami-track-number { align-self:center;font-size:29px; }
.preview-papami-page .papami-track-copy h3 { margin:0 0 6px;font-size:clamp(27px,3vw,37px); }
.preview-papami-page .papami-track-copy p { margin:0;font-size:14px;color:#dfcbd1; }
.preview-papami-page .preview-papami-track>.icon { width:18px;height:18px; }
.preview-papami-page .papami-letter-scene { padding:75px 7% 85px;gap:7%; }
.preview-papami-page .papami-letter-margin {
  position:sticky;
  top:95px;
  padding-top:20px;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.preview-papa-memory {
  position:relative;
  width:205px;
  max-width:70%;
  padding:7px 7px 0;
  background:#f3ecdf;
  color:#866172;
  transform:rotate(-3deg);
  z-index:1;
  margin:0;
  box-shadow:2px 5px 10px #1a18202b;
}
.preview-papa-memory img { display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover; }
.preview-papa-memory figcaption { text-align:center;font-size:25px;line-height:1.2;padding:9px 0 12px; }
.preview-papami-page .papami-letter-object {
  position:relative;
  width:120%;
  max-width:470px;
  margin:-20px -10% 0;
  transform:rotate(-6deg);
}
.preview-papami-page .papami-letter { transform:rotate(.45deg);padding:46px 10% 48px; }
.preview-papami-page .papami-letter h2 { margin:10px 0 27px;font-size:50px; }
.preview-papami-page .papami-letter-prose { font-size:16px;line-height:1.8; }
.preview-papami-page .papami-film { padding:70px 9% 80px; }
.preview-papami-page .papami-film h2 { font-size:clamp(39px,4.5vw,58px); }
.preview-papami-page .papami-film-frame { max-width:290px; }
.preview-release-return { padding:45px 8% 60px; }
.preview-papami-page .preview-release-return .papami-back-link { margin:0;font-size:14px;min-height:44px; }

@media(max-width:1000px) and (min-width:701px) {
  .preview-release-grid,.preview-single-grid { gap:26px; }
  .preview-release-open { grid-template-columns:100px minmax(0,1fr);gap:18px;padding:25px 22px;min-height:242px; }
  .preview-catalog-page .preview-release-open .album-stack-cover { width:100px;height:100px; }
  .preview-release-copy h3 { font-size:31px; }
  .preview-song-open { grid-template-columns:82px minmax(0,1fr);gap:16px;padding:22px; }
  .preview-catalog-page .preview-song-open .catalog-cover { width:82px;height:82px; }
  .preview-papami-page .papami-release-hero { gap:7%;padding-inline:6%; }
  .preview-papami-page .papami-release-hero h1 { font-size:82px; }
}
@media(max-width:700px) {
  .preview-catalog-page .music-welcome { padding:35px 25px 40px; }
  .preview-catalog-page .music-welcome .lead { font-size:18px;max-width:30ch;margin-top:20px; }
  .preview-catalog-page .preview-catalog-collection { padding:43px 24px 52px; }
  .preview-catalog-page .preview-group-heading { font-size:35px;margin-bottom:29px; }
  .preview-release-grid,.preview-single-grid { grid-template-columns:minmax(0,1fr);gap:25px; }
  .preview-release-open { grid-template-columns:106px minmax(0,1fr);gap:21px;padding:27px 23px 20px;min-height:215px; }
  .preview-catalog-page .preview-release-open .album-stack-cover { width:106px;height:106px; }
  .preview-release-copy h3 { font-size:34px; }
  .preview-release-description { font-size:13px; }
  .preview-release-count { font-size:10px;margin-bottom:8px; }
  .preview-release-card .preview-card-cta { font-size:12px;gap:9px;margin-top:9px; }
  .preview-catalog-page .preview-release-card .album-stack-sheet { margin-inline:11px;padding:14px 16px 18px; }
  .preview-release-tracknames { font-size:10px;gap:4px 11px; }
  .preview-singles-section { margin-top:57px; }
  .preview-song-open { grid-template-columns:96px minmax(0,1fr);gap:22px;padding:24px;min-height:153px; }
  .preview-catalog-page .preview-song-open .catalog-cover { width:96px;height:96px; }
  .preview-song-copy h3 { font-size:24px; }
  .preview-papami-page .papami-release-hero { display:flex;flex-direction:column;padding:35px 26px 48px;gap:0; }
  .preview-papami-page .papami-release-hero h1 { font-size:76px;margin-bottom:22px; }
  .preview-papami-page .papami-release-lead { font-size:22px;max-width:26ch; }
  .preview-papami-page .papami-release-cover { align-self:center;width:84%;max-width:325px;margin-block:32px 28px; }
  .preview-release-actions { margin-top:25px;gap:9px; }
  .preview-papami-page .papami-release-hero>.preview-release-actions { margin-top:0; }
  .preview-papami-page .papami-chapter-nav { width:100%;margin-top:20px;gap:25px; }
  .preview-papami-page .papami-tracks { padding:25px 25px 50px; }
  .preview-papami-page .papami-tracks h2 { font-size:38px; }
  .preview-papami-page .papami-tracklist .preview-papami-track { grid-template-columns:25px minmax(0,1fr) 17px;gap:17px;padding:22px 0;min-height:105px; }
  .preview-papami-page .papami-track-number { font-size:25px; }
  .preview-papami-page .papami-track-copy h3 { font-size:28px; }
  .preview-papami-page .papami-track-copy p { font-size:13px; }
  .preview-papami-page .papami-letter-scene { padding:42px 22px 49px; }
  .preview-papami-page .papami-letter-margin { display:grid;grid-template-columns:.65fr 1fr;gap:12px;align-items:center;position:relative;top:auto;padding:0 12px 38px;min-height:0; }
  .preview-papa-memory { width:100%;max-width:160px;padding:5px 5px 0; }
  .preview-papa-memory figcaption { font-size:20px;padding:7px 0 9px; }
  .preview-papami-page .papami-letter-object { position:relative;width:112%;max-width:none;margin:0 0 0 -6%;right:auto;bottom:auto; }
  .preview-papami-page .papami-letter { padding:29px 26px 35px; }
  .preview-papami-page .papami-letter h2 { font-size:46px; }
  .preview-papami-page .papami-film { padding:43px 27px 50px;gap:35px; }
  .preview-papami-page .papami-film h2 { font-size:40px;margin-top:0; }
  .preview-papami-page .papami-film-frame { width:80%;max-width:255px; }
  .preview-release-return { padding:25px 27px 43px; }
}
@media(max-width:360px) {
  .preview-catalog-page .preview-catalog-collection { padding-inline:19px; }
  .preview-release-open { grid-template-columns:87px minmax(0,1fr);gap:17px;padding-inline:21px; }
  .preview-catalog-page .preview-release-open .album-stack-cover { width:87px;height:87px; }
  .preview-release-copy h3 { font-size:30px; }
  .preview-song-open { grid-template-columns:78px minmax(0,1fr);gap:18px;padding:23px 20px; }
  .preview-catalog-page .preview-song-open .catalog-cover { width:78px;height:78px; }
  .preview-song-copy h3 { font-size:22px; }
  .preview-papami-page .papami-release-hero h1 { font-size:67px; }
}
