*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:"Segoe UI",Arial,Helvetica,sans-serif;
  color:var(--sf-ink);
  background:var(--sf-bg);
  line-height:1.55;
}
img{max-width:100%;display:block}
a{color:var(--sf-link);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}

.site-header{border-bottom:1px solid var(--sf-line);background:var(--sf-bg)}
.header-inner{
  max-width:1180px;margin:0 auto;padding:18px 24px;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;
}
.header-logo{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:800;font-size:28px;letter-spacing:0.5px;
  color:var(--sf-ink);text-transform:uppercase;
}
.header-logo span{color:var(--sf-accent)}
.header-nav{display:flex;gap:26px;flex-wrap:wrap}
.nav-link{
  font-size:13px;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;
  color:var(--sf-ink-soft);
}
.nav-link:hover{color:var(--sf-accent);text-decoration:none}

.site-footer{background:var(--sf-ink);color:#c9d3d8;margin-top:60px}
.footer-inner{max-width:900px;margin:0 auto;padding:32px 24px;text-align:center}
.footer-nav-inner{
  max-width:1180px;margin:0 auto;padding:40px 24px 20px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:28px;
}
.footer-col h4{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px}
.footer-col a{color:#c9d3d8;display:block;font-size:13px;padding:4px 0}
.footer-col a:hover{color:#fff}
.footer-bottom{max-width:900px;margin:0 auto;padding:24px;text-align:center;border-top:1px solid rgba(255,255,255,0.12);font-size:12px;color:#8fa0aa}

.breadcrumb{font-size:12px;color:var(--sf-ink-soft);padding:14px 0}
.breadcrumb-sep{margin:0 6px;color:#aab5bb}

@media (max-width:820px){
  .footer-nav-inner{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .header-nav{gap:14px}
  .footer-nav-inner{grid-template-columns:1fr}
}