:root{--bg:#101114;--paper:#f3eee5;--gold:#d7c099;--muted:#b5b4b7;--midnight:#111b2d;--sapphire:#253d67;--line:rgba(215,192,153,.22);color-scheme:dark}
body{background:var(--bg);font-family:"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
header{max-width:1500px;margin:auto;padding:27px 6vw;border-color:var(--line);gap:24px}
.brand{display:inline-flex;align-items:center;gap:13px;font:400 22px/1.1 Georgia,"Times New Roman",serif;letter-spacing:.1em;white-space:nowrap}
.brand img{width:25px;height:41px;display:block}.brand .wordmark{color:var(--paper)}.brand .wordmark span{display:block;color:var(--gold);font:400 9px/1.5 "Helvetica Neue",Arial,sans-serif;letter-spacing:.42em;margin-top:5px}
nav{gap:32px}nav a{font-size:12px;letter-spacing:.05em;min-height:44px;display:flex;align-items:center}
.hero{padding-top:85px;padding-bottom:95px;gap:7vw;background:radial-gradient(ellipse at 95% 60%,rgba(37,61,103,.2),transparent 63%)}
.eyebrow{font-size:10px;letter-spacing:.23em;font-weight:500}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,6.4vw,96px);line-height:1.08;letter-spacing:-.055em;margin:25px 0 29px}
h1 em{color:var(--gold)}.intro{font-size:16px;line-height:1.85;max-width:360px}
.button{background:var(--gold);color:#14151a;border-color:var(--gold);min-height:48px;padding:15px 21px;letter-spacing:.12em;font-size:10px;margin-top:23px;transition:background .18s,color .18s}
.button:hover{background:#ead7b6;color:#101114}.hero-art{padding:0 0 22px 22px}.hero-art:before{inset:22px 22px 0 0;border-color:var(--line)}.hero-art img{aspect-ratio:1;object-fit:cover}.caption{font-size:9px;letter-spacing:.15em;margin-top:15px}
.section{padding-top:65px;padding-bottom:80px}.section-top{border-color:var(--line);padding-top:30px;gap:30px;margin-bottom:44px}.section-top h2{font-size:clamp(34px,3.8vw,53px);line-height:1.15;letter-spacing:-.045em}.section-top p{line-height:1.7}
.artists{gap:6vw}.artist{border-color:var(--line);padding:0 0 34px}.artist .number{font-size:10px}.artist h3{font-size:52px;letter-spacing:.03em;margin:18px 0}.artist p{font-size:15px;line-height:1.8;max-width:440px}
.text-link{display:inline-flex;align-items:center;min-height:44px;gap:24px;font-size:12px;border-color:rgba(215,192,153,.55);padding:8px 0 6px;text-decoration:none}.text-link span{margin-left:0}.text-link:hover{color:var(--gold)}
.releases-section{background:var(--midnight);color:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}.releases-section .eyebrow{color:var(--gold)}.releases-section .section-top{border-top:0;padding-top:0}.releases-section .section-top p,.release p{color:var(--muted)}
.releases{gap:5vw}.release img{border:1px solid rgba(215,192,153,.16)}.release-meta{color:var(--gold);font-size:10px;margin-top:25px;gap:15px;flex-wrap:wrap}.release h3{font-size:clamp(27px,3vw,38px);margin:10px 0 12px;line-height:1.2}.release p{line-height:1.8}.release .text-link{display:inline-flex;margin:4px 0 0}
.contact{padding-top:95px;padding-bottom:95px}.contact h2{font-size:clamp(40px,5vw,66px);letter-spacing:-.045em}.contact-details{border-color:var(--line)}.contact-details strong{font:400 27px/1.4 Georgia,serif}.contact-details p{font-size:14px;line-height:1.8;margin-top:12px}.email{font-size:clamp(16px,2vw,21px);text-decoration-thickness:1px;text-underline-offset:7px;overflow-wrap:anywhere}
footer{border-color:var(--line);font-size:10px;letter-spacing:.04em;gap:24px;line-height:1.8}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(min-width:1500px){header,footer{padding-left:90px;padding-right:90px}footer{max-width:1500px;margin:auto}}
@media(max-width:900px) and (min-width:701px){.hero{gap:4vw}h1{font-size:64px}.hero-art{padding-left:14px}.intro{font-size:15px}}
@media(max-width:700px){header{padding:19px 6vw;gap:14px}.brand{font-size:19px;gap:9px}.brand img{width:20px;height:35px}.brand .wordmark span{font-size:8px}nav{gap:17px}nav a{font-size:11px;letter-spacing:0}.hero{padding-top:49px;padding-bottom:54px;gap:43px}h1{font-size:clamp(56px,12vw,78px);margin:22px 0 25px}.intro{max-width:400px}.hero-art{width:100%;max-width:500px;margin:auto}.section{padding-top:49px;padding-bottom:54px}.section-top{margin-bottom:34px}.section-top h2{font-size:37px}.section-top p{margin-top:16px}.artists{gap:32px}.artist h3{font-size:43px}.artist p{max-width:none}.releases{gap:44px}.release h3{font-size:32px}.contact{gap:31px;padding-top:58px;padding-bottom:60px}.contact h2{font-size:49px}.contact-details{padding-left:22px}footer{padding:24px 6vw;gap:10px;flex-direction:column}}
@media(max-width:359px){header{flex-wrap:wrap}nav{width:100%;justify-content:space-between}h1{font-size:54px}.section-top h2{font-size:33px}.caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Approved artwork displayed directly; crop excludes the alternate mark. */
header{padding-top:14px;padding-bottom:14px}.brand{display:block;line-height:0}.approved-logo{display:block;width:170px;height:159px;overflow:hidden;mix-blend-mode:lighten}
@media(max-width:700px){header{padding-top:12px;padding-bottom:12px}.approved-logo{width:120px;height:113px}nav{gap:15px}}
@media(max-width:359px){header{flex-wrap:nowrap}nav{width:auto;gap:12px}.approved-logo{width:100px;height:94px}}



/* Readable supporting type across desktop and mobile. */
:root{--muted:#d0cdd0}
body{font-size:18px}
nav a{font-size:18px;color:var(--paper);letter-spacing:.02em}
.intro,.artist p,.release p,.section-top p,.contact p,.contact-details p{font-size:18px;line-height:1.75}
.intro{max-width:420px}
.eyebrow,.artist .number,.release-meta,.caption{font-size:14px;line-height:1.65;letter-spacing:.1em}
.text-link{font-size:17px;line-height:1.55}
.button{font-size:16px;letter-spacing:.05em;gap:22px;line-height:1.5}
footer{font-size:14px;letter-spacing:.02em}
.email{font-size:22px;line-height:1.6}
@media(max-width:700px){nav a{font-size:16px}.email{font-size:20px}.button{padding:14px 18px}.section-top{align-items:start}}
@media(max-width:520px){header{flex-wrap:wrap;justify-content:center;gap:8px}.approved-logo{width:128px;height:120px}nav{width:100%;justify-content:center;gap:clamp(22px,7vw,36px)}nav a{font-size:17px}.hero{padding-top:38px}.caption{letter-spacing:.06em}.contact-details{padding-left:18px}}


/* Brand headline: a classic book serif, with a lighter gold italic line. */
h1.brand-headline{font-family:Baskerville,"Baskerville Old Face","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;font-weight:400;font-size:clamp(60px,6vw,90px);line-height:1.08;letter-spacing:-.035em}
.brand-headline>span,.brand-headline>em{display:block}
.brand-headline>em{font-size:.66em;line-height:1.22;letter-spacing:-.025em;font-weight:400;margin-top:.16em;color:var(--gold)}
@media(max-width:900px) and (min-width:701px){h1.brand-headline{font-size:61px}}
@media(max-width:700px){h1.brand-headline{font-size:clamp(54px,12vw,76px);line-height:1.08}.brand-headline>em{font-size:clamp(29px,7.5vw,45px);margin-top:.2em}}