/* Public identity, refined from April's banner and artwork references. */
:root{--paper:#f7f6f3;--ink:#181b2c;--muted:#686877;--line:#dcdbdf;--violet:#47329a;--violet-2:#6447c1;--max:1320px;--night:#111320;--aqua:#85dedb}
body{background:var(--paper)}
.site-header{height:100px;background:var(--night);color:#f7f6f3;border-bottom:1px solid #ffffff17;backdrop-filter:none;padding-inline:max(48px,calc((100vw - 1320px)/2));position:sticky}
.brand{display:inline-flex;align-items:center;gap:13px;letter-spacing:0;white-space:nowrap}
.brand-name{font-family:'Palatino Linotype',Palatino,Georgia,serif;font-style:italic;font-size:34px;font-weight:400;letter-spacing:-1.8px;line-height:1}
.brand-type{font-size:9px;font-weight:500;letter-spacing:.25em;padding-left:13px;border-left:1px solid currentColor;line-height:1.8}
.brand::after{display:none}
.nav{font-size:12px;gap:32px;letter-spacing:.025em}
.nav a:not(.button):hover{color:var(--aqua)}
.nav a:last-child{display:inline-flex;background:transparent;color:white;border:1px solid #ffffff50;padding:12px 18px}
.hero{position:relative;isolation:isolate;color:#f7f6f3;min-height:740px;grid-template-columns:1fr 1.04fr;gap:6%;padding-block:64px 72px;align-items:center;width:min(calc(100% - 96px),1320px)}
.hero::before{content:'';position:absolute;z-index:-2;inset:0 calc((min(100vw - 96px,1320px) - 100vw)/2);background:var(--night)}
.hero::after{content:'';position:absolute;inset:0 calc((min(100vw - 96px,1320px) - 100vw)/2);z-index:-1;background:radial-gradient(ellipse at 77% 45%,#33226744,transparent 65%);pointer-events:none}
.hero-copy{padding-block:28px;position:relative}
.hero-copy::before{content:'';display:block;width:52px;height:3px;background:var(--aqua);margin-bottom:32px}
.hero .eyebrow{color:#a8b6ce;font-size:10px;letter-spacing:.18em;margin-bottom:24px;line-height:1.9;font-weight:500}
.hero-copy h1{font-family:'Palatino Linotype',Palatino,Georgia,serif;font-size:clamp(60px,6.35vw,94px);line-height:1.02;letter-spacing:-.055em;max-width:650px;font-weight:400}
.hero-copy h1 em{color:#c8b2f0;font-weight:400}
.hero-intro{color:#b5b6c5;line-height:1.85;font-size:15px;max-width:330px;margin-block:28px 32px}
.hero-actions{gap:26px}
.hero-actions .button{background:var(--aqua);border-color:var(--aqua);color:#111b29;min-height:50px;padding-inline:22px;font-weight:650}
.hero-actions .button:hover{background:#a9eeeb;border-color:#a9eeeb}
.hero-actions .text-link{color:#f4f2fb;font-weight:450}
.hero-art{padding:0;filter:none;width:100%;max-width:590px}
.hero-art:has(.hero-feature){width:min(100%,calc(535px * var(--hero-ratio,1)));justify-self:center}
.hero-feature{padding:0;background:transparent;position:relative;border:1px solid #ffffff25;box-shadow:0 24px 70px #0006}
.hero-feature img{box-shadow:none;object-fit:contain}
.hero-caption{color:#b5b6c5;font-size:10px;line-height:1.6;margin-top:18px;letter-spacing:.04em}
.hero-caption span:last-child{color:#9698b0;text-align:right}
.hero .next-event{border-color:#a38bdd;margin-block:0 30px;padding-left:14px;gap:5px}
.hero .next-event-label{color:#c8b2f0}
.hero .next-event strong{color:white;font-size:19px}
.hero .next-event-meta{color:#b5b6c5}
.hero .next-event-link{color:var(--aqua)}
.collection{position:relative;border-top:0;padding-block:88px 100px}
.collection::before{content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#2ec4d0,#7b4bc7 48%,#e96683 80%,#f6a24d)}
.section-heading{margin-bottom:38px}
.section-heading h2,.about-copy h2{font-family:'Palatino Linotype',Palatino,Georgia,serif;font-weight:400;letter-spacing:-.045em;font-size:clamp(40px,4.4vw,62px)}
.section-heading .eyebrow{font-size:10px;color:#65528a;letter-spacing:.17em;margin-bottom:13px}
.section-note{font-size:12px;line-height:1.8}
.gallery-sections{gap:8px;margin-bottom:32px}
.gallery-sections button{border-radius:0;padding:10px 18px;font-size:11px;border-color:#d1cdd9}
.gallery-sections button[aria-pressed=true]{background:#222139;border-color:#222139}
.artwork-grid{gap:46px 32px}
.art-card-media{background:#eeedf0;padding:22px;aspect-ratio:1;position:relative}
.art-card-media img{transition:transform .3s ease}
.photo-count{position:absolute;right:12px;bottom:12px;display:inline-flex;gap:14px;align-items:center;padding:9px 12px;background:#171827ed;color:#fff;font-size:11px;line-height:1.4;letter-spacing:.02em;pointer-events:none;border:1px solid #ffffff25}
.hero-caption a{text-decoration:underline;text-underline-offset:3px}
.art-card-media:hover img{transform:scale(1.02)}
.art-card-body{padding-top:19px;gap:9px;min-height:186px}
.art-card h3{font-family:'Palatino Linotype',Palatino,Georgia,serif;font-size:27px;letter-spacing:-.035em}
.art-badges{gap:6px}
.status-pill,.featured-tag{font-size:8px;letter-spacing:.12em;padding:4px 6px;border:0}
.featured-tag{color:#5d387b;background:#eee5f5}
.art-section{color:#635280;font-size:10px}
.art-meta{font-size:11px}
.art-price{font-size:14px}
.price-pending{font-size:12px;font-weight:400}
.art-card-actions .button{color:#333347;border-color:#a2a1ad;font-size:11px;font-weight:550}
.about-band{background:#eae8ee}
.about-grid{padding-block:96px;gap:10%;grid-template-columns:.9fr 1.1fr}
.portrait-wrap{border-radius:0;background:none;max-width:410px}
.portrait-placeholder{border-radius:0;background:#28223c;color:#d6c4ef;font-family:'Palatino Linotype',Palatino,Georgia,serif;font-style:italic}
.about-copy .eyebrow{color:#65528a}
.about-copy p:not(.eyebrow){font-size:15px;line-height:1.9}
.events-preview{padding-block:90px}
.trust-band{background:#1a1a2d}
.footer .brand{color:#27213d}
.footer .brand-name{font-size:30px}
.footer{padding-block:58px 28px}
.footer p{font-size:12px;line-height:1.7}
.copyright{font-size:10px!important}
.art-detail-media{background:#eeedf0}
@media(min-width:761px){.hero.hero-landscape{grid-template-columns:.85fr 1.4fr}}
@media(max-width:1050px){.hero{min-height:650px;gap:5%;width:calc(100% - 64px)}.hero::before,.hero::after{inset-inline:-32px}.hero-copy h1{font-size:clamp(54px,6.8vw,76px)}.site-header{padding-inline:32px}.nav{gap:22px}.nav a:last-child{display:none}.artwork-grid{gap:40px 24px}}
@media(max-width:760px){
 .site-header{height:82px;padding-inline:22px}
 .brand-name{font-size:29px}.brand-type{font-size:8px;padding-left:10px}.brand{gap:10px}
 .nav-toggle{color:#f7f6f3;padding:14px 0 14px 14px}
 .nav{top:82px;background:var(--night);color:#f7f6f3;border-color:#ffffff25;padding:18px 22px;box-shadow:0 10px 20px #0003}
 .nav a{min-height:44px}.nav a:last-child{display:none}
 .hero{width:calc(100% - 44px);grid-template-columns:1fr;min-height:0;padding-block:36px 44px;gap:34px}
 .hero::before,.hero::after{inset-inline:-22px}
 .hero-copy{padding:0}.hero-copy::before{width:36px;margin-bottom:22px;height:2px}
 .hero .eyebrow{font-size:9px;margin-bottom:18px;letter-spacing:.14em}
 .hero-copy h1{font-size:clamp(53px,12.2vw,83px);line-height:1.03}
 .hero-intro{font-size:13px;max-width:340px;margin-block:22px 24px;line-height:1.85}
 .hero-actions{gap:23px}.hero-actions .button{font-size:11px;min-height:48px;padding:13px 17px}.hero-actions .text-link{font-size:11px}
 .hero-art:has(.hero-feature){width:min(100%,calc(460px * var(--hero-ratio,1)));max-width:540px;margin-inline:auto}
 .hero-feature{padding:0}.hero-caption{margin-top:13px;font-size:9px}
 .collection{padding-block:50px 65px}.section-heading{align-items:start;gap:20px}.section-heading h2{font-size:42px}.section-note{font-size:11px;max-width:160px}
 .gallery-sections{gap:7px;margin-bottom:25px}.gallery-sections button{font-size:10px;padding:9px 12px}
 .art-card-media{padding:20px}.art-card-body{min-height:0}
 .about-grid{padding-block:60px;grid-template-columns:1fr;gap:32px}.portrait-wrap{width:65%;max-width:250px}
 .events-preview{padding-block:60px}.events-preview .section-heading{flex-direction:column}
 .footer{padding-block:42px 22px}
}
@media(max-width:480px){.section-heading{flex-direction:column;gap:17px}.section-note{max-width:none}.section-note br{display:none}.artwork-grid{gap:36px}.art-card-media{padding:24px}.art-card h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.art-card-media img{transition:none}}
