/* MusicPictures 1.1 — single project only. Loaded after public.css. */
.ccmp-single{--ccmp-muted:#afbbb6;font-family:inherit}
.ccmp-single .ccmp-shell{max-width:1240px}
.ccmp-single .ccmp-single-hero{gap:48px;align-items:start}
.ccmp-single .ccmp-single-hero h1{font-size:clamp(42px,5.8vw,78px);line-height:1.02;letter-spacing:-.055em}
.ccmp-single .ccmp-single-hero-image{position:relative;margin:0;align-self:stretch;border:0}
.ccmp-single .ccmp-single-hero-image img{height:100%;min-height:360px;max-height:650px;object-fit:cover}
.ccmp-single .ccmp-single-subtitle{font-size:clamp(17px,1.7vw,22px);color:var(--ccmp-accent)}
.ccmp-single .ccmp-project-intro{font-size:18px;line-height:1.7;max-width:48ch;color:var(--ccmp-muted);margin:24px 0 0}
.ccmp-single .ccmp-project-facts{gap:20px 28px}
.ccmp-single .ccmp-button--outline{background:var(--ccmp-accent);color:#07100e}
.ccmp-single .ccmp-button--outline span{color:inherit}
.ccmp-single .ccmp-button--outline:hover{background:#9edbd5}
.ccmp-single .ccmp-video-section>.ccmp-section-heading{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:24px}
.ccmp-single .ccmp-section-heading h2{font-size:clamp(28px,3.2vw,44px);letter-spacing:-.04em;text-transform:none}
.ccmp-single .ccmp-video-section>.ccmp-section-heading>p:not(.ccmp-kicker){grid-column:2}
.ccmp-single .ccmp-kicker{font-size:11px;line-height:1.5;letter-spacing:.15em}
.ccmp-single .ccmp-prose{font-size:18px;line-height:1.8;color:#c4ceca;max-width:68ch}
.ccmp-single .ccmp-prose p{font-size:inherit;line-height:inherit;margin:0 0 1.25em}
.ccmp-single .ccmp-prose h2{font-size:clamp(28px,3vw,40px);line-height:1.18;margin:1.6em 0 .7em;font-weight:500;text-transform:none}
.ccmp-single .ccmp-prose h3{font-size:clamp(22px,2.3vw,29px);line-height:1.25;margin:1.5em 0 .7em;font-weight:500;text-transform:none}
.ccmp-single .ccmp-prose h4{font-size:20px;line-height:1.3;color:var(--ccmp-text)}
.ccmp-single .ccmp-prose>*:first-child{margin-top:0}
.ccmp-single .ccmp-prose>*:last-child{margin-bottom:0}
.ccmp-single .ccmp-prose ul,.ccmp-single .ccmp-prose ol{padding-left:1.3em}
.ccmp-single .ccmp-prose li{margin-bottom:.55em}
/* Main editor remains available for arbitrary images between paragraphs. */
.ccmp-single .ccmp-editor-story{display:block;padding-block:64px}
.ccmp-single .ccmp-editor-story>.ccmp-kicker{max-width:740px;margin:0 auto 24px}
.ccmp-single .ccmp-editor-story>.ccmp-prose{max-width:740px;margin-inline:auto}
.ccmp-single .ccmp-prose img{max-width:100%;height:auto;display:block}
.ccmp-single .ccmp-prose figure{max-width:100%;margin:32px 0}
.ccmp-single .ccmp-prose .alignwide,.ccmp-single .ccmp-prose .alignfull{width:calc(100% + 120px);max-width:none;margin-left:-60px}
.ccmp-single .ccmp-prose .wp-block-gallery figure{margin:0}
.ccmp-single .ccmp-prose figcaption,.ccmp-single .ccmp-chapter-media figcaption{font-size:12px;line-height:1.6;color:var(--ccmp-muted);margin:12px 0 0}
.ccmp-single .ccmp-prose blockquote{margin:40px 0;padding:8px 0 8px 24px;border:0;border-left:2px solid var(--ccmp-accent);font-size:clamp(24px,3vw,34px);line-height:1.4;color:var(--ccmp-text)}
/* Chapters use the available width; blank sections disappear in PHP. */
.ccmp-single .ccmp-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,72px);padding-block:72px}
.ccmp-single .ccmp-chapter-copy{min-width:0}
.ccmp-single .ccmp-chapter-copy>.ccmp-kicker{margin:0 0 18px}
.ccmp-single .ccmp-chapter-copy>h2{margin:0 0 24px;color:var(--ccmp-text);font-size:clamp(30px,3.4vw,46px);font-weight:500;line-height:1.12;letter-spacing:-.045em;text-transform:none;overflow-wrap:anywhere}
.ccmp-single .ccmp-chapter-media{min-width:0;display:grid;gap:24px}
.ccmp-single .ccmp-chapter-media figure{margin:0;min-width:0}
.ccmp-single .ccmp-chapter-media img{display:block;width:100%;height:auto;border:1px solid var(--ccmp-line)}
.ccmp-single .ccmp-chapter--left .ccmp-chapter-copy{grid-column:2;grid-row:1}
.ccmp-single .ccmp-chapter--left .ccmp-chapter-media{grid-column:1;grid-row:1}
.ccmp-single .ccmp-chapter--wide,.ccmp-single .ccmp-chapter--text{grid-template-columns:1fr;gap:32px}
.ccmp-single .ccmp-chapter--text .ccmp-chapter-copy{width:100%;max-width:740px;margin-inline:auto}
.ccmp-single .ccmp-chapter--wide .ccmp-chapter-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);column-gap:64px}
.ccmp-single .ccmp-chapter--wide .ccmp-chapter-copy>.ccmp-kicker{grid-column:1/-1}
.ccmp-single .ccmp-chapter--wide .ccmp-chapter-copy>h2{margin-bottom:0}
.ccmp-single .ccmp-chapter--wide .ccmp-chapter-media--multiple{grid-template-columns:repeat(2,minmax(0,1fr))}
.ccmp-single .ccmp-story-section--concept{padding:clamp(24px,4vw,52px);margin:36px 0;background:#e9e6dc}
.ccmp-single .ccmp-story-section--concept:before{display:none}
.ccmp-single .ccmp-story-section--concept .ccmp-chapter-copy>h2{color:#151a18}
.ccmp-single .ccmp-story-section--concept .ccmp-prose{color:#39433e}
.ccmp-single .ccmp-story-section--concept figcaption{color:#495750}
.ccmp-single .ccmp-story-section--concept .ccmp-kicker{color:#246862}
.ccmp-single .ccmp-pull-quote{position:relative;margin:0;padding:60px clamp(24px,7vw,96px);border-block:1px solid var(--ccmp-line);text-align:center}
.ccmp-single .ccmp-pull-quote>span{display:block;font-family:Georgia,serif;color:var(--ccmp-accent);font-size:88px;line-height:.8}
.ccmp-single .ccmp-pull-quote blockquote{border:0;padding:0;margin:0 auto;max-width:900px;background:none;color:var(--ccmp-text)}
.ccmp-single .ccmp-pull-quote blockquote p{font-size:clamp(26px,3.7vw,46px);line-height:1.3;letter-spacing:-.035em;margin:0}
.ccmp-single .ccmp-pull-quote figcaption{color:var(--ccmp-accent);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-top:24px}
.ccmp-single .ccmp-credits-section{grid-template-columns:1fr 2fr;gap:24px;padding-block:28px}
.ccmp-single .ccmp-credits-section .ccmp-prose{font-size:14px}
.ccmp-single .ccmp-gallery-grid{gap:20px}
.ccmp-single .ccmp-gallery-grid figure{aspect-ratio:auto;background:none;border:0;overflow:visible}
.ccmp-single .ccmp-gallery-grid img{height:auto;object-fit:contain}
.ccmp-single a:focus-visible{outline:2px solid var(--ccmp-accent);outline-offset:5px}
.ccmp-single section[id]{scroll-margin-top:110px}
@media(max-width:900px){
 .ccmp-single .ccmp-single-hero{gap:30px}
 .ccmp-single .ccmp-chapter{gap:32px}
 .ccmp-single .ccmp-prose .alignwide,.ccmp-single .ccmp-prose .alignfull{width:100%;max-width:100%;margin-left:0}
 .ccmp-single .ccmp-chapter--wide .ccmp-chapter-copy{column-gap:30px}
}
@media(max-width:680px){
 .ccmp-single .ccmp-single-hero{grid-template-columns:1fr}
 .ccmp-single .ccmp-single-hero-copy{grid-row:1}
 .ccmp-single .ccmp-single-hero-image{grid-row:2}
 .ccmp-single .ccmp-single-hero-image img{height:auto;min-height:0;max-height:none}
 .ccmp-single .ccmp-single-hero h1{font-size:clamp(38px,10vw,58px)}
 .ccmp-single .ccmp-project-intro,.ccmp-single .ccmp-prose{font-size:16px;line-height:1.8}
 .ccmp-single .ccmp-chapter{grid-template-columns:1fr;padding-block:44px}
 .ccmp-single .ccmp-chapter--left .ccmp-chapter-copy,.ccmp-single .ccmp-chapter--left .ccmp-chapter-media{grid-column:auto;grid-row:auto}
 .ccmp-single .ccmp-chapter--wide .ccmp-chapter-copy{display:block}
 .ccmp-single .ccmp-chapter--wide .ccmp-chapter-copy>h2{margin-bottom:24px}
 .ccmp-single .ccmp-chapter--wide .ccmp-chapter-media--multiple{grid-template-columns:1fr}
 .ccmp-single .ccmp-story-section--concept{padding:28px 22px}
 .ccmp-single .ccmp-video-section>.ccmp-section-heading,.ccmp-single .ccmp-credits-section{display:block}
 .ccmp-single .ccmp-pull-quote{padding:44px 12px}
 .ccmp-single .ccmp-editor-story{padding-block:44px}
}