/* A clear image core inside broad, intersecting fades. The former 8% vertical
   feather retained a bright rectangular plate; every outer edge now reaches
   zero alpha gradually, with a separate low-intensity ambient spill. */
.detail-hero{--detail-copy-size:46%;--detail-art-height:clamp(180px,26vw,300px)}
.detail-hero__copy,.detail-hero__actions,.detail-hero .breadcrumbs{width:var(--detail-copy-size);min-width:0;max-width:100%}
.detail-hero .detail-hero__identity h1,body[data-page=detail]:not([data-event=artefact-2026-2027]) .detail-hero__identity h1{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:clamp(32px,2.7vw,48px);line-height:1.3}
.detail-hero .banner-art{inset:0;width:100%;height:100%}
.detail-hero .banner-art__subject{top:0;bottom:0;left:auto;right:0;width:58%;height:100%;mask-image:radial-gradient(ellipse 76% 86% at 62% 42%,#000 0%,#000 42%,rgba(0,0,0,.86) 58%,rgba(0,0,0,.36) 78%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 76% 86% at 62% 42%,#000 0%,#000 42%,rgba(0,0,0,.86) 58%,rgba(0,0,0,.36) 78%,transparent 100%)}
.detail-hero .banner-art__ambient{display:block;top:-20%;bottom:-20%;left:auto;right:-8%;width:70%;height:140%;opacity:.16;filter:blur(64px);mask-image:radial-gradient(ellipse 56% 54% at 59% 46%,#000 8%,rgba(0,0,0,.55) 45%,transparent 94%);-webkit-mask-image:radial-gradient(ellipse 56% 54% at 59% 46%,#000 8%,rgba(0,0,0,.55) 45%,transparent 94%)}
.detail-hero .banner-art__vertical,.detail-hero .banner-art__horizontal{width:100%;height:100%;mask-image:none;-webkit-mask-image:none}
.detail-hero .banner-art__subject>.banner-art__vertical{mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.25) 8%,rgba(0,0,0,.7) 20%,#000 35%,#000 60%,rgba(0,0,0,.65) 78%,rgba(0,0,0,.1) 92%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.25) 8%,rgba(0,0,0,.7) 20%,#000 35%,#000 60%,rgba(0,0,0,.65) 78%,rgba(0,0,0,.1) 92%,transparent 100%)}
.detail-hero .banner-art__subject .banner-art__horizontal{mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 12%,rgba(0,0,0,.5) 28%,#000 45%,#000 74%,rgba(0,0,0,.55) 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 12%,rgba(0,0,0,.5) 28%,#000 45%,#000 74%,rgba(0,0,0,.55) 88%,transparent 100%)}
.detail-hero .banner-art__subject img{object-fit:cover}
.detail-hero .banner-art.is-contained .banner-art__subject img{object-fit:contain}
.detail-hero .banner-art__ambient img{object-fit:cover}
.detail-hero .banner-art__reading,.detail-hero .banner-art__tone,.detail-hero .banner-art__top,.detail-hero .banner-art__bottom{display:none}
.detail-hero .banner-art__reading{display:block;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 42%,rgba(5,15,20,.8) 47%,rgba(5,15,20,.28) 55%,transparent 66%)}
@media(max-width:1023px){
 .detail-hero__copy,.detail-hero__actions,.detail-hero .breadcrumbs{width:100%}
 .detail-hero .banner-art{inset:auto var(--reading-gutter) 40px;width:auto;height:var(--detail-art-height)}
 .detail-hero .banner-art__subject{width:100%}
 .detail-hero .banner-art__ambient{right:-2%;width:104%}
 .detail-hero .banner-art__subject img{object-fit:contain}
 .detail-hero .banner-art__reading{display:none}
 .detail-hero .banner-art__subject{mask-image:radial-gradient(ellipse 78% 85% at 50% 48%,#000 24%,rgba(0,0,0,.85) 52%,rgba(0,0,0,.25) 80%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 78% 85% at 50% 48%,#000 24%,rgba(0,0,0,.85) 52%,rgba(0,0,0,.25) 80%,transparent 100%)}
 .detail-hero .banner-art__subject .banner-art__horizontal{mask-image:linear-gradient(90deg,transparent,#000 24%,#000 76%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000 76%,transparent)}
}
@media(max-width:699px){.detail-hero .banner-art{bottom:32px}.detail-hero .detail-hero__identity h1,body[data-page=detail]:not([data-event=artefact-2026-2027]) .detail-hero__identity h1{font-size:32px}}

.detail-hero__slogan{font-size:14px;line-height:22px;color:var(--secondary);margin:0}