/* ==========================================================================
   FOUNDRY - single post
   Written against Solace's real markup:
   main.main-singular > section.container-single > article >
     .the-categories, h1, .the-time, .boxes-content > .box-the-content > .the-content
   ========================================================================== */

.atw-foundry.single main,
.atw-foundry.single .container-single,
.atw-foundry.single .container-single > article,
.atw-foundry.single .boxes-content,
.atw-foundry.single .box-the-content{
  max-width:none !important;width:auto !important;
  margin:0 !important;padding:0 !important;
  background:transparent !important;border:0 !important;
}
.atw-foundry.single .container-single{position:relative;background:var(--ink) !important;overflow:hidden}
.atw-foundry.single .container-single::before{
  content:"";position:absolute;left:64%;top:-46vmax;translate:-50% 0;
  width:96vmax;height:96vmax;pointer-events:none;z-index:0;
  background:radial-gradient(closest-side, rgba(110,158,61,.15), rgba(110,158,61,0) 70%);
}

/* ---------- The header block ---------------------------------------------- */
.atw-foundry.single .the-categories,
.atw-foundry.single .container-single h1,
.atw-foundry.single .the-time{
  position:relative;z-index:1;
  max-width:none !important;
  margin-inline:0 !important;
  padding-inline:max(var(--gut), calc((100% - var(--wrap)) / 2 + var(--gut))) !important;
}
.atw-foundry.single .the-categories{padding-top:clamp(122px,11vw,168px) !important}
.atw-foundry.single .the-categories a,
.atw-foundry.single .the-categories span{
  font-family:var(--ff-display) !important;font-weight:600 !important;
  font-size:.7rem !important;letter-spacing:.17em !important;text-transform:uppercase !important;
  color:var(--brand) !important;text-decoration:none !important;
}
.atw-foundry.single .container-single h1{
  font-family:var(--ff-display) !important;font-weight:800 !important;
  font-size:clamp(2rem,1rem + 4.2vw,4rem) !important;
  line-height:1.02 !important;letter-spacing:-.03em !important;
  color:var(--fg) !important;margin:20px 0 22px !important;
  max-width:min(24ch, var(--wrap)) !important;text-wrap:balance;
}
.atw-foundry.single .the-time,
.atw-foundry.single .the-time *{
  font-family:var(--ff-body) !important;font-size:.86rem !important;
  color:var(--fg-3) !important;letter-spacing:.02em !important;
}
.atw-foundry.single .the-time{padding-bottom:clamp(40px,4.5vw,64px) !important}

/* ---------- The article body, on the one long-read surface ---------------- */
.atw-foundry.single .the-content{
  position:relative;z-index:1;
  background:var(--paper) !important;
  color:var(--on-paper-2) !important;
  padding:clamp(56px,6vw,88px) var(--gut) clamp(72px,8vw,112px) !important;
  margin:0 !important;max-width:none !important;
}
.atw-foundry.single .the-content::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(112% 50% at 82% 0%, rgba(110,158,61,.13), transparent 62%);
}
.atw-foundry.single .the-content > *{position:relative;max-width:70ch;margin-inline:auto}
.atw-foundry.single .the-content h2{
  font-family:var(--ff-display) !important;font-weight:800 !important;
  font-size:clamp(1.4rem,1.1rem + 1.1vw,1.95rem) !important;
  letter-spacing:-.022em !important;line-height:1.14 !important;
  color:var(--on-paper) !important;margin:var(--s6) auto 14px !important;
}
.atw-foundry.single .the-content h3{
  font-family:var(--ff-display) !important;font-weight:800 !important;
  font-size:clamp(1.05rem,1rem + .3vw,1.22rem) !important;
  color:var(--on-paper) !important;margin:var(--s5) auto 10px !important;
}
.atw-foundry.single .the-content p{
  font-family:var(--ff-body) !important;font-size:1.02rem !important;
  line-height:1.72 !important;color:var(--on-paper-2) !important;
  margin:0 auto 1.05em !important;
}
.atw-foundry.single .the-content ul,
.atw-foundry.single .the-content ol{margin:0 auto 1.2em !important;padding-left:1.15em !important}
.atw-foundry.single .the-content li{color:var(--on-paper-2) !important;line-height:1.7;margin-bottom:.5em}
.atw-foundry.single .the-content li::marker{color:var(--brand-ink)}
.atw-foundry.single .the-content strong{color:var(--on-paper) !important;font-weight:600}
.atw-foundry.single .the-content a{
  color:var(--brand-ink) !important;
  border-bottom:1.5px solid rgba(47,90,28,.38) !important;
  text-decoration:none !important;
  transition:border-color .25s ease;
}
.atw-foundry.single .the-content a:hover{border-bottom-color:var(--brand-ink) !important}
.atw-foundry.single .the-content img{border-radius:var(--r);border:1px solid var(--line-paper)}

/* ---------- Navigation and related ---------------------------------------- */
.atw-foundry.single .box-posts-navigation,
.atw-foundry.single .related-posts{
  position:relative;z-index:1;background:var(--ink) !important;
  max-width:none !important;
  padding:clamp(56px,6vw,84px) var(--gut) !important;margin:0 !important;
}
.atw-foundry.single .box-posts-navigation > *,
.atw-foundry.single .related-posts > *{max-width:calc(var(--wrap) - var(--gut) * 2);margin-inline:auto}
.atw-foundry.single .related-posts h2,
.atw-foundry.single .related-posts h3{
  font-family:var(--ff-display) !important;font-weight:800 !important;
  color:var(--fg) !important;letter-spacing:-.02em !important;
}
.atw-foundry.single .related-posts .boxes{
  background:var(--ink-2) !important;border:1px solid var(--line) !important;
  border-radius:var(--r) !important;overflow:hidden;
  transition:transform .38s var(--ease), border-color .38s var(--ease-2), background .38s var(--ease-2);
}
@media (hover:hover){
  .atw-foundry.single .related-posts .boxes:hover{transform:translateY(-4px);border-color:var(--line-3);background:var(--ink-3)}
}
.atw-foundry.single .related-posts .the-title h3 a,
.atw-foundry.single .related-posts a{color:var(--fg) !important;text-decoration:none !important}
.atw-foundry.single .related-posts .the-title h3 a:hover{color:var(--brand) !important}
.atw-foundry.single .box-posts-navigation a{
  color:var(--fg-2) !important;text-decoration:none !important;
  font-family:var(--ff-display) !important;font-weight:700 !important;
}
.atw-foundry.single .box-posts-navigation a:hover{color:var(--brand) !important}

/* ---------- Share row ------------------------------------------------------ */
.atw-foundry.single .social-share,
.atw-foundry.single .the-share{
  position:relative;z-index:1;max-width:70ch;margin:0 auto !important;
  padding:0 var(--gut) clamp(40px,5vw,64px) !important;
  background:var(--paper) !important;
}
.atw-foundry.single .social-share a,
.atw-foundry.single .the-share a{
  color:var(--on-paper-2) !important;
  border:1px solid rgba(12,31,19,.20) !important;border-radius:var(--r-sm);
}
