.page-hero-photo {
    position: relative;
    isolation: isolate;
    min-height: 28rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}

.page-hero-photo::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(18, 31, 25, .92) 0%, rgba(18, 31, 25, .72) 46%, rgba(18, 31, 25, .18) 78%, rgba(18, 31, 25, .08) 100%);
}

.page-hero-photo .container { position: relative; z-index: 1; }
.page-hero-photo h1,
.page-hero-photo p,
.page-hero-photo .breadcrumb,
.page-hero-photo .breadcrumb a { color: #fff; }
.page-hero-photo p { max-width: 42rem; text-shadow: 0 1px 2px rgba(0, 0, 0, .35); }
.hero-products { background-image: url("../images/illustrative/hero-prodotti-legno.webp"); }
.hero-zones { background-image: url("../images/illustrative/hero-zone-sardegna.webp"); }
.hero-guides { background-image: url("../images/illustrative/hero-guide-legno.webp"); }
.hero-quote { background-image: url("../images/illustrative/hero-richiesta-preventivo.webp"); }

.page-hero-note {
    position: absolute;
    right: 1rem;
    bottom: .75rem;
    z-index: 2;
    padding: .3rem .55rem;
    border-radius: .25rem;
    color: #fff;
    background: rgba(10, 18, 14, .72);
    font-size: .75rem;
    letter-spacing: .04em;
}

.homepage-illustration {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: .5rem;
    background: #18271f;
    box-shadow: 0 1rem 2.5rem rgba(9, 20, 14, .25);
}

.homepage-illustration img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.homepage-illustration figcaption {
    padding: .75rem 1rem;
    color: #f6f0e4;
    background: #18271f;
    font-size: .9rem;
}

@media (max-width: 767.98px) {
    .page-hero-photo { min-height: 24rem; background-position: 62% center; }
    .page-hero-photo::before { background: rgba(18, 31, 25, .74); }
    .hero-products { background-image: url("../images/illustrative/hero-prodotti-legno-mobile.webp"); }
    .hero-zones { background-image: url("../images/illustrative/hero-zone-sardegna-mobile.webp"); }
    .hero-guides { background-image: url("../images/illustrative/hero-guide-legno-mobile.webp"); }
    .hero-quote { background-image: url("../images/illustrative/hero-richiesta-preventivo-mobile.webp"); }
}