/* Stage light, expressive typography and scroll-led editorial imagery. */
:root{--ink:#151216;--paper:#fff5e9;--copper:#efb387;--muted:#cbbfc0;--line:#e8c4b52b;--stage-ease:cubic-bezier(.16,1,.3,1)}
body{background:var(--ink)}
.site-header{background:#151216ed;border-bottom-color:#eab79325}
.site-header.is-scrolled{background:#151216e8;box-shadow:0 8px 40px #06030855}
.reading-progress{height:3px;background:linear-gradient(90deg,#a76f75,#ffd4a1);box-shadow:0 0 14px #f8bb8855}
.hero{margin:18px 20px 0;border:1px solid #edcbb335;min-height:clamp(750px,calc(100svh - 132px),900px);background:#171219}
.hero .hero-shade{background:linear-gradient(90deg,#100e13f0 0%,#18111aca 32%,#21121e18 74%),linear-gradient(0deg,#151216f2,transparent 40%)}
.hero-copy{padding-left:5%;position:relative;z-index:2}
.hero .hero-aura{background:radial-gradient(ellipse at 80% 15%,#e1ad6d24,transparent 56%),linear-gradient(135deg,#82475b18,transparent 55%)}
.hero h1{font-size:clamp(80px,8.6vw,134px);letter-spacing:-.055em}
.hero .title-line:last-child em{background:linear-gradient(115deg,#fff0d6 0%,#efa66f 75%);background-clip:text;-webkit-background-clip:text;color:transparent;padding-bottom:.12em}
.hero .eyebrow{display:flex;align-items:center;gap:16px;font-size:13px;letter-spacing:.14em}
.hero .eyebrow:before{content:'';height:1px;width:40px;background:currentColor;flex:none}
.hero .hero-intro{color:#eadde1}
.hero-bottom{left:5%;right:5%;z-index:2}
.hero-orbit{position:absolute;width:64%;aspect-ratio:1;right:-3%;top:3%;border:1px solid #ffe1be33;border-radius:50%;pointer-events:none;z-index:-1;transform:rotate(calc(var(--scene-progress,.4)*24deg));contain:layout}
.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;inset:22px;border:1px solid #eac6a915;border-radius:50%}
.hero-orbit:after{inset:10%;border-color:#eac6a915;border-left-color:#f3c4a85c;transform:rotate(-30deg)}
.score-lines{position:absolute;width:100%;height:auto;pointer-events:none;fill:none;stroke:currentColor;color:#e4ad8647;stroke-width:.7;overflow:visible}
.hero>.score-lines{bottom:-14%;left:0;z-index:1;opacity:.55;transform:translateY(calc(var(--scene-progress,.4)*-25px))}
.score-lines path{vector-effect:non-scaling-stroke}
.intro{position:relative;isolation:isolate;padding-top:145px;padding-bottom:145px;overflow:hidden}
.intro>.score-lines{width:62%;right:-8%;bottom:-27%;z-index:-1;color:#bf808047;transform:rotate(-18deg)}
.intro h2{font-size:clamp(52px,5.7vw,86px);line-height:1.02;letter-spacing:-.04em}
.intro-text{padding-top:7px}
.intro-text p{font-size:18px;line-height:1.9}
.intro .eyebrow{display:flex;align-items:center;gap:15px}
.intro .eyebrow:after{content:'';width:60px;height:1px;background:var(--copper)}
.button{border-radius:100px;padding-inline:26px}
.button.button-light{background:#f7e6d5;border-color:#f7e6d5}
.button.button-light:hover{background:#f1bb92;border-color:#f1bb92;box-shadow:0 8px 30px #f1bb9220}
.home-button,.nav-book{border-radius:100px}
.section-heading h2{font-size:clamp(46px,5.3vw,78px);letter-spacing:-.035em}
.section-heading{padding-bottom:27px;border-bottom:1px solid var(--line)}
.page-heading{overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 85% 0%,#6f354342,transparent 65%)}
.page-heading:after{content:'';position:absolute;z-index:-1;width:580px;aspect-ratio:1;border:1px solid #e8b28d25;border-radius:50%;right:-100px;top:-200px;box-shadow:0 0 0 35px #e8b28d06,0 0 0 75px #e8b28d04;pointer-events:none}
.page-heading h1{font-size:clamp(70px,8.2vw,124px)}
.closing-cta{overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 85% 120%,#ab64562e,transparent 65%);padding-block:120px}
.closing-cta:after{content:'';position:absolute;z-index:-1;width:600px;aspect-ratio:1;border:1px solid #e4b28a28;border-radius:50%;right:-120px;top:-130px;box-shadow:0 0 0 30px #e4b28a06,0 0 0 60px #e4b28a04;pointer-events:none}
.site-footer{background:linear-gradient(180deg,#171318,#100e12)}
.featured-release{background:radial-gradient(ellipse at 18% 46%,#70404580,transparent 55%),linear-gradient(125deg,#39212e,#201823 75%);color:var(--paper);gap:8%;padding-block:130px;isolation:isolate;border-block:1px solid #dfa38628}
.featured-release .eyebrow,.featured-release em{color:#efb387}
.featured-release .release-copy>p:not(.eyebrow){color:#d6c4cc}
.featured-release .release-copy h3{font:400 30px/1.2 var(--serif);color:#fff0df}
.featured-release .release-copy .button{background:#f7e6d5;border-color:#f7e6d5;color:#241822}
.featured-release .release-copy h2{font-size:clamp(54px,5.7vw,86px);line-height:.98;letter-spacing:-.035em}
.chapter-word{position:absolute;left:-2%;top:-5%;font:500 clamp(190px,26vw,390px)/1 var(--serif);letter-spacing:-.06em;color:#e7ac9312;z-index:-1;pointer-events:none;transform:translateX(calc(var(--scene-progress,.5)*50px))}
.featured-release>.score-lines{right:-10%;bottom:-20%;width:75%;color:#d79b7e40;z-index:-1;transform:rotate(-12deg)}
.release-art{padding-inline:5%;position:relative}
.release-art img{border:1px solid #eec5aa55;box-shadow:20px 32px 65px #05030880,0 0 65px #c4856330}
.release-art:hover img{box-shadow:15px 25px 70px #05030899}
.art-caption{color:#d0bfc4;font-size:12px;line-height:1.6;letter-spacing:.12em;margin-top:38px}
.release-copy{position:relative;z-index:1}
.album-art{border:1px solid #edc5ab29;box-shadow:0 12px 35px #05030828}
.album-meta{border-bottom:1px solid var(--line);padding-block:25px 23px}
.album-meta h3{font-size:39px}
.home-albums{align-items:start;gap:4%}
.home-albums>.album-card:nth-child(2){margin-top:75px}
.home-albums>.album-card:nth-child(3){margin-top:30px}
.catalogue-preview{padding-block:120px 140px;background:radial-gradient(ellipse at 20% 100%,#70423615,transparent 60%)}
.performance-band{min-height:780px;margin:0 20px;border:1px solid #f2c2a930;isolation:isolate}
.performance-overlay{background:linear-gradient(90deg,#150d15ed,#1d102665 60%,#1d102625),linear-gradient(0deg,#130e16b8,transparent 65%)}
.performance-copy{padding:120px 6%}
.performance-copy h2{font-size:clamp(62px,7.5vw,112px);max-width:880px;letter-spacing:-.035em;line-height:.98}
.performance-band>.score-lines{width:95%;bottom:-20%;right:-10%;z-index:-1;color:#f8b18470;transform:rotate(-8deg)}
.schools-feature{background:#f4ece1;position:relative;isolation:isolate;padding-block:140px;overflow:hidden}
.schools-feature:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 65%,#d5b7a315);pointer-events:none;z-index:-1}
.schools-feature h2{font-size:clamp(54px,5.7vw,82px);letter-spacing:-.035em;line-height:1.02}
.schools-feature-image{border:8px solid #fffaf2;box-shadow:20px 25px 0 #d9c7b952,0 25px 65px #3c242c1f;aspect-ratio:1.06}
.schools-feature .eyebrow{color:#835034}
.journal-preview .story-grid{align-items:start;gap:4%}
.journal-preview .story-card:nth-child(2){margin-top:64px}
.journal-preview .story-card:nth-child(3){margin-top:32px}
.story-image{border:1px solid #edc5ab29;aspect-ratio:1.16;margin-bottom:24px}
.story-card h3{font-size:clamp(29px,2.8vw,42px);line-height:1.05}
.story-card{border-bottom:1px solid var(--line);padding-bottom:25px}
.story-card .read-time{display:block;margin-top:20px;color:#d8b9a5}
.about-portrait,.article-hero,.school-wide,.live-banner{overflow:hidden}
.timeline-item{transition:background .3s,border-color .3s}
.timeline-item:hover{background:#eac0a406;border-color:#efb38755}
.timeline-year{color:var(--copper)}

/* Every moving layer has a fully visible, still fallback. */
.motion-ready .reveal{transition:opacity .8s var(--stage-ease),transform .95s var(--stage-ease);transition-delay:var(--reveal-delay,0ms);transform:translate3d(0,42px,0)}
.motion-ready .reveal[data-reveal=left]{transform:translate3d(-45px,35px,0)}
.motion-ready .reveal[data-reveal=right]{transform:translate3d(45px,35px,0)}
.motion-ready .reveal[data-reveal=image]{clip-path:none;transform:translate3d(0,30px,0)}
.motion-ready .reveal.is-visible{opacity:1;transform:none;clip-path:none}
.motion-ready .image-reveal.reveal.is-visible{clip-path:none}
.motion-ready .reveal:focus-within{opacity:1;transform:none;clip-path:none;transition-delay:0s}
.illuminated-word{opacity:1}
.motion-ready [data-illuminate]:not(.is-visible) .illuminated-word{opacity:.6}
.motion-ready [data-illuminate].is-visible .illuminated-word{transition:opacity .55s ease-out var(--word-delay,0ms)}
.motion-ready .intro .score-lines path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s ease-out}
.motion-ready .intro.has-entered .score-lines path{stroke-dashoffset:0}
.motion-ready .release-art img{transition:transform .85s var(--stage-ease),box-shadow .85s var(--stage-ease);transform:translate3d(0,var(--art-lift,0px),0) rotate(var(--art-angle,-3deg)) rotateY(7deg)}
@media(hover:hover) and (pointer:fine){.motion-ready .release-art:hover img{transform:translate3d(0,calc(var(--art-lift,0px) - 8px),0) rotate(-1deg) rotateY(0) scale(1.025);box-shadow:15px 30px 70px #05030899,0 0 70px #c485633a}}
.motion-ready .performance-photo{inset:-8% 0;width:100%;height:116%;max-width:none;transition:none;transform:translate3d(0,var(--scene-shift,0px),0) scale(var(--scene-scale,1.04))}
.motion-ready [data-scroll-scene=image]>img{transform:translate3d(0,var(--scene-shift,0px),0) scale(1.09);transition:none}
.motion-ready .performance-band{clip-path:none;overflow:hidden}
.motion-ready .closing-cta:after{transform:translate3d(0,var(--scene-shift,0px),0)}
@media(hover:hover) and (pointer:fine){.album-art .image-action{border-radius:40px;bottom:20px;left:20px;right:20px;padding:17px 22px;background:#fff0e1f2}.album-art:hover img{transform:scale(1.065)}.story-image:hover img{transform:scale(1.075)}.story-image,.album-art{transition:border-color .4s,box-shadow .5s}.story-image:hover,.album-art:hover{border-color:#efb387;box-shadow:0 20px 40px #05030844}}
@media(max-width:1050px){.featured-release{gap:6%;padding-block:100px}.featured-release .release-copy h2{font-size:59px}.performance-copy h2{font-size:86px}.performance-band{min-height:700px}.home-albums>.album-card:nth-child(2){margin-top:45px}.home-albums>.album-card:nth-child(3){margin-top:20px}}
@media(max-width:850px){.featured-release .release-copy h2{font-size:48px}.schools-feature{padding-block:90px}.schools-feature h2{font-size:54px}.performance-band{margin-inline:12px}.performance-copy h2{font-size:73px}.journal-preview .story-card:nth-child(2){margin-top:30px}.journal-preview .story-card:nth-child(3){margin-top:0}.catalogue-preview{padding-block:90px}.closing-cta{padding-block:95px}}
@media(max-width:600px){.featured-release{padding-block:85px;gap:60px}.chapter-word{font-size:230px;top:-1%}.featured-release .release-copy h2{font-size:clamp(51px,13vw,72px)}.featured-release .release-copy h3{font-size:28px}.release-art{padding-inline:9%}.art-caption{font-size:12px}.featured-release>.score-lines{width:150%;bottom:-3%;right:-60%}.home-albums{gap:45px}.home-albums>.album-card:nth-child(n){margin-top:0}.album-meta h3{font-size:38px}.album-meta>p:not(.eyebrow){font-size:16px}.performance-band{margin-inline:8px;min-height:670px}.performance-copy{padding:90px 6%}.performance-copy h2{font-size:clamp(51px,13.6vw,73px)}.performance-band>.score-lines{width:160%;bottom:0;right:-45%}.schools-feature{padding-block:85px}.schools-feature h2{font-size:clamp(49px,12.5vw,67px)}.schools-feature-image{margin-right:12px;border-width:6px;box-shadow:12px 16px 0 #d9c7b952,0 20px 45px #3c242c14}.journal-preview .story-card:nth-child(n){margin-top:0}.journal-preview .story-grid{gap:45px}.story-image{aspect-ratio:1.3}.story-card h3{font-size:36px}.motion-ready .reveal,.motion-ready .reveal[data-reveal=left],.motion-ready .reveal[data-reveal=right]{transform:translate3d(0,30px,0)}.motion-ready .reveal.is-visible{transform:none}.motion-ready .performance-band{clip-path:none}.motion-ready .release-art img{transform:rotate(-3deg)}.motion-ready [data-scroll-scene=image]>img{transform:none}.motion-ready .performance-photo{transform:scale(1.04)}}
.motion-off .reveal,.motion-off .reveal[data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important}
.motion-off .illuminated-word{opacity:1!important}
.motion-off .score-lines path{stroke-dashoffset:0!important}
.motion-off .chapter-word,.motion-off .release-art img,.motion-off [data-scroll-scene=image]>img,.motion-off .performance-photo,.motion-off .closing-cta:after{transform:none!important}
.motion-off .performance-band{clip-path:none!important}
@media(prefers-reduced-motion:reduce){.reveal,.motion-ready .reveal[data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important}.illuminated-word{opacity:1!important}.score-lines path{stroke-dashoffset:0!important}.chapter-word,.motion-ready .release-art img,.motion-ready [data-scroll-scene=image]>img,.motion-ready .performance-photo,.closing-cta:after{transform:none!important}.motion-ready .performance-band{clip-path:none!important}}
@media(max-width:850px){.hero{margin:12px 12px 0;min-height:735px}.hero h1{font-size:clamp(76px,11vw,96px)}.hero-copy{padding-left:5%}.hero-orbit{width:100%;right:-40%;top:4%}.hero>.score-lines{width:170%;bottom:-3%;left:-30%}.intro{padding-block:90px}.intro h2{font-size:clamp(48px,7vw,65px)}.page-heading h1{font-size:clamp(66px,10vw,88px)}}
@media(max-width:600px){.hero{margin:8px 8px 0;min-height:735px}.hero h1{font-size:clamp(57px,15.4vw,86px);line-height:.98}.hero .eyebrow{font-size:12px;gap:10px;letter-spacing:.08em}.hero .eyebrow:before{width:20px}.hero-copy{padding-top:56px;padding-bottom:138px}.hero .hero-shade{background:linear-gradient(90deg,#17101ae0,#17101a68),linear-gradient(0deg,#151216,transparent 82%)}.hero-orbit{width:128%;right:-62%;top:10%}.hero>.score-lines{bottom:0;opacity:.55}.hero-bottom{left:5%;right:5%;font-size:12px}.intro{padding-block:80px}.intro h2{font-size:clamp(44px,11.6vw,66px)}.intro-text{padding-top:30px}.intro-text p{font-size:17px}.intro>.score-lines{width:150%;right:-70%;bottom:-8%}.section-heading{padding-bottom:20px;margin-bottom:36px}.section-heading h2{font-size:clamp(43px,11vw,60px)}.page-heading h1{font-size:clamp(55px,12vw,75px)}.closing-cta{padding-block:80px}.button{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){.hero-orbit,.hero>.score-lines{transform:none!important}}
.motion-off .hero-orbit,.motion-off .hero>.score-lines{transform:none!important}
@media(max-width:600px){.hero-bottom{flex-direction:column;align-items:flex-start;gap:4px}.hero-bottom .discover-link{min-height:40px}}

/* Keep settled type crisp while preserving the entrance and hover effects. */
body{font-weight:450;-webkit-font-smoothing:auto;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-kerning:normal}
h1,h2,h3,.wordmark{font-synthesis:none}
.title-line>.entrance-settled,.hero-enter.entrance-settled,.hero-photo.entrance-settled{animation:none;transform:none;filter:none;opacity:1;will-change:auto}
.site-header nav a,.footer-links,.home-button,.text-link{font-weight:500}
.intro h2,.section-heading h2,.release-copy h2,.performance-copy h2,.schools-feature h2,.closing-cta h2,.page-heading h1,.story-card h3,.album-meta h3{font-weight:500}
.hero-intro,.page-dek,.prose p{font-weight:450}
.featured-release .release-copy>p:not(.eyebrow){color:#eadde3}
.art-caption,.read-time,.footer-bottom,.cursor-control,.motion-control{font-size:13px;line-height:1.6}
.guy-launcher-copy>span,.guy-description,.guy-prompts button{font-weight:500}
img{image-rendering:auto}

/* Fixed frosted surfaces otherwise repaint the photographs beneath them on every scroll. */
.site-header,.site-header.is-scrolled{background:#151216fa;backdrop-filter:none;-webkit-backdrop-filter:none}
.guy-launcher{backdrop-filter:none;-webkit-backdrop-filter:none}
