.sf{background:#252522;color:#F5F0E7;padding:clamp(72px,10vw,128px) clamp(24px,4vw,64px) 80px}
.sf-h{font:400 clamp(36px,5vw,56px)/1.14 "Cormorant Garamond",serif;letter-spacing:-.015em;max-width:56rem;margin:0}
.sf-p{margin:16px 0 0;font:400 17px/28px Manrope,sans-serif;color:#8d8c88;max-width:42rem}
.sf-grid{display:grid;grid-template-columns:1fr;gap:48px;padding:48px 0;margin-top:clamp(40px,6vw,80px);border-top:1px solid rgba(222,215,204,.2);border-bottom:1px solid rgba(222,215,204,.2)}
.sf-top+.sf-grid{margin-top:clamp(40px,6vw,80px)}.sf>.sf-grid:first-child{margin-top:0}
@media(min-width:768px){.sf-grid{grid-template-columns:repeat(4,1fr)}}
.sf-t{display:block;font:500 11px/14px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8d8c88;margin-bottom:8px}
.sf-l{display:flex;flex-direction:column;gap:4px;font:400 15px/24px Manrope,sans-serif}
.sf-l a{color:#ece8df;text-decoration:none;transition:color .2s}.sf-l a:hover,.sf-l a.on{color:#fff}.sf-l a.u{text-decoration:underline;text-underline-offset:4px}
.sf-n{margin:0;padding-top:4px;font:400 13px/20px Manrope,sans-serif;color:#8d8c88}.sf-l+.sf-n{padding-top:12px}
.sf-b{padding-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
@media(min-width:640px){.sf-b{flex-direction:row;align-items:center;justify-content:space-between}}
.sf-b span{font:500 11px/14px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8d8c88}
.sf a:focus-visible{outline:2px solid #B49A7B;outline-offset:3px}