/* Round of 29/10 (evening): gradient type, premium buttons, parallax layers and the stroke behind his head. */
:root{--metal:#dcb262;--gold-metal:linear-gradient(100deg,#a8772c 0%,#f3d68f 16%,#fffaf0 28%,#e2b65e 40%,#9a6a26 54%,#f4d995 68%,#fff6df 80%,#c4903d 100%)}

/* Gradient headings with a moving sheen on the accent words */
h2 em,.hero-refined h1 em{background:var(--gold-metal);background-size:240% 100%;filter:drop-shadow(0 2px 10px #c9973a33);-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:sheen 7s ease-in-out infinite}
@keyframes sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* Buttons: larger, sharper labels, glass reflection and hover glide */
.button{font-size:14px;font-weight:600;letter-spacing:.2px;position:relative;overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,background-position .6s}
.button-light{background:linear-gradient(150deg,#f8e1a8 0%,#e1b660 42%,#bf8b34 78%,#e9c477 100%);background-size:160% 160%;color:#15130f;text-shadow:0 1px 0 #fff6}
.button:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,#ffffff6b 48%,transparent 62%);transform:translateX(-120%);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.button:hover:before,.button:focus-visible:before{transform:translateX(120%)}
.button:hover,.button:focus-visible{transform:translateY(-2px);background-position:100% 0;box-shadow:0 16px 38px #0007,0 0 0 1px #f3dcaf66,inset 0 1px 0 #fff9}
.button-outline{color:#f3ead8;border-color:#d9c18e59;background:linear-gradient(180deg,#ffffff0d,#ffffff03)}
.button-outline:hover{border-color:#e6cf9e}
@media(max-width:700px){.button{font-size:15px;min-height:56px}}

/* Play button: polished gold with a reflection */
.music-play{background:radial-gradient(circle at 32% 26%,#fff6dc 0%,#f4d68e 22%,#d4a44c 58%,#8c5f22 100%)!important;box-shadow:0 12px 30px #000a,0 0 0 1px #f6e3b8aa,inset 0 2px 3px #fffc,inset 0 -6px 10px #5d431f66!important;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.music-play:after{content:'';position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,#ffffffaa 50%,transparent 60%);transform:translateX(-80%) rotate(8deg);animation:play-glint 4.5s ease-in-out infinite}
@keyframes play-glint{0%,70%{transform:translateX(-80%) rotate(8deg)}90%,100%{transform:translateX(80%) rotate(8deg)}}
.music-play:hover{transform:scale(1.06);box-shadow:0 16px 40px #000c,0 0 26px #e6cd9866,inset 0 2px 3px #fffc!important}

/* Hero script name: blue → gold gradient, sitting behind the head */
@media(max-width:700px){}

/* Parallax: layers move at different speeds while the page scrolls */
[data-depth]{will-change:transform}
.story-feature-cutout{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;pointer-events:none;mask-image:linear-gradient(#000 90%,transparent);-webkit-mask-image:linear-gradient(#000 90%,transparent)}
.story-feature .section-label{position:relative;z-index:0}
.story-feature-copy{position:relative;z-index:2}.story-feature-caption{z-index:2}
@media(max-width:1180px){.story-feature-cutout{object-position:72% center}}
@media(max-width:700px){.story-feature-cutout{height:425px;object-position:78% center}}
@media(prefers-reduced-motion:reduce){[data-depth]{transform:none!important}h2 em,.hero-refined h1 em,.music-play:after{animation:none}}
.album-art img[data-depth]{scale:1.18}
.everseed-art[data-depth]{overflow:visible}

/* Logo and small gold accents a touch richer */
.brand img{filter:saturate(1.35) brightness(1.04)}
.eyebrow,.section-kicker{color:#dcb262}