/* One consistent finish for every instance of the original logo. */
.gold-logo{position:relative;isolation:isolate}
.gold-logo img,.brand.gold-logo img,.hero .hero-wordmark.gold-logo img,.site-footer .footer-logo.gold-logo img{opacity:0!important;filter:none!important}
.gold-logo:after,.hero h1.hero-wordmark:after,.portal-wordmark:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#8b5715 0%,#d4a033 22%,#f3ca61 40%,#ffe6a0 46%,#906015 49%,#bf891c 57%,#e0ad3e 78%,#a97019 100%)!important;background-size:100% 100%!important;background-position:center!important;opacity:1!important;mix-blend-mode:normal!important;filter:drop-shadow(0 1px 0 #fff1);-webkit-mask:url('assets/wordmark.png') center/100% 100% no-repeat;mask:url('assets/wordmark.png') center/100% 100% no-repeat;pointer-events:none}
@supports not ((mask-image:url('assets/wordmark.png')) or (-webkit-mask-image:url('assets/wordmark.png'))){.gold-logo img{opacity:1!important}.gold-logo:after{display:none}}
/* Nothing in the navigation or opening copy follows the visitor down the page. */
.site-header{position:relative;top:auto;backdrop-filter:none;-webkit-backdrop-filter:none;background:#050505}
.hero-scene,.motion-enabled .hero-scene{height:auto!important}
.hero,.motion-enabled .hero{position:relative!important;top:auto!important;height:auto!important;min-height:max(570px,calc(88svh - 66px))!important;padding-top:80px;padding-bottom:100px}
.hero h1.hero-wordmark,.motion-enabled .hero h1.hero-wordmark{transform:none!important;opacity:1!important;will-change:auto}
.hero-scroll,.motion-enabled .hero-scroll{opacity:1!important}
.album-feature,.motion-enabled .album-feature{transform:none!important;opacity:1!important;will-change:auto}
.mobile-nav:not([hidden]){position:absolute;top:60px}
.studio-header .gold-logo{width:200px}
/* Full-screen exploded object. The transparent layers share a common origin. */
:root{--explode-progress:0}
.sculpture-scroll{position:relative;height:250svh;background:#050505;scroll-margin-top:0}
.sculpture-stage{position:sticky;top:0;height:100svh;min-height:0;display:grid;place-items:center;overflow:hidden;perspective:1400px;background:#050505;isolation:isolate}
.sculpture-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#ba96580c 0%,#05050500 55%)}
.deco-assembly{position:relative;width:min(74vw,1040px,108svh);aspect-ratio:10/7;transform-style:preserve-3d;will-change:transform}
.deco-piece,.deco-centre{position:absolute;inset:0;transform-style:preserve-3d;backface-visibility:visible;will-change:transform}
.deco-piece svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 0 #493311) drop-shadow(0 12px 13px #0009)}
.deco-piece svg path{vector-effect:non-scaling-stroke}
.centre-plate{position:absolute;left:27%;top:41.5%;width:46%;height:17%;background:linear-gradient(110deg,#171615,#080809 60%,#131212);border:1px solid #bda263;box-shadow:0 1px 0 #f9e9ac66,inset 0 0 0 5px #080809,inset 0 0 0 6px #a9893b50,0 15px 25px #000a;clip-path:polygon(3% 0,97% 0,100% 12%,100% 88%,97% 100%,3% 100%,0 88%,0 12%)}
.deco-wordmark{position:absolute;width:40%;left:30%;top:50%;transform:translateY(-50%)}
.deco-wordmark img{width:100%;height:auto}
.sculpture-guide{position:absolute;bottom:40px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:15px;font-size:8px;letter-spacing:.22em;color:#9c8e72;pointer-events:none}
.sculpture-meter{height:1px;width:70px;display:block;background:#4a4030}
.sculpture-meter i{display:block;width:100%;height:100%;background:#e2c583;transform:scaleX(var(--explode-progress));transform-origin:left}
.music-section{padding-top:70px}
/* Extra Art Deco detail belongs to the structure, rather than extra copy. */
.section-heading,.press-header{position:relative;padding-bottom:26px}
.section-heading:after,.press-header:after{content:'';position:absolute;bottom:0;left:0;width:62px;height:5px;border-top:1px solid #baa069;border-bottom:1px solid #baa06966}
.members{border-top:1px solid #8a713840}.members article+article{border-left-color:#8a713840}
@media(max-width:800px){.hero,.motion-enabled .hero{min-height:max(550px,calc(82svh - 60px))!important;padding-top:60px;padding-bottom:90px}.sculpture-scroll{height:230svh}.sculpture-stage{height:100svh;perspective:950px}.deco-assembly{width:min(78vw,100svh)}.sculpture-guide{bottom:45px;font-size:7px;gap:12px}.deco-piece svg{filter:drop-shadow(0 1px 0 #493311) drop-shadow(0 7px 7px #0009)}.music-section{padding-top:45px}}
@media(max-height:550px){.deco-assembly{width:min(70vw,115svh)}.sculpture-guide{bottom:18px}}
@media(prefers-reduced-motion:reduce){.sculpture-scroll{height:auto}.sculpture-stage{position:relative;height:80svh;min-height:400px}.deco-assembly,.deco-piece,.deco-centre{transform:none!important;will-change:auto}.sculpture-guide{display:none}}

/* Symmetrical engraved crest; every leaf remains a composed piece during separation. */
.sculpture-scroll{height:370svh}
.deco-assembly{width:min(82vw,820px,82svh);aspect-ratio:1;transform:none!important}
.deco-piece svg{filter:drop-shadow(0 1px 0 #664a21) drop-shadow(0 4px 6px #0008)}
.deco-piece svg path{vector-effect:none}
.centre-plate{inset:0;width:100%;height:100%;background:none;border:0;box-shadow:none;clip-path:none}
.deco-wordmark{width:60%;left:20%;top:50%}
.sculpture-guide{opacity:calc(1 - var(--explode-progress)*2)}
@media(max-width:800px){.sculpture-scroll{height:350svh}.deco-assembly{width:min(92vw,80svh)}}
@media(prefers-reduced-motion:reduce){.sculpture-scroll{height:auto}.deco-centre{opacity:1!important}}

/* Continuous handoff: music enters while the outer crest is still moving. */
.gold-logo,.hero h1.hero-wordmark{filter:none!important}
.hero,.motion-enabled .hero{min-height:max(410px,56svh)!important;padding-top:55px;padding-bottom:30px}
.hero-halo,.hero-arch{display:none}
.music-section{position:relative;z-index:2;margin-top:-90svh;padding-top:8svh;background:transparent}
.sculpture-scroll{pointer-events:none}
@media(max-width:800px){.hero,.motion-enabled .hero{min-height:max(360px,52svh)!important;padding-top:45px;padding-bottom:24px}.music-section{margin-top:-90svh;padding-top:8svh}}
@media(prefers-reduced-motion:reduce){.music-section{margin-top:0;padding-top:45px}}

/* Keep the animated layers inexpensive to composite on mobile. */
.sculpture-stage{perspective:none}
.deco-assembly{transform-style:flat;will-change:auto}
.deco-piece,.deco-centre{transform-style:flat;backface-visibility:hidden}
.deco-piece svg{filter:none}

/* Polished gold controls: narrow reflections over a saturated gold base. */
:root{--gold:#d4a033;--gold-metal:linear-gradient(168deg,#98631b 0%,#d8a83e 18%,#f2cf76 34%,#ffe5a0 39%,#c08a25 43%,#dfb34d 68%,#b07a20 100%)}
.spotify,.spotify:hover,.album-copy .pill-button,.button-dark,.button-dark:hover,.filters button.active{
 background:var(--gold-metal);color:#171006;border:1px solid #d0a44c;
 box-shadow:inset 0 1px 0 #ffe9ac99,inset 0 -1px 0 #71461180,0 3px 12px #0004;
}
.spotify{--icon-cutout:#dfb34d}
.apple-music,.header-contact,.mobile-listen{border-color:#a77b30;color:#e3b853;background:linear-gradient(160deg,#242015,#10100e 48%,#1b1810);backdrop-filter:none;-webkit-backdrop-filter:none}
.menu-toggle span{background:var(--gold-metal)}
.album-art{width:100%;min-width:0;aspect-ratio:1}
.album-art img{width:100%;height:100%;object-fit:cover;filter:none;opacity:1}
.deco-piece{contain:layout paint}
.deco-piece svg{overflow:hidden}
@media(prefers-reduced-motion:reduce){.deco-piece,.deco-centre{will-change:auto}}

/* Remove only the entrance whitespace; retain the full centered sticky stage. */
.hero,.motion-enabled .hero{min-height:0!important;padding-bottom:28px;z-index:1}
.sculpture-scroll{
 --crest-half:min(30.34vw,303.4px,30.34svh);
 margin-top:calc(var(--crest-half) - 42svh);
 background:transparent;
}
.sculpture-stage{background:transparent}
@media(max-width:800px){
 .hero,.motion-enabled .hero{min-height:0!important;padding-bottom:28px}
 .sculpture-scroll{--crest-half:min(34.04vw,29.6svh)}
}
@media(max-height:550px) and (min-width:801px){
 .sculpture-scroll{--crest-half:min(30.34vw,303.4px,30.34svh)}
}
@media(prefers-reduced-motion:reduce){.sculpture-scroll{margin-top:0}}

/* Let the opening breathe; the unchanged sticky top takes over after entry. */
.hero,.motion-enabled .hero{padding-top:clamp(80px,12svh,140px)}
@media(max-width:800px){
 .hero,.motion-enabled .hero{padding-top:clamp(72px,11svh,110px)}
}