.photo-hero {position: relative;border-radius: .75rem;overflow: hidden;background: var(--hero-img) no-repeat var(--hero-pos, center) / cover;padding: 2.5rem 1rem 3rem;}.photo-hero::before {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(10, 12, 14, .72) 0%, rgba(10, 12, 14, .55) 55%, rgba(10, 12, 14, .4) 100%);pointer-events: none;}.photo-hero > * { position: relative; }.photo-hero h1, .photo-hero h2, .photo-hero .lead, .photo-hero p {color: #fff;text-shadow: 0 1px 8px rgba(0, 0, 0, .55);}.photo-hero .lead { color: rgba(255, 255, 255, .85); }.photo-hero .card {background: rgba(18, 20, 23, .78);-webkit-backdrop-filter: blur(14px) saturate(140%);backdrop-filter: blur(14px) saturate(140%);border: 1px solid rgba(255, 255, 255, .08);color: #fff;}.photo-hero .photo-credit {position: absolute;right: 1rem;bottom: .65rem;margin: 0;font-size: .72rem;letter-spacing: .08em;text-transform: uppercase;color: rgba(255, 255, 255, .75);text-shadow: 0 1px 4px rgba(0, 0, 0, .7);}.photo-hero .photo-credit a { color: #fff; }@media (max-width: 767.98px) {.photo-hero { padding: 1.5rem .75rem 2.5rem; }}