/* ============================================================
   STORYLINE — footer
   ============================================================ */

.legal-bar{background:#100b0c;padding:26px var(--gutter);border-top:1px solid var(--accent-line)}
.legal-bar p{max-width:var(--maxw);margin:0 auto;font-size:11px;line-height:1.75;color:var(--faint);letter-spacing:.01em;text-align:center}

footer{background:#0d0809;padding:78px var(--gutter) 34px;color:var(--ink)}
.footwrap{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(40px,6vw,72px);padding-bottom:48px;border-bottom:1px solid var(--accent-line)}
.foot-brand img{height:46px;width:auto;max-width:none;object-fit:contain;margin-bottom:24px;filter:brightness(1.12)}
.foot-brand p{font-size:14px;line-height:1.7;color:var(--ink-soft);margin-bottom:20px;max-width:380px;font-weight:300}
.foot-brand .addr{font-size:13px;color:var(--muted);letter-spacing:.01em}
.foot-brand .devs{display:flex;align-items:center;gap:22px;margin-top:30px;flex-wrap:wrap}
.foot-brand .devs img{height:30px;width:auto;max-width:none;object-fit:contain;opacity:.85}
.foot-brand .devs img.albarari-logo{height:60px}
.foot-brand .devs .div{width:1px;height:24px;background:var(--accent-line)}

.foot-col h4{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:24px;font-weight:400}
.foot-col ul{list-style:none}
.foot-col li{margin-bottom:14px;font-size:14px}
.foot-col li a{color:var(--ink-soft);transition:color .25s var(--ease);display:flex;align-items:center;gap:10px;font-weight:300}
.foot-col li a::before{content:"";width:0;height:1px;background:var(--accent);transition:width .25s var(--ease)}
.foot-col li a:hover{color:var(--accent)}
.foot-col li a:hover::before{width:14px}

.foot-contact li{display:flex;align-items:flex-start;gap:12px;color:var(--ink-soft)}
.foot-contact li a{display:inline;color:inherit}
.foot-contact li a::before{display:none}
.foot-contact .ico{color:var(--accent);font-size:12px;margin-top:3px;flex-shrink:0;width:16px}
.foot-social{display:flex;gap:11px;margin-top:26px}
.foot-social a{width:36px;height:36px;border:1px solid var(--accent-line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);transition:all .25s var(--ease);font-size:13px}
.foot-social a:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}

.foot-bottom{max-width:var(--maxw);margin:30px auto 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--faint);letter-spacing:.03em}
.foot-bottom .links a{color:var(--muted);margin-left:28px;transition:color .2s}
.foot-bottom .links a:hover{color:var(--accent)}

@media(max-width:880px){
  footer{padding:52px var(--gutter) 26px}
  .footwrap{grid-template-columns:1fr;gap:44px;text-align:center}
  .foot-brand img{margin:0 auto 20px}
  .foot-brand p,.foot-brand .addr{margin-left:auto;margin-right:auto;text-align:center}
  .foot-brand .devs{justify-content:center}
  .foot-col li a{justify-content:center}
  .foot-contact li{justify-content:center;text-align:left;max-width:240px;margin:0 auto 14px}
  .foot-social{justify-content:center}
  .foot-bottom{flex-direction:column;gap:16px;text-align:center}
  .foot-bottom .links a{margin:0 12px}
}