/* Official October 2026 artwork. Keep each supplied mark intact. */
:root{--blue:#3c82f6;--accent:var(--blue)}
.header .logo{display:block;flex:0 0 auto;font-size:0;line-height:1;letter-spacing:normal;padding:6px 0}
.header .logo picture{display:block}
.header .logo img{display:block;width:clamp(215px,22vw,300px);height:auto}
.site-footer{background:#000;color:#fff;flex-wrap:wrap;gap:32px}
.site-footer .logo{display:block;flex:0 0 auto;font-size:0;line-height:1;letter-spacing:normal;padding:8px 0}
.site-footer .logo img{display:block;width:100px;height:auto}
.site-footer .footer-nav{margin:0;gap:24px}
.site-footer>p{color:#bcbcbc}
.site-footer .footer-social{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35;padding:32px 0}
.footer-social .label{color:#bcbcbc;font-size:10px;letter-spacing:1px}
.footer-social h2{font-size:clamp(25px,3vw,36px);font-weight:500;letter-spacing:-1px;line-height:1.15;margin:12px 0 0}
.footer-social nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.footer-social nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 16px;border:1px solid #ffffff55;border-radius:8px;font-size:14px;color:#fff;text-decoration:none}
.footer-social nav a:hover{background:#3c82f6;border-color:#3c82f6;color:#000}
.footer-social nav a:focus-visible{outline:2px solid #80b5ff;outline-offset:4px}
.footer-social nav a span{font-size:20px;line-height:1}
@media(max-width:900px){.site-footer .footer-social{grid-template-columns:1fr;gap:24px}}
@media(max-width:540px){.footer-social nav{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-social nav a{font-size:13px;padding:12px}.site-footer .footer-social{padding:28px 0}}
.contact-dialog-brand{display:flex;align-items:center;gap:12px}
.contact-dialog-brand img{display:block;flex:0 0 44px}
.highlight,.result-tag,.service-package,.case-brand-panel,.case-image:has(.case-wordmark),.service-navigation a[aria-current=page]{color:#000}
.comparison-heading>p,.comparison-result>span,.comparison-panel.after figcaption>span:first-child,.comparison-panel.after .comparison-count strong{color:#80b5ff}
.hero-project:hover{color:#80b5ff}
@media(max-width:540px){.header{padding-top:20px;padding-bottom:20px}.header .logo img{width:72px;height:auto;aspect-ratio:2891/2131}.site-footer .logo img{width:82px}.site-footer .footer-nav{gap:18px}.contact-dialog-brand{gap:8px}.contact-dialog-brand .label{font-size:10px;letter-spacing:.7px}}

.footer-email{display:inline-block;margin-top:20px;font-size:18px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
.footer-email:hover{color:#80b5ff}
.site-footer .footer-bottom{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-bottom p{margin:0;color:#bcbcbc;font-size:12px}
.footer-legal{display:flex;align-items:center;flex-wrap:wrap;gap:24px;font-size:12px}
.footer-legal a{color:#ddd;padding:6px 0}
.footer-legal a:hover{color:#80b5ff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:540px){.site-footer .footer-bottom{align-items:start;flex-direction:column;gap:18px}.footer-legal{gap:22px}.footer-email{font-size:17px}}