@layer addon {
    body:not(.homepage) {
        .templateCover {
            background-color: transparent;
            .container {
                row-gap: var(--section);
                padding-bottom: 0;
                @media (max-width: 56em) {
                    align-content: space-between;
                }
                @media (--max-fablet) {
                    align-content: space-between;
                }
                .media {
                    position: relative;
                    order: 2;
                    height: 70vh;
                    border-radius: var(--section-radius) var(--section-radius) 0 0;
                    @media (max-width: 56em) {
                        height: 60vh;
                    }
                    @media (--max-fablet) {
                        height: 60vh;
                    }
                }
                
                .inner {
                    text-align: center;
                    align-items: center;
                    grid-column: 2 / span 10;
                    @media (max-width: 56em) {
                        grid-column: span 12;
                    }
                    @media (--max-fablet) {
                        grid-column: span 12;
                    }
                }
            }
        }
    }
    .templateCover {
        .container {
            .inner {
                .intro {
                    .title {
                        font-size: var(--xl-fontsize);
                        line-height: var(--xl-lineheight);
                    }
                    .title, .subTitle, .content {
                        color: var(--color-light);
                    }
                }
            }
            .media {
                &:after {
                    border-radius: var(--section-radius) var(--section-radius) 0 0;
                }
                &:before {
                    content: "";
                    position: absolute;
                    bottom: 0; left: 0; right: 0;
                    height: var(--overlay-height, 100%);
                    background: var(--color5);
                    z-index: 2;
                    pointer-events: none;
                    transition: none;
                    
                }
            }
        }
    }
}