/* MASSI · Conteúdos: leitura editorial e navegação entre artigos. */
body[data-page="blog"]{background:var(--paper)}
.blog-kicker{font:600 12px/1.4 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--leaf-text)}
.blog-kicker span{color:var(--muted);margin-right:12px}
.blog-heading{font:600 clamp(58px,8vw,120px)/.9 var(--cond);letter-spacing:-.015em;text-transform:uppercase}
.blog-heading em{font-style:normal;color:var(--moss)}
.blog-index-intro{padding:clamp(54px,7vw,106px) 0 48px;border-bottom:1px solid var(--line)}
.blog-index-intro .blog-kicker{margin-bottom:30px}
.blog-index-intro .intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:40px}
.blog-index-intro .intro-bottom p{font-size:18px;line-height:1.6;max-width:56ch;color:var(--muted)}
.blog-index-intro .intro-bottom span{font:500 12px var(--cond);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.blog-index-section{padding:62px 0 clamp(84px,9vw,136px)}
.blog-section-line{display:flex;justify-content:space-between;gap:24px;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:34px}
.blog-section-line h2,.blog-section-line span{font:600 13px/1.3 var(--cond);letter-spacing:.16em;text-transform:uppercase}
.blog-section-line span{color:var(--muted);font-weight:400}
.featured-article{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(30px,5vw,76px);align-items:center}
.featured-article figure{min-width:0}
.featured-article figure img{width:100%;aspect-ratio:1.38;object-fit:cover}
.blog-photo-caption{display:flex;justify-content:space-between;gap:16px;padding-top:10px;font:500 11px/1.4 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.featured-copy .blog-kicker{margin-bottom:21px}
.featured-copy h3{font:600 clamp(45px,5vw,76px)/.98 var(--cond);text-transform:uppercase;letter-spacing:-.01em;max-width:11ch}
.featured-copy>p:not(.blog-kicker){font-size:17px;line-height:1.65;color:var(--muted);max-width:42ch;margin-top:24px}
.blog-inline-link{display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid currentColor;padding-bottom:6px;margin-top:28px;font-size:14px;font-weight:600}
.blog-inline-link:hover{color:var(--leaf-text)}
.blog-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,58px)}
.blog-card{min-width:0}
.blog-card img{width:100%;aspect-ratio:1.64;object-fit:cover}
.blog-card .blog-kicker{margin-top:25px}
.blog-card h3{font:600 clamp(31px,3vw,46px)/1.04 var(--cond);text-transform:uppercase;max-width:20ch;margin-top:11px}
.blog-card>p:not(.blog-kicker){font-size:15px;line-height:1.65;color:var(--muted);max-width:54ch;margin-top:14px}
.blog-card .blog-inline-link{margin-top:19px}
.blog-more{margin-top:clamp(70px,8vw,120px)}
.blog-cta{background:var(--moss);color:var(--paper);padding:clamp(44px,6vw,80px) 0}
.blog-cta .wrap{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}
.blog-cta .blog-kicker{color:var(--sage);margin-bottom:19px}
.blog-cta h2{font:600 clamp(43px,5vw,72px)/1 var(--cond);text-transform:uppercase;max-width:17ch}
.blog-cta p:not(.blog-kicker){max-width:54ch;margin-top:18px;color:#DDE5D8}
.blog-cta .button{white-space:nowrap}
/* Article pages */
.blog-breadcrumb{padding:28px 0 0;font-size:12px;color:var(--muted)}
.blog-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.article-header{padding:clamp(50px,6vw,88px) 0 48px}
.article-header .blog-kicker{margin-bottom:25px}
.article-header h1{font:600 clamp(54px,7vw,108px)/.94 var(--cond);text-transform:uppercase;letter-spacing:-.015em;max-width:15ch}
.article-deck{max-width:65ch;margin-top:29px;font-size:clamp(18px,2vw,22px);line-height:1.55;color:var(--muted)}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 30px;padding-top:26px;margin-top:35px;border-top:1px solid var(--line);font:500 12px/1.5 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.article-hero{margin-block:0 clamp(55px,7vw,95px);margin-inline:auto}
.article-hero img{width:100%;max-height:650px;aspect-ratio:2.15;object-fit:cover}
.article-layout{display:grid;grid-template-columns:minmax(180px, .36fr) minmax(0,1fr);gap:clamp(36px,6vw,110px);padding-bottom:clamp(80px,9vw,140px)}
.article-aside{align-self:start;position:sticky;top:125px;border-top:1px solid var(--line);padding-top:16px}
.article-aside p{font:600 12px var(--cond);letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px}
.article-aside ol{padding:0;margin:0;list-style:none;counter-reset:toc}
.article-aside li{counter-increment:toc;border-bottom:1px solid var(--line)}
.article-aside li a{display:flex;gap:12px;padding:10px 0;font-size:13px;line-height:1.45;color:var(--muted)}
.article-aside li a::before{content:counter(toc, decimal-leading-zero);font:600 11px var(--cond);color:var(--leaf-text);padding-top:2px}
.article-aside a:hover{color:var(--ink)}
.article-body{max-width:72ch;font-size:18px;line-height:1.72}
.article-body p{margin:0 0 1.25em}
.article-body h2{font:600 clamp(34px,3.5vw,47px)/1.08 var(--cond);text-transform:uppercase;letter-spacing:0;margin:1.65em 0 .48em;scroll-margin-top:120px}
.article-body h2:first-child{margin-top:0}
.article-body h3{font:600 27px/1.15 var(--cond);text-transform:uppercase;margin:1.3em 0 .45em}
.article-body ul,.article-body ol{padding-left:1.35em;margin:0 0 1.4em}
.article-body li{padding-left:.25em;margin-bottom:.45em}
.article-body a:not(.button){text-decoration:underline;text-underline-offset:3px;color:#416929}
.article-body strong{font-weight:600}
.article-note{border-left:3px solid var(--leaf);background:var(--paper-2);padding:20px 24px;margin:2em 0;font-size:16px;line-height:1.65}
.article-note p:last-child{margin:0}
.article-service{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-top:50px}
.article-service span{font:500 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.article-service a{font-size:15px;font-weight:600;border-bottom:1px solid currentColor}
.related-section{background:var(--paper-2);padding:clamp(70px,8vw,120px) 0}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,58px)}
.related-grid .blog-card img{aspect-ratio:1.8}
@media(max-width:850px){.featured-article{grid-template-columns:1fr}.featured-copy h3{max-width:20ch}.article-layout{grid-template-columns:1fr}.article-aside{position:static}.article-aside ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.article-body{max-width:72ch}}
@media(max-width:700px){.blog-index-intro .intro-bottom{display:block}.blog-index-intro .intro-bottom span{display:block;margin-top:22px}.blog-index-section{padding-top:43px}.blog-list-grid,.related-grid{grid-template-columns:1fr;gap:48px}.blog-cta .wrap{grid-template-columns:1fr}.blog-cta .button{justify-self:start}.article-hero img{aspect-ratio:1.35}.article-body{font-size:17px;line-height:1.7}.article-aside ol{grid-template-columns:1fr}.article-header{padding-bottom:35px}.article-service{align-items:flex-start;flex-direction:column}.blog-photo-caption{font-size:10px}}