
/* Antonioni55 SEO/UX enhancements — 2026 */
:root{--a55-navy:#213043;--a55-teal:#054d5c;--a55-gold:#ffb504;--a55-light:#f5f7f9;--a55-text:#3f4852}
html{scroll-behavior:smooth}
body{color:var(--a55-text);font-size:16px;line-height:1.7}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#111;padding:10px 16px;z-index:100000}
.skip-link:focus{left:10px;top:10px}
.inner-banner .opacity h1{font-size:30px;color:#fff;margin:0;text-transform:none;line-height:1.25;max-width:70%}
.seo-hero{position:relative;min-height:560px;background-size:cover;background-position:center;display:flex;align-items:center;color:#fff}
.seo-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,29,42,.88),rgba(13,29,42,.42))}
.seo-hero .container{position:relative;z-index:1}
.seo-hero__content{max-width:820px;padding:90px 0}
.seo-hero h1{font-size:48px;line-height:1.12;color:#fff;margin:0 0 20px;font-weight:700;text-transform:none}
.seo-hero p{font-size:20px;line-height:1.6;margin:0 0 26px;color:#fff}
.seo-kicker{display:inline-block;color:var(--a55-gold);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.seo-btn{display:inline-block;background:var(--a55-gold);color:#17202a!important;padding:13px 22px;font-weight:700;margin:4px 9px 4px 0;border-radius:2px}
.seo-btn--ghost{background:transparent;border:2px solid #fff;color:#fff!important;padding:11px 20px}
.seo-section{padding:72px 0}
.seo-section--alt{background:var(--a55-light)}
.seo-section h2{font-size:34px;color:var(--a55-navy);line-height:1.2;margin:0 0 18px;text-transform:none}
.seo-section h3{font-size:23px;color:var(--a55-teal);line-height:1.3;text-transform:none}
.seo-lead{font-size:19px;max-width:920px;margin-bottom:30px}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.seo-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.seo-card{background:#fff;border:1px solid #e3e8ec;padding:26px;height:100%;box-shadow:0 5px 20px rgba(20,38,52,.06)}
.seo-card img{width:100%;height:210px;object-fit:cover;margin:-26px -26px 22px;width:calc(100% + 52px);max-width:none}
.seo-card h3{margin-top:0}
.seo-card p:last-child{margin-bottom:0}
.seo-card__link{font-weight:700;color:var(--a55-teal)}
.stat-strip{background:var(--a55-navy);color:#fff;padding:38px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
.stat strong{display:block;font-size:35px;color:var(--a55-gold);line-height:1.1}.stat span{display:block;margin-top:8px}
.seo-two-col{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:45px;align-items:start}
.seo-content img.seo-main-image{width:100%;height:auto;margin:0 0 28px}
.seo-content p,.seo-content li{font-size:16px}
.seo-content ul{margin:0 0 25px;padding-left:22px}.seo-content li{margin-bottom:7px}
.seo-sidebar{position:sticky;top:90px}
.seo-sidebar__box{background:#f5f7f9;border-left:4px solid var(--a55-gold);padding:22px;margin-bottom:22px}
.seo-sidebar__box h2,.seo-sidebar__box h3{font-size:21px;margin-top:0}
.seo-sidebar ul{list-style:none;padding:0;margin:0}.seo-sidebar li{border-bottom:1px solid #dde3e8}.seo-sidebar li:last-child{border-bottom:0}
.seo-sidebar a{display:block;padding:9px 0;color:var(--a55-navy)}
.location-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 30px}.location-links a{background:#eef2f5;border:1px solid #dce3e8;padding:8px 12px;font-weight:600;color:var(--a55-navy)}
.callout{background:#eef5f6;border-left:5px solid var(--a55-teal);padding:24px;margin:28px 0}.callout strong{color:var(--a55-navy)}
.project-card figure{margin:0}.project-card figcaption{font-size:14px;color:#68727d;margin-top:8px}
.faq details{background:#fff;border:1px solid #e0e5e9;margin-bottom:10px;padding:14px 17px}.faq summary{font-weight:700;color:var(--a55-navy);cursor:pointer}.faq details p{margin:12px 0 2px}
.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:40px}.a55-form label{font-weight:600;color:var(--a55-navy);display:block;margin-bottom:5px}
.a55-form input,.a55-form select,.a55-form textarea{width:100%;border:1px solid #ccd5dc;padding:11px 12px;margin-bottom:16px;background:#fff}.a55-form textarea{min-height:150px}
.a55-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.a55-form button{border:0;cursor:pointer}.form-note{font-size:13px;color:#69737c}
.hp-field{position:absolute!important;left:-9999px!important;height:1px!important;width:1px!important;overflow:hidden!important}
.article-meta{font-size:14px;color:#6e7882;margin:-5px 0 24px}
.blog-list .seo-card h2{font-size:24px}.blog-list .seo-card img{height:220px}
.legal-content{max-width:920px}
.ai-facts{border:1px solid #dce3e8;background:#fff;padding:24px;margin:28px 0}.ai-facts dt{font-weight:700;color:var(--a55-navy)}.ai-facts dd{margin:0 0 10px}
.map-consent{padding:25px;background:#eef2f5;border:1px solid #dce3e8;text-align:center}.map-consent iframe{width:100%;height:420px;border:0;margin-top:20px}
.mobile-contact-bar{display:none}
@media(max-width:991px){.seo-grid{grid-template-columns:repeat(2,1fr)}.seo-two-col,.contact-grid{grid-template-columns:1fr}.seo-sidebar{position:static}.seo-hero h1{font-size:39px}.inner-banner .opacity h1{max-width:100%}}
@media(max-width:767px){body{padding-bottom:58px}.seo-hero{min-height:500px}.seo-hero__content{padding:65px 0}.seo-hero h1{font-size:33px}.seo-hero p{font-size:18px}.seo-section{padding:48px 0}.seo-section h2{font-size:29px}.seo-grid,.seo-grid--2,.stats-grid,.a55-form .form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.inner-banner .opacity h1{font-size:25px;float:none!important}.inner-banner .opacity ul{float:none!important;margin-top:12px}.mobile-contact-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:99999}.mobile-contact-bar a{text-align:center;padding:14px 5px;font-weight:700;background:var(--a55-gold);color:#17202a}.mobile-contact-bar a:last-child{background:var(--a55-teal);color:#fff}}

/* 2026 performance/accessibility refinements */
.ui-icon{display:inline-block;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;line-height:1;color:inherit}
.ui-icon--arrow{margin-right:.35em}
.ui-icon--facebook{font-family:Arial,Helvetica,sans-serif;text-transform:lowercase}
.ui-icon--contact{font-size:22px;color:#ffb504;vertical-align:middle;margin-right:8px}
.ui-icon--footer{display:inline-block;min-width:20px;color:#ffb504;margin-right:4px}
img{max-width:100%;height:auto}
.scroll-top[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Preserve the established visual logo size while reserving the correct intrinsic aspect ratio. */
.logo img,.footer-logo img{width:245px;max-width:100%;height:auto}
