/* S&P V17.0 - executive folder hub */
.site-nav .folder-nav-link{
  border:1px solid rgba(50,172,226,.42);
  border-radius:999px;
  color:var(--blue);
  padding:.5rem .78rem;
}
.site-nav .folder-nav-link:hover,
.site-nav .folder-nav-link:focus-visible{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
}
.folder-hub{
  background:
    radial-gradient(circle at 92% 8%,rgba(50,172,226,.19),transparent 34%),
    linear-gradient(145deg,#061b34 0%,#0b2e50 58%,#0c416a 100%);
  color:#fff;
  overflow:hidden;
}
.folder-hub .section-inner{max-width:1440px}
.folder-hub-head{
  align-items:end;
  display:grid;
  gap:1.5rem;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  margin-bottom:2.2rem;
}
.folder-hub .section-kicker{color:#70d4ff}
.folder-hub .section-title{
  color:#fff;
  margin-bottom:.8rem;
  max-width:940px;
}
.folder-hub-lede{
  color:rgba(255,255,255,.82);
  font-size:1.08rem;
  line-height:1.65;
  margin:0;
  max-width:820px;
}
.folder-hub-note{
  border-left:3px solid #70d4ff;
  color:rgba(255,255,255,.76);
  line-height:1.55;
  margin:0;
  padding:.25rem 0 .25rem 1rem;
}
.folder-grid{
  display:grid;
  gap:1.25rem;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.folder-card{
  background:#fff;
  border:1px solid rgba(255,255,255,.24);
  border-radius:18px;
  box-shadow:0 22px 52px rgba(0,8,20,.28);
  color:var(--navy);
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease;
}
.folder-card:hover{
  box-shadow:0 28px 62px rgba(0,8,20,.38);
  transform:translateY(-5px);
}
.folder-cover-button{
  align-items:center;
  background:#041a31;
  border:0;
  cursor:zoom-in;
  display:flex;
  height:390px;
  justify-content:center;
  overflow:hidden;
  padding:0;
  position:relative;
  width:100%;
}
.folder-cover-button::after{
  background:rgba(3,23,42,.86);
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  bottom:14px;
  color:#fff;
  content:"Cover vergrößern +";
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.02em;
  padding:.48rem .72rem;
  position:absolute;
  right:14px;
}
html[lang^="en"] .folder-cover-button::after{content:"Enlarge cover +"}
.folder-cover-button:focus-visible{
  outline:3px solid #70d4ff;
  outline-offset:-3px;
}
.folder-cover-button img{
  height:100%;
  object-fit:contain;
  object-position:center top;
  transition:transform .24s ease;
  width:100%;
}
.folder-cover-button:hover img{transform:scale(1.018)}
.folder-card-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:1.25rem;
}
.folder-tag{
  color:var(--blue);
  display:block;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  margin-bottom:.55rem;
  text-transform:uppercase;
}
.folder-card h3{
  color:var(--navy);
  font-size:1.18rem;
  line-height:1.25;
  margin:0 0 .6rem;
}
.folder-card p{
  color:var(--muted);
  font-size:.94rem;
  line-height:1.55;
  margin:0 0 .9rem;
}
.folder-meta{
  color:#52677b;
  display:flex;
  flex-wrap:wrap;
  font-size:.8rem;
  font-weight:700;
  gap:.42rem;
  margin:0 0 1rem;
}
.folder-meta span:not(:last-child)::after{
  color:#8ca0b3;
  content:"·";
  margin-left:.42rem;
}
.folder-card .button{
  justify-content:center;
  margin-top:auto;
  text-align:center;
  width:100%;
}
.folder-hub-footer{
  align-items:center;
  border-top:1px solid rgba(255,255,255,.18);
  display:flex;
  gap:1rem;
  justify-content:space-between;
  margin-top:2rem;
  padding-top:1.25rem;
}
.folder-hub-footer p{
  color:rgba(255,255,255,.72);
  margin:0;
}
.folder-hub-footer .text-link{color:#fff}
.legal-copy--current{max-width:920px}
.legal-copy--current h2{
  border-top:1px solid #d9e5ee;
  margin-top:2.6rem;
  padding-top:1.7rem;
}
.legal-copy--current h2:first-child{
  border-top:0;
  margin-top:0;
  padding-top:0;
}
.legal-copy--current a{color:var(--blue);text-decoration:underline}
.legal-copy--current address{
  color:var(--muted);
  font-style:normal;
  line-height:1.72;
}
@media (max-width:1120px){
  .folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .folder-cover-button{height:500px}
}
@media (max-width:780px){
  .folder-hub-head{grid-template-columns:1fr}
  .folder-hub-note{max-width:650px}
  .folder-hub-footer{align-items:flex-start;flex-direction:column}
}
@media (max-width:620px){
  .folder-grid{grid-template-columns:1fr}
  .folder-cover-button{height:min(138vw,650px)}
  .folder-card-body{padding:1.1rem}
  .site-nav .folder-nav-link{border-radius:10px}
}