/* Karen Barrow Art — refinement layer (loaded after style.css) */
:root{--display:"Cormorant Garamond",Georgia,"Times New Roman",serif;--muted-strong:#5e5b54;--bronze-ink:#7a6643}

/* Display typography */
h1,h2,.brand,.print-card h3,.original-art-title,.home-artist h2,.page-heading h2{font-family:var(--display)!important;font-weight:500!important}
h1{letter-spacing:-.02em!important}
h2{letter-spacing:-.015em}
.brand{font-size:34px;letter-spacing:-.01em}
.print-card h3{font-size:25px!important;line-height:1.15;margin:16px 0 6px}
h1 em,h2 em{font-family:var(--display);font-style:italic}

/* Legibility of small UI text */
.eyebrow{font-size:11px!important;color:var(--bronze-ink)}
.artwork-video-hero .eyebrow,.film-banner .eyebrow,.dark .eyebrow{color:#d6c29d}
.print-category,.print-availability,.detail-note,.quiet-link,.back-link,.tile-save,footer,.footer-explore a,.detail-copy dl,.ultimate-gallery figcaption,.catalog-controls label{font-size:max(12px,1em)}
.print-category,.print-availability,.detail-note,.ultimate-gallery figcaption{color:var(--muted-strong)}
.motion-tile-tag{font-size:12px!important;color:#3e5c2d;letter-spacing:.02em}
header nav{font-size:12px!important;letter-spacing:.06em}

/* Header on film-hero pages: solid dark bar so the white menu never sits on cream */
body.artwork-hero-page header{position:relative!important;background:#1b1d19!important;color:#fff!important;border-color:#ffffff1f!important}
body.artwork-hero-page header .brand,body.artwork-hero-page header nav a,body.artwork-hero-page header .menu{color:#fff!important}
body.artwork-hero-page header .brand span{color:#cfc7b6!important}
body.artwork-hero-page header .menu{border-color:#ffffff66!important}
body.artwork-hero-page header nav a:hover{border-color:#fff!important}

/* Hero poster fallback while film loads */
.artwork-video-hero{background:#151613 center/cover no-repeat}

/* Gallery-style tiles: art floats with a soft shadow instead of sitting in a grey box */
.print-grid{gap:72px 44px!important}
.print-card>div{background:transparent!important;padding:0!important;height:auto!important;aspect-ratio:5/4;display:flex!important;align-items:flex-end!important;justify-content:center;position:relative;overflow:visible}
.print-card:hover>div{background:transparent!important}
.print-card>div img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 22px rgba(30,26,20,.22)) drop-shadow(0 2px 4px rgba(30,26,20,.12));transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s}
.print-card:hover>div img{transform:translateY(-4px)}
.print-card .tile-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:0;transition:opacity .45s;pointer-events:none}
.print-card.film-on .tile-film{opacity:1}
.print-card.film-on>div img{opacity:0}
.tile-meta{display:block;font-size:13px;color:var(--muted-strong);margin:2px 0 6px;letter-spacing:.01em}
@media (max-width:1100px){.print-grid{gap:56px 28px!important}}
@media (max-width:800px){.print-grid{gap:48px 20px!important}.print-card h3{font-size:22px!important}}
@media (max-width:600px){.print-grid{grid-template-columns:1fr!important;gap:52px!important}.print-card h3{font-size:24px!important}}

/* Collector details and calls to action */
.collector-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:28px 0 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:640px}
.collector-details div{padding:16px 18px 16px 0}
.collector-details dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze-ink);margin-bottom:6px}
.collector-details dd{margin:0;font-family:var(--display);font-size:22px;line-height:1.2;color:var(--ink)}
.collector-details dd.sold{color:#8a3b2e}
.button.request-pricing{background:#20211f;color:#f7f6f2;border-color:#20211f;margin-top:22px;margin-right:12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:17px 26px}
.button.request-pricing:hover{background:#685a45;border-color:#685a45;color:#fff}
.button.save-work.quiet{background:transparent;border-color:transparent;padding-left:4px;padding-right:4px;color:var(--muted-strong);text-decoration:underline;text-underline-offset:4px}
.button.save-work.quiet:hover{background:transparent;color:var(--ink)}

/* Collections and recognition strip */
.recognition{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:54px!important;padding-bottom:54px!important;text-align:center}
.recognition ul{list-style:none;margin:26px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px}
.recognition li{padding:6px 28px;border-left:1px solid var(--line)}
.recognition li:first-child{border-left:0}
.recognition strong{display:block;font-family:var(--display);font-weight:500;font-size:28px;line-height:1.15;color:var(--ink);margin-bottom:8px}
.recognition span{font-size:13px;color:var(--muted-strong);letter-spacing:.02em}
@media (max-width:800px){.recognition ul{grid-template-columns:1fr;gap:26px}.recognition li{border-left:0;padding:0 10px}}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){.print-card>div img,.print-card .tile-film{transition:none}}
.detail-copy .button.request-pricing+.button.save-work.quiet{align-self:flex-start;margin-left:0;margin-right:auto;justify-content:flex-start}
.collector-hero-statement p{font-family:var(--display)!important;font-weight:500!important;letter-spacing:-.02em!important}