.story-page{--gutter:clamp(1.25rem,5vw,6rem);--muted:#bbb3b6;--page-shift:0px;--page-red:.45;background:var(--black);isolation:isolate;overflow-x:clip}
.story-main{position:relative;z-index:1;padding-top:8rem}
.story-width{width:calc(100% - 2 * var(--gutter));max-width:96rem;margin-inline:auto;min-width:0}
.page-wash{position:fixed;z-index:0;inset:-20%;pointer-events:none;background:radial-gradient(ellipse 75% 85% at 85% 30%,#ab0b245c,transparent 70%);opacity:var(--page-red)}
.story-page .site-footer{padding-top:3rem}
.story-page .footer-bottom{padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;font-size:.875rem;letter-spacing:0}
.story-page .legal-links{gap:.5rem 1.5rem}
.release-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2.5rem,6vw,7rem);align-items:center;padding-top:1rem;padding-bottom:5rem;min-height:calc(100svh - 8rem)}
.release-art{margin:0;min-width:0}
.release-art .photo-credit{margin-top:1rem}
.release-detail-copy{min-width:0}
.release-detail h1,.release-story h2,.after-intro h1,.scene-copy h2,.story-next{font-family:var(--display);font-weight:700;line-height:.96;letter-spacing:-.015em;margin:0}
.release-detail h1{font-size:clamp(3rem,6.8vw,7rem)}
.release-detail h1>span{display:block}
.detail-wanna{display:block;color:var(--red);transform:translateX(var(--page-shift))}
.detail-player{margin-top:2rem}
.detail-player .music-player{padding:0;border:0;margin:0 0 1.5rem;max-width:none}
.detail-player .player-status{color:var(--white);font-size:.875rem;margin:0 0 .5rem}
.detail-player .player-note{font-size:1rem;line-height:1.6;margin:0}
.release-story{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2.5rem,6vw,7rem);padding-top:5rem;padding-bottom:8rem;align-items:start}
.release-story h2{font-size:clamp(3.5rem,8vw,8rem)}
.release-story-copy>p{font-size:clamp(1.125rem,1.8vw,1.6rem);line-height:1.7;margin:0 0 2.5rem;max-width:30rem}
.release-facts{display:grid;gap:1.3rem;margin:0;font-size:1rem;line-height:1.5}
.release-facts>div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1rem}
.release-facts dt{color:var(--muted)}
.release-facts dd{margin:0}
.story-outro{padding-block:3rem 5rem}
.story-outro .section-kicker{display:block;margin-bottom:1.5rem}
.story-next{display:inline-block;font-size:clamp(3rem,8.2vw,8.5rem);color:var(--white);transition:color .2s}
.story-next:hover{color:var(--red)}
.after-intro{position:relative;padding:1.5rem 0 5rem}
.after-intro h1{font-size:clamp(4rem,15.5vw,16rem);line-height:.9}
.after-intro h1 span{color:var(--red);display:inline-block;transform:translateX(var(--page-shift))}
.after-intro-note{margin:2rem 0 0;font-size:.875rem;color:var(--muted)}
.after-scene{position:relative;margin-bottom:10rem}
.scene-photo{margin:0;min-width:0;transform:translateY(var(--photo-shift,0px));will-change:transform}
.scene-photo .photo-credit{margin-top:1rem}
.scene-drinks .scene-photo{width:82%;margin-left:auto}
.scene-caption{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;width:82%;margin-left:auto;margin-top:1.5rem}
.scene-caption h2{font-family:var(--body);font-size:.875rem;line-height:1.5;font-weight:400;letter-spacing:.05em;margin:0}
.scene-caption p{font-size:1rem;line-height:1.6;margin:0;color:var(--muted)}
.scene-red{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,7rem);align-items:center;padding-top:3rem}
.scene-copy h2{font-size:clamp(3rem,7.2vw,7.5rem);margin-bottom:2rem}
.scene-copy>p:not(.section-kicker){font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.7;margin:0;max-width:29rem;color:var(--muted)}
.scene-maxine{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,7vw,8rem);align-items:center;padding-top:2rem}
.scene-maxine .scene-copy{position:relative;z-index:2}
.scene-maxine .scene-copy h2{font-size:clamp(3rem,5.4vw,6rem)}
.scene-maxine .scene-photo{width:86%;z-index:1}
.scene-landscape .artwork-button img{aspect-ratio:auto}
.scene-landscape .scene-caption{width:100%;margin-left:0}
.scene-detail .scene-photo,.scene-detail .scene-caption{width:76%;margin-left:auto}
.portrait-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);width:90%;margin-inline:auto}
.portrait-frame{min-width:0;margin:0}
.portrait-frame:nth-child(even){margin-top:clamp(2rem,5vw,5rem)}
.portrait-grid .artwork-button img,.scene-photostrip .artwork-button img{aspect-ratio:auto}
.scene-portraits .scene-caption{width:90%;margin-inline:auto}
.scene-photostrip .scene-photo,.scene-photostrip .scene-caption{width:62%;max-width:44rem;margin-inline:auto}
.scene-motif{position:absolute;left:32%;bottom:-3rem;width:64%;height:auto;opacity:.12;z-index:0;pointer-events:none}
.film-index{position:fixed;right:1.2rem;bottom:2rem;z-index:5;padding:.35rem .65rem;border-radius:999px;background:#090909b8;font-size:.875rem;color:var(--muted);pointer-events:none}
.film-index span{color:var(--white)}
@media(max-width:1000px){
 .release-detail,.release-story{gap:2.5rem}
 .release-detail h1{font-size:6.6vw}
 .release-story{padding-block:3rem 6rem}
 .after-scene{margin-bottom:7rem}
 .scene-red,.scene-maxine{gap:2rem}
 .scene-copy h2{font-size:7.5vw}
 .scene-maxine .scene-copy h2{font-size:5.6vw}
}
@media(max-width:640px){
 .story-main{padding-top:6.5rem}
 .story-page:not(.js-ready) .header-inner{flex-wrap:wrap}
 .story-page:not(.js-ready) .menu-toggle{display:none}
 .story-page:not(.js-ready) .site-header nav{position:static;display:flex;flex-wrap:wrap;flex-basis:100%;padding:0;gap:.5rem 1.25rem;background:none;box-shadow:none;font-size:.875rem}
 .release-detail{grid-template-columns:minmax(0,1fr);gap:2.5rem;min-height:0;padding-bottom:3rem}
 .release-detail h1{font-size:clamp(3.25rem,12vw,5rem)}
 .release-art{max-width:34rem}
 .release-detail-copy .section-kicker{margin-bottom:1.25rem}
 .detail-player{margin-top:1.5rem}
 .release-story{grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:3rem 4rem}
 .release-story h2{font-size:clamp(4rem,17vw,6rem)}
 .release-facts>div{grid-template-columns:6rem minmax(0,1fr);gap:.75rem}
 .story-outro{padding-block:2rem 3rem}
 .story-next{font-size:clamp(2.75rem,11vw,4rem)}
 .after-intro{padding-top:1rem;padding-bottom:3rem}
 .after-intro h1{font-size:clamp(4.25rem,23vw,8rem)}
 .after-intro-note{margin-top:1.5rem}
 .after-scene{margin-bottom:5rem}
 .scene-drinks .scene-photo,.scene-caption{width:100%}
 .scene-caption{display:block;margin-top:1rem}
 .scene-caption p{margin-top:.5rem}
 .scene-red,.scene-maxine{grid-template-columns:minmax(0,1fr);gap:2rem;padding-top:0}
 .scene-copy h2,.scene-maxine .scene-copy h2{font-size:clamp(3.25rem,12.5vw,5rem);margin-bottom:1.5rem}
 .scene-red .scene-photo{width:87%;margin-left:auto}
 .scene-maxine .scene-photo{width:80%}
 .scene-maxine .scene-copy{padding-left:1.5rem}
 .scene-motif{left:25%;bottom:12rem;width:78%}
 .story-page .footer-bottom{font-size:.875rem}
 .story-page .legal-links{flex-basis:100%}
 .story-page .footer-bottom>span:last-child{margin-left:auto}
 .film-index{right:.75rem;bottom:1rem}
}
@media(prefers-reduced-motion:reduce){
 .detail-wanna,.after-intro h1 span,.scene-photo{transform:none;will-change:auto}
}