.home-header {
    margin-block-end: var(--stack-section-gutter);
}

.home-hero-img {
    margin-inline-start: 0;
    padding-inline-start:0;
}

.home-hero-img img {
    width: 100%;
    height: auto;
}

.page-home::before {
    content:'';
    display:block;
    position:absolute;
    z-index:1;
    width:calc(var(--logo-size) * 1.25);
    aspect-ratio: 2/1.8;
    background-color:var(--color-teal);
    clip-path:polygon(0 0, 100% 0, 0 100%);
    z-index: -1;
}



.home-hero-img::after {
    content: '';
    position: absolute;
    display: block;
    height: 0.0625rem;
    width:100%;
    background-color: var(--color-white);
    bottom:0;
    left:calc(-1 * var(--side-padding));
    transform: translate(-30%,-50%) rotateZ(45deg);
    transform-origin: bottom right;
}

@media screen and (min-width:48em) {
    .page-home::before {
        aspect-ratio: 0.65;
        width: min(50%, calc(100vw - 30rem));
        inset-inline-start: 0;
    }

    .page-home .page-title {
     margin-block-end:0;
     margin-block-end: calc(-1 * var(--grid-gutter));
    }
    
    .home-header {
        display: grid;
        grid-template-columns: 0.9fr minmax(0, 1fr);
        grid-template-rows: auto 1fr;
        grid-template-areas:
            "img title"
            "img text";
        gap: var(--grid-gutter);
    }
    .home-hero-img {
        grid-area: img;
    }
    .home-intro {
        grid-area: text;
    }
    .featured-video {
        display: grid;
        grid-template-columns: 6fr 4fr;
        grid-template-areas: "thumb text" "thumb link";
        gap: var(--grid-gutter)
    }
    .featured-video__thumb {
        grid-area: thumb;
    }
    .featured-video__text {
        grid-area: text;
    }
    .featured-video__link {
        grid-area: link;
    }
    .section-services {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
        max-width: var(--container-size);
        margin-inline: auto;
        column-gap: var(--grid-gutter);

    }

    .serviceCta__title {
        max-width: 90%;
    }

}