/* Blog — extensão editorial do design system LAMIDIA */
.blog-page{background:var(--c-ionic);color:var(--c-apollo)}
.blog-main{min-height:70vh}
.blog-hero{padding:calc(var(--header-h) + clamp(56px,8vw,112px)) 0 clamp(56px,7vw,96px);background:var(--bg-night);color:var(--c-olympus);position:relative;overflow:hidden}
.blog-hero::after{content:"";position:absolute;width:min(42vw,520px);aspect-ratio:1;right:max(-14vw,-180px);top:18%;border:1px solid rgba(221,139,58,.3);border-radius:50%;box-shadow:0 0 0 72px rgba(221,139,58,.05),0 0 0 144px rgba(221,139,58,.035);pointer-events:none}
.blog-hero__inner{position:relative;z-index:1}
.blog-hero__eyebrow,.article-hero__eyebrow{margin:0 0 18px;color:var(--c-zeus);font:600 .75rem/1.3 var(--font-body);letter-spacing:.16em;text-transform:uppercase}
.blog-hero__title{margin:0;font:500 clamp(3rem,7vw,6.5rem)/.98 var(--font-display);letter-spacing:-.04em}
.blog-listing{padding:clamp(72px,9vw,128px) 0;background:var(--c-ionic)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.blog-card{border-top:1px solid rgba(44,17,2,.22);padding-top:24px}
.blog-card__image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:24px}
.blog-card__date{display:block;margin-bottom:12px;color:var(--c-hades-copper);font:600 .75rem/1.4 var(--font-body);letter-spacing:.08em;text-transform:uppercase}
.blog-card__title{margin:0 0 14px;font:500 clamp(1.5rem,2.5vw,2rem)/1.15 var(--font-display)}
.blog-card__excerpt{margin:0 0 20px;font:400 1rem/1.7 var(--font-body)}
.blog-card__link{color:var(--c-ares);font:600 .8125rem/1.3 var(--font-body);letter-spacing:.06em;text-transform:uppercase}
.blog-empty{grid-column:1/-1;min-height:260px;display:grid;place-items:center;border-top:1px solid rgba(44,17,2,.22);border-bottom:1px solid rgba(44,17,2,.22);text-align:center}
.blog-empty p{margin:0;color:var(--c-apollo);font:400 clamp(1.4rem,3vw,2.25rem)/1.25 var(--font-display)}
.article-hero{padding:calc(var(--header-h) + clamp(48px,6vw,88px)) 0 clamp(48px,6vw,80px);background:var(--bg-night);color:var(--c-olympus)}
.article-hero__inner{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,5fr);gap:clamp(40px,7vw,96px);align-items:end}
.article-hero__title{margin:0;max-width:18ch;font:500 clamp(2.5rem,5vw,5.25rem)/1.03 var(--font-display);letter-spacing:-.035em}
.article-hero__meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:28px;color:var(--text-on-dark-muted);font:500 .8125rem/1.5 var(--font-body)}
.article-hero__cover{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.article-content{padding:clamp(64px,8vw,112px) 0;background:var(--c-ionic)}
.article-body{width:min(100%,70ch);margin-inline:auto;color:var(--c-apollo);font:400 clamp(1rem,1.1vw,1.125rem)/1.78 var(--font-body)}
.article-body>*:first-child{margin-top:0}
.article-body h2,.article-body h3{color:var(--c-apollo);font-family:var(--font-display);font-weight:500;letter-spacing:-.02em}
.article-body h2{margin:64px 0 24px;font-size:clamp(2rem,4vw,3rem);line-height:1.12}
.article-body h3{margin:40px 0 16px;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.2}
.article-body p,.article-body ul,.article-body ol,.article-body blockquote{margin:0 0 24px}
.article-body ul,.article-body ol{padding-left:1.4em}
.article-body li+li{margin-top:10px}
.article-body a{color:var(--c-ares);text-decoration:underline;text-underline-offset:3px}
.article-body blockquote{padding:24px 0 24px 28px;border-left:3px solid var(--c-zeus);font:400 italic clamp(1.2rem,2vw,1.5rem)/1.55 var(--font-display)}
.article-cta{padding:clamp(64px,8vw,104px) 0;background:var(--c-artemis);color:var(--c-olympus);text-align:center}
.article-cta__title{margin:0 0 28px;font:500 clamp(2rem,4vw,3.25rem)/1.1 var(--font-display)}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-hero__inner{grid-template-columns:1fr}.article-hero__cover{max-width:720px}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-hero::after{width:320px;right:-190px}.article-hero__meta{flex-direction:column;gap:4px}}
