/* =========================================================
   Footer
========================================================= */
.site-footer{background:var(--color-ink);color:var(--color-white);margin-top:80px}
.footer-service{border-bottom:1px solid var(--color-white-14)}
.footer-service .container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 0}
.service-item{display:flex;gap:14px;align-items:flex-start}
.service-icon{font-size:24px;line-height:1}
.service-item h4{margin:0 0 6px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}
.service-item p{margin:0;color:var(--color-white-68);font-size:13px;line-height:1.6}
.footer-main{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr 1.15fr;gap:42px;padding:54px 0}
.footer-logo{font-family:var(--font-title);font-size:30px;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px}
.footer-main p{color:var(--color-white-68);line-height:1.75;margin:0}
.footer-col h4{font-size:13px;letter-spacing:2px;text-transform:uppercase;margin:0 0 18px}
.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;color:var(--color-white-68);font-size:14px}
.footer-col a:hover{color:var(--color-white)}
.newsletter{display:flex;margin-top:18px;border:1px solid var(--color-white-28)}
.newsletter input{min-width:0;flex:1;background:transparent;border:0;color:var(--color-white);padding:0 14px;height:46px;outline:0}
.newsletter input::placeholder{color:var(--color-white-55)}
.newsletter button{width:48px;border:0;background:var(--color-white);color:var(--color-ink)}
.footer-bottom{border-top:1px solid var(--color-white-14);padding:18px 0;color:var(--color-white-58);font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}