/* Colour study: a separate preview, not the live palette. */
:root{--club-lilac:#7649be;--club-blue:#78bce6;--club-yellow:#fed001;--club-black:#101010;--club-cream:#ffffff}
.palette-gallery{--paper:#101010;--ink:#ffffff;--muted:#b8b5af;--accent-deep:#ff63c4;--line:#555;background:#101010;color:#ffffff}
.palette-gallery .topbar,.palette-gallery .work-view,.palette-gallery .detail,.palette-gallery .exhibit-shell{background:#101010;color:#ffffff}
.palette-gallery .cell,.palette-gallery .room-card{color:#fff;background:#101010}
.palette-gallery .cell .name,.palette-gallery .room-card-title{color:#fff}
.palette-gallery .cell:hover .name,.palette-gallery .cell:focus-visible .name{color:var(--club-yellow)}
.palette-gallery .gallery-cell,.palette-gallery .media,.palette-gallery .artwork-image-wrap{background:#101010}
.palette-gallery .project-contact{background:var(--club-blue);color:#101010}
.palette-gallery .project-contact h2,.palette-gallery .project-contact p,.palette-gallery .project-contact a{color:#101010}
.palette-gallery .project-contact-links a{border-color:#101010}
.palette-gallery .desc,.palette-gallery .blurb,.palette-gallery .media-text,.palette-gallery .media-category-description{color:#d5d1cb}
.palette-gallery .work-explore{background:#101010;color:#ffffff;border-color:#555}
.palette-gallery .work-explore span{color:var(--club-lilac)}
.palette-gallery .exhibit-note{border-color:#777}
.palette-gallery .artwork-dialog{background:#ffffff;color:#101010;--ink:#101010;--paper:#ffffff;--line:#999}
.about-studio{background:var(--club-lilac);color:#101010}
.about-studio .studio-intro h2 em,.about-studio .studio-profile h3 em{color:#101010}
.about-masthead{background:#101010;color:#ffffff}
.about-masthead .label,.about-masthead .about-location,.about-masthead figcaption{color:#d5d1cb}
.about-press{background:var(--club-cream)}
.contact-body,.contact-body .topbar,.contact-main{background:var(--club-yellow);color:#101010;--paper:#fed001;--ink:#101010;--muted:#494124;--accent-deep:#3e2468}
.contact-primary:hover,.contact-primary:focus-visible{color:#3e2468}
.services-main,.services-hero{background:var(--club-cream)}
.floating-service{--bubble-colour:var(--club-lilac)}
.floating-service:nth-child(3n+2){--bubble-colour:var(--club-blue)}
.floating-service:nth-child(3n){--bubble-colour:var(--club-yellow)}
.service-balloon::before{background:var(--bubble-colour);border:0;box-shadow:none}
.service-balloon,.service-trigger{color:#101010}
.global-menu-list li:nth-child(3n+1) a:hover,.global-menu-list li:nth-child(3n+1) a:focus-visible{color:#7447ad}
.global-menu-list li:nth-child(3n+2) a:hover,.global-menu-list li:nth-child(3n+2) a:focus-visible{color:#17618e}
.palette-gallery .global-menu-list li:nth-child(3n+1) a:hover,.palette-gallery .global-menu-list li:nth-child(3n+1) a:focus-visible{color:var(--club-lilac)}
.palette-gallery .global-menu-list li:nth-child(3n+2) a:hover,.palette-gallery .global-menu-list li:nth-child(3n+2) a:focus-visible{color:var(--club-blue)}
.archive-photo-band{background:#101010}

/* Keep expanded navigation in the header, clear of photographs. */
.global-menu-list{position:static;display:none;transform:none}
.global-menu.is-open .global-menu-list,.global-menu:focus-within .global-menu-list{display:block}
.topbar:has(.global-menu.is-open),.topbar:has(.global-menu:focus-within){background:var(--club-cream);color:#101010}
.palette-gallery .topbar:has(.global-menu.is-open),.palette-gallery .topbar:has(.global-menu:focus-within){background:#101010;color:#ffffff}
.contact-body .topbar:has(.global-menu.is-open),.contact-body .topbar:has(.global-menu:focus-within){background:var(--club-yellow)}
.exhibit-nav:has(.global-menu.is-open),.exhibit-nav:has(.global-menu:focus-within){margin-bottom:0}
@media(hover:hover) and (pointer:fine){
.global-menu:hover .global-menu-list{display:block}
.topbar:has(.global-menu:hover){background:var(--club-cream);color:#101010}
.palette-gallery .topbar:has(.global-menu:hover){background:#101010;color:#ffffff}
.contact-body .topbar:has(.global-menu:hover){background:var(--club-yellow)}
}

/* Purple project invitations with sunny yellow actions. */
body .project-contact{background:#7649be;color:#101010}
body .project-contact h2,body .project-contact p,body .project-contact a{color:#101010}
body .project-contact .project-contact-links a{background:#fed001;border-color:#101010}
body .project-contact .project-contact-links a:hover,body .project-contact .project-contact-links a:focus-visible{background:#101010;color:#fed001}

body .project-contact > p:first-child{color:#101010}

body .project-contact,body .project-contact h2,body .project-contact p,body .project-contact > p:first-child{color:#fff}
body .project-contact .project-contact-links a{color:#101010}

.about-studio,.about-studio .studio-intro h2 em,.about-studio .studio-profile h3 em{color:#fff}
.floating-service:nth-child(3n+1) .service-balloon{color:#fff}
.floating-service:nth-child(3n+1).is-open .service-trigger{color:#fff}

/* Readable supporting typography; display headlines retain their own face. */
:root{--font:Arial,Helvetica,sans-serif}
body{font-family:var(--font)}
body .label,body .meta,body .global-menu-list a{font-family:var(--font);font-weight:600;letter-spacing:.06em}
body .label{font-size:13px}
body .always-listening-global small,body .landing.milky .always-listening small{font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:.035em;color:inherit;opacity:1}
body .services-hero .services-intro .bubble-hint{font-family:var(--font);font-size:15px;font-weight:600;letter-spacing:.01em;opacity:1;color:#303030}
body .services-intro .label{color:#303030;font-weight:700}
body .bubble-copy{font-weight:500}

/* Complete palette: solid colour fields, no beige wash. */
:root{--club-cream:#fff;--club-blue:#5cb6eb}
body .topbar{background:#fff;color:#101010}
body .services-view,body .services-main,body .services-hero{background:#fff;color:#101010}
body .services-view .topbar{background:#5cb6eb}
body .services-clients{background:#fed001;color:#101010}
body .services-positioning{background:#7649be;color:#fff}
body.about-body,body .about-bio,body .about-press{background:#fff;color:#101010}
body .about-topbar{background:#5cb6eb;color:#101010}
body .archive-main{background:#fff;color:#101010}
body .archive-music{background:#fed001;color:#101010}
body:has(.work-main){background:#101010}
body:has(.work-main)::before{background:none;animation:none}
body.palette-gallery .topbar,body.palette-gallery .detail,body.palette-gallery .work-view,body.palette-gallery .exhibit-shell{background:#101010;color:#fff}
body.contact-body,body.contact-body .topbar,body .contact-main{background:#fed001;color:#101010}
body .artwork-dialog{background:#fff;color:#101010}
body .work-explore{background:#101010;color:#fff}
body .topbar:has(.global-menu.is-open),body .topbar:has(.global-menu:focus-within){background:#fff;color:#101010}
body.palette-gallery .topbar:has(.global-menu.is-open),body.palette-gallery .topbar:has(.global-menu:focus-within){background:#101010;color:#fff}

body .archive-music-list li > span:last-child{color:#101010;font-weight:600;font-size:1rem;line-height:1.5}
body .archive-music-list strong{line-height:1.1;overflow-wrap:anywhere}
body .archive-music-list a{color:inherit;text-decoration-thickness:2px;text-underline-offset:5px}
body .archive-music-list a:hover,body .archive-music-list a:focus-visible{color:#493075}

/* User rule: preserve every photograph's complete frame. */
body img{object-fit:contain!important}
body .field-note img,body .detail-hero img,body .portrait{height:auto;aspect-ratio:auto;transform:none!important}
body .field-note:hover img,body .room-card:hover img{transform:none!important}
body .landing-flash-frame{inset:0;width:100%;height:100%;transform:none!important}
body .about-photo-echo{background-size:contain;background-repeat:no-repeat;background-position:center}

/* Explicit user exception: left archive note matches adjacent 1224x1600 frames. */
body .archive-notes .field-note:first-child img{aspect-ratio:1224 / 1600;height:auto;object-fit:cover!important;object-position:center top}
