/* Kempini Works — art direction correction v49 · 29 October 2026 */
:root{
 --v49-ink:#171512;
 --v49-paper:#eee5d6;
 --v49-parchment:#d8c6a8;
 --v49-oxblood:#572331;
 --v49-forest:#26342d;
 --v49-blue:#283845;
 --v49-clay:#b98264;
 --v49-gold:#bd9658;
 --v49-cream:#f7f1e7;
 --v49-rule:rgba(23,21,18,.22);
 --v49-serif:"Iowan Old Style","Baskerville","Times New Roman",serif;
}

/* Works opening: a dark editorial field, not a generic white introduction block. */
main>.page-hero.guide-hero{background:#1d1b18;color:var(--v49-cream)}
main>.page-hero.guide-hero h1{color:var(--v49-cream)!important}
main>.page-hero.guide-hero p{color:#d1c8ba}
main>.page-hero.guide-hero .eyebrow{color:var(--v49-gold)}
main>.page-hero.guide-hero .page-image{background:transparent}
main>.page-hero.guide-hero .button-row{gap:30px;align-items:center}
main>.page-hero.guide-hero .button{min-height:0;padding:8px 0 6px!important;border:0!important;border-bottom:1px solid rgba(247,241,231,.62)!important;background:transparent!important;color:var(--v49-cream)!important;box-shadow:none!important}
main>.page-hero.guide-hero .button:hover,main>.page-hero.guide-hero .button:focus-visible{border-bottom-color:#fff!important;background:transparent!important;color:#fff!important;box-shadow:none!important;transform:none!important}

/* Catalogue opening: measured and editorial, not monumental. */
.selected-works-index{padding:0;background:var(--v49-paper);color:var(--v49-ink)}
.selected-works-index__inner{width:100%;max-width:none;padding:0}
.selected-works-index__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.52fr);gap:clamp(44px,7vw,110px);align-items:end;width:min(calc(100% - 2 * var(--page-pad)),1312px);margin:0 auto;padding:clamp(72px,7vw,104px) 0 clamp(54px,6vw,82px);border:0}
.selected-works-index__head h2{max-width:18ch;margin:.35em 0 0;font-family:var(--v49-serif);font-size:clamp(2rem,2.6vw,2.45rem);font-weight:400;letter-spacing:-.025em;line-height:1.04}
.selected-works-index__head>p{max-width:43ch;margin:0;color:#5c554b;font-size:.94rem;line-height:1.65}
.selected-works-index .eyebrow{color:var(--v49-oxblood);font-size:.62rem;letter-spacing:.16em}
.selected-works-list{display:block;margin:0}
.selected-work,.selected-work:nth-child(even){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,4.5vw,72px);align-items:center;min-height:clamp(520px,48vw,690px);margin:0;padding:clamp(46px,6vw,86px) var(--page-pad);border-top:1px solid rgba(247,241,231,.18);background:var(--v49-paper);color:var(--v49-ink)}
.selected-work__image,.selected-work:nth-child(even) .selected-work__image,.selected-work.selected-work--maffei .selected-work__image,.selected-work.selected-work--madonna .selected-work__image,.selected-work.selected-work--roccheggiani .selected-work__image,.selected-work.selected-work--cantina .selected-work__image,.selected-work.selected-work--raffaelli .selected-work__image,.selected-work.selected-work--barberi .selected-work__image{display:block;grid-row:1;min-height:0;overflow:visible;border:0;background:transparent;order:initial}
.selected-work__image picture{display:block;width:100%;height:auto}
.selected-work__image img{display:block;width:100%;height:auto;max-height:550px;padding:0;background:transparent;object-fit:contain;filter:none;transition:opacity .25s ease,transform .45s cubic-bezier(.2,.7,.25,1)}
.selected-work__image:hover img{opacity:.94;transform:scale(1.008)}
.selected-work__text,.selected-work:nth-child(even) .selected-work__text,.selected-work.selected-work--maffei .selected-work__text,.selected-work.selected-work--madonna .selected-work__text,.selected-work.selected-work--roccheggiani .selected-work__text,.selected-work.selected-work--cantina .selected-work__text,.selected-work.selected-work--raffaelli .selected-work__text,.selected-work.selected-work--barberi .selected-work__text{grid-row:1;min-width:0;align-self:center;margin:0;padding:0;order:initial}
.selected-work__index{margin:0 0 20px;color:inherit;font-size:.58rem;font-weight:600;letter-spacing:.15em;opacity:.62}
.selected-work__text h3{max-width:20ch;margin:0 0 12px;color:inherit;font-family:var(--v49-serif);font-size:clamp(1.65rem,2vw,2.05rem);font-weight:400;letter-spacing:-.02em;line-height:1.06;hyphens:none}
.selected-work__maker{max-width:34ch;margin:0 0 22px;color:inherit;font-family:var(--sans);font-size:.66rem;font-weight:650;letter-spacing:.11em;line-height:1.5;text-transform:uppercase;opacity:.78}
.selected-work__summary{max-width:44ch;margin:0 0 24px;color:inherit;font-size:.91rem;line-height:1.68;opacity:.82}
.selected-work .text-link{display:inline-block;border-color:currentColor;color:inherit;font-size:.63rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}

/* Every work has a visual atmosphere drawn from the collection, without card chrome. */
.selected-work.selected-work--maffei{background:var(--v49-forest);color:var(--v49-cream)}
.selected-work.selected-work--maffei .selected-work__image{grid-column:1/span 8}
.selected-work.selected-work--maffei .selected-work__text{grid-column:9/-1}
.selected-work.selected-work--madonna{background:var(--v49-oxblood);color:var(--v49-cream)}
.selected-work.selected-work--madonna .selected-work__image{grid-column:7/-1}
.selected-work.selected-work--madonna .selected-work__text{grid-column:1/span 5}
.selected-work.selected-work--roccheggiani{background:#c9b89d;color:var(--v49-ink)}
.selected-work.selected-work--roccheggiani .selected-work__image{grid-column:1/span 7}
.selected-work.selected-work--roccheggiani .selected-work__text{grid-column:9/-1}
.selected-work.selected-work--cantina{background:var(--v49-blue);color:var(--v49-cream)}
.selected-work.selected-work--cantina .selected-work__image{grid-column:6/-1}
.selected-work.selected-work--cantina .selected-work__text{grid-column:1/span 4}
.selected-work.selected-work--raffaelli{background:#b47b61;color:#1c1713}
.selected-work.selected-work--raffaelli .selected-work__image{grid-column:1/span 7}
.selected-work.selected-work--raffaelli .selected-work__text{grid-column:9/-1}
.selected-work.selected-work--barberi{background:#31392f;color:var(--v49-cream)}
.selected-work.selected-work--barberi .selected-work__image{grid-column:7/span 4;justify-self:center}
.selected-work.selected-work--barberi .selected-work__text{grid-column:2/span 4}
.selected-works-index__note{max-width:none;margin:0;padding:28px var(--page-pad) 48px;border:0;background:#1c1a17;color:#cfc5b7;font-size:.7rem;line-height:1.55}

/* Individual records: compact title architecture and deliberate colour. */
.object-page{background:var(--v49-paper);color:var(--v49-ink)}
.object-page .breadcrumbs{background:var(--v49-paper)}
.object-hero{padding:clamp(50px,6vw,86px) var(--page-pad);background:#1d1b18;color:var(--v49-cream)}
.object-hero__inner{width:min(100%,1280px);grid-template-columns:minmax(260px,.55fr) minmax(0,1fr);gap:clamp(50px,8vw,120px);align-items:center}
.object-hero__stage{min-height:0;max-height:650px;border:0;background:transparent}
.object-hero__stage img{display:block;width:100%;height:auto;max-height:650px;padding:0;object-fit:contain}
.object-hero__copy .eyebrow{color:inherit;font-size:.6rem;opacity:.58}
.object-hero__copy h1{max-width:14ch;margin:24px 0 16px;color:inherit;font-family:var(--v49-serif);font-size:clamp(2.2rem,3vw,3rem);font-weight:400;letter-spacing:-.025em;line-height:1.02;hyphens:none}
.object-hero__maker{max-width:34ch;margin:0;color:inherit;font-family:var(--sans);font-size:.68rem;font-weight:650;letter-spacing:.11em;line-height:1.55;text-transform:uppercase;opacity:.75}
.object-record{padding:0 var(--page-pad) clamp(72px,8vw,110px);background:var(--v49-paper)}
.object-record__inner{width:min(100%,1120px);grid-template-columns:minmax(220px,.32fr) minmax(0,.82fr);gap:clamp(46px,8vw,110px);padding-top:clamp(48px,6vw,78px);border-color:var(--v49-rule)}
.object-facts dd{font-family:var(--v49-serif);font-size:1rem}
.object-narrative{background:transparent}
.object-narrative>p:first-of-type{font-family:var(--v49-serif);font-size:clamp(1.32rem,1.75vw,1.65rem);line-height:1.42}
.object-record-note{max-width:620px;margin:30px 0 0;padding:18px 0 0;border:0;border-top:1px solid var(--v49-rule);background:transparent;color:#625a50;font-size:.76rem;line-height:1.65}
.object-evidence{background:#cdbb9d;color:var(--v49-ink)}
.object-evidence__head h2,.object-comparison h2{font-family:var(--v49-serif);font-size:clamp(1.9rem,2.5vw,2.65rem);line-height:1.06}
.object-comparison{background:var(--v49-paper)}
.record-navigation{background:var(--v49-paper)}

/* Madonna: dramatic opening, then three distinct scholarly movements. */
.madonna-record .object-hero{background:var(--v49-oxblood)}
.madonna-record .object-hero__inner{grid-template-columns:minmax(260px,.52fr) minmax(0,.9fr)}
.madonna-record .object-hero__stage{aspect-ratio:1/1;max-height:620px;background:transparent}
.madonna-record .object-hero__stage img{max-height:620px;padding:0}
.madonna-intro{padding:0 var(--page-pad);background:var(--v49-parchment)}
.madonna-intro__inner{width:min(100%,1120px);grid-template-columns:minmax(210px,.3fr) minmax(0,.8fr);gap:clamp(48px,8vw,110px);padding:clamp(58px,7vw,92px) 0;border:0}
.madonna-colophon>div{padding:10px 0;border-color:rgba(23,21,18,.18)}
.madonna-colophon dt{font-size:.58rem;letter-spacing:.13em}
.madonna-colophon dd{font-family:var(--v49-serif);font-size:1rem}
.madonna-lead{max-width:710px;font-family:var(--v49-serif);font-size:clamp(1.28rem,1.6vw,1.55rem);line-height:1.46}
.madonna-essay{padding:0;background:var(--v49-paper)}
.madonna-essay__inner{width:100%;max-width:none}
.madonna-chapter{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,4vw,66px);align-items:center;width:100%;margin:0;padding:clamp(72px,8vw,118px) var(--page-pad)}
.madonna-chapter__copy h2{max-width:16ch;margin:0 0 26px;font-family:var(--v49-serif);font-size:clamp(1.9rem,2.35vw,2.35rem);font-weight:400;letter-spacing:-.02em;line-height:1.05}
.madonna-chapter__copy p{font-size:.94rem;line-height:1.72}
.madonna-chapter figcaption{margin-top:12px;font-size:.62rem;line-height:1.5;letter-spacing:.03em}
/* Material reading: Saint John passage, not a decorative crop. */
.madonna-chapter:first-child{background:var(--v49-forest);color:var(--v49-cream)}
.madonna-chapter:first-child .madonna-chapter__copy{grid-column:2/span 5}
.madonna-chapter:first-child .madonna-chapter__copy p{color:#ddd7cd}
.madonna-chapter:first-child figure{grid-column:9/span 3;max-width:325px;justify-self:center}
.madonna-chapter:first-child figcaption{color:#cfc8bd}
/* Comparisons: the complete facial group as the artistic counterpoint. */
.madonna-chapter--reverse{background:var(--v49-paper);color:var(--v49-ink)}
.madonna-chapter--reverse figure{grid-column:1/span 6;grid-row:1;max-width:730px;justify-self:start}
.madonna-chapter--reverse .madonna-chapter__copy{grid-column:8/-1}
.madonna-chapter--reverse .madonna-chapter__copy p{color:#5e574d}
/* Archive: compact two-column reading field. */
.madonna-chapter--text{background:var(--v49-blue);color:var(--v49-cream)}
.madonna-chapter--text .madonna-chapter__copy{grid-column:2/span 10;columns:2;column-gap:clamp(38px,6vw,88px)}
.madonna-chapter--text .madonna-chapter__copy h2{max-width:none;column-span:all}
.madonna-chapter--text .madonna-chapter__copy p{color:#ded8ce;break-inside:avoid}
.madonna-sources{padding:clamp(60px,7vw,96px) var(--page-pad);background:#d9cbb6}
.madonna-sources__inner{width:min(100%,1040px);grid-template-columns:minmax(190px,.35fr) minmax(0,.8fr);gap:clamp(38px,7vw,90px)}
.madonna-sources h2{font-family:var(--v49-serif);font-size:clamp(1.8rem,2.4vw,2.45rem)}
.madonna-record .cta{background:#1c1a17;color:var(--v49-cream)}
.madonna-record .cta h2{color:var(--v49-cream);font-size:clamp(2rem,2.8vw,2.75rem)}
.madonna-record .cta p{color:#cfc7bb}

@media(max-width:900px){
 .selected-works-index__head{grid-template-columns:1fr;gap:24px;padding-top:62px}
 .selected-works-index__head h2{font-size:2.2rem}
 .selected-work,.selected-work:nth-child(even){grid-template-columns:1fr;gap:32px;min-height:0;padding:48px var(--page-pad)}
 .selected-work.selected-work--maffei .selected-work__image,.selected-work.selected-work--madonna .selected-work__image,.selected-work.selected-work--roccheggiani .selected-work__image,.selected-work.selected-work--cantina .selected-work__image,.selected-work.selected-work--raffaelli .selected-work__image,.selected-work.selected-work--barberi .selected-work__image{grid-column:1;grid-row:1;justify-self:stretch;order:1}
 .selected-work.selected-work--maffei .selected-work__text,.selected-work.selected-work--madonna .selected-work__text,.selected-work.selected-work--roccheggiani .selected-work__text,.selected-work.selected-work--cantina .selected-work__text,.selected-work.selected-work--raffaelli .selected-work__text,.selected-work.selected-work--barberi .selected-work__text{grid-column:1;grid-row:2;max-width:600px;order:2}
 .selected-work__image img{max-height:560px}
 .selected-work__text h3{font-size:2rem}
 .object-hero__inner,.madonna-record .object-hero__inner{grid-template-columns:1fr;gap:38px}
 .object-hero__copy{order:1}
 .object-hero__stage{order:2}
 .object-hero__copy h1{font-size:2.65rem}
 .madonna-intro__inner{grid-template-columns:1fr;gap:36px}
 .madonna-colophon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
 .madonna-chapter{grid-template-columns:1fr;padding:62px var(--page-pad)}
 .madonna-chapter:first-child .madonna-chapter__copy,.madonna-chapter--reverse .madonna-chapter__copy,.madonna-chapter--text .madonna-chapter__copy{grid-column:1;grid-row:auto;columns:1;order:2}
 .madonna-chapter:first-child figure,.madonna-chapter--reverse figure{grid-column:1;grid-row:auto;justify-self:center;order:1}
 .madonna-chapter:first-child figure{max-width:325px}
 .madonna-chapter--reverse figure{max-width:730px}
 .madonna-sources__inner{grid-template-columns:1fr;gap:20px}
}
@media(max-width:560px){
 .selected-works-index__head{width:calc(100% - 44px);padding:52px 0 42px}
 .selected-works-index__head h2{font-size:1.95rem}
 .selected-work,.selected-work:nth-child(even){padding:38px 22px 46px}
 .selected-work__text h3{font-size:1.72rem}
 .selected-work__summary{font-size:.88rem}
 .object-hero{padding:42px 22px 50px}
 .object-hero__copy h1{font-size:2.15rem}
 .madonna-colophon{grid-template-columns:1fr}
 .madonna-intro{padding-inline:22px}
 .madonna-lead{font-size:1.28rem}
 .madonna-chapter{padding:54px 22px}
 .madonna-chapter__copy h2{font-size:1.95rem}
 .madonna-chapter:first-child figure{max-width:min(100%,325px)}
 .madonna-chapter--reverse figure{max-width:100%}
}