@font-face{font-family:Barlow;src:url('barlow-bold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:Manrope;src:url('manrope.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#0b0b0b;--panel:#131313;--text:#f2f0e9;--muted:#9a9a96;--line:#2a2b27;--acid:#d5ff64;--body:Manrope,Arial,sans-serif;--display:Barlow,Impact,'Arial Narrow',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
::selection{background:var(--acid);color:var(--bg)}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%;height:auto}
svg{flex-shrink:0}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:.94;letter-spacing:-.015em}
h2{font-size:clamp(44px,5.4vw,80px)}
h3{font-size:32px}
p{color:var(--muted)}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid var(--acid);outline-offset:7px}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--acid);color:var(--bg);padding:12px 20px}
.skip-link:focus{top:12px}
.site-header{position:relative;z-index:20;max-width:1600px;margin:auto;padding:26px 5%;height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.wordmark{font-family:var(--display);font-size:35px;line-height:1;letter-spacing:-.04em;display:inline-flex;gap:4px}
.wordmark span{font-family:var(--body);font-size:13px;line-height:1.5;color:var(--acid)}
#main-nav{display:flex;gap:38px;align-items:center}
#main-nav a{font-size:14px;transition:color .2s;position:relative}
#main-nav a:hover,#main-nav a[aria-current]{color:var(--acid)}
#main-nav a[aria-current]:after{content:'';position:absolute;width:4px;height:4px;background:var(--acid);border-radius:50%;bottom:-10px;left:50%}
.social-circle{border:1px solid #474841;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;transition:.2s}
.social-circle:hover{border-color:var(--acid);color:var(--acid);transform:rotate(-10deg)}
.menu-toggle{display:none}
.live-dot{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;box-shadow:0 0 12px #d5ff6450}
.eyebrow{font-family:var(--body);font-size:12px;letter-spacing:.13em;font-weight:700;line-height:1.5;text-transform:uppercase;color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:55px;padding:14px 24px;font-size:14px;font-weight:700;border:1px solid var(--line);transition:background .2s,transform .2s}
.button-primary{background:var(--acid);color:var(--bg);border-color:var(--acid)}
.button:hover{transform:translateY(-3px);background:var(--text);color:var(--bg)}
.section{max-width:1440px;margin:auto;padding:95px 5.5%}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:44px}
.section-heading .eyebrow{margin-bottom:16px}
.text-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;white-space:nowrap;transition:color .2s}
.text-link:hover{color:var(--acid)}
.text-link svg{width:20px}
.featured-release{display:grid;grid-template-columns:.95fr 1fr;gap:8%;align-items:center}
.release-art{position:relative;min-width:0}
.release-art>img{width:100%;aspect-ratio:1;object-fit:cover}
.record-label{position:absolute;bottom:0;left:0;writing-mode:vertical-rl;background:var(--acid);color:var(--bg);padding:18px 10px;font-size:11px;font-weight:700;letter-spacing:.15em}
.accent{color:var(--acid)}
.release-info>.eyebrow{margin-bottom:22px;display:flex;align-items:center;gap:9px}
.release-info h3,.release-info h2{font-size:clamp(48px,6vw,90px);text-transform:uppercase;max-width:620px}
.release-artist{font-size:18px;color:var(--text);margin-top:18px}
.release-description{margin:22px 0;font-size:15px;max-width:450px}
.release-description p+p{margin-top:14px}
.release-meta{font-size:12px;letter-spacing:.1em;color:var(--muted)}
.release-meta span{padding:0 15px;color:#52534d}
.platforms{margin-top:30px;border-top:1px solid var(--line)}
.platforms>a,.platforms>.platform-pending{padding:16px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;font-size:14px;min-height:58px}
.platforms>a>svg:last-child{margin-left:auto;width:17px;height:17px}
.platforms>a:hover{color:var(--acid)}
.platform-pending{color:#8c8d86}
.platform-pending>span:nth-child(2){display:flex;justify-content:space-between;align-items:center;flex:1}
.platform-pending small{font-size:12px}
.pending-dot{width:5px;height:5px;border:1px solid #8c8d86;border-radius:50%;margin:0 6px}
.about-strip{display:grid;grid-template-columns:1fr 3.5fr .7fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:30px;align-items:start}
.about-strip h2{font-size:clamp(40px,4.5vw,66px)}
.about-strip h2 span:not(.motion-word-mask):not(.motion-word){color:#72736d}
.about-strip p:not(.eyebrow){max-width:550px;margin:27px 0 22px;font-size:16px}
.asterisk{font-size:100px;line-height:1;color:var(--acid);display:block;animation:star-turn 30s linear infinite}
.section-intro{margin-top:-20px;margin-bottom:35px;font-size:15px}
.merch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.merch-visual{position:relative;aspect-ratio:1/.98;background:radial-gradient(ellipse at center,#23241f,#141512);overflow:hidden;display:grid;place-items:center}
.merch-drawing{width:76%;max-height:95%;color:#7b7e70;transition:transform .5s,color .5s}
.merch-item:hover .merch-drawing{transform:rotate(-4deg) scale(1.05);color:var(--acid)}
.merch-visual>img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.merch-badge{position:absolute;top:18px;left:18px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;border:1px solid #484b41;padding:5px 9px;background:#141512}
.merch-caption{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.merch-caption h3{font-family:var(--body);font-weight:400;font-size:15px;line-height:1.5;letter-spacing:0}
.merch-caption>span{font-size:12px;color:var(--muted)}
.merch-description{font-size:13px;margin-top:6px}
.connect-section{text-align:center;padding-top:90px;padding-bottom:100px}
.connect-section .eyebrow{margin-bottom:27px}
.connect-section h2{font-size:clamp(75px,10vw,145px)}
.connect-section h2 span:not(.motion-word-mask):not(.motion-word){color:var(--acid)}
.instagram-handle{display:inline-flex;align-items:center;gap:20px;font-size:20px;margin-top:30px;border-bottom:1px solid #4a4c42;padding-bottom:9px}
.instagram-handle:hover{color:var(--acid)}
.connect-section>p:last-child{font-size:14px;margin-top:20px}
.site-footer{max-width:1600px;padding:64px 5% 34px;margin:auto}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}

.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}
.footer-bottom nav{display:flex;gap:25px}
.footer-bottom a:hover{color:var(--acid)}
.page-heading{padding-top:85px;padding-bottom:60px}
.page-heading h1{font-size:clamp(66px,10vw,150px);text-transform:uppercase;margin-top:23px;overflow-wrap:break-word}
.page-heading h1 span:not(.motion-word-mask):not(.motion-word){color:#777970}
.page-heading>p:last-child:not(.eyebrow){margin-top:25px;max-width:600px}
.inner-main{min-height:65vh}
.music-catalog{padding-top:10px}
.catalog-release{display:grid;grid-template-columns:.8fr 1fr;gap:8%;padding-bottom:65px;margin-bottom:65px;border-bottom:1px solid var(--line);align-items:center}
.catalog-release .release-info h2{font-size:clamp(48px,6vw,90px)}
.catalog-note{font-size:14px}
.catalog-note a{color:var(--text);text-decoration:underline;text-underline-offset:5px}
.merch-page{padding-top:0}
.merch-notice{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:50px;padding:35px;border:1px solid var(--line);max-width:700px}
.merch-notice p{margin:16px 0;font-size:15px}
.about-page{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding-top:0}
.about-image img{width:100%;filter:grayscale(1);aspect-ratio:4/5;object-fit:cover}
.about-page h2{margin:20px 0 25px;font-size:clamp(44px,5vw,68px)}
.about-page p+p{margin-top:22px}
.about-page .button{margin-top:30px}
.contact-page{display:flex;justify-content:space-between;align-items:center;padding-top:15px;padding-bottom:130px;gap:40px}
.contact-page h2{font-size:clamp(55px,7vw,100px);margin:20px 0}
.contact-page p{margin-bottom:30px}
.contact-link{display:flex;align-items:center;gap:28px;font-size:clamp(18px,3vw,36px);padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.contact-link:hover{color:var(--acid)}
.contact-star{color:var(--acid);font-size:240px;line-height:1;animation:star-turn 30s linear infinite}
.legal-content{padding-top:0;max-width:1000px;margin-left:max(0px,calc((100% - 1440px)/2));min-height:40vh}
.legal-content p{margin-bottom:22px}
.legal-content h2{font-family:var(--body);font-size:23px;line-height:1.4;margin:30px 0 15px}
.legal-content a{text-decoration:underline;text-underline-offset:5px}
.cover-placeholder{aspect-ratio:1;display:grid;place-items:center;background:var(--panel);font-family:var(--display);font-size:140px;color:var(--acid)}
@keyframes star-turn{to{transform:rotate(360deg)}}
@media(max-width:1000px){.section{padding-top:75px;padding-bottom:75px}
.about-strip{grid-template-columns:1fr 3fr}
.about-strip>.asterisk{display:none}
.featured-release,.catalog-release{gap:6%}
.release-info h3{font-size:60px}
.release-description{font-size:14px;margin:17px 0}

.contact-star{font-size:150px}
.page-heading{padding-bottom:50px}}
@media(max-width:700px){.site-header{height:82px;padding:20px 6%;flex-wrap:wrap}
.wordmark{font-size:31px}
.site-header .social-circle{width:36px;height:36px;margin-left:19px}
.menu-toggle{display:flex;gap:14px;align-items:center;margin-left:auto;border:0;background:transparent;color:var(--text);font-size:14px;min-height:40px;padding:0 4px}
.menu-toggle span{font-size:25px;line-height:1;transition:transform .2s}
.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}
#main-nav{display:none;position:absolute;top:81px;left:0;right:0;background:#11120f;border-bottom:1px solid var(--line);padding:15px 6% 25px;flex-direction:column;align-items:flex-start;gap:0}
#main-nav.is-open{display:flex}
#main-nav a{font-size:18px;padding:10px 0;width:100%}
#main-nav a[aria-current]:after{display:none}
.section{padding:60px 6%}
.section-heading{gap:16px;margin-bottom:30px;align-items:center}
.section-heading h2{font-size:43px}
.section-heading .eyebrow{font-size:10px;margin-bottom:12px}
.section-heading .text-link{font-size:12px;gap:8px}
.featured-release{grid-template-columns:1fr;gap:32px}
.featured-release .release-art{width:100%}
.release-info h3,.release-info h2{font-size:64px}
.release-info>.eyebrow{margin-bottom:15px}
.release-artist{font-size:17px}
.release-description{font-size:15px}
.platforms{margin-top:24px}
.about-strip{grid-template-columns:1fr;gap:22px}
.about-strip h2{font-size:43px}
.about-strip p:not(.eyebrow){margin:23px 0 20px;font-size:15px}
.section-intro{margin-top:-9px;font-size:14px}
.merch-grid{grid-template-columns:1fr;gap:34px}
.merch-visual{aspect-ratio:1.1}
.merch-drawing{width:65%}
.merch-caption{margin-top:14px}
.merch-caption h3{font-size:16px}
.connect-section h2{font-size:65px}
.instagram-handle{font-size:19px}
.connect-section .eyebrow{font-size:11px;margin-bottom:20px}
.connect-section>p:last-child{font-size:13px}
.site-footer{padding:44px 6% 28px}
.footer-top{flex-wrap:wrap;gap:24px;margin-bottom:30px}

.footer-top .text-link{font-size:12px}
.footer-bottom{font-size:11px;flex-direction:column;gap:18px}
.footer-bottom nav{gap:24px;font-size:12px;flex-wrap:wrap}
.page-heading{padding-top:57px;padding-bottom:42px}
.page-heading h1{font-size:66px}
.page-heading>p:last-child:not(.eyebrow){font-size:15px}
.music-catalog{padding-top:0}
.catalog-release{grid-template-columns:1fr;gap:30px;margin-bottom:35px;padding-bottom:40px}
.catalog-release .release-info h2{font-size:61px}
.merch-page{padding-top:0}
.merch-notice{padding:24px;margin-top:35px}
.about-page{grid-template-columns:1fr;gap:35px;padding-top:0}
.about-page h2{font-size:54px}
.contact-page{padding-top:0;padding-bottom:80px}
.contact-page h2{font-size:66px}
.contact-star{display:none}
.contact-link{font-size:21px;gap:15px}
.legal-content{padding-top:0}
.legal-content h2{font-size:21px}
.legal-content p{font-size:15px}}
@media(max-width:360px){.section-heading{flex-wrap:wrap}
.page-heading h1{font-size:56px}
.connect-section h2{font-size:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
.will-reveal{opacity:1;transform:none}}
.artist-profiles{margin-top:40px}
.artist-profiles .platforms{margin-top:16px}
.wordmark{width:155px;display:block}
.wordmark img{width:100%;height:auto}
.footer-top .wordmark{margin-left:-16px}
.site-header>.wordmark{margin-left:-16px}
@media(max-width:700px){.wordmark{width:134px}
.site-header>.wordmark{margin-left:-13px}
.footer-top .wordmark{margin-left:-13px}}
.release-section{border-top:1px solid var(--line)}
.connect-section>p:last-child{max-width:520px;margin-left:auto;margin-right:auto;font-size:15px}
.contact-page h2{font-size:clamp(44px,5.7vw,82px);max-width:760px}
@media(max-width:700px){.section-heading{flex-wrap:wrap}
.connect-section h2{font-size:65px}
.contact-page h2{font-size:48px}}


/* Portrait and original wordmark form one scene. Buttons retain their existing styling. */
.hero{--portrait-x:0px;--portrait-y:0px;--letter-x:0px;--letter-y:0px;--light-x:0px;position:relative;isolation:isolate;max-width:1600px;height:calc(100svh - 98px);min-height:650px;max-height:930px;margin:auto;overflow:hidden;background:#0b0b0b}


.hero-stage{position:absolute;inset:67px 0 103px;perspective:1000px}
.hero-light{position:absolute;inset:-15% 14% -12%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 36%,rgba(198,210,192,.17),rgba(157,175,149,.05) 38%,transparent 68%);transform:translateX(var(--light-x));transition:transform 1.4s cubic-bezier(.2,.7,.2,1);animation:light-arrive 2.4s ease both}
.hero-name{position:absolute;z-index:1;width:114%;left:-7%;top:2%;margin:0;font-size:inherit;transform:translate3d(var(--letter-x),var(--letter-y),0);transition:transform 1s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.hero-name img{width:100%;height:auto;display:block}
.hero-logo-outline{opacity:.76;animation:letter-arrive 1.8s cubic-bezier(.16,1,.3,1) both}
.hero-name .hero-logo-fill{position:absolute;inset:0;opacity:.14;-webkit-mask-image:linear-gradient(135deg,#000,transparent 75%);mask-image:linear-gradient(135deg,#000,transparent 75%);animation:letter-arrive 1.8s cubic-bezier(.16,1,.3,1) both}
.hero-portrait{position:absolute;z-index:2;left:50%;top:0;width:560px;max-width:58%;height:100%;transform:translate3d(calc(-50% + var(--portrait-x)),var(--portrait-y),0) rotateX(var(--portrait-tilt-x,0deg)) rotateY(var(--portrait-tilt-y,0deg));transition:transform 1s cubic-bezier(.2,.7,.2,1);-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 84%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 84%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.hero-portrait-inner{position:relative;width:100%;height:100%;animation:portrait-arrive 1.65s cubic-bezier(.16,1,.3,1) both}
.hero-portrait-inner:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(11,11,11,.25),transparent 26%,transparent 74%,rgba(11,11,11,.25)),linear-gradient(transparent 68%,rgba(11,11,11,.16))}
.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 31%;filter:grayscale(1) contrast(1.12) brightness(1.05)}
.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hero-caption>span{font-family:var(--display);font-size:29px;letter-spacing:.02em;line-height:1;display:block;margin-bottom:9px}
.hero-caption p{font-size:13px;color:#a4a6a0}
.hero-bottom>.button{margin-left:-100px;min-width:178px}
.scroll-link{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.12em;color:#a4a6a0}
.scroll-link>span:last-child{font-size:26px;line-height:1;color:var(--text)}
.connect-section h2{font-size:clamp(44px,6.4vw,92px)}
@keyframes portrait-arrive{from{opacity:0;transform:translateY(20px) scale(1.075);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes letter-arrive{from{opacity:0;transform:translateY(14px)}to{transform:translateY(0)}}
@keyframes light-arrive{from{opacity:0}to{opacity:1}}
@media(min-width:1500px){.hero-portrait{width:610px}.hero-stage{top:67px;bottom:105px}}
@media(max-width:1000px) and (min-width:701px){.hero{min-height:650px}.hero-name{top:9%}.hero-portrait{width:490px;max-width:67%}.hero-bottom>.button{margin-left:0}.scroll-link>span:first-child{display:none}}
@media(max-width:700px){.hero{height:calc(100svh - 82px);min-height:670px;max-height:850px}.hero-stage{inset:66px 0 108px}.hero-name{top:-24px;left:-9%;width:118%;z-index:3}.hero-logo-outline{opacity:.8}.hero-name .hero-logo-fill{opacity:.12}.hero-portrait{top:59px;height:calc(100% - 42px);width:104%;max-width:480px;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 86%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 86%,transparent)}.hero-portrait img{object-position:50% 28%}.hero-light{inset:2% -30% -8%}.hero-bottom{left:6%;right:6%;bottom:25px;gap:12px;align-items:center}.hero-caption>span{font-size:25px;margin-bottom:7px}.hero-caption p{max-width:150px;font-size:11px;line-height:1.5}.hero-bottom>.button{min-width:0;padding:13px 16px;gap:9px;min-height:51px;margin:0;font-size:13px}.scroll-link{display:none}.connect-section h2{font-size:47px}}
@media(max-width:360px){.hero-caption p{max-width:118px}.hero-bottom>.button{padding:12px 13px;font-size:12px;gap:6px}.hero-portrait{top:49px;height:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.hero-name,.hero-portrait,.hero-light{transform:none;transition:none;animation:none}.hero-portrait{transform:translateX(-50%)}.hero-portrait-inner,.hero-logo-outline,.hero-logo-fill{animation:none;filter:none}}
/* Desktop: a smaller, legible wordmark just behind the top of the portrait. */
@media(min-width:701px){
  .hero{height:calc(100svh - 42px);min-height:706px;max-height:986px}
  .hero-name{width:min(72%,940px);left:max(14%,calc(50% - 470px));top:-86px}
  .hero-logo-outline{opacity:.92}
  .hero-name .hero-logo-fill{opacity:.2}
  .hero-portrait{top:91px;height:calc(100% - 81px);-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
}
@media(min-width:701px) and (max-width:1000px){.hero-name{top:-64px}.hero-portrait{top:80px;height:calc(100% - 76px)}}

/* Editorial image sequence. The unenhanced layout keeps every chapter readable. */
.artist-story{padding-top:110px;padding-bottom:105px}
.story-grid{display:grid;grid-template-columns:.95fr 1fr;column-gap:8%;row-gap:110px;align-items:center}
.story-visual,.story-frame,.story-copy{display:contents}
.story-layer{min-width:0;position:relative;overflow:hidden;background:transparent;aspect-ratio:1}
.story-layer>img{width:100%;height:100%;object-fit:cover;display:block}
.story-layer{grid-column:1;grid-row:var(--chapter)}
.story-shadow>img{object-position:center;filter:brightness(1.12) saturate(.75)}
.story-chapter{grid-column:2;grid-row:var(--chapter)}
.story-chapter{min-width:0}
.story-chapter h2{font-size:clamp(46px,4.7vw,70px)}
.story-chapter h3{font-size:clamp(48px,5.6vw,84px)}
.artist-chapter>.eyebrow,.photo-chapter>.eyebrow{margin-bottom:26px}
.artist-chapter h2>span:not(.motion-word-mask),.photo-chapter h2>span:not(.motion-word-mask){color:#a3a69b}
.artist-description{max-width:530px;font-size:16px;margin:30px 0 28px}
.story-caption{display:none}
.story-pinned{align-items:start;row-gap:0}
.story-pinned .story-visual{display:block;grid-column:1;grid-row:1;position:sticky;top:max(40px,calc(50svh - 280px));max-width:min(100%,calc(100svh - 120px));align-self:start}
.story-pinned .story-frame{display:block;position:relative;aspect-ratio:1;overflow:hidden;isolation:isolate}
.story-pinned .story-layer{position:absolute;inset:0;aspect-ratio:auto}
.story-pinned .story-layer{z-index:calc(var(--chapters) - var(--chapter) + 1)}
.story-pinned .story-copy{display:block;grid-column:2;grid-row:1}
.story-pinned .story-chapter{min-height:max(78svh,620px);display:flex;flex-direction:column;justify-content:center;padding:35px 0 95px}
.story-pinned .story-chapter>.text-link{align-self:flex-start}
.story-pinned .story-caption{display:flex;position:absolute;left:0;right:0;bottom:0;z-index:calc(var(--chapters) + 1);background:linear-gradient(transparent,rgba(0,0,0,.8));padding:44px 22px 20px;align-items:center;color:#f2f0e9;font-size:10px;letter-spacing:.13em;text-transform:uppercase;pointer-events:none}
.story-caption-label{position:absolute;left:22px;bottom:20px;opacity:0;max-width:calc(100% - 72px)}
.story-caption-label:first-child{opacity:1}
.story-caption-mark{margin-left:auto;font-size:21px;line-height:1}
.motion-word-mask{display:inline-block;overflow:clip;vertical-align:top;padding:.12em .025em;margin:-.12em -.025em}
.motion-word{display:inline-block;transform-origin:0 100%}
html.lenis{scroll-behavior:auto!important}
@media(max-width:1000px){.artist-story{padding-top:75px;padding-bottom:75px}.story-grid{column-gap:6%;row-gap:75px}.story-chapter h3{font-size:54px}}
@media(max-width:700px){
  .artist-story{padding:60px 6%}
  .story-grid{grid-template-columns:1fr;row-gap:32px}
  .story-layer{grid-column:1;grid-row:calc(var(--chapter) * 2 - 1)}
  .story-chapter{grid-column:1;grid-row:calc(var(--chapter) * 2);margin-bottom:35px}
  .story-chapter:last-child{margin-bottom:0}
  .story-chapter h3{font-size:61px}
  .story-chapter h2{font-size:45px}
  .artist-description{font-size:15px;margin:24px 0}
  .artist-chapter>.eyebrow,.photo-chapter>.eyebrow{margin-bottom:21px}
}
@media(prefers-reduced-motion:reduce){.motion-word{transform:none!important}.motion-word-mask{overflow:visible}}

.story-studio>img{object-fit:contain;background:transparent}
.story-closeup>img{object-position:50% 24%;filter:saturate(.65) contrast(1.04)}
.photo-date,.photo-credit{font-size:11px;letter-spacing:.07em;margin:0 0 26px}
.photo-credit{letter-spacing:0;overflow-wrap:anywhere}
.photo-credit a{color:var(--text);text-decoration:underline;text-underline-offset:4px}
.photo-chapter>.text-link{font-size:13px}
@media(max-width:700px){.story-studio,.story-closeup{aspect-ratio:4/5}.photo-chapter h2{font-size:clamp(34px,10vw,45px)}}

.story-reach>img{object-fit:contain;background:transparent}
.story-detail>img{object-position:center}
.story-shades>img{object-fit:contain;background:transparent}
@media(max-width:700px){.story-reach{aspect-ratio:640/424}}

@media(max-width:700px){.story-shades{aspect-ratio:4/5}}

/* Compact screens keep a small image stage above the scrolling chapters. */
@media(max-width:1000px){
  .story-grid.story-pinned{display:block}
  .story-pinned .story-visual{top:0;z-index:12;max-width:none;width:100%;padding:12px 0 22px;background:linear-gradient(var(--bg) 94%,transparent)}
  .story-pinned .story-frame{width:min(100%,40svh,420px);margin:0 auto}
  .story-pinned .story-copy{max-width:620px;margin:0 auto;padding-top:12px}
  .story-pinned .story-chapter{min-height:max(72svh,560px);padding:16px 0 88px;margin-bottom:0;justify-content:flex-start}
  .story-pinned .story-chapter:last-child{min-height:max(65svh,510px);padding-bottom:32px}
  .story-pinned .story-layer{aspect-ratio:auto}
  .story-pinned .story-caption{padding:34px 15px 15px;font-size:9px;letter-spacing:.1em}
  .story-pinned .story-caption-label{left:15px;bottom:15px;max-width:calc(100% - 55px)}
  .story-pinned .story-caption-mark{font-size:18px}
}

.captions-ready .story-caption-label{opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}
.captions-ready .story-caption-label.is-current{opacity:1;transform:translateY(0)}

/* Independent pointer overlays never alter scroll geometry or intercept input. */
.pointer-glow,.pointer-sheen{position:fixed;pointer-events:none;opacity:0;z-index:30;transition:opacity .35s ease}
.pointer-glow{left:0;top:0;width:0;height:0}
.pointer-glow:before{content:'';position:absolute;left:-260px;top:-260px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(213,255,100,.055),rgba(213,255,100,.017) 36%,transparent 68%);transition:opacity .3s ease}
.pointer-glow.over-control:before{opacity:.55}
.pointer-sheen{background:radial-gradient(230px circle at var(--sheen-x) var(--sheen-y),rgba(245,250,227,.095),transparent 75%);overflow:hidden}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .pointer-glow.is-visible,.pointer-sheen.is-visible{opacity:1}
  .pointer-motion .hero-name,.pointer-motion .hero-portrait,.pointer-motion .hero-light{transition:none}
  .text-link.pointer-over,#main-nav a.pointer-over,.footer-bottom a.pointer-over{color:var(--acid)}
  .social-circle.pointer-over{border-color:var(--acid);color:var(--acid);transform:none}
  .button.pointer-over{box-shadow:0 0 26px rgba(213,255,100,.1)}
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.pointer-glow,.pointer-sheen{display:none}}

/* The stage reserves space; each photograph keeps its own silhouette. */
.story-studio,.story-closeup,.story-shades{aspect-ratio:4/5}
.story-reach{aspect-ratio:640/424}
.story-layer>img{object-fit:contain;background:transparent}
.story-layer{-webkit-mask-image:linear-gradient(90deg,transparent,#000 1.2%,#000 98.8%,transparent),linear-gradient(transparent,#000 1.2%,#000 98.8%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 1.2%,#000 98.8%,transparent),linear-gradient(transparent,#000 1.2%,#000 98.8%,transparent);mask-composite:intersect}
.story-pinned .story-frame{overflow:visible;background:transparent}
.story-pinned .story-layer{inset:0;margin:auto;width:100%;height:100%;background:transparent}
.story-pinned .story-studio,.story-pinned .story-closeup,.story-pinned .story-shades{width:80%}
.story-pinned .story-reach{height:66.25%}
.story-pinned .story-caption{top:calc(100% + 12px);bottom:auto;height:24px;padding:0;background:none;color:#a3a69b}
.story-pinned .story-caption-label{left:0;bottom:4px;max-width:calc(100% - 35px)}
.story-pinned .story-caption-mark{font-size:17px}
@media(max-width:1000px){.story-pinned .story-visual{padding-bottom:54px}.story-pinned .story-caption{font-size:9px}}

/* Crop only during the format morph; resting dimensions match the original photo. */
.story-pinned .story-layer>img{object-fit:cover;will-change:transform}
.story-pinned .story-layer>.cover-placeholder{width:100%;height:100%}

.baddie-home{padding-top:100px;padding-bottom:0}
.baddie-home .baddie-feature{margin-bottom:0;padding-bottom:0;border-bottom:0}
.baddie-feature .release-description p+p{margin-top:14px}
.baddie-feature .button,.story-chapter>.button{align-self:flex-start;width:fit-content}
.baddie-feature .button{margin-top:8px}
@media(max-width:700px){.baddie-home{padding-top:60px}.baddie-feature .button{font-size:13px;padding:14px 18px;gap:12px}}