@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#111015;--paper:#eae6e1;--purple:#b6a0f4;--pink:#f39ebf;--line:#ffffff29}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:6px}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}h1,h2,p,figure{margin:0}p{line-height:1.7}em{font-family:Georgia,serif;font-weight:400}h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:-.065em;line-height:1.02}h2{font-size:clamp(44px,5.6vw,84px)}.section{padding:110px 7%}.eyebrow,.section-top>span,.hero-top,.hero-bottom,.pill,.photo-caption,figcaption{font-size:10px;font-weight:600;letter-spacing:.16em}.eyebrow{margin-bottom:28px}.skip{position:absolute;top:-80px;background:white;color:black;padding:16px;z-index:100}.skip:focus{top:10px}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px 5%;background:#111015ed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.logo{font-size:20px;font-weight:800;letter-spacing:-.06em}.logo span{display:block;font-size:7px;font-weight:400;letter-spacing:.3em;margin-top:3px}nav{display:flex;gap:28px;align-items:center;font-size:12px}.nav-contact{border-bottom:1px solid var(--purple);padding-bottom:6px}.menu{display:none}.hero{position:relative;min-height:760px;height:calc(100svh - 85px);max-height:1100px;overflow:hidden;background:#979493}.hero-photo{position:absolute;height:100%;object-position:68% 40%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#15121ce8 0%,#19151da8 32%,#19151d03 72%),linear-gradient(0deg,#1110159c,transparent 25%)}.hero-top{position:absolute;top:32px;left:5%;right:5%;display:flex;justify-content:space-between}.hero-copy{position:absolute;top:49%;transform:translateY(-50%);left:7%;max-width:640px}.hero-copy .eyebrow{color:var(--purple)}h1{font-size:clamp(72px,8.7vw,142px);margin-bottom:26px}h1 em{color:var(--purple)}.hero-copy>p:not(.eyebrow){font-size:16px}.actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--purple);color:var(--ink);padding:19px 25px;border:0;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:var(--pink);transform:translateY(-2px)}.underlink{display:inline-block;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:6px}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between}.statement{display:flex;justify-content:space-around;align-items:center;gap:20px;padding:25px;background:var(--purple);color:var(--ink);font-size:clamp(13px,2.1vw,32px);letter-spacing:-.04em;font-weight:700}.statement i{font-style:normal}.section-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:55px}.section-top>span{padding-top:3px;color:#b8b1bf}.music-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:center}.body-copy{max-width:420px;color:#bfb9c7;font-size:16px;margin:30px 0}.light{background:var(--paper)}.music-art{position:relative;background:#aca5b3;overflow:hidden}.music-art img{height:530px;object-position:center 25%;transition:transform .6s}.music-art:hover img{transform:scale(1.025)}.art-label{position:absolute;bottom:0;left:0;right:0;padding:22px;background:#111015e0;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.12em}.art-label b{color:var(--purple);font-size:10px}.release-note{display:flex;gap:16px;align-items:center;margin-top:45px;padding-top:25px;border-top:1px solid var(--line);font-size:12px}.release-note small{color:#aaa4b4}.pulse{width:7px;height:7px;background:var(--pink);border-radius:50%;box-shadow:0 0 15px #f39ebf77}.story{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.story-picture{position:relative}.story-picture img{height:660px;object-position:65% center}.photo-caption{position:absolute;bottom:22px;left:22px;right:22px;background:var(--pink);padding:16px;text-align:center}.story-copy .lead{font-family:Georgia,serif;font-style:italic;font-size:23px;line-height:1.5;margin:30px 0 22px}.story-copy>p:not(.eyebrow):not(.lead){font-size:14px;margin-top:18px;color:#514c57}.story-copy .underlink{margin-top:28px}.beyond{background:#292039;display:grid;grid-template-columns:1.1fr 1fr;gap:50px 8%;align-items:center}.beyond h2{font-size:clamp(64px,8vw,120px)}.beyond h2 em{color:var(--pink)}.beyond-title>p:not(.eyebrow){max-width:360px;margin:28px 0}.pill{display:inline-block;border:1px solid #ffffff50;border-radius:50px;padding:12px 18px;font-size:9px}.beyond figure{transform:rotate(3deg);padding:12px;background:var(--purple);color:var(--ink)}.beyond figure img{height:520px;object-position:center 56%}.beyond figcaption{padding:18px 5px 7px;letter-spacing:.1em}.beyond-footer{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line);padding-top:35px}.beyond-footer span{font-size:10px;letter-spacing:.1em}.beyond-footer p{font-size:13px;color:#c9bfd7;max-width:420px}.gallery{background:#18161e}.gallery .section-top{align-items:end}.gallery .section-top>p{font-size:12px;color:#bfb9c7}.gallery-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:20px;align-items:start}.gallery-grid button{position:relative;padding:0;border:0;background:none;overflow:hidden}.gallery-grid img{height:430px;transition:transform .5s}.gallery-grid button:nth-child(2){margin-top:70px}.gallery-grid button:nth-child(2) img{object-position:60% center}.gallery-grid button:nth-child(3) img{object-position:67% center}.gallery-grid button:hover img{transform:scale(1.035)}.gallery-grid span{position:absolute;right:12px;bottom:12px;background:var(--paper);color:var(--ink);width:34px;height:34px;display:grid;place-items:center}.shop{display:grid;grid-template-columns:1fr 1fr;background:#b9a6d9;color:var(--ink);padding:0;align-items:center}.shop>img{height:650px;object-position:center 44%}.shop>div{padding:65px 14%}.shop p:not(.eyebrow){margin:25px 0;font-size:14px}.shop .pill{border-color:#11101560}.shop .underlink{display:table;margin-top:28px}.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.contact h2{font-size:clamp(48px,5vw,76px)}.contact h2 em{color:var(--purple)}.contact>div>p:not(.eyebrow){max-width:390px;margin-top:28px;color:#bfb9c7;font-size:14px}.email-link{display:inline-block;font-size:16px;margin-top:30px;padding-bottom:10px;border-bottom:1px solid var(--purple)}.contact>div>.contact-note{font-size:12px;color:#8d8796;max-width:310px}label{display:block;font-size:11px;margin-bottom:9px}input,select,textarea{display:block;width:100%;border:1px solid #ffffff30;background:#ffffff04;color:var(--paper);padding:14px;margin-bottom:22px;border-radius:0;font-size:13px}select option{background:#211c2b}textarea{resize:vertical}form .button{width:100%}.form-note{font-size:11px;color:#a59dae;margin-top:15px}footer{border-top:1px solid var(--line);padding:55px 7% 30px}.footer-name{font-size:clamp(48px,10.2vw,160px);font-weight:700;letter-spacing:-.07em;line-height:1;display:flex;justify-content:space-between}.footer-name span{color:var(--purple);font-weight:400}footer>div{display:flex;gap:30px;align-items:center;margin-top:45px;padding-top:25px;border-top:1px solid var(--line);font-size:10px}footer p{margin-right:auto;font-size:9px;letter-spacing:.07em}footer small{font-size:10px;color:#aaa1b6}dialog{border:1px solid #ffffff40;background:#111015;color:white;padding:16px;max-width:95vw;max-height:95svh}dialog::backdrop{background:#09070deb}dialog img{max-height:82svh;width:auto;max-width:86vw;object-fit:contain}dialog button{display:block;margin:0 0 12px auto;background:none;border:0;color:white;padding:8px}a:hover{color:var(--pink)}a.button:hover{color:var(--ink)}
@media(min-width:1600px){.section{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:850px){nav{gap:18px;font-size:10px}.hero{min-height:700px}.hero-photo{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#15121ceb,#19151d55 75%),linear-gradient(0deg,#111015aa,transparent)}.section{padding:75px 6%}.music-grid,.story,.beyond,.contact{gap:45px}.story{grid-template-columns:1fr}.story-picture img{height:470px;object-position:center 48%}.story-copy{max-width:650px}.music-art img{height:430px}.beyond figure img{height:400px}.gallery-grid img{height:330px}.shop>div{padding:45px 12%}.shop>img{height:630px}.email-link{font-size:13px}.hero-copy{left:6%}.contact{grid-template-columns:1fr}.contact>div>p{max-width:550px}}
@media(max-width:600px){header{padding:18px 6%}.logo{font-size:18px}.menu{display:block;background:none;color:var(--paper);border:1px solid var(--line);padding:9px 13px;font-size:11px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);padding:24px 6%;flex-direction:column;align-items:start;font-size:14px;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{height:820px;min-height:0;max-height:none}.hero-photo{height:58%;top:0;object-position:61% 30%}.hero-shade{background:linear-gradient(0deg,#15121c 40%,transparent 80%),linear-gradient(90deg,#15121c25,transparent)}.hero-top{font-size:8px;top:22px;left:6%;right:6%;letter-spacing:.08em}.hero-top span:last-child{display:none}.hero-copy{top:auto;bottom:90px;transform:none;right:6%}h1{font-size:76px;line-height:.98;margin-bottom:20px}.hero-copy .eyebrow{font-size:8px;margin-bottom:22px}.hero-copy>p:not(.eyebrow){font-size:13px}.actions{gap:22px;margin-top:25px}.button{padding:17px 19px;gap:24px;font-size:11px}.underlink{font-size:11px}.hero-bottom{font-size:7px;left:6%;right:6%;letter-spacing:.06em;bottom:28px}.statement{padding:20px 12px;font-size:11px;gap:10px}.statement i{font-size:14px}.section{padding:65px 6%}.eyebrow{font-size:8px;margin-bottom:22px;letter-spacing:.12em}h2{font-size:48px}.section-top{margin-bottom:30px}.section-top>span{font-size:8px}.music-grid,.beyond{grid-template-columns:1fr}.body-copy{font-size:14px;margin:25px 0}.music-art img{height:450px}.music-art{margin:0 12px}.release-note{margin-top:30px}.story-picture img{height:440px;object-position:64% center}.photo-caption{font-size:8px;left:15px;right:15px}.beyond h2{font-size:78px}.beyond-title>p:not(.eyebrow){font-size:14px}.beyond figure{margin:10px 12px}.beyond figure img{height:450px}.beyond-footer{grid-template-columns:1fr;gap:18px}.gallery .section-top{display:block}.gallery .section-top>p{margin-top:20px;font-size:11px}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px}.gallery-grid img{height:270px}.gallery-grid button:nth-child(2){margin-top:40px}.gallery-grid button:nth-child(3){grid-column:1/-1;margin:0 22px}.gallery-grid button:nth-child(3) img{height:310px;object-position:65% center}.shop{grid-template-columns:1fr;padding:0}.shop>img{height:450px}.shop>div{padding:55px 6%}.contact{gap:40px}.contact h2{font-size:46px}.contact .eyebrow{max-width:290px}.email-link{font-size:14px}footer{padding:40px 6% 25px}footer>div{flex-wrap:wrap;gap:20px;margin-top:30px}footer p{width:100%}footer small{margin-left:auto}.footer-name{font-size:12vw}dialog{padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

@media(min-width:601px){.hero-photo{width:76%;right:0;object-position:55% center}}

/* Portrait hero fills its frame and fades into the text on the left. */
.hero{background:#17151c}.hero-photo{object-fit:cover}.gallery-grid img{object-position:center center!important}
@media(min-width:601px){.hero-photo{width:76%;height:100%;right:0;object-position:55% 40%}.hero-shade{background:linear-gradient(90deg,#17151c 0%,#17151c 24%,#17151ce6 32%,#17151c80 44%,transparent 64%),linear-gradient(0deg,#17151c75,transparent 25%)}}

/* Translucent overlay: retain photograph detail behind the text. */
@media(min-width:601px){.hero-photo{width:100%;object-position:55% 40%}.hero-shade{background:linear-gradient(90deg,rgba(23,21,28,.55) 0%,rgba(23,21,28,.38) 28%,rgba(23,21,28,.12) 50%,transparent 72%),linear-gradient(0deg,rgba(23,21,28,.2),transparent 22%)}.hero-copy{text-shadow:0 2px 18px rgba(0,0,0,.25)}.hero-copy .button{text-shadow:none}}

@media(min-width:601px){.hero-photo{width:124%;right:-24%;object-position:center 40%}}
