.crowd-chapter,.crowd-scenes,.crowd-making{margin:95px 0 20px}.story-heading{display:flex;justify-content:space-between;align-items:baseline;gap:30px}.story-heading h3{font-size:clamp(32px,4vw,60px);letter-spacing:-.045em}.story-heading>.micro{color:var(--muted)}.story-lead{font-size:17px;line-height:1.6;max-width:660px;margin:25px 0 35px;color:#c8c9bf}.chapter-switch{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 0}.chapter-switch button{padding:10px 17px;border:1px solid #5f6254;border-radius:25px;font-size:13px}.chapter-switch button[aria-pressed=true]{color:var(--ink);background:var(--paper);border-color:var(--paper)}#chapter-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:12px 0 35px}#chapter-copy h4{font-size:25px;font-weight:400;letter-spacing:-.03em;margin:0}#chapter-copy p{font-size:15px;line-height:1.65;color:var(--muted);margin:0}.bts-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 24px;align-items:start}.bts-photo{margin:0}.bts-photo:first-child{grid-column:1 / -1}.bts-photo button{position:relative;width:100%;display:block;padding:0;background:#171914;overflow:hidden}.bts-photo img{height:auto;max-height:680px;object-fit:contain;transition:transform .5s}.bts-photo button:hover img{transform:scale(1.025)}.bts-photo.portrait img{max-height:590px}.enlarge-mark{position:absolute;right:15px;bottom:15px;background:#101110b0;border:1px solid #ffffff60;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:25px}.bts-photo figcaption{margin:16px 0 0}.bts-photo figcaption>p{font-size:14px;line-height:1.5;margin-bottom:8px}.photo-credit{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:var(--muted);line-height:1.5}.photo-credit a{text-decoration:underline;text-underline-offset:3px}.photo-credit a:hover{color:var(--paper)}.bts-lightbox{background:#101110;width:calc(100% - 30px);max-width:1400px;max-height:96vh;padding:20px 25px;color:var(--paper)}.bts-lightbox::backdrop{background:#000d}.lightbox-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:16px}.lightbox-top button{padding:10px}.bts-lightbox #bts-full{height:70vh;object-fit:contain;width:100%}.lightbox-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:20px}.lightbox-bottom>div{text-align:center;max-width:850px}.lightbox-bottom #bts-caption{font-size:15px;line-height:1.4;margin-bottom:8px}.lightbox-bottom button{padding:15px;font-size:26px}.scene-layout{display:grid;grid-template-columns:2.4fr 1fr;gap:25px}.scene-screen{position:relative;background:#000;aspect-ratio:1920 / 1036;overflow:hidden}.scene-screen video,.scene-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.scene-screen>button{position:absolute;z-index:2;bottom:15px;left:18px;background:#101110bd;padding:10px 15px;border:1px solid #fff7;border-radius:25px;font-size:12px}.scene-screen #scene-label{position:absolute;bottom:25px;right:20px;font-size:12px;text-shadow:0 1px 7px #000}.scene-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.scene-choices button{text-align:left;padding:12px 10px;border:1px solid var(--line);font-size:12px;min-height:43px}.scene-choices button:hover{border-color:var(--paper)}.scene-choices button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.scene-note{font-size:11px;color:var(--muted);margin-top:12px}.making-launch{display:block;position:relative;padding:0;width:100%;aspect-ratio:16 / 9;overflow:hidden}.making-launch>img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.making-launch>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px;font-size:26px}.making-launch b{font-size:38px;font-weight:400}.crowd-making>.photo-credit{margin-top:15px}
@media(max-width:850px){.story-heading{display:block}.story-heading h3{margin-top:18px}.scene-layout{grid-template-columns:1fr}.scene-choices{grid-template-columns:repeat(4,1fr)}#chapter-copy{gap:20px}.bts-photo:first-child img{max-height:520px}}
@media(max-width:520px){.crowd-chapter,.crowd-scenes,.crowd-making{margin-top:65px}.story-lead{font-size:15px}.chapter-switch{gap:7px}.chapter-switch button{font-size:11px;padding:9px 12px}#chapter-copy{grid-template-columns:1fr;gap:15px}#chapter-copy h4{font-size:23px}.bts-grid{grid-template-columns:1fr;gap:30px}.bts-photo:first-child{grid-column:auto}.bts-photo figcaption>p{font-size:13px}.photo-credit{font-size:10px}.scene-choices{grid-template-columns:repeat(3,1fr)}.scene-choices button{font-size:10px;padding:10px 7px}.scene-screen #scene-label{bottom:auto;top:15px}.scene-screen>button{left:12px;bottom:12px;padding:8px 12px}.bts-lightbox{padding:12px;width:calc(100% - 12px)}.bts-lightbox #bts-full{height:62vh}.lightbox-bottom{gap:8px}.lightbox-bottom button{padding:8px}.lightbox-bottom #bts-caption{font-size:13px}.making-launch>span{font-size:19px}}
@media(prefers-reduced-motion:reduce){.bts-photo button:hover img{transform:none}}

#project-body[data-project-slug="crowd"]>.hosted-player{aspect-ratio:1920 / 1036}

.crowd-making .hosted-player,.making-launch{aspect-ratio:2880 / 1556}

.levis-scene-description{font-size:15px;line-height:1.6;margin-top:24px;max-width:650px;color:var(--muted)}.levis-scenes .scene-choices{grid-template-columns:1fr}@media(max-width:850px){.levis-scenes .scene-choices{grid-template-columns:repeat(3,1fr)}}

.scene-screen #levis-scene-label{position:absolute;bottom:25px;right:20px;font-size:12px;text-shadow:0 1px 7px #000}@media(max-width:520px){.scene-screen #levis-scene-label{bottom:auto;top:15px}}

.rockstar-films,.rockstar-bts{margin:65px 0 25px}.artist-selector{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.artist-selector button{border:1px solid var(--line);padding:12px 16px;font-size:13px}.artist-selector button[aria-pressed=true]{background:var(--paper);color:var(--ink)}#artist-context{display:grid;grid-template-columns:1fr 2fr;gap:12px 40px;margin:35px 0}#artist-context h4{font-size:28px;font-weight:400;margin:0}#artist-context>p{font-size:17px;line-height:1.6}.artist-source{grid-column:2;font-size:10px;color:var(--muted)}.artist-source summary{cursor:pointer}.artist-source a{display:block;text-decoration:underline;margin-top:10px}.rockstar-photo-controls{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:25px 0 15px}.rockstar-photo-controls button{padding:10px 16px;border:1px solid var(--line);font-size:22px}#rockstar-photo-open{position:relative;padding:0;width:100%;background:#080908}#rockstar-photo-main{height:570px;width:100%;object-fit:contain}#rockstar-photo-caption{margin:15px 0;font-size:14px;color:var(--muted)}.rockstar-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:15px 0 20px}.rockstar-thumbnails button{flex:0 0 85px;padding:0;border:2px solid transparent;height:65px}.rockstar-thumbnails button[aria-pressed=true]{border-color:var(--paper)}.rockstar-thumbnails img{object-fit:cover}.rockstar-lightbox #rockstar-photo-full{height:70vh;object-fit:contain}.rockstar-lightbox #rockstar-full-caption{font-size:14px;text-align:center}@media(max-width:520px){#artist-context{grid-template-columns:1fr;gap:18px}#artist-context>p{font-size:15px}.artist-source{grid-column:1}.artist-selector button{font-size:11px;padding:10px 12px}#rockstar-photo-main{height:400px}.rockstar-lightbox #rockstar-photo-full{height:65vh}}

.rockstar-watch-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,380px);gap:55px;align-items:start}.rockstar-watch-info{min-width:0}.rockstar-watch-layout #artist-context{grid-template-columns:1fr;margin:35px 0}.rockstar-watch-layout .artist-source{grid-column:1}.rockstar-watch-layout #rockstar-player .hosted-player{aspect-ratio:9 / 16;width:100%;max-height:none}.rockstar-watch-layout .artist-selector{margin-top:0}.rockstar-watch-layout #artist-context h4{font-size:38px}@media(max-width:850px){.rockstar-watch-layout{grid-template-columns:minmax(0,1fr) minmax(200px,300px);gap:25px}.rockstar-watch-layout #artist-context h4{font-size:28px}}@media(max-width:620px){.rockstar-watch-layout{grid-template-columns:1fr;gap:25px}.rockstar-watch-layout #rockstar-player{width:min(100%,330px);justify-self:center}.rockstar-watch-layout #artist-context{margin-bottom:0}}

.rockstar-bts{position:relative}.rockstar-photo-controls{justify-content:flex-end;gap:20px;margin:30px 0 18px;color:var(--muted);font-variant-numeric:tabular-nums}.rockstar-photo-controls button{border:1px solid #ffffff35;border-radius:50%;width:44px;height:44px;padding:0;display:grid;place-items:center;font-size:21px;transition:background .2s,color .2s}.rockstar-photo-controls button:hover{background:var(--paper);color:var(--ink)}#rockstar-photo-open{background:transparent;border-radius:3px;overflow:hidden}#rockstar-photo-main{height:min(68vh,740px);object-fit:contain}.rockstar-gallery-footer{display:flex;justify-content:flex-end;margin-top:15px}.rockstar-contact-toggle{font-size:12px;border-bottom:1px solid #ffffff50;padding:10px 0;display:flex;align-items:center;gap:16px}.rockstar-contact-toggle span{font-size:22px}.rockstar-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;overflow:visible;padding:30px 0}.rockstar-thumbnails button{width:100%;height:auto;aspect-ratio:4 / 3;opacity:.65;border:2px solid transparent;transition:opacity .2s}.rockstar-thumbnails button:hover,.rockstar-thumbnails button[aria-pressed=true]{opacity:1}.rockstar-thumbnails img{width:100%;height:100%;object-fit:cover}#rockstar-photo-caption{font-size:13px;max-width:650px;line-height:1.6}.rockstar-bts .enlarge-mark{background:#10111088;border-color:#ffffff40;opacity:0;transition:opacity .2s}#rockstar-photo-open:hover .enlarge-mark,#rockstar-photo-open:focus-visible .enlarge-mark{opacity:1}@media(max-width:850px){.rockstar-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:520px){.rockstar-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}#rockstar-photo-main{height:55vh}.rockstar-photo-controls{gap:15px}.rockstar-photo-controls button{width:38px;height:38px}.rockstar-bts .enlarge-mark{opacity:1}}

#rockstar-photo-open::after,.rockstar-thumbnails button::after,.rockstar-full-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(155deg,rgba(12,31,63,.07) 15%,rgba(8,24,51,.16) 60%,rgba(3,12,31,.3) 100%)}.rockstar-thumbnails button,.rockstar-full-image{position:relative}.rockstar-full-image{height:70vh}.rockstar-full-image #rockstar-photo-full{height:100%;width:100%;object-fit:contain}.rockstar-bts .enlarge-mark{z-index:2}@media(max-width:520px){.rockstar-full-image{height:65vh}}

/* ROCKSTAR: one consistent content axis and clear section hierarchy. */
#project-body[data-project-slug="rockstar"]{max-width:1180px;margin:0 auto}
#project-body[data-project-slug="rockstar"] .sheet-heading{display:block;margin-bottom:40px}
#project-body[data-project-slug="rockstar"] .sheet-heading h2{max-width:100%;font-size:clamp(36px,5vw,72px);line-height:1.08;text-wrap:balance}
#project-body[data-project-slug="rockstar"] .sheet-heading>.micro{max-width:760px;margin-top:20px;line-height:1.7}
#project-body[data-project-slug="rockstar"] .project-story{display:block;margin:0 0 70px;max-width:810px}
#project-body[data-project-slug="rockstar"] .project-story>div{margin-bottom:18px}
#project-body[data-project-slug="rockstar"] .project-story p{font-size:18px;line-height:1.7;max-width:810px}
#rockstar-story .story-heading{display:block;margin-bottom:22px}
#rockstar-story .story-heading>.micro{display:block;margin-bottom:14px}
#rockstar-story .story-heading h3{font-size:clamp(30px,3.6vw,48px);line-height:1.15;margin:0;max-width:820px}
#rockstar-story .story-lead{margin:0 0 34px;max-width:730px;font-size:16px;line-height:1.7}
#rockstar-story .rockstar-films{margin:0;padding-top:45px;border-top:1px solid var(--line)}
#rockstar-story .rockstar-watch-layout{grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:65px;align-items:start}
#rockstar-story .artist-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0}
#rockstar-story .artist-selector button{text-align:left;padding:13px 12px;min-height:44px}
#rockstar-story #artist-context{display:block;margin:32px 0 0;max-width:580px}
#rockstar-story #artist-context h4{font-size:32px;margin-bottom:18px}
#rockstar-story #artist-context>p{font-size:16px;line-height:1.7}
#rockstar-story .artist-source{margin-top:18px}
#rockstar-story #rockstar-player{width:100%;max-width:340px;justify-self:end}
#rockstar-story .rockstar-bts{margin-top:75px;padding-top:45px;border-top:1px solid var(--line)}
#rockstar-story .rockstar-photo-controls{margin:0 0 18px}
#rockstar-story #rockstar-photo-caption{margin-top:18px}
#rockstar-story .rockstar-gallery-footer{margin-top:0}
@media(max-width:850px){
 #rockstar-story .rockstar-watch-layout{grid-template-columns:minmax(0,1fr) 260px;gap:30px}
 #rockstar-story .artist-selector{grid-template-columns:repeat(2,minmax(0,1fr))}
 #rockstar-story .artist-selector button{font-size:12px}
}
@media(max-width:620px){
 #rockstar-story .rockstar-watch-layout{grid-template-columns:1fr;gap:30px}
 #rockstar-story .artist-selector{grid-template-columns:repeat(3,minmax(0,1fr))}
 #rockstar-story .artist-selector button{font-size:10px;padding:11px 8px}
 #rockstar-story #rockstar-player{justify-self:center;max-width:300px}
 #project-body[data-project-slug="rockstar"] .project-story{margin-bottom:40px}
 #project-body[data-project-slug="rockstar"] .project-story p{font-size:16px}
 #rockstar-story .rockstar-bts{margin-top:50px;padding-top:35px}
}

/* CROWD: the original colour plan, alongside the finished film. */
.crowd-palette{margin:80px 0 20px;padding-top:32px;border-top:1px solid var(--line)}
.palette-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:28px 0 36px}
.palette-intro p{font-size:17px;line-height:1.65;max-width:55ch;color:var(--muted);margin:0}
.palette-intro p:first-child{color:var(--paper)}
.palette-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:30px}
.palette-choices button{display:block;text-align:left;padding:0 0 12px;border-bottom:1px solid var(--line)}
.palette-choices button[aria-pressed=true]{border-bottom-color:var(--paper)}
.palette-choices button:focus-visible{outline:2px solid var(--paper);outline-offset:5px}
.palette-colour-strip{display:flex;height:clamp(62px,7vw,110px)}
.palette-colour-strip>span{flex:1}
.palette-choice-label{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:16px}
.palette-choice-label>span{opacity:0;color:var(--paper)}
.palette-choices button[aria-pressed=true] .palette-choice-label>span{opacity:1}
.palette-panel{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:36px;align-items:start}
.palette-frame{margin:0;min-width:0}.palette-frame img{display:block;width:100%;height:auto;aspect-ratio:1280/690;object-fit:contain;background:#000}.palette-frame figcaption{margin-top:12px;color:var(--muted)}
.palette-notes{border-top:1px solid var(--line);padding-top:18px}.palette-notes>.micro{color:var(--muted)}
.palette-notes h4{font-size:clamp(28px,3vw,42px);font-weight:400;letter-spacing:-.04em;margin:20px 0 12px}
.palette-notes>p{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 24px;max-width:32ch}
.palette-colours{margin:0}.palette-colours>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:14px 0;font-size:12px}.palette-colours dt{display:flex;align-items:center;gap:10px}.palette-colours dt>span{display:block;width:18px;height:18px;flex:none;border:1px solid #ffffff26}.palette-colours dd{margin:0;font:11px 'Courier New',monospace;color:var(--muted)}
@media(max-width:700px){.crowd-palette{margin-top:60px;padding-top:24px}.palette-intro{grid-template-columns:1fr;gap:18px;margin:24px 0 28px}.palette-intro p{font-size:15px}.palette-choices{gap:12px}.palette-choice-label{font-size:14px}.palette-panel{grid-template-columns:1fr;gap:24px}.palette-notes>p{max-width:none}.palette-notes h4{margin-top:14px}.palette-colours>div{font-size:13px}}
@media(max-width:420px){.palette-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.palette-colour-strip{height:64px}}

.palette-loop-screen{position:relative;aspect-ratio:1280/690;background:#000}
.palette-loop-screen video{display:block;width:100%;height:100%;object-fit:contain}
.palette-loop-toggle{position:absolute;left:14px;bottom:14px;padding:9px 12px;border:1px solid #ffffff80;background:#100100c9;color:var(--paper);font-size:11px}
.palette-loop-toggle:focus-visible{outline:2px solid var(--paper);outline-offset:3px}
.palette-references{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;margin-top:0;min-width:0}
.palette-reference-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:20px}
.palette-reference-heading h5{font-size:18px;font-weight:400;margin:0;letter-spacing:-.02em}
.palette-reference-heading>.micro{color:var(--muted)}
.palette-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.palette-reference-grid figure{margin:0;min-width:0}
.palette-reference-grid img{display:block;width:100%;height:auto;aspect-ratio:2.35;object-fit:contain;background:#000}
.palette-reference-grid figcaption{margin-top:12px;font-size:13px;line-height:1.5;color:var(--muted)}
.palette-reference-grid a{text-decoration:underline;text-underline-offset:4px}
.palette-reference-grid a:hover{color:var(--paper)}
@media(max-width:700px){.palette-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.palette-reference-heading{display:block}.palette-reference-heading>.micro{display:block;margin-top:10px}.palette-loop-toggle{left:10px;bottom:10px}}
@media(max-width:420px){.palette-reference-grid{grid-template-columns:1fr}}

.palette-reference-image{display:block;aspect-ratio:2.35;overflow:hidden;background:#000}
.palette-reference-grid .palette-reference-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
.palette-reference-grid figcaption{margin:12px 0 0;padding:0;line-height:1.5}

.palette-reference-grid .palette-reference-group{grid-column:span var(--reference-count)}
.palette-reference-frames{display:grid;grid-template-columns:repeat(var(--reference-count),minmax(0,1fr));gap:24px}
.palette-reference-group.multiple .palette-reference-image{aspect-ratio:2.39}
.palette-reference-group.multiple .palette-reference-image img{object-fit:cover}
.palette-reference-group figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:12px}
.palette-reference-group.multiple figcaption{border-top:1px solid var(--line);padding-top:12px}
.reference-frame-count{font-size:11px;color:var(--muted)}
@media(max-width:700px){.palette-reference-frames{gap:16px}}
@media(max-width:420px){.palette-reference-grid .palette-reference-group{grid-column:auto}.palette-reference-group.multiple figcaption{margin-top:12px}}

.palette-reference-image{aspect-ratio:2.39}

/* Let BTS photographs occupy their own proportions, without coloured side panels. */
.bts-photo button{background:transparent}
.bts-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.bts-photo.portrait{width:min(100%,480px);justify-self:center}
.bts-photo.portrait img{max-height:none}
.bts-photo button:hover img{transform:none}
