/* J. Specht — individual blog article template */

body[data-page="artigo"] main > section:first-of-type{
  position:relative;
  overflow:hidden;
  padding-top:8.4rem!important;
  padding-bottom:5.4rem!important;
  background:
    radial-gradient(circle at 78% 28%,rgba(230,191,114,.12),transparent 25%),
    linear-gradient(135deg,rgba(255,255,255,.018),transparent 42%),
    #080808!important;
}

body[data-page="artigo"] main > section:first-of-type::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(242,212,145,.34),transparent);
}

body[data-page="artigo"] main > section:first-of-type > div{
  position:relative;
  z-index:1;
}

body[data-page="artigo"] main > section:first-of-type h1{
  max-width:980px!important;
  font-size:clamp(3.55rem,5.05vw,5rem)!important;
  line-height:.96!important;
  letter-spacing:-.047em!important;
  text-wrap:balance;
}

body[data-page="artigo"] main > section:first-of-type h1+p{
  max-width:760px!important;
  margin-top:1.3rem!important;
  color:rgba(255,255,255,.62)!important;
  font-size:15.5px!important;
  line-height:1.72!important;
}

.mobi-article-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1.45rem;
}

.mobi-article-hero-meta span{
  min-height:31px;
  display:inline-flex;
  align-items:center;
  padding:.45rem .78rem;
  border:1px solid rgba(242,212,145,.16);
  border-radius:999px;
  background:rgba(255,255,255,.018);
  color:rgba(242,212,145,.70);
  font-size:8.5px;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
}

body[data-page="artigo"] main > article{
  padding-top:4.7rem!important;
  padding-bottom:5.4rem!important;
  background:
    radial-gradient(circle at 86% 8%,rgba(198,146,63,.055),transparent 25%),
    linear-gradient(180deg,#fbf8f1,#f5eee3)!important;
}

body[data-page="artigo"] main > article > div{
  max-width:1180px!important;
}

.mobi-article-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  margin-bottom:1.4rem;
}

.mobi-article-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.45rem;
  color:#7a6b58;
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mobi-article-breadcrumb a{
  color:var(--gold-dark);
  text-decoration:none;
}

.mobi-article-breadcrumb i{
  color:rgba(139,93,29,.42);
  font-style:normal;
}

body[data-page="artigo"] .mobi-article-back{
  margin:0!important;
  color:var(--gold-dark)!important;
  font-size:9px!important;
  text-decoration:none;
}

.mobi-article-cover{
  position:relative;
  margin-top:0!important;
  overflow:hidden!important;
  border:1px solid rgba(139,93,29,.12);
  border-radius:30px!important;
  background:#e7dfd1;
  box-shadow:0 24px 60px rgba(65,46,22,.09)!important;
}

.mobi-article-cover::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:30%;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(10,8,5,.13));
}

.mobi-article-cover img{
  width:100%!important;
  aspect-ratio:16/7.2!important;
  object-fit:cover!important;
  display:block;
  filter:saturate(.84) contrast(1.02)!important;
}

.mobi-article-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  align-items:start;
  gap:clamp(2.5rem,4vw,4.5rem);
  margin-top:3rem;
}

.mobi-article-content{
  margin-top:0!important;
  padding-right:.5rem;
  color:#655d52!important;
  font-size:16.5px!important;
  line-height:1.95!important;
}

.mobi-article-content::before{
  content:"ANÁLISE E CONTEXTO";
  display:block;
  margin-bottom:1.2rem;
  color:var(--gold-dark);
  font-size:8.5px;
  font-weight:700;
  line-height:1;
  letter-spacing:.18em;
}

.mobi-article-content p{
  margin:0!important;
}

.mobi-article-content p + p{
  margin-top:1.45rem!important;
}

.mobi-article-content p:first-child{
  color:#3f3931;
  font-size:19px;
  line-height:1.85;
}

.mobi-article-content p:first-child::first-letter{
  color:var(--gold-dark);
  font-family:var(--font-display);
  font-size:2.5em;
  line-height:.8;
  float:left;
  margin:.08em .12em 0 0;
}

.mobi-article-aside{
  position:sticky;
  top:105px;
  overflow:hidden;
  border:1px solid rgba(242,212,145,.16);
  border-radius:25px;
  background:
    radial-gradient(circle at 88% 8%,rgba(230,191,114,.10),transparent 30%),
    linear-gradient(145deg,#12100d,#090908);
  box-shadow:0 20px 50px rgba(65,46,22,.11);
}

.mobi-article-aside__top{
  padding:1.45rem 1.45rem 1.25rem;
  border-bottom:1px solid rgba(242,212,145,.10);
}

.mobi-article-aside__eyebrow{
  margin:0 0 .65rem;
  color:rgba(242,212,145,.55);
  font-size:8.5px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.mobi-article-aside h2{
  margin:0;
  color:#fff;
  font-family:var(--font-display);
  font-size:1.55rem;
  font-weight:500;
  line-height:1.08;
}

.mobi-article-aside__summary{
  margin:.75rem 0 0;
  color:rgba(255,255,255,.52);
  font-size:12px;
  line-height:1.7;
}

.mobi-article-aside__meta{
  display:grid;
  padding:1.1rem 1.45rem;
}

.mobi-article-aside__meta div{
  padding:.75rem 0;
  border-bottom:1px solid rgba(242,212,145,.08);
}

.mobi-article-aside__meta div:last-child{
  border-bottom:0;
}

.mobi-article-aside__meta strong{
  display:block;
  color:rgba(242,212,145,.58);
  font-size:8px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.mobi-article-aside__meta span{
  display:block;
  margin-top:.3rem;
  color:rgba(255,255,255,.64);
  font-size:11px;
  line-height:1.45;
}

.mobi-article-aside__actions{
  display:grid;
  gap:.55rem;
  padding:0 1.45rem 1.45rem;
}

.mobi-article-aside__actions a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.65rem .85rem;
  border:1px solid rgba(242,212,145,.16);
  border-radius:999px;
  color:rgba(255,255,255,.72);
  font-size:8.5px;
  font-weight:700;
  letter-spacing:.09em;
  text-decoration:none;
  text-transform:uppercase;
}

.mobi-article-aside__actions a:first-child{
  border-color:rgba(255,240,189,.42);
  background:linear-gradient(120deg,#95601b 0%,#d4a34a 28%,#f0cf86 48%,#c4852b 72%,#815216 100%);
  color:#171108;
}

.mobi-article-cta{
  margin-top:2.3rem!important;
  padding:1.55rem 1.65rem!important;
  border:1px solid rgba(242,212,145,.14)!important;
  border-radius:24px;
  background:
    radial-gradient(circle at 90% 10%,rgba(230,191,114,.10),transparent 32%),
    linear-gradient(145deg,#12100d,#090908);
  box-shadow:0 22px 52px rgba(65,46,22,.10);
}

.mobi-article-cta p{
  max-width:650px;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(1.5rem,2.1vw,2rem)!important;
  line-height:1.1!important;
}

.mobi-article-cta a{
  min-height:45px!important;
  margin-top:1rem!important;
  border-color:rgba(255,240,189,.42)!important;
  background:linear-gradient(120deg,#95601b 0%,#d4a34a 28%,#f0cf86 48%,#c4852b 72%,#815216 100%)!important;
  color:#171108!important;
  box-shadow:0 12px 28px rgba(139,93,29,.16),inset 0 1px 0 rgba(255,255,255,.34)!important;
}

.mobi-article-endnav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(139,93,29,.12);
}

.mobi-article-endnav a{
  color:#745522;
  font-size:9px;
  font-weight:700;
  letter-spacing:.09em;
  text-decoration:none;
  text-transform:uppercase;
}

@media(max-width:1023px){
  body[data-page="artigo"] main > section:first-of-type{
    padding-top:7rem!important;
    padding-bottom:4.6rem!important;
  }

  .mobi-article-layout{
    grid-template-columns:1fr;
  }

  .mobi-article-aside{
    position:static;
  }

  .mobi-article-aside__meta{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0 1rem;
  }
}

@media(max-width:639px){
  body[data-page="artigo"] main > section:first-of-type{
    padding-top:6.2rem!important;
    padding-bottom:4rem!important;
  }

  body[data-page="artigo"] main > section:first-of-type h1{
    font-size:clamp(2.9rem,12.5vw,3.75rem)!important;
  }

  body[data-page="artigo"] main > article{
    padding-top:3.7rem!important;
    padding-bottom:4.2rem!important;
  }

  .mobi-article-toolbar{
    align-items:flex-start;
    flex-direction:column;
    gap:.8rem;
  }

  .mobi-article-cover{
    border-radius:22px!important;
  }

  .mobi-article-cover img{
    aspect-ratio:4/2.65!important;
  }

  .mobi-article-layout{
    margin-top:2.2rem;
  }

  .mobi-article-content{
    font-size:15.5px!important;
    line-height:1.85!important;
  }

  .mobi-article-content p:first-child{
    font-size:17.5px;
  }

  .mobi-article-aside__meta{
    grid-template-columns:1fr;
  }

  .mobi-article-endnav{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* Article top rhythm refinement */
@media(min-width:1024px){
  body[data-page="artigo"] main > section:first-of-type{
    padding-top:7.15rem!important;
    padding-bottom:4.15rem!important;
  }

  body[data-page="artigo"] main > section:first-of-type h1{
    max-width:940px!important;
    font-size:clamp(3.3rem,4.55vw,4.5rem)!important;
    line-height:.965!important;
  }

  body[data-page="artigo"] main > section:first-of-type h1+p{
    margin-top:1.05rem!important;
  }

  body[data-page="artigo"] .mobi-article-hero-meta{
    margin-top:1.15rem!important;
  }

  body[data-page="artigo"] main > article{
    padding-top:3.35rem!important;
  }

  body[data-page="artigo"] .mobi-article-toolbar{
    margin-bottom:.95rem!important;
  }
}

@media(min-width:1280px){
  body[data-page="artigo"] main > section:first-of-type{
    padding-top:6.9rem!important;
    padding-bottom:3.95rem!important;
  }

  body[data-page="artigo"] main > article{
    padding-top:3.1rem!important;
  }
}


/* Remove duplicated horizontal rule around article hero */
body[data-page="artigo"] header{
  border-bottom-color:rgba(242,212,145,.07)!important;
}

body[data-page="artigo"] main > section:first-of-type > .metal-line{
  display:none!important;
}

body[data-page="artigo"] main > section:first-of-type::after{
  opacity:.72;
}