.magazine-page .magazine-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:end;min-height:38vh;padding-top:clamp(58px,6.5vw,98px);padding-bottom:clamp(36px,3.6vw,56px)}
.magazine-page .magazine-hero>div{grid-column:1/span 5}
.magazine-page .magazine-hero__copy{grid-column:7/-1;max-width:600px;margin:0;font-size:clamp(14px,.9vw,15.5px);line-height:1.78;word-break:keep-all;text-wrap:pretty}
.magazine-filter{position:sticky;z-index:20;top:var(--header-h);background:rgba(242,242,240,.96);backdrop-filter:blur(12px)}
.magazine-archive{padding-top:clamp(28px,2.6vw,42px);padding-bottom:var(--section-y)}
.magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(54px,4.8vw,82px) clamp(16px,1.35vw,24px)}
.magazine-card{min-width:0}.magazine-card[hidden]{display:none!important}
.magazine-card__media{margin:0;overflow:hidden;aspect-ratio:4/3;background:#e6e6e3}
.magazine-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease),filter .3s ease}
.magazine-card:hover .magazine-card__media img{transform:scale(1.015);filter:saturate(.94)}
.magazine-card__meta{display:flex;justify-content:space-between;gap:14px;margin-top:12px;color:#8a8a8a;font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.035em}
.magazine-card h3{max-width:21ch;margin:13px 0 0;font-size:clamp(18px,1.35vw,22px);font-weight:500;line-height:1.32;letter-spacing:-.036em;word-break:keep-all;text-wrap:balance}
.magazine-card__summary{max-width:42ch;margin:10px 0 0;color:#666;font-size:11.5px;line-height:1.68;word-break:keep-all;text-wrap:pretty}
.magazine-card__status{display:inline-flex;margin-top:15px;padding-bottom:2px;border-bottom:1px solid #aaa;color:#555;font-size:9.5px;letter-spacing:.03em;text-transform:uppercase}
@media(max-width:1080px){.magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.magazine-page .magazine-hero{grid-template-columns:1fr;gap:24px;min-height:auto;padding-top:44px}.magazine-page .magazine-hero>div,.magazine-page .magazine-hero__copy{grid-column:1}.magazine-filter{top:62px;overflow-x:auto;white-space:nowrap}.magazine-archive{padding-top:22px}.magazine-grid{grid-template-columns:1fr;gap:40px}.magazine-card h3{max-width:none;font-size:20px}.magazine-card__summary{max-width:none}}