@font-face{font-family:"DIN Next";src:local("DIN Next"),local("DINNext-Regular")}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080707;color:#c88490;font-family:"DIN Next","DIN 2014","Arial Narrow",Arial,sans-serif;letter-spacing:.12em}a{color:inherit}.topbar{position:fixed;z-index:30;top:0;left:0;width:100%;height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#080707e8,#08070700)}.wordmark{text-decoration:none;font-size:11px}.menuBtn{display:block;background:none;border:0;width:34px;height:34px;padding:8px}.menuBtn span{display:block;height:1px;background:#c88490;margin:5px 0}.menu{position:fixed;inset:0;z-index:25;background:#080707fa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:27px;opacity:0;pointer-events:none;transition:.3s}.menu.open{opacity:1;pointer-events:auto}.menu a{text-decoration:none;font-size:22px;font-weight:300}.hero{height:100svh;min-height:620px;position:relative;overflow:hidden}.heroImage{position:absolute;inset:0;background:url("assets/hero.jpg") center center/auto 100% no-repeat;filter:brightness(.83) saturate(.9)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 62%,#080707 100%)}.ghostLogo{position:absolute;z-index:2;width:min(27.5vw,320px);left:50%;top:26%;transform:translate(-50%,-50%);opacity:.09;filter:brightness(.72) saturate(.7)}.heroRelease{position:absolute;z-index:3;left:50%;bottom:calc(22vh + 65px);transform:translateX(-50%);text-align:center;font-size:14.95px;line-height:2;white-space:nowrap}.outNow{display:block;text-decoration:none;font-size:9px;letter-spacing:.2em}.innerPage{min-height:100svh;padding-top:76px}.aboutPhoto{width:100%;display:block}.pageCopy{max-width:850px;padding:48px 8vw 80px}.pageCopy h1{font-size:13px;font-weight:400;margin:0 0 36px}.pageCopy p{max-width:720px;color:#b58c92;font-size:15px;line-height:1.85;letter-spacing:.045em;margin:0 0 23px}.livePage{height:100svh;min-height:620px;position:relative;overflow:hidden;display:grid;place-items:center}.liveGlow{position:absolute;inset:0;background:url("assets/hero.jpg") center bottom/auto 100% no-repeat;filter:brightness(.75) saturate(.85)}.liveGlow:after{content:"";position:absolute;inset:0;background:linear-gradient(#080707 0%,#080707 38%,transparent 75%)}.liveCopy{position:relative;z-index:2;text-align:center;margin-top:-12vh}.liveCopy h1{font-size:34px;font-weight:300;margin:0 0 18px}.liveCopy p{font-size:9px}.contactPage{height:100svh;min-height:620px;padding:0 8vw;display:flex;flex-direction:column;justify-content:center;position:relative}.contactTitle{font-size:9px;color:#765b60;margin-bottom:36px}.socials{display:flex;gap:34px}.socials a{text-decoration:none;font-size:13px}.email{display:inline-block;margin-top:30px;text-decoration:none;font-size:10px}.contactCopyright{position:absolute;left:8vw;bottom:9vh;font-size:7px;color:#4d3a3d}
@media(max-width:700px){.topbar{height:64px;padding:0 22px}.wordmark{font-size:9px}.ghostLogo{width:45vw;top:26%;opacity:.08}.heroRelease{bottom:calc(20.5vh + 65px);font-size:13.8px}.aboutPage{padding-top:64px}.pageCopy{padding:38px 22px 60px}.pageCopy h1{font-size:9px;margin-bottom:30px}.pageCopy p{font-size:13px}.liveCopy h1{font-size:30px}.contactPage{padding:0 22px}.contactCopyright{left:22px;bottom:9vh}}
/* V7: dedicated mobile-first media, shows and merch navigation */
.featurePage{min-height:100svh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 24px 70px;overflow:hidden}
.featurePage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 65% 15% at 50% 76%,rgba(134,65,80,.12),transparent 85%);pointer-events:none}
.sectionIntro{position:relative;z-index:1;width:100%;max-width:560px}
.sectionIntro h1{font-size:32px;font-weight:300;letter-spacing:.2em;margin:0 0 24px}
.sectionIntro h2{font-size:18px;font-weight:300;letter-spacing:.17em;margin:0 0 12px}
.sectionIntro p{font-size:10px;letter-spacing:.2em;color:#a77882;margin:0}
.mediaRule{height:1px;width:48px;margin:34px auto;background:#64434a}
.sectionLink{display:inline-block;margin-top:38px;font-size:11px;letter-spacing:.17em;text-decoration:none;border-bottom:1px solid #6e4650;padding-bottom:8px}
.sectionLink:hover,.menu a:hover{color:#e5a5af}
@media(max-width:700px){.sectionIntro h1{font-size:28px}.sectionIntro h2{font-size:17px}.menu{gap:25px}.menu a{font-size:20px}}


/* V8: DESKTOP HOMEPAGE ONLY. Mobile and all other pages unchanged. */
@media (min-width: 701px) {
  .homeHero { height:100svh; min-height:620px; }
  .homeHero .heroImage {
    background-size:cover;
    background-position:center 54%;
  }
  .homeHero .ghostLogo {
    width:clamp(145px,17vw,250px);
    top:25%;
    opacity:.16;
  }
  .homeHero .heroRelease {
    bottom:clamp(145px,23vh,280px);
    font-size:clamp(32px,3.5vw,62px);
    line-height:1.55;
    letter-spacing:.16em;
  }
  .homeHero .outNow {
    font-size:clamp(11px,.85vw,14px);
    letter-spacing:.23em;
    line-height:2;
  }
  body:has(.homeHero) .topbar {
    padding-left:clamp(28px,4vw,90px);
    padding-right:clamp(28px,4vw,90px);
  }
  body:has(.homeHero) .wordmark {
    font-size:clamp(12px,.95vw,16px);
    white-space:nowrap;
    letter-spacing:.13em;
  }
}

/* V9: DESKTOP HOME + SHOWS ONLY; mobile and all other pages remain V8. */
@media (min-width:701px) {
  /* Preserve original image proportions while carrying the horizon edge-to-edge. */
  .homeHero .heroImage {
    background-size:100% auto;
    background-position:center calc(73svh - 75vw);
  }
  .homeHero .ghostLogo {opacity:.215;}
  .homeHero .heroRelease {bottom:clamp(170px,31vh,360px);}
  .livePage .liveGlow {
    background-size:100% auto;
    background-position:center calc(76svh - 75vw);
  }
  .livePage .liveCopy {margin-top:-7vh;}
  .livePage .liveCopy h1 {font-size:clamp(48px,5vw,76px);margin-bottom:15px;}
  .livePage .liveCopy p {font-size:clamp(12px,1vw,15px);letter-spacing:.2em;}
}
