
.heritage-archive{position:relative;isolation:isolate;background:radial-gradient(ellipse at 60% 30%,rgba(176,125,53,.065),transparent 62%)}
.heritage-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,2vw,22px);max-width:1250px;margin:clamp(26px,4vw,52px) auto 0}
.heritage-card{grid-column:span 4;position:relative;margin:0;overflow:hidden;min-height:270px;aspect-ratio:4/3;border:1px solid rgba(196,152,86,.19);border-radius:14px;background:#11100e;transform:translateZ(0)}
.heritage-awards{grid-column:span 8;aspect-ratio:16/9}.heritage-cartoon,.heritage-theatre{grid-column:span 4;aspect-ratio:4/5}.heritage-behind{grid-column:span 8;aspect-ratio:16/9}
.heritage-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.92)}
.heritage-awards img{object-position:center}.heritage-card:hover img{transform:scale(1.045);filter:saturate(1.06)}
.heritage-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none}
.heritage-card figcaption{position:absolute;z-index:1;bottom:0;right:0;left:0;padding:clamp(15px,2.5vw,28px);display:flex;flex-direction:column;gap:4px;text-align:right;color:#fff}
.heritage-card figcaption strong{font-size:clamp(16px,2vw,25px);font-weight:700}.heritage-card figcaption span{font-size:clamp(12px,1.3vw,15px);color:#d4b887}
@media(max-width:720px){.heritage-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.heritage-card,.heritage-cartoon,.heritage-theatre{grid-column:span 1;aspect-ratio:3/4;min-height:210px}.heritage-awards,.heritage-behind{grid-column:span 2;aspect-ratio:16/10;min-height:220px}.heritage-card figcaption{padding:13px}.heritage-card figcaption strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.heritage-card img{transition:none}}

/* Archive photos: retain original orientation and composition */
.heritage-gallery .heritage-card:not(.heritage-awards){background:linear-gradient(145deg,#211a13,#0c0b0a)}
.heritage-gallery .heritage-card img{image-orientation:from-image}
.heritage-gallery .heritage-cartoon,.heritage-gallery .heritage-theatre{aspect-ratio:3/4}
.heritage-gallery .heritage-cartoon img,.heritage-gallery .heritage-theatre img{object-fit:contain;object-position:center}
.heritage-gallery .heritage-card:not(.heritage-awards):not(.heritage-cartoon):not(.heritage-theatre):not(.heritage-behind) img{object-fit:cover;object-position:center 38%}
@media(max-width:720px){.heritage-gallery .heritage-cartoon,.heritage-gallery .heritage-theatre{aspect-ratio:3/4}}
