/* DESIGN04: one primary paper token. Source art and dark cinema roles stay intact. */
:root{--paper:#F3EEE3;--cream:var(--paper)}
body,body.tvpro{background:var(--paper)}
.paper,.site-top,.family-menu[open],.art-dialog{background-color:var(--paper)}
.findings04-title{font:600 18px/1.35 "IBM Plex Sans",sans-serif;margin:24px 0 12px}
.findings03 a{font-size:17px;line-height:1.35}
.mobile-selected04{display:none}
.radial03 .vitraj{max-height:546px;width:100%;filter:drop-shadow(0 1px 1px #1c1f2622)}
.radial03 .cell-face{filter:none}
.radial03 .vitraj-cell.selected .cell-face{stroke:#1c1f26;stroke-width:5;stroke-dasharray:9 3}
.matrix03 .matrix-cell.selected{outline:3px double #11151b;outline-offset:1px}
.matrix03 .matrix-cell{box-shadow:inset 0 1px 1px #ffffff70,0 1px 1px #1c1f2615}
.fullmatrix03{max-height:none;overflow-x:auto}
.fullmatrix03 table.matrix th:first-child{position:sticky;left:0;background:var(--paper);z-index:2}
.tvhero03>figure{inset:0;mask-image:linear-gradient(90deg,transparent 12.5%,#000 24%,#000 76%,transparent 87.5%)}
.tvhero03>figure img{object-position:34% center}
.tvhero03:after{background:linear-gradient(90deg,#11151b00 26%,#11151b20 43%,#11151bca 70%,#11151bf2 100%),linear-gradient(0deg,#11151b80,transparent 38%)}
.tvhero03-copy{width:min(580px,45%);margin-left:auto;margin-right:4%;padding-top:110px;padding-bottom:65px}
.tvhero03-copy h1{font-size:clamp(42px,4.1vw,62px);line-height:1.12}
.tvhero03-copy p{max-width:36ch}
.tvpro .cinema,.tvhero03,.tvpro .page-header{background-color:#11151b}
.tvpro .family-menu[open]{color:#1c1f26}
.heritage-work.overlay04{position:relative}
.heritage-work.overlay04>.heritage-caption-short{position:absolute;top:0;left:0;right:0;z-index:1;padding:22px 24px 45px;color:white;background:linear-gradient(#11151bb0,#11151b55 66%,transparent);pointer-events:none}
.heritage-work.overlay04>.heritage-caption-short strong{font-size:clamp(18px,2vw,25px)}
.museum04{padding:38px 0 20px;border-top:1px solid #c9c2b7}
.museum04-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 40px}
.museum04 .heritage-reference{margin:0;padding:0;font-size:16px}
.museum04 .heritage-reference h3{font-size:20px}
.museum04 .tzp-small{max-width:130px;max-height:180px;object-fit:contain}
@media(max-width:999px){
 .panel03[data-scene03="1"]>div:first-child{display:none}
 .panel03[data-scene03="1"]{display:block}
 .mobile-selected04{display:flex;gap:16px;align-items:flex-start;margin:20px 0}
 .mobile-selected04>span{display:grid;place-items:center;flex:0 0 74px;min-height:70px;background:var(--selected-fill);outline:3px double #11151b;font-weight:700;font-size:25px}
 .mobile-selected04 strong{font-size:20px}
 .mobile-selected04 p{font-size:17px;margin:8px 0 0}
 .story03 .matrix03{display:none}
 .story03 .radial03{margin-top:5px}
 .tvhero03-copy{width:49%;margin-right:4%}
 .tvhero03-copy h1{font-size:42px}
}
@media(max-width:600px){
 .findings04-title{font-size:18px}
 .findings03 a{font-size:16px}
 .tvhero03{display:block;padding-top:0;min-height:0}
 .tvhero03>figure{position:relative;inset:auto;height:auto;margin:0;z-index:0;mask-image:none}
 .tvhero03>figure img{height:auto;aspect-ratio:16/9;object-fit:contain;display:block}
 .tvhero03:after{display:none}
 .tvhero03-copy{width:auto;margin:0;padding:28px 24px 40px}
 .tvhero03-copy h1{font-size:clamp(34px,9vw,44px)}
 .heritage-work.overlay04>.heritage-caption-short{position:static;padding:12px 0 0;background:none;color:#1c1f26}
 .museum04-grid{grid-template-columns:1fr;gap:30px}
}
@media(prefers-reduced-motion:reduce){.story03 .panel03{transition:none}}