/* Shared paper feature for the homepage and the insight collection. */
.latest-insight{
  --feature-gold:#dfca8e;
  position:relative;
  isolation:isolate;
  margin:0 0 32px;
  overflow:hidden;
  border:1px solid #57756e;
  border-top:3px solid var(--feature-gold);
  border-radius:10px;
  background:linear-gradient(120deg,#142d37,#204850);
  color:#fff;
  box-shadow:0 16px 40px rgba(20,45,55,.13);
  scroll-margin-top:110px;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}

.latest-insight::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-200px;
  right:-160px;
  width:640px;
  height:640px;
  border:1px solid rgba(223,202,142,.12);
  border-radius:50%;
  box-shadow:0 0 0 64px rgba(223,202,142,.025),0 0 0 128px rgba(223,202,142,.02);
  pointer-events:none;
}

.latest-insight__main{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,.48fr);
  align-items:center;
  gap:clamp(28px,5vw,68px);
  padding:clamp(28px,4.5vw,60px);
}

.latest-insight__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 20px;
  margin-bottom:25px;
  color:#c5d6d8;
  font-size:12px;
  line-height:1.5;
}

.latest-insight__badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border:1px solid rgba(223,202,142,.45);
  border-radius:4px;
  background:rgba(223,202,142,.09);
  color:#f0dcaa;
  font-size:10px;
  font-weight:700;
  letter-spacing:.13em;
  line-height:1.5;
  text-transform:uppercase;
}

.latest-insight__badge::before{
  content:"";
  width:6px;
  height:6px;
  flex:none;
  border-radius:50%;
  background:currentColor;
}

.latest-insight h3{
  max-width:740px;
  margin:0 0 24px;
  color:#fff;
  font-size:clamp(32px,3.8vw,52px);
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.035em;
  text-wrap:balance;
}

.latest-insight__lead{
  max-width:660px;
  margin:0 0 24px;
  color:#e3ebeb;
  font-size:clamp(17px,1.6vw,21px);
  line-height:1.6;
  hyphens:auto;
}

.latest-insight__byline{
  margin:0 0 28px;
  color:#b9cccf;
  font-size:13px;
  line-height:1.6;
}

.latest-insight__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 20px;
}

.latest-insight__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  min-height:48px;
  padding:13px 20px;
  border:1px solid var(--feature-gold);
  border-radius:4px;
  background:var(--feature-gold);
  color:#142d37;
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  text-decoration:none;
  transition:background-color .2s ease;
}

.latest-insight__button:hover{
  background:#f0dcaa;
  color:#142d37;
}

.latest-insight__arrow{
  display:inline-block;
  font-size:21px;
  line-height:1;
  transition:transform .25s ease;
}

.latest-insight__file{
  color:#b9cccf;
  font-size:12px;
}

.latest-insight__cover{
  display:block;
  width:100%;
  max-width:300px;
  justify-self:center;
  border-radius:3px;
  box-shadow:10px 18px 32px rgba(0,0,0,.28);
  transform:rotate(2deg);
  transition:transform .35s ease,box-shadow .35s ease;
}

.latest-insight__cover img{
  display:block;
  width:100%;
  height:auto;
  border-radius:inherit;
}

.latest-insight__details{
  border-top:1px solid rgba(223,202,142,.24);
}

.latest-insight__details summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  min-height:68px;
  padding:18px clamp(28px,4.5vw,60px);
  color:#f0dcaa;
  font-size:14px;
  font-weight:700;
  line-height:1.5;
  cursor:pointer;
  list-style:none;
  transition:background-color .2s ease;
}

.latest-insight__details summary::-webkit-details-marker{display:none;}
.latest-insight__details summary::after{content:"+";font-size:25px;font-weight:400;}
.latest-insight__details[open] summary::after{content:"−";}
.latest-insight__details summary:hover{background:rgba(255,255,255,.05);}
.latest-insight__less{display:none;}
.latest-insight__details[open] .latest-insight__more{display:none;}
.latest-insight__details[open] .latest-insight__less{display:inline;}

.latest-insight__body{
  padding:clamp(28px,4.5vw,60px);
  background:#fafbf9;
  color:#334e58;
}

.latest-insight__body p{
  max-width:850px;
  margin:0 auto 22px;
  font-size:17px;
  line-height:1.8;
  hyphens:auto;
}

.latest-insight__body p:last-child{margin-bottom:0;}
.latest-insight__body a{
  color:#0a6475;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:4px;
}
.latest-insight__body a:hover{color:#142d37;}
.latest-insight__body .latest-insight__takeaway{
  padding:18px 24px;
  border-left:3px solid #a89860;
  background:#edf2ef;
  color:#204850;
  font-size:21px;
  line-height:1.6;
}

.latest-insight a:focus-visible,
.latest-insight summary:focus-visible{
  outline:3px solid #f0dcaa;
  outline-offset:5px;
}
.latest-insight summary:focus-visible{outline-offset:-5px;}
.latest-insight__body a:focus-visible{outline-color:#204850;}

/* The homepage teaser leads into the complete insight collection. */
.latest-insight--teaser{
  display:block;
  margin:0;
  text-decoration:none;
}
.latest-insight--teaser:focus-visible{
  outline:3px solid #204850;
  outline-offset:5px;
}
.latest-insight--teaser .latest-insight__main{
  grid-template-columns:minmax(0,1fr) 190px;
  padding:clamp(28px,4vw,48px);
}
.latest-insight--teaser h3{font-size:clamp(30px,3.5vw,46px);}
.latest-insight--teaser .latest-insight__lead{font-size:17px;}
.latest-insight--teaser .latest-insight__cover{max-width:190px;}
.latest-insight--teaser .latest-insight__button{gap:28px;}

@media (hover:hover) and (pointer:fine){
  .latest-insight:hover{
    border-color:var(--feature-gold);
    box-shadow:0 24px 52px rgba(20,45,55,.23);
    transform:translateY(-5px);
  }
  .latest-insight:hover .latest-insight__cover{
    transform:rotate(0deg) translateY(-3px);
    box-shadow:12px 24px 38px rgba(0,0,0,.35);
  }
  .latest-insight__button:hover .latest-insight__arrow,
  .latest-insight--teaser:hover .latest-insight__arrow{transform:translate(3px,-3px);}
}

@media (max-width:767px){
  .latest-insight__main,
  .latest-insight--teaser .latest-insight__main{
    grid-template-columns:minmax(0,1fr);
    gap:32px;
    padding:28px;
  }
  .latest-insight__cover{max-width:230px;}
  .latest-insight--teaser .latest-insight__cover{max-width:170px;}
  .latest-insight__meta{margin-bottom:22px;}
  .latest-insight__details summary,.latest-insight__body{padding:24px 28px;}
  .latest-insight__body p{font-size:16px;}
  .latest-insight__body .latest-insight__takeaway{font-size:18px;padding:16px 20px;}
}

@media (prefers-reduced-motion:reduce){
  .latest-insight,.latest-insight__cover,.latest-insight__button,
  .latest-insight__arrow,.latest-insight__details summary{transition:none;}
  .latest-insight:hover,.latest-insight .latest-insight__cover,
  .latest-insight:hover .latest-insight__cover,
  .latest-insight .latest-insight__arrow{transform:none;}
}