.blog-hero{padding-top:70px;max-width:1050px}.blog-hero h1{font-size:clamp(52px,6vw,90px)}.blog-hero>p:not(.eyebrow){font-size:21px;max-width:650px;margin:28px 0}.blog-featured{background:#1a1d16}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.featured-grid>a{border:1px solid var(--line);display:flex;flex-direction:column}.featured-grid img{width:100%;height:250px;object-fit:cover}.featured-grid>a>div{padding:26px;display:flex;flex-direction:column;flex:1}.featured-grid h3{font-size:27px;line-height:1.25;margin:18px 0 25px}.read-article{color:var(--gold);font-size:13px;margin-top:auto}.blog-controls{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin:40px 0 20px}.blog-controls label{display:grid;gap:9px;font-size:14px}.blog-controls input,.blog-controls select{min-width:0;width:100%;background:#1a1d16;color:var(--ink);border:1px solid #ffffff50;padding:15px;font:inherit}.blog-controls select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}#articleCount{font-size:13px;margin-bottom:20px}.article-list article{display:grid;grid-template-columns:1fr 2.3fr;gap:35px;padding:28px 0;border-top:1px solid var(--line)}.article-meta{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:10px}.article-meta span{color:var(--gold)}.article-list h3{font-size:25px;line-height:1.35}.article-list a:hover{color:var(--gold)}.article-list h3 span{color:var(--gold);font-size:18px}.article-list [hidden],#blogEmpty[hidden]{display:none}#blogEmpty{padding:35px 0}#blogEmpty p{margin:15px 0}.blog-preview-note{font-size:12px;margin-top:35px;max-width:720px}@container(max-width:800px){.blog-hero h1{font-size:49px}.blog-hero>p:not(.eyebrow){font-size:18px}.featured-grid,.blog-controls{grid-template-columns:1fr}.featured-grid img{height:220px}.featured-grid h3{font-size:26px}.article-list article{grid-template-columns:1fr;gap:14px;padding:25px 0}.article-meta{flex-direction:row;flex-wrap:wrap;gap:15px}.article-list h3{font-size:23px}}
/* Segunda direção: abertura editorial, narrativa e acervo visual. */
.blog-hero{max-width:none;display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:9%;padding-top:65px;padding-bottom:65px}.blog-hero h1{font-size:clamp(48px,5.6vw,82px)}.blog-hero-aside p{font-size:18px;line-height:1.7;margin-bottom:25px}.blog-scroll{display:grid;grid-template-columns:54% 46%;background:#1a1d16}.blog-stage{position:sticky;top:0;height:100svh;align-self:start;overflow:hidden;background:#10110f}.blog-image-stack,.blog-stage-shade{position:absolute;inset:0}.blog-scene{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}.blog-scene.active{opacity:1}.blog-scene:nth-child(2){object-position:60% top}.blog-stage-shade{background:linear-gradient(0deg,#10110fe6,transparent 40%);pointer-events:none}.blog-stage-label{position:absolute;bottom:45px;left:10%;right:10%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;font-size:11px;letter-spacing:.15em;color:#fff}.blog-scroll-bars{width:100%;display:flex;gap:8px}.blog-scroll-bars i{height:2px;flex:1;background:#ffffff45}.blog-scroll-bars i.active{background:var(--gold)}.blog-story{min-height:100svh;padding:75px 14%;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}.blog-story h2{font-size:clamp(35px,3.7vw,56px)}.blog-story>p:not(.eyebrow){margin:28px 0;font-size:18px;line-height:1.75}.blog-story .text-link{align-self:start}.blog-static-image{display:none}.blog-library{background:#10110f}.blog-library h2{font-size:clamp(37px,4vw,58px)}.article-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px}.article-list article{display:flex;flex-direction:column;gap:18px;padding:0 0 26px;border:1px solid var(--line);min-width:0;background:#171a14}.article-image{display:block;overflow:hidden}.article-image img{display:block;width:100%;height:auto;aspect-ratio:1.54;object-fit:cover;transition:transform .35s}.article-image:hover img{transform:scale(1.025)}.article-list .article-meta{padding:0 22px;font-size:10px;gap:7px}.article-list h3{padding:0 22px;font-size:23px;line-height:1.35}.article-list [hidden]{display:none}.blog-preview-note{margin-top:40px}@container(max-width:1050px){.article-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@container(max-width:800px){.blog-hero{grid-template-columns:1fr;gap:25px;padding:45px 24px}.blog-hero h1{font-size:47px}.blog-hero-aside p{font-size:17px}.blog-scroll{grid-template-columns:1fr}.blog-stage{height:35svh;z-index:15}.blog-scene{object-position:center 35%}.blog-stage-label{bottom:15px;left:24px;right:24px;gap:10px;font-size:9px}.blog-story{min-height:66svh;padding:45px 24px}.blog-story h2{font-size:38px}.blog-story>p:not(.eyebrow){font-size:17px;margin:22px 0}.article-list{grid-template-columns:1fr;gap:25px}.article-list h3{font-size:25px}.article-list .article-meta{flex-direction:column}.blog-library{padding-top:60px}}@media(prefers-reduced-motion:reduce){.blog-stage{display:none}.blog-scroll{grid-template-columns:1fr}.blog-story{min-height:0;padding-top:40px;padding-bottom:40px}.blog-static-image{display:block;width:100%;max-height:440px;object-fit:contain;margin-bottom:25px}.blog-scene,.article-image img{transition:none}.article-image:hover img{transform:none}}

.google-source{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:55px 7%;background:#20251b;border-bottom:1px solid var(--line)}.google-source h2{font-size:32px}.google-source p:not(.eyebrow){margin-top:18px;font-size:15px}.google-source a{flex-shrink:0;max-width:100%}.google-source img{display:block;width:300px;max-width:100%;height:auto}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:35px}.blog-pagination button{background:transparent;border:1px solid var(--line);padding:12px 18px;color:var(--gold)}.blog-pagination button:disabled{opacity:.4;cursor:default}.blog-pagination span{font-size:13px;color:var(--muted)}.blog-pagination[hidden]{display:none}.blog-controls{scroll-margin-top:25px}@container(max-width:800px){.google-source{flex-direction:column;align-items:start;padding:40px 24px}.google-source h2{font-size:29px}.blog-pagination{gap:12px;flex-wrap:wrap}.blog-pagination button{padding:12px;font-size:13px}}

/* Mesmo tamanho compacto aprovado nas páginas de leitura. */
.google-source>a{width:160px;max-width:100%}.google-source>a img{display:block;width:100%;max-width:160px;height:auto}

/* Override the shared image reset so each feature displays only once. */
.approved-page .blog-static-image{display:none}
@media(prefers-reduced-motion:reduce){.approved-page .blog-static-image{display:block}}
