:root{color-scheme:dark;--merch-overlay-opacity:.70;--paper:#e8e8e1;--accent:#1D7552;background:#000;color:var(--paper);font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100svh;isolation:isolate}
.store-background,.store-overlay{position:fixed;inset:0;pointer-events:none;z-index:-1}
.store-background{background:url('/assets/merch-background.jpg') center/cover no-repeat}
.store-overlay{background:#000;opacity:var(--merch-overlay-opacity)}
.store-intro{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:100px 24px}
h1{margin:0;padding-left:.15em;font-family:Georgia,'Times New Roman',serif;font-size:clamp(54px,10vw,144px);font-weight:400;line-height:1.1;letter-spacing:.15em;text-transform:uppercase}
.back-link{position:absolute;top:clamp(26px,4vw,56px);left:clamp(24px,6vw,96px);color:var(--paper);text-decoration:none;text-transform:uppercase;font-size:10px;line-height:1.8;letter-spacing:.17em;transition:color .2s}
.back-link:hover{color:var(--paper)}.back-link:focus-visible{outline:2px solid var(--accent);outline-offset:8px}
::selection{background:var(--accent);color:#fff}
@media(prefers-reduced-motion:reduce){.back-link{transition:none}}

.back-link{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.back-title{transition:color .2s}.back-lyric{font-size:8px;letter-spacing:.14em;color:#496452;transition:color .2s}.back-link:hover .back-title{color:#fff}.back-link:hover .back-lyric{color:#688b75}
@media(prefers-reduced-motion:reduce){.back-title,.back-lyric{transition:none}}


/* A normal-flow feathered surface darkens the existing photo toward the grid. */
.collection{position:relative;padding:clamp(60px,8vw,110px) clamp(24px,6vw,96px) clamp(80px,10vw,150px);background:#050605}
.collection::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:30svh;background:linear-gradient(transparent,#050605);pointer-events:none}
.coming-soon{min-height:85vh;min-height:85svh;display:grid;place-items:center;text-align:center}
.coming-copy{max-width:820px;width:100%}
.coming-copy::before{content:'';display:block;width:44px;height:1px;margin:0 auto 36px;background:var(--accent);opacity:.65}
.coming-copy h2{margin:0 0 30px;font-size:clamp(25px,4vw,52px);line-height:1.25;font-weight:700;letter-spacing:.045em;text-wrap:balance}
.coming-copy p{margin:0;color:#b4b8af;font-size:clamp(14px,1.5vw,18px);line-height:1.8;text-wrap:pretty}
.coming-copy p+p{margin-top:14px;color:#909b92}

.coming-copy p.merch-status{margin-top:24px;color:#496452;font-size:clamp(10px,1vw,12px);letter-spacing:.16em;line-height:1.8}


#store-title{font-size:clamp(18px,4.7vw,76px);letter-spacing:.09em;padding-left:.09em;white-space:nowrap;max-width:100%}@media(max-width:560px){#store-title{font-size:clamp(13px,4.2vw,24px);letter-spacing:.055em;padding-left:.055em}}


#store-title{display:flex;flex-direction:column;align-items:center;gap:.25em;text-align:center}.store-name{font-size:1.6em;line-height:1.1}.store-subtitle{font-size:.65em;line-height:1.3}


/* Shared homepage film.js: one noninteractive layer above the surfaces,
   below the navigation and all text. */
#film-scratches{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0}
.back-link,.coming-copy,#store-title{position:relative;z-index:2}
.back-link{position:absolute}
@media(prefers-reduced-motion:reduce){#film-scratches{display:none}}