/* SiteFooter styles */
body{margin:0}

.sf{container-type:inline-size;container-name:sf;width:100%;padding:72px 0 48px;border-top:3px solid #C78B4C;background:url(../assets/img/texture-grain.png) repeat,url(../assets/img/texture-wood.jpg) center/cover,#261E18;font-family:"Karla",system-ui,sans-serif;color:#F2E5CF;line-height:1.6}

.sf *{box-sizing:border-box}

:where(.sf) p{margin:0}

.sf :focus-visible{outline:3px solid #D9A066;outline-offset:3px;border-radius:4px}

.sf-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 48px}

.sf-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}

.sf-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px}

.sf-logo{display:block;height:104px;width:auto}

.sf-tag{color:#CDBDA3;font-size:16px}

.sf-col{display:flex;flex-direction:column;gap:10px}

.sf-head{font-family:"DM Mono","Courier New",monospace;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#D9A066}

.sf-links{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}

.sf-links a{display:inline-flex;align-items:center;min-height:44px;color:#F2E5CF;text-decoration:none;font-weight:500;font-size:17px}

.sf-links a:hover{color:#D9A066}

.sf-disclosure{margin-top:48px;padding-top:24px;border-top:1px solid rgba(242,229,207,.16);font-size:15px;color:#BDAE95;max-width:820px}

@container sf (max-width: 640px){
  .sf{padding:56px 0 40px}

  .sf-wrap{padding:0 16px}

  .sf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}

  .sf-brand{grid-column:1 / -1}

  .sf-logo{height:84px}

}