/* layout.css — container utilities */
.vl-container{max-width:var(--content-max);margin:0 auto;padding:0 20px}
.vl-section{padding:60px 20px}
.vl-page__container,.vl-brand-archive__container{max-width:var(--content-max);margin:0 auto;padding:40px 20px}
.vl-page__title,.vl-brand-archive__title{font-family:var(--font-h);font-size:var(--fs-h1);font-weight:700;line-height:1.1;color:var(--ink);margin:0 0 32px}
.vl-page__body{font-family:var(--font-b);font-size:var(--fs-body);line-height:1.6;color:var(--text)}
.vl-grid{display:grid;gap:20px}
.vl-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.vl-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:64em){.vl-grid--4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:48em){.vl-grid--4,.vl-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:30em){.vl-grid--4,.vl-grid--3{grid-template-columns:1fr}}