@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0b0b;--gold:#e7bb6d;--muted:#b6afa4;--line:#6e5531;--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:#f4ead8;font-family:var(--sans);font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{display:block;max-width:100%}header{height:100px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0b0b0bf5;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-weight:600;font-size:23px;letter-spacing:2px;color:var(--gold)}.brand img{width:78px;height:75px;object-fit:cover;object-position:center}.brand small{display:block;font-family:var(--sans);font-size:9px;font-weight:500;letter-spacing:6px;line-height:1.2}nav{display:flex;align-items:center;gap:35px}nav>a{text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:2px}nav>a:hover{color:var(--gold)}.nav-listen{padding:12px 18px;border:1px solid var(--line);color:var(--gold);border-radius:2px}.nav-listen span{margin-right:10px}.menu{display:none}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 73% 65%,#62301645,transparent 49%),linear-gradient(115deg,#111 10%,#17110b 60%,#090909)}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(0deg,#0b0b0b44,#0b0b0b00),url('assets/embers.webp') center bottom/cover;opacity:.6;pointer-events:none}.hero-inner{max-width:1500px;margin:auto;min-height:590px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:50px 5% 80px;position:relative}.hero-copy{z-index:2}.eyebrow{color:var(--gold);font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase}.hero-copy>.eyebrow{display:flex;align-items:center;gap:12px}.hero-copy>.eyebrow span{display:inline-block;width:23px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,4.65vw,77px);line-height:1.03;letter-spacing:-1.5px;margin:25px 0;text-transform:uppercase}h1 em{font-style:normal;color:var(--gold)}.intro{color:var(--muted);font-size:13px;line-height:1.9;margin:25px 0 32px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 22px;min-height:49px;border:1px solid var(--gold);font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.gold{color:#191008;background:linear-gradient(115deg,#f5d494,#bf8c43 75%,#e7b867)}.outline{color:var(--gold);background:#0a0a0a66}.outline:hover{background:#2c2114}.hero-logo{position:relative;display:flex;align-items:center;justify-content:center;margin:0 -12% 0 -6%;z-index:1}.hero-logo img{width:100%;height:auto;filter:drop-shadow(0 15px 45px #c7631220);mix-blend-mode:lighten}.hero-bottom{position:absolute;bottom:20px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:2px;color:#d1b98d;z-index:3}.hero-bottom a{font-size:9px;letter-spacing:1px}.hero-bottom a span{padding-left:18px}.section{padding:85px 5%;max-width:1600px;margin:auto}.section-heading{text-align:center;margin-bottom:40px}.section-heading h2{font-family:var(--serif);font-size:50px;text-transform:uppercase;font-weight:400;letter-spacing:5px;margin-bottom:10px;line-height:1.1}.section-heading>.eyebrow{margin-bottom:12px}.section-heading>p:last-child{color:var(--muted);font-size:12px}.artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}.artist-card{display:block;text-align:left;color:#f4ead8;border:1px solid #6c512d;background:#10100f;padding:0;cursor:pointer;position:relative;transition:transform .25s,border-color .25s}.artist-card:after{content:'';width:6px;height:6px;background:var(--gold);position:absolute;left:calc(50% - 3px);bottom:-4px;transform:rotate(45deg);box-shadow:0 0 12px #d48942}.artist-card:hover{transform:translateY(-5px);border-color:var(--gold)}.artist-card .art{overflow:hidden;aspect-ratio:4/4.7;position:relative}.artist-card img{height:100%;width:100%;object-fit:cover;transition:transform .5s;filter:saturate(.85)}.artist-card:hover img{transform:scale(1.05);filter:saturate(1)}.card-arrow{position:absolute;right:13px;bottom:13px;background:#10100fbb;width:32px;height:32px;display:grid;place-items:center;border:1px solid #ad8249;color:var(--gold);border-radius:50%;opacity:0;transition:opacity .2s}.artist-card:hover .card-arrow,.artist-card:focus-visible .card-arrow{opacity:1}.artist-card h3{font-family:var(--serif);font-size:clamp(16px,1.65vw,26px);font-weight:500;text-align:center;line-height:1.3;margin:0;padding:17px 4px 20px;white-space:nowrap}.artist-card:first-child h3{font-size:clamp(14px,1.4vw,23px)}.listen{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;border-top:1px solid #4c3b2466;border-bottom:1px solid #4c3b2466;background:radial-gradient(ellipse at 75% 55%,#57401c18,transparent 65%)}h2{font-family:var(--serif);font-weight:400;font-size:58px;line-height:1.06;letter-spacing:-.5px}h2 em{font-weight:400;color:var(--gold)}.listen-copy>p:not(.eyebrow),.about p:not(.eyebrow){color:var(--muted);max-width:440px;font-size:13px;line-height:1.95;margin-bottom:28px}.featured{position:relative;aspect-ratio:1/1;max-width:440px;width:100%;justify-self:end;border:1px solid var(--line);overflow:hidden}.featured>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.featured:hover>img{transform:scale(1.04)}.featured>div{position:absolute;inset:0;padding:30px;background:linear-gradient(0deg,#050705 2%,#06080699 33%,transparent 70%);display:flex;flex-direction:column;justify-content:end}.featured h3{font-size:23px;letter-spacing:1px;margin:8px 0 15px}.featured-link{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:1px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:70px;padding-bottom:70px}.about-emblem{max-width:500px}.about-emblem img{width:100%;height:auto;mix-blend-mode:lighten;opacity:.8}.text-link{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:8px}.text-link span{margin-left:12px}footer{padding:35px 5% 30px;display:flex;flex-wrap:wrap;align-items:center;gap:25px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px}.footer-brand{font-family:var(--serif);font-size:20px;color:var(--gold)}.footer-brand span{font-size:13px}footer>div{display:flex;gap:23px;margin-left:auto}footer p{margin:0;color:#938a7b}.back-top{color:var(--gold)}.skip{position:fixed;top:-70px;left:20px;padding:12px;background:var(--gold);color:#000;z-index:100}.skip:focus{top:10px}dialog{padding:0;width:min(850px,92vw);max-height:90dvh;overflow:auto;background:#12110e;color:#f4ead8;border:1px solid var(--line)}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.dialog-layout{display:grid;grid-template-columns:.85fr 1fr}.dialog-layout>img{width:100%;height:100%;min-height:420px;object-fit:cover}.dialog-copy{padding:60px 35px 35px}.dialog-copy h2{font-size:44px}.dialog-copy>p:not(.eyebrow){color:var(--muted);font-size:13px}.dialog-copy .art-note{font-size:10px!important;margin-top:36px;color:#817b70!important}.close-dialog{position:absolute;right:12px;top:12px;width:35px;height:35px;display:grid;place-items:center;font-size:25px;background:#0b0b0bd9;color:var(--gold);border:1px solid var(--line);cursor:pointer}.status{padding:12px 0;border-top:1px solid var(--line);color:var(--gold);font-size:12px}.menu{color:var(--gold);background:transparent;border:1px solid var(--line);padding:9px 13px;cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:1px}.menu span{margin-left:9px}
@media(min-width:1600px){.hero-inner{min-height:680px}.section{padding-left:75px;padding-right:75px}}@media(max-width:1000px){header{padding:0 4%;height:85px}nav{gap:23px}.brand{font-size:19px;letter-spacing:1px}.brand img{width:62px;height:60px}.nav-listen{padding:10px}.hero-inner{min-height:510px;padding-left:5%;padding-right:5%}.hero-logo{margin-right:-18%}.artist-grid{gap:24px 14px}.section{padding-top:65px;padding-bottom:65px}.artist-card h3{font-size:18px}.artist-card:first-child h3{font-size:14px}.listen{gap:6%}h2{font-size:48px}.featured h3{font-size:19px}footer{gap:18px}.footer-brand{font-size:17px}}
@media(max-width:700px){html{scroll-padding-top:20px}header{height:79px}.brand{font-size:17px}.brand img{width:53px;height:56px}.brand small{font-size:8px;letter-spacing:4px}.menu{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;background:#10100f;padding:24px 6%;border-bottom:1px solid var(--line);gap:24px}nav.open{display:flex}.nav-listen{text-align:center}.hero-inner{display:flex;flex-direction:column-reverse;min-height:0;padding:10px 6% 95px;gap:0}.hero-logo{width:100%;max-width:440px;margin:-5px 0 -14px}.hero-logo img{width:100%;height:auto}.hero-copy{width:100%;text-align:center}.hero-copy>.eyebrow{justify-content:center;font-size:8px;letter-spacing:2px}h1{font-size:clamp(35px,8.5vw,57px);letter-spacing:-.8px;line-height:1.05;margin:15px 0}.intro{font-size:12px;margin:19px 0 24px}.actions{justify-content:center;gap:10px}.button{font-size:9px;padding:13px 16px;gap:13px}.hero-bottom{bottom:21px;justify-content:center}.hero-bottom>span{display:none}.section{padding:52px 5%}.section-heading{margin-bottom:29px}.section-heading h2{font-size:36px;letter-spacing:3px}.section-heading>p:last-child{font-size:11px}.eyebrow{font-size:9px;letter-spacing:2px}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.artist-card h3{font-size:clamp(15px,4vw,24px);padding:14px 3px 17px}.artist-card:first-child h3{font-size:clamp(12px,3.2vw,20px)}.card-arrow{opacity:1;width:27px;height:27px;font-size:12px}.listen,.about{grid-template-columns:1fr;gap:30px}.listen-copy{padding:0 3%}h2{font-size:45px}.listen-copy>p:not(.eyebrow),.about p:not(.eyebrow){font-size:12px}.featured{justify-self:center;max-width:430px}.featured>div{padding:24px}.featured h3{font-size:23px}.about-emblem{display:none}.about>div:last-child{padding:0 3%}footer{padding:28px 6%;justify-content:center;text-align:center;gap:20px}.footer-brand{width:100%;font-size:22px}footer>div{margin:0;width:100%;justify-content:center}footer p{font-size:8px}.back-top{font-size:8px}.dialog-layout{grid-template-columns:1fr}.dialog-layout>img{height:230px;min-height:0;object-position:center 40%}.dialog-copy{padding:28px}.dialog-copy h2{font-size:37px}.close-dialog{position:sticky;float:right;margin:10px 10px -45px 0;z-index:1;top:10px}.dialog-copy .art-note{margin-top:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.card-main{display:block;width:100%;padding:0;border:0;background:none;color:inherit;cursor:pointer;font:inherit}.artist-card{cursor:default;display:flex;flex-direction:column}.artist-card h3{padding-bottom:13px}.card-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 15px;border-top:1px solid #6e553144;padding:10px 8px 13px;margin-top:auto;min-height:48px}.artist-link{font-size:11px;text-transform:uppercase;letter-spacing:.9px;color:var(--gold);padding:6px 0;min-height:36px;display:inline-flex;align-items:center}.artist-link:hover{text-decoration:underline;text-underline-offset:4px}.card-status{font-size:9px;color:var(--muted);margin:0;letter-spacing:.2px}.card-main:focus-visible .card-arrow{opacity:1}#dialog-action{display:flex;flex-wrap:wrap;gap:12px}.artist-card:focus-within{border-color:var(--gold)}
@media(max-width:700px){.card-links{gap:4px 13px;padding:7px 6px 10px;min-height:50px}.artist-link{font-size:10px;letter-spacing:.3px;min-height:38px}.card-status{font-size:8px}}
.artist-card .art{aspect-ratio:1/1;background:#101010}.artist-card .art img{object-fit:contain;filter:none}.artist-card .art.logo{display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at center,#27221b,#0b0b0b 75%)}.artist-card .art.logo img{height:auto;max-height:100%}.artist-card:hover img{filter:none}.name-card{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px;background:radial-gradient(ellipse at center,#29251e,#0a0a0a 80%)}.name-card>span{font-family:var(--serif);font-size:clamp(25px,3vw,45px);color:var(--gold);letter-spacing:2px}.name-card small{font-size:9px;margin-top:22px;color:var(--muted);letter-spacing:.7px}.dialog-layout>img{object-fit:contain;background:#0b0b0b}.logo-art .dialog-layout>img{padding:25px}.no-art .dialog-layout{grid-template-columns:1fr}.no-art .dialog-layout>img{display:none}.featured{background:radial-gradient(ellipse at center,#2e2b19,#080b08 80%)}.featured>img{object-fit:contain;padding:35px 25px 120px}.featured>div{background:linear-gradient(0deg,#050705 2%,#060806aa 20%,transparent 55%)}
@media(max-width:700px){.artist-card .art.logo{padding:15px}.name-card>span{font-size:26px}.name-card small{font-size:8px;letter-spacing:0}.dialog-layout>img{height:280px}.no-art .dialog-layout>img{display:none}}
