/*
 * Optional footer statement panel.
 *
 * Loaded only on page templates whose Figma design includes this section.
 */
.footer__statement{
  overflow:hidden;
  padding:76px var(--gutter) 36px;
  text-align:center;
}
.footer__wordmark{
  color:#171717;
  font-size:9.2vw;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
.footer__statement--layered{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:296px;
  padding:25px var(--gutter);
}
.footer__statement--layered .footer__wordmark{
  position:absolute;
  top:50%;
  left:50%;
  width:min(1056.75px,calc(100% - (2 * var(--gutter))));
  height:auto;
  max-width:none;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.footer__statement-content{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
  width:min(100%,844px);
}
.footer__statement-heading{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.footer__statement--layered h2{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin:0;
  color:var(--off);
  font-size:40px;
  line-height:1.3;
  white-space:nowrap;
}
.footer__statement h2 i{
  width:12px;
  height:12px;
  flex:none;
  border-radius:50%;
  background:var(--green);
}
.footer__statement--layered .accent-rule{
  width:200px;
  margin:0;
}
.footer__statement-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  width:100%;
  font-size:18px;
}
.footer__statement-copy p{
  max-width:844px;
  margin:0;
  color:var(--silver);
}
.footer__statement-copy p:nth-child(2){max-width:648px}
.footer__statement-copy .footer__thanks{
  color:var(--green);
  font-weight:700;
}
.footer__statement+.footer__links{margin-top:80px}

@media(min-width:1201px){
  .footer__statement--layered{
    min-height:0;
    padding:36px var(--gutter) 37px;
  }
  .footer__statement-content{height:223px}
}
@media(max-width:1024px){
  .footer__statement+.footer__links{margin-top:48px}
}
@media(max-width:900px){
  .footer__wordmark{font-size:12vw}
  .footer__statement--layered h2{font-size:30px}
  .footer__statement-copy{font-size:16px}
  .footer__statement+.footer__links{margin-top:40px}
}
@media(max-width:480px){
  .footer__statement--layered{padding-block:32px}
  .footer__statement--layered h2{
    gap:8px;
    font-size:20px;
  }
  .footer__statement h2 i{
    width:8px;
    height:8px;
  }
  .footer__statement--layered .accent-rule{width:120px}
  .footer__statement+.footer__links{margin-top:0}
}