@layer addon {
    body:not(.homepage, .review) {
        .templateCover {
            padding: 0;
            min-height: 85vh;
            .container {
                .media {
                    top: var(--section);
                    height: calc(85vh - var(--section));
                    border-radius: var(--border-radius);
                    grid-column: content-start / content-end;
                }
                .inner {
                    padding-left: var(--section);
                    padding-bottom: var(--section);
                    justify-content: flex-end;
                    .intro {
                        background-color: var(--color1);
                        padding: var(--padding);
                        border-radius: calc(var(--border-radius) * 2);
                        .title {
                            color: var(--color2);
                            font-size: var(--l-fontsize);
                            line-height: var(--l-lineheight);
                        }
                    }
                }
            }
            @media (max-width: 56em) {
                min-height: 60vh;
                .container {
                    .media {
                        height: calc(60vh - var(--section));
                        border-radius: calc(var(--border-radius) / 2);
                    }
                    .inner {
                        padding-left: var(--gutter);
                        padding-right: var(--gutter);
                        .intro {
                            width: fit-content;
                            border-radius: calc(var(--border-radius) / 2);
                        }
                    }
                }
            }
            @media (--max-fablet) {
                min-height: 60vh;
                .container {
                    .media {
                        height: calc(60vh - var(--section));
                        border-radius: calc(var(--border-radius) / 2);
                    }
                    .inner {
                        padding-left: var(--gutter);
                        padding-right: var(--gutter);
                        .intro {
                            width: fit-content;
                            border-radius: calc(var(--border-radius) / 2);
                        }
                    }
                }
            }
        }
    }    
}