@media screen and (min-width:1024px) {

    /*@HERO*/
    body[data-board="home"] main > section.home .hero {
        aspect-ratio: 1/0.5;
    }

    body[data-board="home"] main > section.home .hero [data-ui-dac="controls"] {
        left: 7rem;
        right: 7rem;
        bottom:0;
        height: 5.5rem;
    }

    body[data-board="home"] main > section.home .hero .slide {
        aspect-ratio: 1 / 0.5;
    }

    body[data-board="home"] main > section.home .hero .slide .details {
        left: 7rem;
        bottom: 7.5rem;
        right: 7rem;
    }

    body[data-board="home"] main > section.home .hero .slide .details .overview .tags {
        gap: 0.5rem;
    }

    /*TODO: common at all home tags? */
    body[data-board="home"] main > section.home .hero .slide .details .overview .tag {
        /*position: relative;*/
        display: inline-block;
        padding: 0.5rem 1.25rem 0.5rem 1.25rem;
        font-size: 0.6875rem;
        line-height: 1.5rem;
        height: 2.5rem;
        border-radius: 1.25rem;
    }

    /*body[data-board="home"] main > section.home .hero .slide .details .overview:hover .tag {
        color: var(--cta-color);
        background-color: var(--cta-color-20);
    }*/

    body[data-board="home"] main > section.home .hero .slide .details .overview .title {
        font-size: 4.5rem;
        line-height: 100%;
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }

    body[data-board="home"] main > section.home .hero .slide .details .overview .venue {
        font-size: 1.25rem;
        margin-top: 1.5rem;
    }

    body[data-board="home"] main > section.home .hero .slide .details .date {
        right: 0;
        bottom:0;
    }

    body[data-board="home"] main > section.home .hero .slide .details .date .month {
        font-size: 2.25rem;
    }

    body[data-board="home"] main > section.home .hero .slide .details .date .day {
        font-size: 4.5rem;
        border-bottom: 1px solid var(--gray-one);
    }

    /*GRID*/

    body[data-board="home"] main > section.home .grid .brand {
        top:3rem;
    }

    body[data-board="home"] main > section.home .grid .entries .entry .details { left: 1.25rem; bottom: 1.25rem; right: 1.25rem; }
    body[data-board="home"] main > section.home .grid .entries .entry.large .details { left: 2rem; bottom: 1.5rem; right: 2rem; }

    body[data-board="home"] main > section.home .grid .entries .entry .details .overview { max-width: calc(100% - 4rem); }
    body[data-board="home"] main > section.home .grid .entries .entry.large .details .overview { max-width: calc(100% - 2rem); }

    body[data-board="home"] main > section.home .grid .entries .entry .details .overview .title { text-transform: uppercase; font-size: 1.75rem; line-height: 100%;  margin-bottom: 0.5rem; }
    body[data-board="home"] main > section.home .grid .entries .entry.large .details .overview .title { font-size: 3rem; line-height: 3.5rem; }


    body[data-board="home"] main > section.home .grid .entries .entry .details .overview .venue { font-size: 1rem; line-height: 1.25rem; }
    body[data-board="home"] main > section.home .grid .entries .entry.large .details .overview .venue { font-size: 1.25rem; line-height: 1.5rem; }

    body[data-board="home"] main > section.home .grid .entries .entry .details .date .month { font-size: 1.25rem; line-height: 1.5rem; }
    body[data-board="home"] main > section.home .grid .entries .entry.large .details .date .month { font-size: 2rem; line-height: 2.25rem; }

    body[data-board="home"] main > section.home .grid .entries .entry .details .date .day { font-size: 2.5rem; line-height: 2.25rem; }
    body[data-board="home"] main > section.home .grid .entries .entry.large .details .date .day { font-size: 3.75rem; line-height: 3rem; }

    body[data-board="home"] main > section.home .grid .entries .entry.article .details { max-width: calc(100% - 2rem); }
    body[data-board="home"] main > section.home .grid .entries .entry.article .details .overview .title { font-size: 1.25rem !important; line-height: 1.5rem; }

    /*@ROWS*/
    body[data-board="home"] main > section.home .rows {
        padding-top: 10rem;
        margin-bottom: 10rem;
        padding-left: 7rem;
    }

    body[data-board="home"] main > section.home .rows .header {
        padding-right: 7rem;
        margin-bottom: 1.5rem;
    }

    body[data-board="home"] main > section.home .rows .row:not(:last-child) {
        margin-bottom: 4rem;
    }

    body[data-board="home"] main > section.home .rows .row > .header {
        margin-bottom: 1.5rem;
    }

    body[data-board="home"] main > section.home .rows .row > .header .tag {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    body[data-board="home"] main > section.home .rows .row[data-component-slider] [data-ui-dac="controls"] {
        padding: 0 7.5rem 0 0.5rem !important;
    }

    /*@POPULAR*/
    body[data-board="home"] main > section.home .popular {
        margin-bottom: 10rem;
    }
}