.magazine-page > * {grid-column: 1/-1;}

/* 
HEADER
*/
.magazine_p-header {
    position: sticky;
    top: calc(8vw + 3.6rem);
    width: 100vw;
    padding: 0 1rem .7rem;
    margin: 0 -1rem;
    background-color: white;
}
.magazine_p-header > * {grid-column: 1/-1;}
.magazine_p-header h2 > span {display: block;}

@media only screen and (min-width: 1024px) {
    .magazine_p-header {
        top: 4.5rem;
        margin: 0 -2.5rem;
        padding: 0 2rem 1rem;
    }
    .magazine_p-header > * {grid-column: -6/-1;}
    body.os-win .magazine_p-header {margin-left: -3rem;}
    
    .magazine_p-header h2 > span {display: block;}
}

.magazine_p-header nav {margin-top: 1rem;}
.magazine_p-header button {display: inline;}

/*
PAGE
*/
.magazine_p-page {
    margin-top: 1rem;
}
@media only screen and (min-width: 1024px) {
    .magazine_p-page {
        position: fixed;
        left: 0;
        bottom: 0;
        width: unset;
    }

    .magazine_p-page img {
        width: auto;
        height: calc(calc(100 * var(--vh)) - 15rem);
    }
}

/* 
NAV
*/
.magazine_p-nav {
    position: absolute;
    bottom: 0;
    padding-bottom: 4rem;
}
@media only screen and (min-width: 1024px) {
    .magazine_p-nav {
        position: fixed;
        left: 50vw;
        right: 2rem;
        bottom: 3rem;
        padding-bottom: 0;
        bottom: 3rem;
    }
    
    body.os-win .magazine_p-nav {margin-left: -.75rem;}
}