.hero-note{font-size:var(--small);line-height:1.5;max-width:48ch;margin:0 0 16px}
.hero[data-campaign="p300-black-friday"] .hero-shade,.hero[data-campaign="tank-gfv"] .hero-shade{display:block;background:linear-gradient(0deg,#0009,transparent 70%)}
.campaign-detail-art{display:block;margin:0 0 32px;overflow:hidden;border-radius:var(--radius)}
.campaign-detail-art img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}

/* Use the same mobile image clearance as the existing ORA/H6/Jolion banners. */
@media(max-width:900px){
 .hero[data-campaign]:not([data-campaign=""]){background:#08090b}
 .hero[data-campaign]:not([data-campaign=""]) .hero-picture .hero-image{height:calc(100% - 150px);object-position:center bottom;mask-image:linear-gradient(#000 calc(100% - 36px),transparent);-webkit-mask-image:linear-gradient(#000 calc(100% - 36px),transparent)}
}

@media(min-width:621px) and (max-width:900px){.hero[data-campaign]:not([data-campaign=""]) .hero-picture .hero-image{object-position:center 65%}}