/* Shared approved geometry for the six additional artists. Generated from monet-approved.css. */
body[data-artist]:not([data-artist="monet"]) .navline { position: relative; z-index: 40; }
body[data-artist]:not([data-artist="monet"]) .navline > .container { display: flex; align-items: center; gap: clamp(14px, 2vw, 30px); }
body[data-artist]:not([data-artist="monet"]) .monet-nav-menu { position: relative; flex: 0 0 auto; }
body[data-artist]:not([data-artist="monet"]) .monet-nav-menu summary { display: block; cursor: pointer; list-style: none; white-space: nowrap; }
body[data-artist]:not([data-artist="monet"]) .monet-nav-menu summary::marker { content: ''; }
body[data-artist]:not([data-artist="monet"]) .monet-nav-menu summary::-webkit-details-marker { display: none; }
body[data-artist]:not([data-artist="monet"]) .monet-nav-menu[open] summary { font-weight: 700; }
body[data-artist]:not([data-artist="monet"]) .monet-nav-panel { position: absolute; top: calc(100% + 14px); left: -15px; min-width: 240px; padding: 8px; background: #fff; color: #1c2940; border: 1px solid #dce1e9; box-shadow: 0 12px 28px #12203a24; z-index: 100; }
body[data-artist]:not([data-artist="monet"]) .monet-nav-panel a { display: block; padding: 10px 11px; line-height: 1.25; }
body[data-artist]:not([data-artist="monet"]) .monet-nav-panel a:hover, body[data-artist]:not([data-artist="monet"]) .monet-nav-panel a:focus-visible { background: #eff3f9; }
body[data-artist]:not([data-artist="monet"]) .navline .lang { margin-left: auto; white-space: nowrap; }
body[data-artist]:not([data-artist="monet"]) .products > .container > .section-head h2 { font-size: clamp(23px, 1.4vw, 32px); }
body[data-artist]:not([data-artist="monet"]) .monet-approved-block h2 { max-width: 950px; }
body[data-artist]:not([data-artist="monet"]) .monet-approved-block .lead { max-width: 800px; }
body[data-artist]:not([data-artist="monet"]) .monet-works { background: var(--monet-art, #d3dfef); }
body[data-artist]:not([data-artist="monet"]) .monet-works .story-grid { margin-top: 34px; }
body[data-artist]:not([data-artist="monet"]) .monet-biography { background: var(--paper); }
body[data-artist]:not([data-artist="monet"]) .monet-prose { max-width: 880px; font-size: clamp(16px, 1.15vw, 19px); line-height: 1.65; }
body[data-artist]:not([data-artist="monet"]) .monet-prose h3 { margin: 1.4em 0 .25em; }
body[data-artist]:not([data-artist="monet"]) .monet-prose .signature { display: block; width: min(340px, 75%); height: auto; margin: 26px 0; }
body[data-artist]:not([data-artist="monet"]) .monet-bio-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr); gap: clamp(28px, 5vw, 84px); align-items: start; }
body[data-artist]:not([data-artist="monet"]) .monet-biography .signature { filter: brightness(0); }
body[data-artist]:not([data-artist="monet"]) .monet-portrait { margin: 0; }
body[data-artist]:not([data-artist="monet"]) .monet-portrait img { display: block; width: 100%; height: auto; max-height: 470px; object-fit: cover; object-position: center 20%; }
body[data-artist]:not([data-artist="monet"]) .monet-portrait figcaption { color: #65718a; font-size: 12px; line-height: 1.5; padding-top: 9px; }
body[data-artist]:not([data-artist="monet"]) .monet-museum > img { display: block; width: 100%; height: 250px; object-fit: contain; background: #f3f4f6; margin-bottom: 18px; }
@media (max-width: 760px) { body[data-artist]:not([data-artist="monet"]) .monet-bio-grid { grid-template-columns: 1fr; } body[data-artist]:not([data-artist="monet"]) .monet-portrait { max-width: 440px; } }
body[data-artist]:not([data-artist="monet"]) .monet-follow-grid, body[data-artist]:not([data-artist="monet"]) .monet-museum-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 30px 0; }
body[data-artist]:not([data-artist="monet"]) .monet-follow-grid article, body[data-artist]:not([data-artist="monet"]) .monet-museum { padding: clamp(22px, 3vw, 38px); border: 1px solid #d9dfeb; background: #fff; }
body[data-artist]:not([data-artist="monet"]) .monet-follow-grid article h3, body[data-artist]:not([data-artist="monet"]) .monet-museum h3 { margin: 8px 0 14px; }
body[data-artist]:not([data-artist="monet"]) .monet-follow-grid article p, body[data-artist]:not([data-artist="monet"]) .monet-museum p { max-width: 48ch; }
body[data-artist]:not([data-artist="monet"]) .monet-follow { background: var(--paper); }
body[data-artist]:not([data-artist="monet"]) .monet-follow h2 { font-size: clamp(46px, 5vw, 80px); line-height: 1.02; }
body[data-artist]:not([data-artist="monet"]) .monet-follow-grid article { background: var(--monet-business, #f8eff2); }
body[data-artist]:not([data-artist="monet"]) .monet-follow-grid article h3 { font-size: clamp(28px, 2.7vw, 43px); font-weight: 400; line-height: 1.15; color: var(--ink); }
body[data-artist]:not([data-artist="monet"]) .monet-buying { background: var(--monet-news, #375176); color: #fff; }
body[data-artist]:not([data-artist="monet"]) .monet-buying .container { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: clamp(38px, 7vw, 140px); align-items: start; }
body[data-artist]:not([data-artist="monet"]) .monet-buying .eyebrow { grid-column: 1; color: #f1b9cd; }
body[data-artist]:not([data-artist="monet"]) .monet-buying h2 { grid-column: 1; font-size: clamp(48px, 5vw, 82px); font-weight: 400; line-height: 1.02; margin-bottom: 22px; }
body[data-artist]:not([data-artist="monet"]) .monet-buying-lead { grid-column: 1; max-width: 820px; }
body[data-artist]:not([data-artist="monet"]) .monet-buying-shop { grid-column: 1; display: inline-flex; align-items: center; gap: 24px; margin-top: 28px; color: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
body[data-artist]:not([data-artist="monet"]) .monet-buying-shop img { display: block; width: 140px; height: auto; max-height: 65px; object-fit: contain; filter: brightness(0) invert(1); }
body[data-artist]:not([data-artist="monet"]) .monet-steps { grid-column: 2; grid-row: 2 / span 3; counter-reset: step; list-style: none; padding: 0; margin: 12px 0 0; }
body[data-artist]:not([data-artist="monet"]) .monet-steps li { counter-increment: step; display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 18px; padding: 19px 0; border-bottom: 1px solid #ffffff35; }
body[data-artist]:not([data-artist="monet"]) .monet-steps li:before { content: counter(step); display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #adc2dd; border-radius: 50%; font-weight: 400; }
body[data-artist]:not([data-artist="monet"]) .monet-steps a { color: inherit; text-decoration: none; }
body[data-artist]:not([data-artist="monet"]) .monet-steps a:hover, body[data-artist]:not([data-artist="monet"]) .monet-steps a:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
body[data-artist]:not([data-artist="monet"]) .monet-contact-card { max-width: 660px; padding: clamp(24px, 4vw, 50px); background: #fff; border: 1px solid #d9dfeb; }
body[data-artist]:not([data-artist="monet"]) .monet-contact-card strong { font-size: .85em; }
body[data-artist]:not([data-artist="monet"]) .monet-work-facts { margin-top: 30px; padding: 20px 25px; background: var(--monet-art, #d3dfef); }
body[data-artist]:not([data-artist="monet"]) .monet-work-facts li { margin: 8px 0; }
body[data-artist]:not([data-artist="monet"]) .monet-footer-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: clamp(20px, 3vw, 50px); }
body[data-artist]:not([data-artist="monet"]) .monet-footer-grid > div > a:not(.text-link) { display: block; margin: 8px 0; }
body[data-artist]:not([data-artist="monet"]) .monet-footer-logos { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; margin-top: 22px; }
body[data-artist]:not([data-artist="monet"]) .monet-footer-logos img { width: auto; max-width: 125px; max-height: 50px; }
body[data-artist]:not([data-artist="monet"]) .monet-footer-legal { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: 18px; padding-top: 18px; border-top: 1px solid currentColor; }
body[data-artist]:not([data-artist="monet"]) .monet-footer-legal span { margin-left: auto; }
body[data-artist]:not([data-artist="monet"]) .business .text-link { display: inline-block; margin: 12px 16px 0 0; }
@media (max-width: 800px) {
  body[data-artist]:not([data-artist="monet"]) .navline > .container { display: flex; flex-wrap: wrap; gap: 10px 16px; }
  body[data-artist]:not([data-artist="monet"]) .monet-nav-panel { top: 100%; }
  body[data-artist]:not([data-artist="monet"]) .monet-follow-grid, body[data-artist]:not([data-artist="monet"]) .monet-museum-grid { grid-template-columns: 1fr; }
  body[data-artist]:not([data-artist="monet"]) .monet-buying .container { grid-template-columns: 1fr; }
  body[data-artist]:not([data-artist="monet"]) .monet-steps { grid-column: 1; grid-row: auto; margin-top: 30px; }
  body[data-artist]:not([data-artist="monet"]) .monet-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  body[data-artist]:not([data-artist="monet"]) .monet-buying-shop { align-items: flex-start; flex-direction: column; gap: 12px; }
  body[data-artist]:not([data-artist="monet"]) .monet-footer-grid { grid-template-columns: 1fr; }
  body[data-artist]:not([data-artist="monet"]) .monet-footer-legal span { margin-left: 0; }
  body[data-artist]:not([data-artist="monet"]) .monet-nav-panel { left: auto; right: 0; }
}


body[data-artist]:not([data-artist="monet"]) .monet-follow { background: var(--monet-follow); }
body[data-artist]:not([data-artist="monet"]) .monet-follow-grid article { background: var(--monet-business); }
body[data-artist]:not([data-artist="monet"]) .monet-works { background: var(--monet-art); }
body[data-artist]:not([data-artist="monet"]) .business.mw { background: var(--monet-mw); }
body[data-artist]:not([data-artist="monet"]) .business.lanzfeld { background: var(--monet-lanzfeld); }
body[data-artist]:not([data-artist="monet"]) .story-card .story-image img { width: 100%; height: 300px; object-fit: contain; }
/* Give the complete artwork room to breathe without cropping it. */
body[data-artist]:not([data-artist="monet"]) .monet-works .story-card .story-image,
body[data-artist]:not([data-artist="monet"])[data-page="museums"] .story-card .story-image { padding: 10px; min-height: 0; }
body[data-artist]:not([data-artist="monet"]) .monet-works .story-card .story-image img,
body[data-artist]:not([data-artist="monet"])[data-page="museums"] .story-card .story-image img { width: auto; max-width: 100%; height: auto; max-height: 520px; object-fit: contain; }
/* Match each artwork's left and right edges to its card text, without cropping. */
body[data-artist]:not([data-artist="monet"]) .monet-works .story-card .story-image { padding: 0; align-items: flex-start; justify-content: flex-start; }
body[data-artist]:not([data-artist="monet"]) .monet-works .story-card .story-image img { width: 100%; height: auto; max-height: none; }
body[data-artist]:not([data-artist="monet"]) .monet-portrait img { object-fit: contain; }
body[data-artist]:not([data-artist="monet"]) .lan-contact-panel { background: var(--monet-business); }
body[data-artist]:not([data-artist="monet"]) .lan-contact-form { background: transparent; padding: 0; border: 0; }
body[data-artist]:not([data-artist="monet"]) .lang-menu { font-size: 12px; }
@media(min-width:1025px){body[data-artist="toulouse"] .hero-copy{max-width:850px}body[data-artist="toulouse"] .hero h1{font-size:clamp(30px,1.9vw,48px)}}
@media(max-width:700px){body[data-artist]:not([data-artist="monet"]):not([data-artist="mondriaan"]) .hero { background: var(--monet-news); }}

/* Preserve the artist-specific hero compositions after the shared rules. */
body[data-artist="toulouse"] .hero{color:#fff}
body[data-artist="toulouse"] .hero .signature{width:min(480px,27vw);height:clamp(62px,5.3vw,110px);filter:brightness(0) invert(1)}
@media(max-width:1024px){
  body[data-artist="toulouse"]{--compact-hero:#6a4638;--compact-ink:#fff}
  body[data-artist="toulouse"] .hero .signature{width:min(410px,78vw);height:110px;filter:brightness(0) invert(1)}
}
@media(min-width:3000px){.products .product-media{height:250px;min-height:250px}}
@media(max-width:800px){.work-detail,.contact-options,.museum-grid,.editorial-layout{grid-template-columns:1fr}.work-detail{gap:25px}.work-visual img{height:360px}.work-source-panel{min-height:290px}.editorial-layout{gap:22px}.editorial-layout p:last-child{font-size:16px}.related-works .story-grid{grid-template-columns:1fr 1fr}.deep-intro .lead{font-size:15px}.section-secondary-link{margin-left:0;display:block;width:max-content}}
@media(max-width:800px){.catalog .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.story-grid:has(> .story-card:nth-child(5):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.story-grid:has(> .story-card:nth-child(5):last-child)>.story-card,.story-grid:has(> .story-card:nth-child(5):last-child)>.story-card:nth-child(n+3){grid-column:auto}}
@media(max-width:700px){.work-merchandise .product-grid{gap:8px}.work-merchandise .product-media{height:145px;min-height:145px;padding:8px}.work-merchandise .product-body{min-height:122px;padding:10px}.work-merchandise .product-body h3{font-size:12px;min-height:57px}}
@media(max-width:700px){.work-merchandise-more{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:700px){.products .product-media{height:145px;min-height:145px}}
@media(max-width:600px){.related-works .story-grid,.related-works .story-grid:has(> .story-card:nth-child(4):last-child),.story-grid:has(> .story-card:nth-child(5):last-child){grid-template-columns:1fr}.work-visual{padding:16px}.work-visual img{height:300px}.work-detail-copy>p:not(.eyebrow){font-size:15px}}

/* Mondriaan: tekst op het geschilderde rood, signatuur op het geschilderde wit.
   Er wordt geen tweede rood of wit vlak over het werk getekend. */
body[data-artist="mondriaan"] .hero{display:block;min-height:0;overflow:hidden;background:#f6f4ee;color:#fff;text-shadow:none}
body[data-artist="mondriaan"] .hero::after{content:"";position:absolute;inset:0;border:8px solid #111;z-index:4;pointer-events:none}
body[data-artist="mondriaan"] .hero-image{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;transform:none}
body[data-artist="mondriaan"] .hero .container{position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;min-height:0;padding:0;text-shadow:none}
body[data-artist="mondriaan"] .hero-copy,body[data-artist="mondriaan"] .hero-autograph{position:absolute;z-index:1;box-sizing:border-box;max-width:none;margin:0;padding:0;background:transparent;border:0;order:initial}
body[data-artist="mondriaan"] .hero-copy{display:flex;flex-direction:column;justify-content:center}
body[data-artist="mondriaan"] .hero h1{line-height:1.02;white-space:nowrap;text-shadow:none}
body[data-artist="mondriaan"] .hero p{line-height:1.1;white-space:nowrap;text-shadow:none}
body[data-artist="mondriaan"] .hero .signature{display:block;width:100%;height:100%;margin:0;object-fit:contain;object-position:left center;filter:none}
@media(min-width:1920px){
  body[data-artist="mondriaan"] .hero{height:10.416667vw}
  body[data-artist="mondriaan"] .hero-copy{left:26.2%;top:3%;width:23.2%;height:58%}
  body[data-artist="mondriaan"] .hero h1{font-size:clamp(36px,1.82vw,72px)}
  body[data-artist="mondriaan"] .hero p{font-size:clamp(10px,.51vw,18px)}
  body[data-artist="mondriaan"] .hero-autograph{left:56%;top:42%;width:31%;height:50%}
}
@media(min-width:1025px) and (max-width:1919px){
  body[data-artist="mondriaan"] .hero{height:200px}
  body[data-artist="mondriaan"] .hero-copy{left:calc(50% - 470px);top:6%;width:450px;height:56%}
  body[data-artist="mondriaan"] .hero h1{font-size:clamp(31px,2vw,38px)}
  body[data-artist="mondriaan"] .hero p{font-size:11px}
  body[data-artist="mondriaan"] .hero-autograph{left:calc(50% + 70px);top:51%;width:min(450px,calc(50% - 85px));height:42%}
}
@media(min-width:701px) and (max-width:1024px){
  body[data-artist="mondriaan"] .hero{height:19.53125vw}
  body[data-artist="mondriaan"] .hero-copy{left:8%;top:4%;width:48%;height:68%}
  body[data-artist="mondriaan"] .hero h1{font-size:clamp(19px,2.75vw,29px)}
  body[data-artist="mondriaan"] .hero p{font-size:clamp(9px,1vw,11px)}
  body[data-artist="mondriaan"] .hero-autograph{left:63%;top:45%;width:26%;height:45%}
}
@media(max-width:700px){
  body[data-artist="mondriaan"] .hero{height:33.333333vw}
  body[data-artist="mondriaan"] .hero::after{border-width:6px}
  body[data-artist="mondriaan"] .hero-copy{left:10%;top:5%;width:46%;height:67%}
  body[data-artist="mondriaan"] .hero h1{font-size:clamp(15px,4vw,28px)}
  body[data-artist="mondriaan"] .hero p{font-size:clamp(8px,1.5vw,10px);white-space:normal}
  body[data-artist="mondriaan"] .hero-autograph{left:62%;top:47%;width:28%;height:43%}
}

/* Dark text and logo on the light approved buying backgrounds. */
body:is([data-artist="vangogh"],[data-artist="frida"],[data-artist="vermeer"]) .monet-buying.monet-approved-block{color:#17253e}
body:is([data-artist="vangogh"],[data-artist="frida"],[data-artist="vermeer"]) .monet-buying.monet-approved-block .eyebrow{color:#17253e}
body:is([data-artist="vangogh"],[data-artist="frida"],[data-artist="vermeer"]) .monet-buying .monet-buying-shop img{filter:none}
body:is([data-artist="vangogh"],[data-artist="frida"],[data-artist="vermeer"]) .monet-buying .monet-steps li{border-color:#17253e42}
body:is([data-artist="vangogh"],[data-artist="frida"],[data-artist="vermeer"]) .monet-buying .monet-steps li::before{border-color:#17253e}

/* Product cards remain the same size, but without the gray image/section backdrop. */
body[data-artist] :is(.products,.catalog,.work-merchandise){background:#fff}
body[data-artist] .product-media{background:#fff}

/* Museum and news images share the editorial text axis and retain full artwork. */
body[data-artist] .news-card-visual{margin:0 0 20px}
body[data-artist] .news-card-visual img{display:block;width:100%;height:clamp(210px,22vw,340px);object-fit:contain;background:#fff}
body[data-artist] .news-card-visual figcaption{margin-top:9px;font-size:11px;line-height:1.5;color:#647087}
body[data-artist] .news-card-visual figcaption a{text-decoration:underline;text-underline-offset:2px}
body[data-artist][data-page="museums"] .story-card>.source-caption{margin:0;padding:12px 30px 0;color:#647087;background:transparent}
@media(max-width:700px){
  body[data-artist] .news-card-visual img{height:240px}
  body[data-artist][data-page="museums"] .story-card>.source-caption{padding-inline:22px}
}

/* Matisse: live typography on a white panel, using only source-art crops behind it. */
body[data-artist="matisse"] .hero{color:#ca3464;text-shadow:none;background:#fff}
body[data-artist="matisse"] .hero h1{color:#ca3464;font-weight:400;text-shadow:none}
body[data-artist="matisse"] .hero p{color:#323b45;text-shadow:none}
body[data-artist="matisse"] .hero .signature{filter:none;object-fit:contain;object-position:left center}
body[data-artist="matisse"] .monet-buying{background:#24447e;color:#fff}
body[data-artist="matisse"] .monet-buying .eyebrow{color:#ffd3e3}
/* Keep the cut-out motifs fine at wide sizes: two unaltered repeats flank
   the live-text panel, as in the supplied desktop composition. */
@media(min-width:1025px){
  body[data-artist="matisse"] .hero-picture{
    background:#fff url("assets/matisse-perruche.webp") left center / 50% auto repeat-x;
  }
  body[data-artist="matisse"] .hero-picture .hero-image{visibility:hidden}
}
@media(min-width:701px){
  body[data-artist="matisse"] .hero .container{isolation:isolate;align-items:flex-start;box-sizing:border-box;padding-left:22px}
  body[data-artist="matisse"] .hero .container::before{content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:clamp(440px,16.9vw,650px);background:#fff}
  body[data-artist="matisse"] .hero-copy{max-width:clamp(405px,15.7vw,605px)}
  body[data-artist="matisse"] .hero h1{font-size:clamp(31px,2.22vw,84px);line-height:1.04}
  body[data-artist="matisse"] .hero p{font-size:clamp(10px,.54vw,20px)}
  body[data-artist="matisse"] .hero .signature{width:clamp(260px,13.2vw,505px);height:clamp(55px,4.1vw,156px)}
}
@media(max-width:700px){
  body[data-artist="matisse"] .hero{background:#fff}
  body[data-artist="matisse"] .hero-copy{background:#fff;padding:26px 24px 18px}
  body[data-artist="matisse"] .hero h1{font-size:clamp(30px,8vw,42px)}
  body[data-artist="matisse"] .hero p{font-size:12px}
  body[data-artist="matisse"] .hero-picture{height:180px}
  body[data-artist="matisse"] .hero-autograph{background:#fff;padding:12px 24px 20px}
  body[data-artist="matisse"] .hero .signature{width:min(300px,72vw);height:75px}
}

/* The partner marks use the approved Monet assets and dimensions everywhere. */
body[data-artist] .business-logo{height:150px;margin-bottom:24px}
body[data-artist] .business-logo img{width:220px;height:118px;max-width:100%;object-fit:contain;object-position:left center}
body[data-artist] .business-logo.lf img{width:185px;height:150px;max-width:100%;max-height:none}

/* Matisse: the two white partner cards sit on one full-width green band. */
body[data-artist="matisse"] .products{padding-bottom:0}
body[data-artist="matisse"] .products .business-grid{position:relative;isolation:isolate;gap:20px;border:0;padding:72px 0;background:transparent}
body[data-artist="matisse"] .products .business-grid::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#064d3c}
body[data-artist="matisse"] .products .business-grid .business{min-height:0;padding:38px 42px;background:#fff;color:#1c2940}
body[data-artist="matisse"] .products .business-grid .business.mw{background:#fffbe6}
body[data-artist="matisse"] .products .business-grid .business.lanzfeld{background:#e4f2e8}
body[data-artist="matisse"] .products .business-grid .business:first-child{border-right:0}
body[data-artist="matisse"] .products .business-grid .business h3,
body[data-artist="matisse"] .products .business-grid .business p,
body[data-artist="matisse"] .products .business-grid .business a{color:#1c2940}
@media(max-width:760px){
  body[data-artist="matisse"] .products .business-grid{grid-template-columns:minmax(0,1fr);padding:56px 0}
  body[data-artist="matisse"] .products .business-grid .business{padding:28px 26px}
}

/* Matisse: show both complete works one below the other, at a shared image height. */
body[data-artist="matisse"] .monet-works{background:#ffde32}
body[data-artist="matisse"]:not([data-artist="monet"]) .monet-works{background:#ffde32}
body[data-artist="matisse"] .monet-works .story-grid{grid-template-columns:minmax(0,1fr)}
body[data-artist="matisse"] .monet-works .story-card .story-image{height:clamp(180px,42vw,520px);align-items:center}
body[data-artist="matisse"] .monet-works .story-card .story-image img{width:100%;height:100%;object-fit:contain;object-position:left center}
body[data-artist="matisse"]:not([data-artist="monet"]) .monet-works .story-card .story-image img{width:100%;height:100%;object-fit:contain;object-position:left center}
/* Nu bleu II: keep the complete cut-out on the left, with its story beside it. */
@media(min-width:801px){
  body[data-artist="matisse"] .monet-works .story-card:nth-child(2){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px)}
  body[data-artist="matisse"] .monet-works .story-card:nth-child(2) .story-copy{min-width:0}
}

/* Matisse colour trial: brighter pink, softer yellow, lighter green. */
body[data-artist="matisse"]:not([data-artist="monet"]) .monet-follow{background:#f49fbb}
body[data-artist="matisse"]:not([data-artist="monet"]) .monet-works{background:#f4e7a3}
body[data-artist="matisse"] .products .business-grid::before{background:#3d8069}