:root{--ink:#151515;--accent:#c44b04;--accent2:#e36a27;--muted:#686868;--line:#e9e5e0;--cream:#f7f5f2;--charcoal:#101010;--wrap:1216px;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input{font:inherit}img{max-width:100%;display:block}.wrap{max-width:var(--wrap);margin:auto;padding:0 28px}.skip{position:absolute;left:-999px;top:0;background:#fff;color:#111;padding:10px;z-index:900}.skip:focus{left:10px}.demo-bar{background:#fff0e7;color:#79320a;text-align:center;font-size:12px;font-weight:650;padding:7px 15px;border-bottom:1px solid #eed3c1}.header{background:var(--charcoal);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 22px #0002}.header-main{display:flex;align-items:center;gap:26px;min-height:81px}.logo{display:flex;align-items:center;flex-shrink:0;width:188px;height:61px;overflow:hidden}.logo img{width:188px;height:auto}.header-right{margin-left:auto;display:flex;align-items:center;gap:26px}.primary-nav{display:flex;gap:22px;align-items:center}.primary-nav a{font-size:13px;font-weight:700;color:#f2eee9;white-space:nowrap}.primary-nav a:hover,.primary-nav .active{color:#ffb984}.nav-action{background:#c44b04;border-radius:999px;color:white!important;font-size:12px;padding:10px 17px;font-weight:800}.nav-action:hover{background:#ee6a28}.icon-btn{width:39px;height:39px;display:grid;place-items:center;background:transparent;border:1px solid #444;border-radius:50%;color:#fff;cursor:pointer}.icon-btn:hover{border-color:#f98b4e}.menu-toggle{display:none}.subnav{background:#1d1d1d;color:#eee;border-top:1px solid #323232}.subnav .wrap{display:flex;gap:26px;align-items:center;min-height:39px;overflow-x:auto;white-space:nowrap}.subnav a{font-size:11px;letter-spacing:.055em;text-transform:uppercase;font-weight:750;color:#d8d5d3}.subnav a:hover{color:#ffa76a}.search-panel{display:none;background:#181818;border-top:1px solid #333;padding:18px 0}.search-panel.open{display:block}.search-panel form{display:flex;align-items:center;gap:10px}.search-panel input{width:100%;background:#282828;color:#fff;border:1px solid #535353;border-radius:9px;padding:13px 15px;outline-color:#fca46a}.search-panel button{cursor:pointer;border:0;background:#c44b04;color:white;border-radius:9px;padding:13px 17px}.search-hint{font-size:12px;color:#d1ccc8;margin:8px 0 0}.eyebrow{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.hero-intro{padding:42px 0 28px;border-bottom:1px solid var(--line)}.hero-intro .line{width:52px;height:4px;background:var(--accent);margin-bottom:15px}.hero-intro h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(31px,4.1vw,57px);letter-spacing:-.052em;line-height:1.10;max-width:835px;margin:9px 0 11px;font-weight:700}.hero-intro p{color:var(--muted);font-size:17px;max-width:650px;margin:0}.edition{font-size:12px;color:#888;margin-top:20px}.lead-grid{padding:35px 0 35px;display:grid;grid-template-columns:minmax(0,1.56fr) minmax(280px,.8fr);gap:29px}.lead-card{display:block}.image-box{position:relative;overflow:hidden;background:#0d1420;border-radius:10px}.image-box img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.lead-card:hover .image-box img,.story-card:hover .image-box img{transform:scale(1.035)}.lead-card .image-box{aspect-ratio:1.65}.image-tag{position:absolute;bottom:15px;left:16px;background:#fff;color:#191919;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;padding:6px 10px;border-radius:3px}.lead-card h2{font:700 clamp(30px,3.5vw,48px)/1.13 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:18px 0 11px}.lead-card p{color:#666;font-size:16px;max-width:750px;margin:0 0 11px}.meta{color:#76716d;font-size:12px;font-weight:500}.lead-rail{border-left:1px solid var(--line);padding-left:27px}.rail-label{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid #161616;padding-bottom:12px;margin-bottom:17px;font-size:13px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.rail-item{display:grid;grid-template-columns:1fr 115px;gap:12px;border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:18px}.rail-item .image-box{height:92px;order:2}.rail-item h3{font:700 19px/1.22 Georgia,"Times New Roman",serif;letter-spacing:-.025em;margin:5px 0 8px}.rail-item:hover h3{color:var(--accent)}.rail-item .meta{font-size:11px}.rail-note{background:var(--cream);border-left:3px solid var(--accent);padding:19px 18px;margin-top:24px}.rail-note b{display:block;font-size:13px;margin-bottom:6px}.rail-note p{font-size:13px;color:#686868;margin:0}.divider-title{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:2px solid #1c1c1c;padding-bottom:13px;margin-bottom:25px}.divider-title h2{font:700 clamp(26px,3vw,36px)/1.1 Georgia,"Times New Roman",serif;margin:0;letter-spacing:-.03em}.divider-title a{font-size:12px;font-weight:800;color:var(--accent);white-space:nowrap}.section{padding:42px 0 50px}.section-cream{background:var(--cream)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story-card{display:block;min-width:0}.story-card .image-box{aspect-ratio:1.58}.story-card .eyebrow{display:block;margin-top:13px}.story-card h3{font:700 24px/1.17 Georgia,"Times New Roman",serif;letter-spacing:-.028em;margin:8px 0 8px}.story-card p{font-size:14px;color:#666;margin:0 0 10px}.story-card:hover h3{color:var(--accent)}.brand-feature{background:#171717;color:#fff;padding:45px 0}.feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px}.feature-grid h2{font:700 clamp(29px,3.6vw,48px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.04em;margin:11px 0 17px}.feature-grid p{color:#d1cbca;font-size:16px}.feature-link{display:inline-flex;margin-top:9px;font-size:13px;font-weight:850;color:#ffae7c}.feature-symbol{width:min(100%,320px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 19px 35px #0008)}.feature-symbol-wrap{display:flex;justify-content:center}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-tile{padding:24px 20px;background:#fff;border:1px solid var(--line);border-radius:10px;min-height:142px;transition:border-color .2s,transform .2s}.category-tile:hover{border-color:var(--accent);transform:translateY(-3px)}.category-tile span{color:var(--accent);font-size:12px;font-weight:850}.category-tile h3{font:700 24px/1.1 Georgia,"Times New Roman",serif;margin:17px 0 6px}.category-tile p{font-size:12px;color:var(--muted);margin:0}.bottom-note{background:#f6eee7;padding:34px 0;border-top:1px solid #f0ded3}.bottom-note .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.bottom-note h2{font:700 25px/1.2 Georgia,serif;margin:0 0 4px}.bottom-note p{color:#666;margin:0}.bottom-note .pill{display:inline-flex;border:1px solid #b74b15;border-radius:99px;padding:10px 15px;color:#97400f;font-size:12px;font-weight:800;white-space:nowrap}.footer{background:#101010;color:#fff;padding:45px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px}.footer .footer-logo{width:171px;margin-bottom:8px}.footer p{color:#bcb8b4;font-size:13px;max-width:340px}.footer b{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.footer a{display:block;font-size:13px;color:#c8c4c1;margin:9px 0}.footer a:hover{color:#f6a06b}.footer-end{border-top:1px solid #353535;color:#999;font-size:11px;padding-top:17px;margin-top:28px}.inner-hero{background:var(--cream);padding:52px 0 39px;border-bottom:1px solid var(--line)}.inner-hero h1{font:700 clamp(37px,4.6vw,59px)/1.12 Georgia,serif;letter-spacing:-.04em;margin:12px 0}.inner-hero p{font-size:17px;color:#666;max-width:700px;margin:0}.count{color:#777;font-size:12px;margin:16px 0 0}.collection{padding:38px 0 80px}.collection .cards{row-gap:42px}.empty-state{border:1px dashed #ccb5a4;border-radius:14px;padding:42px;background:#fff9f5;max-width:650px}.empty-state h2{font:700 28px Georgia,serif;margin:0 0 10px}.empty-state p{color:#6e6662}.search-empty{display:none;padding:24px 0;color:#666}.article-hero{padding:47px 0 31px;max-width:920px}.breadcrumbs{font-size:12px;color:#777;margin-bottom:25px}.breadcrumbs a:hover{color:var(--accent)}.article-hero h1{font:700 clamp(36px,5.2vw,65px)/1.12 Georgia,serif;letter-spacing:-.047em;margin:10px 0 17px}.article-hero .dek{font-size:19px;color:#676767;line-height:1.5;max-width:800px;margin:0 0 22px}.article-meta{display:flex;gap:15px;flex-wrap:wrap;color:#777;font-size:12px;border-top:1px solid var(--line);padding-top:15px}.article-media{max-width:1080px;margin:auto;padding:0 28px}.article-media .image-box{aspect-ratio:1.9;border-radius:12px}.credit{font-size:11px;color:#777;margin:8px 0 0}.article-layout{max-width:1080px;margin:48px auto 80px;padding:0 28px;display:grid;grid-template-columns:minmax(0,720px) minmax(185px,1fr);gap:65px}.prose{font:18px/1.83 Georgia,"Times New Roman",serif;color:#292929}.prose p{margin:0 0 23px}.prose h2{font:700 31px/1.22 Georgia,serif;letter-spacing:-.02em;margin:34px 0 13px}.callout{border-left:4px solid var(--accent);padding:18px 23px;margin:30px 0;background:#faf4ef;font:16px/1.6 Inter,"Segoe UI",sans-serif}.callout strong{font-size:13px;text-transform:uppercase;color:#9f4211;letter-spacing:.06em;display:block;margin-bottom:5px}.callout p{margin:0}.source-box{padding-top:28px;border-top:1px solid #ddd;margin-top:42px;font-family:Inter,"Segoe UI",sans-serif}.source-box h2{font:700 23px Georgia,serif;margin:0 0 13px}.source-box li{font-size:13px;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}.source-box a{text-decoration:underline;text-decoration-color:#de9064;text-underline-offset:3px}.aside{align-self:start;position:sticky;top:155px}.aside .aside-title{border-top:3px solid #141414;padding-top:13px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.aside p{font-size:13px;color:#777}.aside a{display:block;font:700 19px/1.3 Georgia,serif;border-bottom:1px solid var(--line);padding:15px 0}.aside a:hover{color:var(--accent)}.article-footer{padding:28px 0;background:var(--cream);border-top:1px solid var(--line)}.article-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.article-footer h2{font:700 24px Georgia,serif;margin:0}.pill-link{display:inline-block;background:var(--accent);color:white!important;border-radius:100px;padding:11px 20px;font-weight:800;font-size:13px}.pill-link:hover{background:#a63d05}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #ed8a48;outline-offset:3px}
@media(max-width:1050px){.primary-nav{gap:14px}.primary-nav a{font-size:12px}.logo,.logo img{width:160px}.header-right{gap:14px}.lead-grid{grid-template-columns:1.25fr .9fr}.rail-item{grid-template-columns:1fr 88px}.rail-item .image-box{height:83px}.feature-grid{gap:35px}}
@media(max-width:800px){.header-main{min-height:70px}.logo,.logo img{width:155px}.menu-toggle{display:grid}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#191919;padding:20px 28px 24px;flex-direction:column;align-items:stretch;border-top:1px solid #333;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:12px 0;border-bottom:1px solid #333;font-size:14px}.nav-action{width:fit-content;margin-top:15px;padding:10px 18px!important}.subnav .wrap{gap:21px}.lead-grid{grid-template-columns:1fr}.lead-rail{border:0;border-top:2px solid #161616;padding:22px 0 0}.rail-item{grid-template-columns:1fr 145px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:1fr 220px;gap:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.article-layout{grid-template-columns:1fr}.aside{position:static;border-top:1px solid var(--line);padding-top:22px}.aside a{max-width:400px}}
/* Telas de celular: hierarquia editorial mais compacta, sem sacrificar os alvos de toque. */
@media (max-width: 540px) {
  .wrap { padding-inline: 16px; }

  /* Cabeçalho e barra de editorias */
  .header-main { min-height: 66px; gap: 12px; }
  .logo, .logo img { width: 142px; }
  .logo { height: 56px; }
  .header-right { gap: 10px; }
  .icon-btn { width: 42px; height: 42px; }
  .subnav { position: relative; }
  .subnav .wrap {
    gap: 18px;
    min-height: 40px;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-padding-inline: 16px;
    -webkit-overflow-scrolling: touch;
  }
  .subnav .wrap::-webkit-scrollbar { display: none; }
  .subnav a {
    flex: 0 0 auto;
    font-size: 11px;
    letter-spacing: .025em;
    white-space: nowrap;
  }
  .subnav::after {
    content: "";
    position: absolute;
    inset: 0 0 0 auto;
    width: 26px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, #1d1d1d);
  }

  /* Destaque: imagem mais horizontal e título menor */
  .hero-intro { padding: 30px 0 22px; }
  .hero-intro h1 { font-size: 31px; line-height: 1.1; }
  .hero-intro p { font-size: 15px; }
  .lead-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    padding-block: 20px 26px;
  }
  .lead-card { min-width: 0; }
  .lead-card .image-box { width: 100%; aspect-ratio: 1.65; }
  .lead-card h2 {
    font-size: clamp(25px, 7.1vw, 29px);
    line-height: 1.14;
    letter-spacing: -.03em;
    margin: 14px 0 9px;
  }
  .lead-card p { font-size: 15px; line-height: 1.5; }
  .eyebrow { font-size: 10px; letter-spacing: .09em; }
  .image-tag { bottom: 12px; left: 12px; font-size: 10px; padding: 6px 9px; }

  /* Matérias secundárias */
  .lead-rail { padding-top: 18px; }
  .rail-label { font-size: 12px; }
  .rail-item { grid-template-columns: minmax(0, 1fr) 96px; gap: 12px; }
  .rail-item .image-box { height: 76px; }
  .rail-item h3 { font-size: 17px; }
  .rail-item > div:first-child { min-width: 0; }

  /* Cards, editorias e seções */
  .section { padding: 30px 0 36px; }
  .divider-title h2 { font-size: 25px; }
  .cards { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .story-card .image-box { aspect-ratio: 1.68; }
  .story-card h3 { font-size: 22px; }
  .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .category-tile { padding: 17px 13px; min-height: 116px; }
  .category-tile h3 { font-size: 20px; }
  .feature-grid { grid-template-columns: minmax(0, 1fr); }
  .feature-grid h2 { font-size: 29px; }
  .feature-symbol-wrap { display: none; }
  .bottom-note .wrap { align-items: flex-start; flex-direction: column; gap: 15px; }
  .bottom-note h2 { font-size: 23px; }
  .footer-grid { grid-template-columns: minmax(0, 1fr); }
  .footer-grid > div:first-child { grid-column: auto; }

  /* Editorias e leitura de artigos */
  .inner-hero { padding: 32px 0; }
  .inner-hero h1 { font-size: 34px; }
  .inner-hero p { font-size: 15px; }
  /* A classe article-hero tambem e wrap: nao zerar as margens laterais no celular. */
  .article-hero { padding: 18px 16px 16px; }
  .article-hero .breadcrumbs { font-size: 12px; line-height: 1.4; margin-bottom: 14px; }
  .article-hero h1 { font-size: clamp(27px, 7.9vw, 30px); line-height: 1.12; letter-spacing: -.035em; margin: 9px 0 12px; overflow-wrap: break-word; }
  .article-hero .dek { font-size: 15px; line-height: 1.5; margin-bottom: 16px; }
  .article-hero .article-meta { gap: 7px 12px; font-size: 11px; line-height: 1.4; padding-top: 12px; }
  .article-media { padding-inline: 16px; }
  .article-media .image-box { aspect-ratio: 1.6; }
  .article-layout { padding-inline: 16px; margin: 28px auto 55px; gap: 28px; }
  .prose { font-size: 16px; line-height: 1.76; }
  .prose h2 { font-size: 26px; }
  .article-footer .wrap { align-items: flex-start; flex-direction: column; }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Garante que a busca esconda os cards mesmo quando o layout usa display:grid/block. */
[hidden]{display:none!important}
/* O PNG original tem fundo #050505; este ajuste evita um retângulo visível no cabeçalho. */
.header,.footer{background:#050505}

/* Imagens WebP com PNG como alternativa, sem alterar os enquadramentos existentes. */
.image-box picture{display:block;width:100%;height:100%}
.scientific-figure .image-box img{object-fit:contain}
.article-media .scientific-figure .image-box{aspect-ratio:auto}
.article-media .scientific-figure .image-box img{height:auto}
.rail-item .image-credit{display:none}

/* Especial Parece Inventado: apenas o simbolo recortado, sem caixa ou sombra. */
.brand-feature .parece-symbol{display:block;width:min(100%,210px);height:auto;aspect-ratio:1;object-fit:contain;filter:none}
.brand-feature .feature-symbol-wrap{display:flex;justify-content:center;align-items:center}
@media(max-width:800px){.brand-feature .parece-symbol{width:min(100%,150px)}}
@media(max-width:540px){.brand-feature .feature-grid{grid-template-columns:minmax(0,1fr)}.brand-feature .feature-symbol-wrap{display:flex;justify-content:center}.brand-feature .parece-symbol{width:min(100%,140px)}}

/* O aviso aparece apenas até a pessoa escolher e pode ser reaberto pelo rodapé. */
.footer-end a,.footer-end button{color:inherit;text-decoration:underline;text-underline-offset:3px}
.footer-end button{font:inherit;border:0;background:none;cursor:pointer;padding:0}
.analytics-choice{position:fixed;z-index:30;bottom:16px;left:16px;right:16px;max-width:620px;margin:auto;padding:20px;border:1px solid #c5b7aa;border-radius:12px;background:#fffaf5;color:#211b18;box-shadow:0 8px 35px #0004;font:14px/1.5 Inter,Arial,sans-serif}
.analytics-choice h2{font-size:18px;line-height:1.25;margin:0 0 8px}
.analytics-choice p{margin:0 0 14px}
.analytics-choice a{color:#6c381e;text-decoration:underline}
.analytics-choice-actions{display:flex;flex-wrap:wrap;gap:9px}
.analytics-choice button{padding:9px 14px;border-radius:7px;border:1px solid #29211c;background:transparent;color:#29211c;font:600 13px Inter,Arial,sans-serif;cursor:pointer}
.analytics-choice button[data-analytics-allow]{background:#29211c;color:white}
@media(max-width:540px){.analytics-choice{bottom:8px;left:8px;right:8px;padding:16px}}


/* Fotos documentais horizontais: preencher capas/cards sem barras e preservar a imagem integral no artigo. */
.documentary-figure .image-box img{object-fit:cover;object-position:center 58%}
.article-media .documentary-figure .image-box{aspect-ratio:auto;background:transparent}
.article-media .documentary-figure .image-box img{height:auto;object-fit:contain;object-position:center center}


/* Imagens científicas em versões reduzidas: preencher cards/rails sem barras, preservando a imagem integral no artigo. */
.lead-card .scientific-figure .image-box img,
.story-card .scientific-figure .image-box img,
.rail-item .scientific-figure .image-box img{
  object-fit:cover;
  object-position:center center;
}