.art-hero{ position:relative; overflow:hidden; padding-block:clamp(52px,7vw,96px) clamp(30px,4vw,52px); border-bottom:1px solid var(--line); }
.art-hero .ring{ position:absolute; right:-220px; top:-260px; width:720px; height:720px; border-radius:50%; background:radial-gradient(closest-side, rgba(255,145,0,.14), transparent 70%); pointer-events:none; }
.art-back{ display:inline-flex; align-items:center; gap:.5rem; color:var(--fg-3); text-decoration:none; font-size:12.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:600; }
.art-back:hover{ color:var(--primary); }
.art-tax{ display:flex; align-items:center; gap:14px; margin-top:26px; flex-wrap:wrap; }
.art-chip{ background:var(--primary); color:#0a0708; font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; padding:6px 12px; border-radius:999px; }
.art-issue{ color:var(--fg-3); font-size:12px; letter-spacing:.16em; text-transform:uppercase; font-weight:600; }
.art-title{ font-family:var(--ff-display) !important; font-weight:600; text-transform:uppercase; line-height:.95; letter-spacing:-.005em; font-size:clamp(38px,5.2vw,80px); margin-top:22px; max-width:20ch; }
.art-title .acc{ color:var(--primary); }
.art-sub{ color:var(--fg-2); font-size:clamp(18px,1.6vw,23px); max-width:56ch; margin-top:22px; line-height:1.45; }
.art-meta{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:32px; color:var(--fg-3); font-size:13.5px; letter-spacing:.04em; }
.art-meta strong{ color:var(--fg-2); font-weight:600; }
.art-meta .dotsep{ width:4px; height:4px; border-radius:50%; background:var(--fg-3); display:inline-block; }

.art-figure{ margin:0; background:var(--bg-2); border-bottom:1px solid var(--line); }
.art-figure .fwrap{ padding-block:clamp(28px,4vw,56px); }
.art-figure image-slot{ display:block; width:100%; height:clamp(280px,34vw,460px); border:1px solid var(--line); }
.art-figure figcaption{ color:var(--fg-3); font-size:12.5px; letter-spacing:.06em; padding-top:12px; }

.art-body{ background:#ffffff; color:#211d19; }
.art-col{ max-width:70ch; margin-inline:auto; padding-block:clamp(48px,6vw,88px); }
.art-lead{ font-size:clamp(20px,1.7vw,24px); line-height:1.6; font-weight:500; margin-bottom:30px; }
.art-col .art-lead{ color:#0a0708; }
.art-col p{ font-size:18px; line-height:1.8; color:#38322c; margin-bottom:24px; }
.art-h2{ font-family:var(--ff-display) !important; text-transform:uppercase; font-weight:600; color:#0a0708; font-size:clamp(28px,3vw,42px); line-height:1; margin:52px 0 22px; }
.art-h2 .acc{ color:var(--primary); }
.art-list{ margin:6px 0 30px; padding:0; list-style:none; display:flex; flex-direction:column; gap:16px; }
.art-list li{ position:relative; padding-left:34px; font-size:18px; line-height:1.6; color:#38322c; }
.art-list li::before{ content:""; position:absolute; left:0; top:.66em; width:16px; height:2px; background:var(--primary); }
.art-rule{ height:1px; background:#e6e0d6; border:0; margin:46px 0; }
.art-note{ font-size:15px; line-height:1.75; color:#7a7268; font-style:italic; }
.art-share{ display:flex; align-items:center; gap:12px; margin-top:44px; padding-top:30px; border-top:1px solid #e6e0d6; }
.art-share .lbl{ font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:#7a7268; margin-right:4px; }
.art-share a{ width:40px; height:40px; border-radius:50%; border:1px solid #e6e0d6; display:inline-flex; align-items:center; justify-content:center; color:#0a0708; transition:background .15s ease, border-color .15s ease, color .15s ease; }
.art-share a:hover{ background:var(--primary); border-color:var(--primary); color:#0a0708; }
/* Imagem destacada ao lado do titulo, no hero */
.art-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  gap:clamp(28px,4vw,56px);
  align-items:center;
  margin-top:26px;
}
.art-hero-grid .art-tax{ margin-top:0; }

.art-cover{ display:block; width:100%; margin:0; }
.art-cover img{
  width:100%; height:auto; display:block;
  aspect-ratio:4/3; object-fit:cover;
  border-radius:12px;
  border:1px solid var(--line);
}

@media (max-width:900px){
  .art-hero-grid{ grid-template-columns:1fr; gap:28px; }
  .art-cover img{ aspect-ratio:16/9; }
}