/* A quiet closing frame, with light and lettering that respond to the visitor. */
.site-footer{position:relative;isolation:isolate;overflow:hidden;background:#1d1d1b;color:#f8f8f4;border:0;padding:88px 0 35px;--footer-x:50%;--footer-y:42%;--logo-x:0px;--logo-y:0px}
.footer-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse 420px 300px at var(--footer-x) var(--footer-y),#ffdb3210,transparent 75%);transition:opacity 1.2s ease}
.site-footer.is-hovered .footer-glow{opacity:1}
.footer-content{display:flex;align-items:center;flex-direction:column;text-align:center}
.site-footer .footer-brand{color:#fff;max-width:100%;gap:16px;padding:10px 14px;transform:translate(var(--logo-x),var(--logo-y));transition:transform 1.2s var(--ease),color .8s ease}
.site-footer .footer-brand .bancho-symbol{width:61px;height:61px;color:inherit;transition:color .8s ease}
.site-footer .footer-brand .bancho-name{width:238px;gap:9px;color:inherit}
.site-footer .footer-brand .brand-small{color:#b0b0a9;font-size:8px;letter-spacing:7px;margin-left:4px;transition:color .8s ease}
.site-footer .footer-brand:is(:hover,:focus-visible) .bancho-symbol{color:var(--accent)}
.site-footer .footer-brand:is(:hover,:focus-visible) .brand-small{color:var(--accent)}
.footer-company{font-size:27px;letter-spacing:-.8px;line-height:1.3;margin-top:31px}
.footer-part-of{display:block;font-family:DM,Arial,sans-serif;font-size:11px;font-weight:400;letter-spacing:1.6px;color:#a7a7a0;line-height:1.5;margin-bottom:8px}
.footer-tagline{color:#a7a7a0;font-size:13px;margin-top:12px}
.footer-contact-grid{display:grid;grid-template-columns:auto auto;gap:44px;margin:35px 0 0;font-style:normal;text-align:left}
.footer-contact-block{display:flex;flex-direction:column;align-items:flex-start}
.footer-contact-block+.footer-contact-block{border-left:1px solid #ffffff1c;padding-left:44px}
.footer-label{font-size:9px;letter-spacing:1.9px;color:#93938c;margin-bottom:12px}
.footer-contact-link{position:relative;display:inline-flex;align-items:center;gap:14px;min-height:36px;font-size:17px;line-height:1.6;transition:color .75s ease,transform .95s var(--ease)}
.footer-contact-link>span{position:relative;background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-size:0% 1px;background-position:left bottom;transition:background-size .9s var(--ease)}
.footer-contact-link i{font-style:normal;font-size:19px;color:var(--accent);opacity:0;transform:translate(-5px,5px);transition:opacity .75s,transform 1s var(--ease)}
.footer-contact-link:is(:hover,:focus-visible){color:var(--accent);transform:translateX(3px)}
.footer-contact-link:is(:hover,:focus-visible)>span{background-size:100% 1px}
.footer-contact-link:is(:hover,:focus-visible) i{opacity:1;transform:translate(0,0)}
.footer-address{color:var(--accent);align-items:flex-start}
.footer-address>span{background-size:100% 1px;background-image:linear-gradient(#ffdb3255,#ffdb3255)}
.footer-address:is(:hover,:focus-visible)>span{background-image:linear-gradient(var(--accent),var(--accent))}
.footer-base{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:67px}
.footer-legal{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9d9d96;font-size:11px;line-height:1.5}
.footer-legal button{font-size:11px;line-height:1.6;background:none;padding:3px 0;color:inherit;transition:color .7s}
.footer-legal button:is(:hover,:focus-visible){color:var(--accent)}
.footer-to-top{width:42px;height:42px;flex-shrink:0;border:1px solid #ffffff30;border-radius:50%;display:grid;place-items:center;color:#c6c6bd;transition:color .7s,background .7s,border-color .7s,transform 1s var(--ease)}
.footer-to-top span{display:block;font-size:20px;transition:transform 1s var(--ease)}
.footer-to-top:is(:hover,:focus-visible){color:#1d1d1b;background:var(--accent);border-color:var(--accent);transform:translateY(-3px)}
.footer-to-top:is(:hover,:focus-visible) span{transform:translateY(-2px)}
.site-footer :focus-visible{outline:2px solid var(--accent);outline-offset:7px}
.contact-phone{display:flex;width:max-content;align-items:center;gap:20px;margin-top:13px;font-size:16px;padding-bottom:5px;border-bottom:1px solid transparent;transition:border-color .7s}
.contact-phone span{transition:transform .85s var(--ease)}
.contact-phone:is(:hover,:focus-visible){border-color:var(--ink)}
.contact-phone:is(:hover,:focus-visible) span{transform:translate(2px,-2px)}
@media(max-width:600px){
 .site-footer{padding:64px 0 30px}
 .site-footer .footer-brand{gap:12px;padding:8px 0}
 .site-footer .footer-brand .bancho-symbol{width:46px;height:46px}
 .site-footer .footer-brand .bancho-name{width:min(205px,55vw);gap:7px}
 .site-footer .footer-brand .brand-small{font-size:7px;letter-spacing:6px}
 .footer-company{font-size:24px;margin-top:26px}
 .footer-tagline{font-size:12px;max-width:240px}
 .footer-contact-grid{grid-template-columns:1fr;gap:25px;text-align:center;margin-top:30px}
 .footer-contact-block{align-items:center}
 .footer-contact-block+.footer-contact-block{border-left:0;border-top:1px solid #ffffff1c;padding:24px 0 0}
 .footer-label{font-size:8px;margin-bottom:8px}
 .footer-contact-link{font-size:16px;min-height:40px;gap:0}
 .footer-contact-link i{position:absolute;right:-24px}
 .footer-base{margin-top:43px;gap:17px}
 .footer-legal,.footer-legal button{font-size:10px}
 .footer-to-top{width:39px;height:39px}
}
@media(hover:none){.footer-glow{display:none}.site-footer .footer-brand{transform:none}.footer-contact-link i{opacity:.7;transform:none}}
@media(prefers-reduced-motion:reduce){.footer-glow{display:none}.site-footer .footer-brand,.footer-contact-link,.footer-contact-link i,.footer-to-top,.footer-to-top span{transform:none!important}}
