:root{--black:#070708;--black2:#0d0d0f;--white:#f8f7f7;--dim:#a7a5aa;--pink:#e9c5d2;--line:rgba(255,255,255,.17);--font-display:'Geist',Arial,sans-serif;--font-body:'Geist',Arial,sans-serif;--font-brand:'Outfit',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--black);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:5px}::selection{color:#000;background:var(--pink)}.content-wrap{width:min(100% - 120px,1500px);margin-inline:auto}.skip-link{position:absolute;left:20px;top:-70px;z-index:99;background:white;color:black;padding:12px}.skip-link:focus{top:10px}.site-header{height:82px;padding:0 60px;position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13)}.wordmark{font-family:var(--font-brand);font-weight:800;letter-spacing:-.088em;line-height:.93;white-space:nowrap}.wordmark span:not(.logo-period),.about-signature span:not(.logo-period),.record-logo span{color:var(--pink)}.wordmark .logo-period,.about-signature .logo-period{color:var(--white)}.wordmark--nav{font-size:36px}.desktop-nav{display:flex;gap:42px;align-items:center;margin-left:80px}.desktop-nav a,.header-right,.footer-head,.footer-bottom,.section-topline,.eyebrow,.shop-footnote,.hero-bottom,.hero-image-credit,.record-bottom,.product-meta,.product-status{font-size:10px;letter-spacing:.16em;font-weight:700}.desktop-nav a,.header-right{transition:color .25s}.desktop-nav a:hover,.header-right:hover{color:var(--pink)}.header-right{display:flex;align-items:center;gap:20px}.header-right span{font-size:20px;line-height:1;font-weight:400}.menu-toggle,.mobile-nav{display:none}
.hero{min-height:640px;height:min(790px,94svh);position:relative;overflow:hidden;background:#080708;isolation:isolate}.hero-visual{position:absolute;inset:0 0 0 40%;z-index:-3;overflow:hidden}.hero-visual .portrait{width:100%;height:100%;display:block;object-fit:cover;object-position:52% 43%;filter:saturate(.7) contrast(1.06) brightness(.82);transform:scale(1.085);will-change:transform}.portrait-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080708 0%,rgba(8,7,8,.96) 6%,rgba(8,7,8,.7) 20%,transparent 48%),linear-gradient(0deg,#070708 0%,rgba(7,7,8,.3) 18%,transparent 45%),linear-gradient(180deg,rgba(7,7,8,.5),transparent 28%);pointer-events:none}.hero-grain{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url('assets/grain.png');opacity:.095;mix-blend-mode:screen}.hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center}.hero-copy{position:relative;z-index:1;max-width:720px;padding-top:12px}.eyebrow{color:var(--white);display:flex;align-items:center;gap:10px}.eyebrow-dot{width:5px;height:5px;border-radius:100%;display:inline-block;background:var(--pink);flex:none}.wordmark--hero{font-size:clamp(90px,10.1vw,174px);letter-spacing:-.098em;margin:35px 0 30px;line-height:.94}.hero-deck{font-family:var(--font-display);font-size:clamp(27px,3vw,45px);line-height:1.17;font-weight:500;letter-spacing:-.025em;margin:0;max-width:570px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 19px 17px 22px;font-weight:700;letter-spacing:.12em;font-size:10px;transition:background .25s,color .25s,border-color .25s,transform .25s;cursor:pointer;border-radius:0;border:1px solid transparent}.button span{font-weight:400;font-size:18px;line-height:1}.button--light{background:var(--white);color:#080808}.button--light:hover{background:var(--pink);transform:translateY(-2px)}.button--quiet{background:transparent;color:var(--white);border-color:var(--line)}.button--quiet:hover{border-color:var(--pink);color:var(--pink)}.hero-bottom{position:absolute;left:0;right:0;bottom:35px;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.66)}.hero-bottom a{display:flex;align-items:center;gap:20px}.hero-bottom a:hover{color:var(--pink)}.meta-separator{color:var(--pink);margin:0 8px}.arrow-down{font-size:23px;font-weight:400;line-height:1}.hero-image-credit{position:absolute;right:25px;bottom:33px;writing-mode:vertical-rl;color:rgba(255,255,255,.45)}
.section-shell{padding:92px 0 108px}.section-topline{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line);color:var(--dim)}.section-topline span:first-child{color:var(--white)}.release-layout{display:grid;grid-template-columns:1fr .93fr;gap:clamp(42px,5vw,86px);align-items:center;padding-top:52px}.release-art{aspect-ratio:1;max-width:660px;overflow:hidden;background:radial-gradient(circle at 55% 58%,#1d151b 0%,#121014 38%,#070708 72%);border:1px solid rgba(255,255,255,.1);position:relative}.record-halo{position:absolute;width:72%;aspect-ratio:1;border:1px solid rgba(233,197,210,.45);border-radius:100%;left:13%;top:14%;box-shadow:0 0 78px rgba(233,197,210,.07),inset 0 0 80px rgba(233,197,210,.035)}.record-halo:after{content:"";position:absolute;inset:24px;border-radius:50%;border:1px solid rgba(233,197,210,.11)}.record-art-inner{position:absolute;inset:7%;display:flex;flex-direction:column;justify-content:space-between;align-items:start}.record-logo{font-family:var(--font-brand);font-weight:800;letter-spacing:-.07em;font-size:clamp(25px,3.1vw,52px)}.record-title{font-family:var(--font-brand);font-size:clamp(49px,7.2vw,115px);line-height:.79;font-weight:800;letter-spacing:-.09em;position:relative;z-index:1}.record-title em{color:var(--pink);font-style:normal}.record-bottom{color:#c4bac0;letter-spacing:.28em}.eyebrow--soft{color:var(--pink)}.eyebrow-line{height:1px;width:32px;background:var(--pink);display:inline-block}.release-copy h2,.about-left h2,.shop-heading h2{font-family:var(--font-display);font-weight:600;font-size:clamp(46px,5.7vw,90px);letter-spacing:-.046em;line-height:1.07;margin:35px 0}.release-copy h2 em,.about-left h2 em,.shop-heading h2 em{font-style:normal;color:var(--pink)}.release-lyric{font-size:clamp(17px,2vw,22px);font-weight:500;margin-top:14px;letter-spacing:-.04em}.release-desc{max-width:450px;font-size:14px;line-height:1.95;color:#aaa7ac;margin:20px 0 33px}.release-links{display:flex;flex-wrap:wrap;gap:10px}.release-links a{display:inline-flex;padding:12px 16px;border:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.08em;align-items:center;gap:16px}.release-links a:hover{border-color:var(--pink)}.release-availability{font-size:11px;letter-spacing:.05em;color:#aaa7ac;border-top:1px solid var(--line);padding-top:19px;margin-top:30px}.release-availability:before{content:'◌';color:var(--pink);margin-right:10px}
.statement{position:relative;background:#e8e5e6;color:#0b0b0d;overflow:hidden}.statement:before{content:'M';font-family:var(--font-display);position:absolute;right:-3%;top:-90px;font-size:530px;font-weight:800;opacity:.038;pointer-events:none}.statement-inner{min-height:370px;padding:64px 0;display:flex;flex-direction:column;justify-content:space-between}.statement .eyebrow{color:#5e5559}.statement-inner p{font-family:var(--font-display);font-size:clamp(33px,5.5vw,81px);line-height:1.05;letter-spacing:-.065em;font-weight:600;margin:27px 0}.statement-inner p span{color:#a78e98}.statement-index{font-size:10px;letter-spacing:.15em;align-self:flex-end}
.about-layout{display:grid;grid-template-columns:1fr .9fr;gap:clamp(40px,6vw,96px);padding-top:46px;align-items:start}.about-left h2{margin:6px 0 30px}.about-image{position:relative;margin:0;width:75%;aspect-ratio:.91;overflow:hidden;background:#150d12}.about-image img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:grayscale(.72) brightness(.85);transition:filter .5s}.about-image:hover img{filter:grayscale(.15) brightness(.9)}.about-image figcaption{position:absolute;left:20px;bottom:19px;font-size:10px;font-weight:700;letter-spacing:.18em}.about-text{padding:12px 0}.about-text p{font-size:15px;line-height:1.95;color:#aaa9ac;margin:0 0 18px;max-width:570px}.about-text p.about-lead{font-family:var(--font-display);color:var(--white);font-size:clamp(24px,2.4vw,38px);line-height:1.35;letter-spacing:-.04em;font-weight:500;margin:22px 0}.about-text em{font-style:italic;color:var(--white)}.about-signature{margin-top:37px;font:800 43px/.9 var(--font-brand);letter-spacing:-.09em}
.shop{background:#0d0d0e;border-top:1px solid var(--line)}.shop-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:38px 0 32px}.shop-heading h2{margin:25px 0 0}.shop-heading>p{font-size:13px;line-height:1.95;color:#e4e0e1;max-width:320px}.shop-heading>p span{color:#aaa7ac}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{min-width:0}.product-visual{aspect-ratio:1/.98;position:relative;background:#dfdddc;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0;width:100%;padding:0}.product-visual--1{background:#d7d5d3}.product-visual--2{background:#c9c8c7}.product-visual--3{background:#e9e7e5}.product-svg{width:92%;height:92%;filter:drop-shadow(1px 14px 17px rgba(0,0,0,.16));transition:transform .5s cubic-bezier(.2,1,.3,1)}.product-visual:hover .product-svg{transform:scale(1.065) translateY(-3px)}.product-number{position:absolute;left:20px;top:19px;color:#333;font-size:10px;letter-spacing:.14em;font-weight:700}.product-zoom{position:absolute;right:17px;bottom:13px;color:#151515;font-size:24px}.product-description{padding:21px 0;display:flex;justify-content:space-between;align-items:start;gap:15px;border-bottom:1px solid var(--line)}.product-title{font-family:var(--font-display);font-size:23px;letter-spacing:-.05em;font-weight:600}.product-meta{margin-top:9px;color:#969499}.product-status{white-space:nowrap;color:var(--pink);margin-top:9px}.shop-footnote{display:flex;justify-content:space-between;gap:15px;color:#969499;margin-top:30px}.shop-footnote span:first-child{display:inline-flex;gap:10px;align-items:center;color:#ddd}
.footer{background:#e9e7e7;color:#0b0b0d;overflow:hidden}.footer-inner{padding-top:36px;padding-bottom:27px}.footer-head{display:flex;justify-content:space-between;align-items:center;letter-spacing:.1em}.footer-head a:hover{color:#916e7d}.wordmark--footer{display:block;font-size:clamp(100px,19.6vw,335px);letter-spacing:-.1em;margin:35px 0 42px;line-height:.75;color:#080808}.wordmark--footer .logo-period{color:#080808}.footer-bottom{border-top:1px solid rgba(0,0,0,.22);padding-top:23px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#363436}.social-links{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.social-links a,.social-links span{font-size:11px;font-weight:700;letter-spacing:.13em}.social-links span{color:rgba(12,12,12,.38)}.social-links a:hover{color:#927080}.footer-invite{font-family:var(--font-display);font-size:clamp(36px,5.2vw,72px);font-weight:600;line-height:1.1;letter-spacing:-.04em;margin:31px 0 27px}.footer-invite em{font-style:normal;color:#9e7284}
.product-dialog{padding:0;max-width:min(940px,calc(100% - 32px));width:940px;border:1px solid rgba(255,255,255,.22);background:#101011;color:var(--white);overflow:visible;box-shadow:0 30px 100px rgba(0,0,0,.5)}.product-dialog::backdrop{background:rgba(0,0,0,.85);backdrop-filter:blur(8px)}.product-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.modal-close{position:absolute;top:13px;right:15px;z-index:5;background:transparent;color:white;border:0;font-size:34px;cursor:pointer}.dialog-visual{display:flex;align-items:center;justify-content:center;background:#dedcdb;min-height:480px;overflow:hidden}.dialog-visual .product-svg{width:93%;height:auto}.dialog-content{padding:64px 42px 40px}.dialog-content h2{font:600 40px/1.05 var(--font-display);letter-spacing:-.05em;margin:20px 0}.dialog-description{color:#aaa7ac;line-height:1.85;font-size:13px;margin-bottom:25px}.selection-group{margin-top:25px}.selection-group>span{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:#aaa7ac;font-weight:700}.selection-group strong{color:white}.swatch-list,.size-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.swatch-btn{border-radius:100%;height:30px;width:30px;border:2px solid transparent;outline:2px solid transparent;outline-offset:2px;cursor:pointer}.swatch-btn[aria-pressed=true]{outline-color:var(--pink)}.size-btn{min-width:44px;padding:10px;border:1px solid var(--line);background:transparent;color:white;cursor:pointer}.size-btn[aria-pressed=true]{border-color:var(--pink);background:rgba(233,197,210,.1)}.dialog-buy{margin-top:30px;display:flex}.dialog-buy[hidden]{display:none}.dialog-unavailable{font-size:12px;color:#bcb3b8;border-top:1px solid var(--line);padding-top:20px;margin-top:29px}
@media(max-width:1100px){.content-wrap{width:min(100% - 70px,1500px)}.site-header{padding:0 35px}.wordmark--hero{font-size:clamp(92px,11vw,137px)}.hero-visual{left:31%}.about-image{width:90%}.desktop-nav{gap:26px;margin-left:25px}.release-layout{gap:50px}.record-title{font-size:clamp(47px,6.8vw,85px)}}
@media(max-width:760px){html{scroll-padding-top:66px}.content-wrap{width:calc(100% - 40px)}.site-header{height:70px;padding:0 20px}.wordmark--nav{font-size:33px}.desktop-nav,.header-right{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:none;border:0;width:40px;height:40px;cursor:pointer;z-index:33}.menu-toggle span{display:block;height:2px;width:25px;background:white;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:flex;position:absolute;top:70px;left:0;right:0;padding:30px 25px 35px;background:#0a090b;border-bottom:1px solid var(--line);flex-direction:column;gap:0;visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.mobile-nav.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto}.mobile-nav a{font:600 32px var(--font-display);letter-spacing:-.05em;padding:13px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.mobile-nav a span{font:700 10px var(--font-body);color:var(--pink);letter-spacing:.1em}.hero{height:min(740px,88svh);min-height:620px;max-height:740px}.hero-visual{inset:0;z-index:-3}.hero-visual .portrait{object-position:50% 18%;height:76%;transform:scale(1.065);filter:saturate(.57) brightness(.7)}.portrait-shade{background:linear-gradient(0deg,#070708 0%,#070708 9%,rgba(7,7,8,.92) 23%,rgba(7,7,8,.12) 59%,rgba(7,7,8,.18) 100%),linear-gradient(90deg,rgba(7,7,8,.25),transparent 35%)}.hero-content{justify-content:flex-end}.hero-copy{padding-bottom:108px}.hero-copy .eyebrow{font-size:9px}.wordmark--hero{font-size:clamp(76px,15vw,116px);margin:22px 0 15px}.hero-deck{font-size:clamp(28px,7vw,37px)}.hero-actions{margin-top:30px;gap:10px;flex-wrap:wrap}.button{padding:14px 14px;font-size:9px;gap:18px}.hero-bottom{bottom:23px;font-size:9px}.hero-bottom>span{max-width:47%;line-height:1.6}.hero-image-credit{display:none}.haze--one{width:135%;right:-52%;top:15%;height:68%}.haze--two{width:130%;left:-45%;bottom:0}.haze--three{width:100%;right:-25%}.section-shell{padding:64px 0 72px}.section-topline{font-size:9px;letter-spacing:.1em}.section-topline span:last-child{text-align:right}.release-layout{grid-template-columns:1fr;gap:24px;padding-top:29px}.release-art{width:100%;max-width:none}.record-logo{font-size:clamp(25px,7vw,40px)}.record-title{font-size:clamp(54px,14vw,90px)}.release-copy h2{font-size:clamp(56px,12vw,86px);margin:18px 0 12px}.release-copy .eyebrow{font-size:10px}.release-lyric{font-size:18px;margin-top:12px}.statement-inner{min-height:270px;padding:43px 0}.statement-inner p{font-size:clamp(33px,8vw,54px)}.statement:before{font-size:350px;top:-50px}.about-layout{grid-template-columns:1fr;gap:24px;padding-top:26px}.about-left h2{font-size:clamp(63px,12vw,90px);margin:0 0 24px}.about-image{width:min(80%,430px)}.about-text{padding:0}.about-text p.about-lead{font-size:26px;margin:10px 0 18px}.about-text p{font-size:14px;line-height:1.76;margin-bottom:16px}.shop-heading{align-items:start;flex-direction:column;gap:12px;margin:26px 0}.shop-heading h2{font-size:clamp(57px,11vw,90px)}.product-grid{grid-template-columns:1fr 1fr;gap:15px}.product-title{font-size:18px}.product-status{font-size:8px}.product-description{flex-wrap:wrap;gap:6px}.shop-footnote{font-size:9px;letter-spacing:.05em;line-height:1.7}.footer-inner{padding:26px 0}.wordmark--footer{font-size:clamp(75px,19.6vw,150px);margin:33px 0 36px}.footer-bottom{flex-wrap:wrap;font-size:9px}.footer-invite{font-size:clamp(38px,8vw,62px);margin:20px 0 19px}.social-links{gap:16px}.product-dialog[open]{grid-template-columns:1fr;max-height:calc(100dvh - 20px);overflow-y:auto}.dialog-visual{min-height:250px;max-height:320px}.dialog-visual .product-svg{width:64%;height:280px}.dialog-content{padding:28px 25px 35px}.dialog-content h2{font-size:32px}.modal-close{top:8px;right:12px;color:#0b0b0b}.selection-group{margin-top:20px}}
@media(max-width:430px){.hero{height:min(690px,88svh);min-height:610px}.wordmark--hero{font-size:14.6vw}.hero-copy{padding-bottom:104px}.hero-bottom a{gap:7px}.product-grid{grid-template-columns:1fr}.product-visual{aspect-ratio:1.25}.product-description{flex-wrap:nowrap}.shop-footnote{flex-direction:column}.footer-head{font-size:9px}.wordmark--footer{font-size:19vw}.record-title{font-size:15vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.haze,.hero-visual .portrait{will-change:auto!important}}


/* Compact music release — deliberately small on phones. */
.release.section-shell{padding:48px 0 54px}
.release .section-topline{padding-bottom:15px}
.release-card{max-width:850px;margin:25px auto 0;display:flex;align-items:center;gap:26px;padding:17px;background:#101012;border:1px solid rgba(255,255,255,.12)}
.release-card .release-art{flex:0 0 116px;width:116px;height:116px;max-width:none;aspect-ratio:1}
.release-card .record-art-inner{inset:9%}
.release-card .record-logo{font-size:14px}
.release-card .record-title{font-size:22px;line-height:.86;letter-spacing:-.07em}
.release-card .record-halo{box-shadow:none}
.release-card .release-copy{flex:1;min-width:0}
.release-top{display:flex;justify-content:space-between;align-items:center;gap:16px}
.release-card .release-copy h2{font-size:clamp(22px,2.9vw,32px);letter-spacing:-.05em;line-height:1.14;margin:0;font-weight:600}
.release-artist{font-size:13px;color:#b8b4b7;margin:6px 0 0}
.track-toggle{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;background:var(--pink);color:#111;font-size:16px;line-height:1;transition:background .2s}
.track-toggle:hover{background:#fff}
.track-toggle[hidden],.track-controls[hidden]{display:none}
.track-controls{display:flex;align-items:center;gap:12px;margin-top:15px}
#track-progress{appearance:none;-webkit-appearance:none;height:5px;border-radius:4px;flex:1;min-width:0;cursor:pointer;background:rgba(255,255,255,.22);accent-color:var(--pink)}
#track-progress::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:var(--pink);border-radius:50%}
#track-progress::-moz-range-thumb{width:13px;height:13px;background:var(--pink);border:0;border-radius:50%}
.track-time{font-size:10px;color:#b9b3b7;font-variant-numeric:tabular-nums;white-space:nowrap}
.release-card .release-links{margin-top:12px;gap:8px}
.release-card .release-links a{font-size:10px;padding:6px 9px}
.release-card .release-availability{border:0;margin:12px 0 0;padding:0;font-size:10px;color:#bca9b2}
.release-card .release-availability:before{display:none}
.release-card audio{display:none}

@media(max-width:760px){
  .hero{height:540px;min-height:0;max-height:none}
  .hero-visual .portrait{height:100%;object-position:50% 16%}
  .portrait-shade{background:linear-gradient(0deg,#070708 0%,rgba(7,7,8,.96) 9%,rgba(7,7,8,.54) 34%,rgba(7,7,8,.03) 68%),linear-gradient(90deg,rgba(7,7,8,.22),transparent 80%)}
  .hero-copy{padding-top:0;padding-bottom:76px}
  .hero-copy .eyebrow{font-size:8px}
  .wordmark--hero{font-size:clamp(58px,14.6vw,86px);margin:14px 0 13px}
  .hero-deck{font-size:clamp(23px,6.1vw,30px);max-width:340px}
  .hero-actions{margin-top:22px}
  .hero-bottom{bottom:16px;font-size:8px}
  .release.section-shell{padding:32px 0 38px}
  .release-card{margin-top:16px;padding:12px;gap:13px;min-height:106px}
  .release-card .release-art{flex-basis:86px;width:86px;height:86px}
  .release-card .record-logo{font-size:10px}
  .release-card .record-title{font-size:16px}
  .release-card .release-copy h2{font-size:21px;line-height:1.12;margin:0}
  .release-artist{font-size:12px;margin-top:5px}
  .track-toggle{width:36px;height:36px;flex-basis:36px;font-size:13px}
  .track-controls{gap:7px;margin-top:9px}
  .track-time{font-size:9px}
  .release-card .release-links{margin-top:8px}
  .release-card .release-availability{margin:9px 0 0;font-size:9px}
  .about-left h2{font-size:clamp(51px,10vw,75px)}
}
@media(max-width:430px){
  .hero{height:510px;min-height:0;max-height:none}
  .hero-copy{padding-bottom:76px}
  .hero-bottom>span{max-width:46%}
  .release-card .release-art{flex-basis:80px;width:80px;height:80px}
  .release-card .record-title{font-size:15px}
  .release-card .release-copy h2{font-size:20px}
}

/* Final phone-scale adjustments after visual viewport review. */
@media(max-width:760px){
  .hero{height:500px;min-height:0}
  .hero-copy{padding-bottom:68px}
  .release.section-shell{padding:26px 0 24px}
  .about.section-shell{padding-top:33px}
  .about-layout{gap:17px;padding-top:22px}
  .about-image{width:min(66%,280px)}
  .about-left h2{font-size:clamp(49px,9.5vw,70px);margin-bottom:20px}
  .about-text p.about-lead{font-size:23px}
  .shop.section-shell{padding-top:49px}
}
@media(max-width:430px){
  .hero{height:470px;min-height:0}
  .hero-copy{padding-bottom:64px}
  .hero-bottom{bottom:13px}
}


/* Lightweight site-wide atmosphere: below navigation, above section backgrounds.
   All smoke is visual only, and remains subtle over both dark and light areas. */
.site-atmosphere{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden;opacity:.38;mix-blend-mode:screen}
.site-smoke{position:absolute;width:116vw;height:106vh;min-width:620px;min-height:530px;background-repeat:no-repeat;background-position:center;background-size:100% 100%;filter:blur(13px);will-change:transform,opacity}
.site-smoke--rose{
  top:-29%;right:-40%;opacity:.31;
  background-image:url('assets/haze-rose.png');
  animation:siteSmokeRose 20s ease-in-out infinite alternate;
}
.site-smoke--silver{
  bottom:-42%;left:-35%;opacity:.25;
  background-image:url('assets/haze-silver.png');
  animation:siteSmokeSilver 24s ease-in-out infinite alternate;
}
@keyframes siteSmokeRose{
  from{transform:translate3d(-10%,5%,0) rotate(-5deg) scale(1.02);opacity:.22}
  to{transform:translate3d(9%,-8%,0) rotate(6deg) scale(1.16);opacity:.34}
}
@keyframes siteSmokeSilver{
  from{transform:translate3d(8%,6%,0) rotate(5deg) scale(1.05);opacity:.19}
  to{transform:translate3d(-11%,-7%,0) rotate(-5deg) scale(1.17);opacity:.29}
}
@media(max-width:760px){
  .site-atmosphere{opacity:.34}
  .site-smoke{width:185vw;height:105vh;min-width:0;filter:blur(12px)}
  .site-smoke--rose{right:-102%;top:-24%}
  .site-smoke--silver{left:-94%;bottom:-28%}
}
@media(prefers-reduced-motion:reduce){
  .site-smoke{animation:none!important;will-change:auto}
}

/* Established, restrained Geist typography. Preserve the artist's wordmark only. */
.desktop-nav a,.header-right,.section-topline,.footer-head,.footer-bottom{letter-spacing:.11em}
.hero-actions .button{letter-spacing:.075em}
.about-text p{letter-spacing:0}
.about-text p.about-lead{letter-spacing:-.022em}
.shop-heading h2{letter-spacing:-.045em}
@media(max-width:760px){
  .hero-deck{font-size:clamp(22px,5.8vw,29px);line-height:1.2}
  .about-left h2{font-size:clamp(43px,9vw,64px);line-height:1.08;letter-spacing:-.047em}
  .shop-heading h2{font-size:clamp(42px,9.7vw,65px);line-height:1.08}
  .about-text p.about-lead{font-size:22px;line-height:1.42}
  .footer-invite{letter-spacing:-.04em}
}

/* 9:16 phone hero: extend the square portrait into a tall atmospheric composition. */
@media(max-width:760px){
  .site-header{height:70px;padding:0 20px}
  .wordmark--nav{font-size:33px}
  .mobile-nav{top:70px}
  .hero{height:auto;aspect-ratio:9/16;min-height:0;max-height:none}
  .hero-visual{inset:0;z-index:-3;overflow:hidden}
  .hero-visual::before{
    content:"";position:absolute;inset:-20%;
    background:url('assets/machape-portrait.jpg') center 35%/cover no-repeat;
    filter:blur(48px) brightness(.35);opacity:.58;
  }
  .hero-visual .portrait{
    position:absolute;top:64px;left:0;width:100%;height:auto;aspect-ratio:1;
    object-fit:cover;object-position:center;transform:none;
    filter:saturate(.68) brightness(.82);
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 56%,transparent 98%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 56%,transparent 98%);
  }
  .portrait-shade{
    background:linear-gradient(180deg,rgba(7,7,8,.12) 0%,rgba(7,7,8,0) 30%,rgba(7,7,8,.30) 50%,#070708 78%,#070708 100%);
  }
  .hero-content{justify-content:flex-end}
  .hero-copy{padding:0 0 89px;max-width:100%}
  .hero-copy>.eyebrow{display:flex;font-size:9px}
  .hero-copy>.wordmark--hero{display:block;font-size:clamp(66px,14.6vw,100px);margin:17px 0 15px}
  .hero-deck{font-size:clamp(23px,5.7vw,30px);line-height:1.2;letter-spacing:-.025em;margin:0;max-width:360px}
  .hero-actions{margin-top:24px;display:flex;gap:11px}
  .hero-actions .button--light{
    display:inline-flex;background:var(--white);border:1px solid transparent;color:#090909;
    padding:13px 16px;font-size:9px;font-weight:700;gap:17px;
  }
  .hero-actions .button--quiet{
    display:inline-flex;background:transparent;color:var(--white);
    border:1px solid rgba(255,255,255,.24);padding:13px 16px;font-size:9px;gap:17px;
  }
  .hero-actions .button--light span{font-size:18px}
  .hero-bottom{display:flex;bottom:23px;font-size:9px}
  .hero-bottom>span{max-width:47%}
}
@media(max-width:430px){
  .hero{height:auto;aspect-ratio:9/16;min-height:0}
  .hero-copy{padding-bottom:85px}
  .hero-copy>.wordmark--hero{font-size:14.6vw}
}

/* The film is a moving background between the opening portrait and the music.
   No standalone card, framing, playback chrome, or descriptive text. */
.ambient-film[hidden]{display:none!important}
.ambient-film{
  height:clamp(270px,37vw,520px);
  position:relative;
  width:100%;
  background:#090809;
  isolation:isolate;
  overflow:hidden;
  margin:0;
}
.ambient-film__video{
  position:absolute;
  top:0;
  left:50%;
  width:min(100%,925px);
  height:100%;
  transform:translateX(-50%);
  object-fit:contain;
  object-position:center center;
  display:block;
  filter:saturate(.86) brightness(.80);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%);
  pointer-events:none;
  z-index:-2;
}
.ambient-film__fade{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(7,7,8,.40) 0%,transparent 17%,
      transparent 75%,rgba(7,7,8,.20) 87%,#070708 100%);
}
.ambient-film__sound{
  position:absolute;
  right:clamp(20px,5vw,70px);
  bottom:33px;
  z-index:2;
  min-height:38px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.36);
  background:rgba(8,8,10,.64);
  color:#f8f7f7;
  font:600 10px var(--font-body);
  letter-spacing:.12em;
  cursor:pointer;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.ambient-film__sound:hover,.ambient-film__sound:focus-visible{border-color:var(--pink);color:var(--pink)}
@media(max-width:760px){
  .ambient-film{height:auto;aspect-ratio:910 / 512}
  .ambient-film__video{width:100%;object-position:center center}
  .ambient-film__sound{bottom:18px;right:20px;min-height:34px;padding:0 13px;font-size:9px}
}


/* Compact About section; video width and height remain unchanged. */
@media(min-width:761px){
  .about.section-shell{padding:52px 0 60px}
  .about-layout{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:clamp(36px,5vw,82px);padding-top:28px;align-items:start}
  .about-left h2{max-width:580px;font-size:clamp(48px,4vw,66px);font-weight:600;line-height:1.08;letter-spacing:-.045em;margin:0 0 20px}
  .about-image{width:min(100%,340px);height:290px;aspect-ratio:auto}
  .about-image img{object-position:50% 30%}
  .about-text{padding:0}
  .about-text p.about-lead{font-size:clamp(24px,2.1vw,30px);line-height:1.4;margin:16px 0 18px}
  .about-text p{font-size:14px;line-height:1.7;margin:0 0 13px;max-width:620px}
  .about-signature{font-size:36px;margin-top:24px}
}
@media(max-width:760px){
  .about.section-shell{padding-top:26px;padding-bottom:52px}
  .about-left h2{font-size:clamp(40px,9vw,59px);line-height:1.08;letter-spacing:-.045em;max-width:530px;margin-bottom:18px}
  .about-image{width:min(72%,270px);height:auto;aspect-ratio:1}
  .about-text p.about-lead{font-size:22px}
}


/* Discreet social links, extras drawer and circular video sound toggle. */
.ambient-film__sound{
  width:44px;height:44px;min-width:44px;min-height:44px;
  padding:0;display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(255,255,255,.46);background:rgba(10,9,12,.62);
  color:var(--white);line-height:1;
}
.ambient-film__sound svg{display:block;width:21px;height:21px}
.ambient-film__sound .sound-wave{display:none}
.ambient-film__sound.is-audible .sound-wave{display:block}
.ambient-film__sound.is-audible .sound-slash{display:none}
.ambient-film__sound:focus-visible{outline-offset:3px}

.social-links[hidden],.vault[hidden]{display:none!important}
.social-links{display:flex;gap:9px;align-items:center;margin:0 0 22px}
.social-links a{
  display:grid;place-items:center;width:34px;height:34px;
  border-radius:50%;color:rgba(12,12,14,.68);
  border:1px solid rgba(12,12,14,.17);
  transition:color .2s ease,border-color .2s ease,background .2s ease;
}
.social-links a svg{display:block;width:16px;height:16px}
.social-links a:hover,.social-links a:focus-visible{color:#111;border-color:rgba(12,12,14,.5);background:rgba(12,12,14,.045)}

.vault{max-width:850px;margin:16px auto 0;padding:0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.vault__toggle{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 2px;cursor:pointer;list-style:none}
.vault__toggle::-webkit-details-marker{display:none}
.vault__toggle::marker{content:''}
.vault__label{font-size:16px;font-weight:500;letter-spacing:-.025em}
.vault__hint{display:flex;align-items:center;gap:13px;color:#aaa2a7;font-size:10px;font-weight:600;letter-spacing:.12em}
.vault__chevron{font-size:20px;color:var(--pink);font-weight:400;line-height:1;transition:transform .2s ease}
.vault[open] .vault__chevron{transform:rotate(45deg)}
.vault__tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px;padding:2px 0 20px}



@media(max-width:760px){
  .ambient-film__sound{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;right:18px;bottom:16px}
  .vault{margin-top:12px}
  .vault__label{font-size:15px}
  .vault__hint{font-size:9px;gap:8px}
  .vault__tracks{grid-template-columns:1fr;gap:13px}
  .social-links a{width:36px;height:36px}
}


/* Footer cleanup: compact final panel and make social links reliable targets. */
.footer{position:relative;isolation:isolate}
.footer-inner{padding-top:34px;padding-bottom:25px}
.footer-invite{margin:24px 0 20px}
.footer .social-links{position:relative;z-index:2;margin:0 0 32px;gap:10px}
.footer .social-links a{
  position:relative;z-index:3;pointer-events:auto;
  flex:0 0 38px;width:38px;height:38px;
  touch-action:manipulation;
}
.footer .social-links a svg{pointer-events:none;width:17px;height:17px}
.footer-bottom{padding-top:16px}
@media(max-width:760px){
  .footer-inner{padding-top:27px;padding-bottom:22px}
  .footer-invite{font-size:clamp(32px,8vw,50px);margin:20px 0 20px}
  .footer .social-links{gap:8px;flex-wrap:wrap;margin-bottom:27px}
  .footer .social-links a{flex-basis:40px;width:40px;height:40px}
}


/* Branded mini player for unreleased tracks; native playback when owner MP3 is present. */
.vault__tracks{display:flex;flex-direction:column;gap:12px;padding:2px 0 20px}
.vault-mini{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#111012;border-radius:10px}
.vault-mini__row{display:flex;align-items:center;gap:15px;min-height:105px;padding:13px 15px}
.vault-mini__art{width:78px;height:78px;flex:0 0 78px;overflow:hidden;border-radius:5px;background:linear-gradient(135deg,#30232d,#141116 75%);display:grid;place-items:center}
.vault-mini__art img{display:block;width:100%;height:100%;object-fit:cover}
.vault-mini__info{flex:1;min-width:0}
.vault-mini__title{margin:0 0 5px;font:600 clamp(17px,2vw,23px)/1.18 var(--font-body);letter-spacing:-.034em;color:#f3f0f2}
.vault-mini__artist{margin:0;color:#aaa3aa;font-size:12px;letter-spacing:.01em}
.vault-mini__play{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;padding:0;border:none;border-radius:50%;background:var(--pink);color:#141116;cursor:pointer;transition:background .2s ease,transform .2s ease}
.vault-mini__play:hover{background:#f7e3e9;transform:scale(1.045)}
.vault-mini__play:focus-visible{outline:2px solid #fff;outline-offset:4px}
.vault-mini__play svg{width:22px;height:22px;display:block}
.vault-mini__play.is-playing{background:#f7e3e9}
.vault-mini__progress[hidden]{display:none!important}
.vault-mini__progress{display:flex;align-items:center;gap:11px;margin-top:12px}
.vault-mini__progress input{min-width:0;flex:1;height:4px;accent-color:var(--pink);cursor:pointer}
.vault-mini__time{font-size:10px;color:#c6bdc3;white-space:nowrap;font-variant-numeric:tabular-nums}




.vault-mini audio{display:none}
@media(max-width:760px){
  .vault__tracks{display:flex;gap:10px}
  .vault-mini__row{min-height:87px;gap:11px;padding:10px}
  .vault-mini__art{width:66px;height:66px;flex-basis:66px}
  .vault-mini__title{font-size:18px}
  .vault-mini__artist{font-size:11px}
  .vault-mini__play{width:40px;height:40px;flex-basis:40px}
  .vault-mini__play svg{width:19px;height:19px}
  
  
}


/* Footer refinement: slightly smaller headline and tighter vertical rhythm. */
.footer-inner{padding-top:24px;padding-bottom:18px}
.footer-invite{font-size:clamp(34px,4.2vw,58px);line-height:1.06;letter-spacing:-.04em;margin:18px 0 14px}
.footer .social-links{gap:9px;margin:0 0 21px}
.footer-bottom{padding-top:13px}
@media(max-width:760px){
  .footer-inner{padding-top:22px;padding-bottom:17px}
  .footer-invite{font-size:clamp(31px,7.5vw,43px);margin:16px 0 15px;line-height:1.1}
  .footer .social-links{gap:8px;margin-bottom:19px}
  .footer-bottom{padding-top:12px}
}


/* Merch is intentionally offline until the Printful collection is ready. */
#merch[hidden],.desktop-nav a[href="#merch"][hidden],.mobile-nav a[href="#merch"][hidden]{display:none!important}


/* Native audio is fully local; no third-party player panel. */
.vault-mini__error{padding:0 15px 12px;margin:0;color:#e2b0bf;font-size:11px}
.vault-mini__play:disabled{opacity:.45;cursor:not-allowed;transform:none}


/* Compact transparent brand mark placements; no logo box or hero clutter. */
.vault__label{display:inline-flex;align-items:center;gap:9px}
.vault__mark{display:block;width:22px;height:18px;object-fit:contain;flex:0 0 auto}
.footer-brand{display:inline-flex;align-items:center;gap:9px}
.footer-brand__mark{display:block;width:24px;height:18px;object-fit:contain;filter:brightness(0);flex:0 0 auto}
@media(max-width:760px){
  .vault__label{gap:8px}
  .vault__mark{width:20px;height:16px}
  .footer-brand{gap:7px}
  .footer-brand__mark{width:21px;height:16px}
}


/* Soft, restrained corners across interactive surfaces and content cards. */
:root{--radius-control:10px;--radius-card:14px}
/* Keep the hero, moving video, section dividers and footer full-bleed. */
.button,
.release-links a,
.size-btn,
.skip-link{border-radius:var(--radius-control)}
.release-card,
.vault-mini{border-radius:var(--radius-card)}
.release-card .release-art,
.about-image,
.product-visual{border-radius:12px}
.vault-mini__art{border-radius:9px}
.product-dialog{border-radius:16px}
.dialog-visual{border-radius:14px 0 0 14px}
.mobile-nav{border-radius:0 0 14px 14px}
@media(max-width:760px){
  .button{border-radius:9px}
  .release-card,.vault-mini{border-radius:12px}
  .about-image{border-radius:12px}
  .dialog-visual{border-radius:14px 14px 0 0}
}


/* About photoshoot: widescreen composition instead of duplicate square portrait. */
.about-image{
  width:min(100%,490px);
  height:auto;
  aspect-ratio:16/9;
}
.about-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
@media(max-width:760px){
  .about-image{
    width:100%;
    max-width:490px;
    height:auto;
    aspect-ratio:16/9;
  }
}


/* About introduction: lower the emphasis without losing its voice. */
@media(min-width:761px){
  .about-text p.about-lead{font-size:clamp(21px,1.75vw,26px);line-height:1.42;letter-spacing:-.026em}
}
@media(max-width:760px){
  .about-text p.about-lead{font-size:20px;line-height:1.44;letter-spacing:-.025em}
}


/* Lately: a small automatically populated social window, never an empty page section. */
#lately[hidden]{display:none!important}
.lately.section-shell{padding-top:32px;padding-bottom:44px}
.lately .section-topline{margin-bottom:21px}
.lately__heading{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.06;letter-spacing:-.05em;margin:0 0 18px}
.lately__heading span{color:var(--pink)}
.lately__feed{width:100%;min-width:0}
.lately__feed .crt-widget{font-family:var(--font-body,'Geist',sans-serif)!important}
.lately__feed .crt-post-c,
.lately__feed .crt-post-border{border-radius:13px!important;overflow:hidden}
.lately__feed .crt-post-text{font-family:var(--font-body,'Geist',sans-serif);font-size:13px;line-height:1.5}
.lately__feed .crt-post-fullname{font-size:12px;font-weight:600}
.lately__feed .crt-logo{font-size:10px;opacity:.65}
@media(max-width:760px){
  .lately.section-shell{padding-top:23px;padding-bottom:33px}
  .lately .section-topline{margin-bottom:16px}
  .lately__heading{font-size:29px;margin-bottom:14px}
  .lately__feed .crt-post-c{border-radius:11px!important}
}


/* Keep the unpublished Curator feed measurable while excluding it from layout. */
#lately[hidden]{
  display:block!important;
  position:absolute!important;
  top:0;
  left:0;
  width:100%;
  opacity:0;
  height:auto;
  pointer-events:none;
  z-index:-1;
}

/* Compact MailerLite signup, using the provider's generated HTML form contract. */
.footer .signup{display:grid;grid-template-columns:1fr minmax(280px,460px);gap:28px;align-items:center;padding:25px 0;margin:0 0 24px;border-top:1px solid rgba(12,12,14,.15);border-bottom:1px solid rgba(12,12,14,.15)}
.signup h2{font-size:24px;line-height:1.15;letter-spacing:-.035em;margin:0 0 7px;font-weight:600}
.signup p{font-size:13px;line-height:1.5;margin:0;color:#595459}
.signup__form{display:flex;align-items:flex-start;gap:8px}
.signup .ml-form-formContent{flex:1;min-width:0}
.signup__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.signup input[type=email]{width:100%;height:46px;border:1px solid rgba(12,12,14,.24);border-radius:10px;padding:0 13px;background:rgba(255,255,255,.5);color:#141116;font:400 16px var(--font-body)}
.signup input:focus-visible{outline:2px solid #9e5f78;outline-offset:2px}
.signup .ml-form-embedSubmit button{height:46px;border:0;border-radius:10px;padding:0 16px;background:#141116;color:#f8f7f7;font:600 12px var(--font-body);cursor:pointer;white-space:nowrap}
.signup .ml-form-embedSubmit button:hover{background:#47303c}
.signup .ml-form-embedSubmit button span{margin-left:12px;color:#e9c5d2}
.signup .ml-form-embedSubmit button:disabled{cursor:wait;opacity:.7}
.signup p.signup__note{font-size:10px;margin-top:9px;color:#716b70}
.signup p.signup__success{font-size:16px;font-weight:600;color:#141116;margin-bottom:5px}
.signup .ml-error input{border-color:#a52b43}
@media(max-width:760px){.footer .signup{grid-template-columns:1fr;gap:16px;padding:21px 0;margin-bottom:21px}.signup h2{font-size:22px}.signup__form{gap:7px}.signup .ml-form-embedSubmit button{padding:0 13px;font-size:11px}}
@media(max-width:350px){.signup__form{flex-direction:column}.signup .ml-form-formContent,.signup .ml-form-embedSubmit,.signup .ml-form-embedSubmit button{width:100%}}