.list{&.plain{>.main{display:grid;gap:var(--gapS)}>footer{margin-top:var(--gapS)}@media (min-width:764px){>.main{gap:var(--gapL)}>footer{margin-top:var(--gapL)}}}&.highlight{>header{border:solid var(--cHigh);border-width:0 0 4px;text-align:center}>header h2{color:var(--cHigh);display:block;font-size:28px;padding-bottom:var(--gapXS);text-transform:uppercase}>.main{display:grid;gap:var(--gapS)}&.articles{--cHigh:var(--cBlog);>.main{grid:auto/1fr}}&.movies{--cHigh:var(--cLog);>.main{grid:auto/repeat(auto-fill,minmax(140px,1fr))}}&.directors{--cHigh:var(--cDirector);>.main{grid:auto/repeat(2,1fr)}}@media (max-width:763px){>header{margin-bottom:var(--gapS)}}@media (min-width:764px){display:flex;gap:var(--gapS);justify-content:space-between;>header{border-width:0 4px 0 0;margin:0;width:60px}>header h2{font-size:48px;padding:0;transform:rotate(-180deg);writing-mode:vertical-lr}>.main{flex-grow:1}&.articles{>.main{grid:auto/repeat(2,1fr)}>.main>:first-child{grid-column:span 2}}&.movies{>.main{grid:auto/repeat(5,1fr)}}&.directors{>.main{grid:auto/repeat(4,1fr)}}}@media (min-width:1248px){gap:var(--gapL);>.main{gap:var(--gapL)}}}}