/* Intact branded artwork is opt-in. Shared hero and portrait defaults are unchanged. */
.experience-artwork-header{background:#fff;padding:32px 0 0}
.experience-artwork-header .experience-artwork-header__inner{margin:0 auto}
.experience-artwork-header__crumb{font-size:16px;line-height:1.5;max-width:100%;margin:0 0 24px}
.experience-artwork-header__crumb a{color:#293b8c;text-decoration:underline}
.experience-artwork-header__figure{max-width:100%;margin:0}
.experience-artwork-header__figure img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.experience-artwork-header__caption{font-size:15px;line-height:1.5;color:#555;margin:8px 0 0}
.experience-artwork-header h1{font-size:44px;line-height:1.16;font-weight:700;color:#222;max-width:100%;overflow-wrap:anywhere;margin:32px 0 0}
.experience-artwork-header__subtitle{font-size:18px;line-height:28px;color:#555;max-width:100%;overflow-wrap:anywhere;margin:12px 0 0}
/* Keep every overview media box at 16:9 while showing artwork without cropping. */
.exp-card--artwork .exp-card__media{aspect-ratio:16/9;background:#fff}
.exp-card--artwork .exp-card__media img{height:100%;aspect-ratio:auto;object-fit:contain;display:block}
.experience-image-caption{font-size:14px;line-height:1.4;margin:8px 0;color:inherit;text-align:center}
.testimonial__photo--artwork{overflow:hidden}
.testimonial__photo--artwork img{transform:scale(1.35)}
.page-main--experience-detail .report-quote__text{min-width:0;overflow-wrap:anywhere}
.exp-card__body .experience-image-caption{text-align:left;color:#555}
@media(min-width:768px) and (max-width:1279px){.experience-artwork-header h1{font-size:36px}}
@media(max-width:767px){.experience-artwork-header{padding-top:24px}.experience-artwork-header h1{font-size:28px;line-height:1.2;margin-top:24px}.experience-artwork-header__subtitle{font-size:16px;line-height:24px;margin-top:8px}.experience-artwork-header__crumb{font-size:14px;margin-bottom:16px}}
@media print{.experience-artwork-header__figure{break-inside:avoid}.experience-artwork-header h1{font-size:26px}}

/* Keep embedded poster headings outside the new hero's background image. */
.page-main--experience-detail .hero__media--report-crop{right:40%;overflow:hidden;mask-image:linear-gradient(90deg,#000 80%,transparent)}
.page-main--experience-detail .experience-hero-crop{display:block;width:100%;height:100%;opacity:var(--hero-img-opacity)}
@media(max-width:767px){.page-main--experience-detail .hero__media--report-crop{right:0;max-height:560px;mask-image:linear-gradient(#000 72%,transparent)}}