.magazine-layout{--magazine-max-width:75rem}.magazine-hero{width:100%;height:clamp(24rem,60vh,40rem);position:relative;overflow:hidden}.magazine-hero__image{object-fit:cover;width:100%;height:100%}.magazine-hero__overlay{background:linear-gradient(#0000001a 0%,#0000004d 50%,#000000d9 100%);align-items:flex-end;display:flex;position:absolute;inset:0}.magazine-hero__content{max-width:var(--magazine-max-width);color:#fff;width:100%;margin:0 auto;padding:2rem 1.5rem 3rem}.magazine-hero__tags{gap:.5rem;margin-bottom:1rem;display:flex}.magazine-hero__tag{text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.magazine-hero__title{letter-spacing:-.02em;max-width:50rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.magazine-hero__title--no-cover{letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.magazine-hero__excerpt{opacity:.85;max-width:40rem;margin-top:1rem;font-size:1.2rem;line-height:1.5}.magazine-hero__meta{opacity:.7;align-items:center;gap:1rem;margin-top:1.25rem;font-size:.9rem;display:flex}.magazine-hero__author{font-weight:600}.magazine-body{padding-top:2rem}.magazine-body :first-child p:first-of-type:first-letter,.magazine-body>div>p:first-of-type:first-letter{float:left;color:var(--primary,hsl(var(--primary)));margin-top:.1rem;padding-right:.5rem;font-size:4rem;font-weight:700;line-height:1}.magazine-body p{font-size:1.125rem;line-height:1.8}