.sf-feat{ max-width:var(--container-max); margin:0 auto; padding:64px var(--gutter) 24px; }
  .sf-feat__grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(232px,1fr)); gap:20px; margin-top:28px; }

  .sf-news{ position:relative; overflow:hidden; background:var(--surface-paper); color:var(--text-on-paper); margin-top:48px;
    border-top:var(--border-stamp) solid var(--ink-950); border-bottom:var(--border-stamp) solid var(--ink-950); }
  .sf-news__inner{ position:relative; z-index:2; max-width:760px; margin:0 auto; padding:56px var(--gutter); text-align:center; }
  .sf-news h2{ font-family:var(--font-display); text-transform:uppercase; font-size:46px; line-height:.92;
    margin:14px 0 12px; color:var(--ink-900); }
  .sf-news p{ font-family:var(--font-body); font-size:16px; line-height:1.55; color:var(--concrete-600); margin:0 auto 24px; max-width:480px; }
  .sf-news__form{ display:flex; gap:12px; max-width:460px; margin:0 auto; align-items:flex-end; }
  .sf-news__form .dodh-field{ flex:1; text-align:left; }
  .sf-news__form .dodh-field__input{ background:var(--bone-100); color:var(--ink-900); border-color:var(--ink-900); }
  .sf-news__form .dodh-field__label{ color:var(--concrete-600); }

  .sf-footer{ background:var(--ink-950); }
  .sf-footer__inner{ max-width:var(--container-max); margin:0 auto; padding:48px var(--gutter);
    display:flex; gap:40px; justify-content:space-between; flex-wrap:wrap; }
  .sf-footer__brand{ display:flex; gap:14px; align-items:flex-start; max-width:320px; }
  .sf-footer__brand img{ width:64px; height:64px; }
  .sf-footer__brand p{ font-family:var(--font-body); font-size:13px; line-height:1.55; color:var(--concrete-400); margin:6px 0 0; }
  .sf-footer__col h4{ font-family:var(--font-mono); font-weight:700; font-size:12px; letter-spacing:.14em;
    text-transform:uppercase; color:var(--gold-500); margin:0 0 14px; }
  .sf-footer__col a{ display:block; font-family:var(--font-condensed); text-transform:uppercase; font-size:15px;
    color:var(--concrete-200); text-decoration:none; margin-bottom:9px; cursor:pointer; }
  .sf-footer__col a:hover{ color:var(--bone-100); }
  .sf-footer__col a:focus {color: var(--gold-500);background:transparent!important;text-decoration:none!important;}
  .sf-footer__bar{ border-top:1px solid var(--concrete-700); }
  .sf-footer__bar div{ max-width:var(--container-max); margin:0 auto; padding:16px var(--gutter);
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
    font-family:var(--font-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--concrete-500); }

.sf-footer__col .footer-menu {
    list-style:none;
    padding-left: 0px;
}
.foot-right {
	display: flex;
  	flex-direction: column;
  	align-items: flex-end;
}
.site-footer > .site-info {
    display: flex;
    justify-content: space-between;
}
.sf-footer__bar div {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 16px var(--gutter);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--concrete-500);
}
.sf-footer__brand .site-logo img {
    width: 100%;
    max-width: 100px;
}
.footer-social {
	display: flex;
  	justify-content: flex-end;
	margin-bottom: 30px;
    align-items:center;
}
.footer-social a {
	color: #fff!important;
	font-size: 1.25rem;
	margin: 0 0 0 20px;
	transition: opacity 0.3s ease;
}

.social-icons-wrapper a:hover, .social-icons-wrapper a:focus, .footer-social a:hover, .footer-social a:focus {
	opacity: .8;
}

@media screen and (max-width: 767px) {
    .sf-footer__inner {
    flex-direction: column;
    gap: 0px;
}
    .sf-footer__inner > * {
        border-top: 1px solid var(--concrete-700);
        padding: 20px 0 0;
        margin: 10px 0 0;
    }
    .sf-footer__inner .sf-footer__brand {
        border-top: none;
        padding-top:0px;
        margin-top: 0px;
    }
    .social-icons-wrapper, .footer-social {
    justify-content: flex-start;
    margin-bottom: 0px;
}
    .social-icons-wrapper a, .footer-social a {
    margin: 0 20px 0 0px;
}
.sf-footer__bar div {
    flex-direction: column;
    gap: 5px;
}
}