/* Main-site header (+ mobile drawer) and footer, ported verbatim from https://a2exhibits.com/ (rendered SPA, Oct 31 2026) for the
   preview Request Quote page only. Every rule of /assets/main-DyNhfDMT.css and the live inline <style> that matches an element of
   site-header / site-nav (closed, open, CTA current) / site-footer, in cascade order, scoped under .a2m (display:contents wrapper that
   carries what #root inherits on /). Generated by hdr/extract.mjs; do not hand-edit the ported block. */
.a2m-hspace{height:var(--header-height)}
/* the main-site footer is see-through (rgba(5,12,20,.78)); on / the body behind it is rgb(10,17,25), here the page is #071018:
   give the footer the same backdrop so its painted color matches / exactly */
.a2m.a2m-foot{display:block;position:relative;isolation:isolate;background:#07131e url(/a2q/lattice.webp) -24px -24px/calc(124vw + 48px) calc(100vh + 48px) no-repeat fixed}
/* static port of /'s fixed .site-atmosphere (bg #07131e + lattice frame + its two gradient layers) behind the see-through footer */
.a2m.a2m-foot::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 58% 52%,rgba(34,108,151,.15),transparent 42%),linear-gradient(180deg,rgba(3,11,18,.26),transparent 32%,rgba(20,74,105,.07) 62%,rgba(2,8,14,.34));mix-blend-mode:screen}
.a2m.a2m-foot::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,8,13,.3),transparent 18%,transparent 82%,rgba(2,8,13,.25)),linear-gradient(0deg,rgba(2,7,12,.34),transparent 28%)}
/* page colors and scrollbar gutter as on / (main-DyNhfDMT.css) */
html{background:rgb(7,19,30);scrollbar-gutter:stable}body.a2-site{background:rgb(10,17,25)}
/* CTA: same look as on / (white border at rest, bright on hover) even though it carries aria-current="page" here */
.a2m .site-nav > a.nav-cta[aria-current="page"]{border-color:var(--white)}.a2m .site-nav > a.nav-cta[aria-current="page"]:hover{border-color:var(--bright)}
/* neutralize the quote page's own .a2-site element rules (not present on /) inside the ported chrome */
.a2m a{text-underline-offset:auto}.a2m a:hover{color:inherit}.a2m p{margin:revert;max-width:none}
.a2m{display:contents;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:normal;color:rgb(10, 17, 25);letter-spacing:normal;word-spacing:0px;text-transform:none;text-align:start;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:normal;font-variant:normal;white-space:normal;text-size-adjust:auto;-webkit-text-size-adjust:auto;--bright:#1787e8;--header-height:76px;--line:rgba(255,255,255,.2);--ink:#0a1119;--white:#fff;--container:1500px;--muted:#aeb8c2}
@media(max-width:1100px){.a2m{--header-height:70px}}
/* page-level rules the main site sets on html/body (main-DyNhfDMT.css): no sideways scroll bleed */
html,body{overflow-x:clip}
html{scroll-padding-top:76px}@media(max-width:1100px){html{scroll-padding-top:70px}}
/* from /assets/dimensions-overlays.css */
/* from /assets/main-DyNhfDMT.css */
.a2m *{box-sizing: border-box;}
.a2m a{color: inherit;}
.a2m button{font: inherit;}
.a2m button,.a2m a{-webkit-tap-highlight-color: transparent;}
.a2m address{font-style: normal;}
.a2m :focus-visible{outline: 3px solid var(--bright); outline-offset: 4px;}
.a2m .site-header{height: var(--header-height); min-height: var(--header-height); background: rgba(7, 14, 21, 0.96); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 0px clamp(22px, 4vw, 72px); position: fixed; inset: 0px 0px auto; z-index: 50; border-bottom: 1px solid var(--line); backdrop-filter: blur(18px);}
.a2m .wordmark{display: inline-flex; align-items: center; gap: 13px; text-decoration: none; flex: 0 0 auto;}
.a2m .wordmark-a2{font-size: 30px; font-weight: 900; letter-spacing: -0.09em; font-style: italic;}
.a2m .wordmark-divider{width: 1px; height: 30px; background: currentcolor; opacity: 0.45;}
.a2m .wordmark-name{font-size: 14px; letter-spacing: 0.36em;}
.a2m .site-nav{display: flex; align-items: center; gap: clamp(18px, 2.2vw, 38px); font-size: 13px;}
.a2m .site-nav > a{text-decoration: none; padding-block: 12px; white-space: nowrap;}
.a2m .site-nav > a:not(.button){border-bottom: 1px solid transparent;}
.a2m .site-nav > a[aria-current="page"],.a2m .site-nav > a:not(.button):hover{border-color: currentcolor;}
.a2m .site-nav .nav-phone{margin-left: clamp(0px, 3vw, 48px);}
.a2m .site-nav .nav-cta{padding: 14px 20px;}
.a2m .menu-toggle{display: none; color: rgb(255, 255, 255); background: transparent; border: 1px solid var(--line); text-transform: uppercase; letter-spacing: 0.18em; font-size: 11px; padding: 12px 14px;}
.a2m .button{display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 14px 24px; border: 1px solid transparent; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 800; font-size: 12px; cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.2s;}
.a2m .button:hover{transform: translateY(-2px);}
.a2m .button-light{color: var(--ink); background: var(--white); border-color: var(--white);}
.a2m .button-light:hover{background: var(--bright); color: rgb(255, 255, 255); border-color: var(--bright);}
.a2m p{margin-top: 0px;}
.a2m p{line-height: 1.55;}
.a2m .site-footer{background: rgb(5, 9, 13); color: rgb(255, 255, 255); padding: 70px clamp(22px, 5vw, 80px) 28px;}
.a2m .footer-main{max-width: var(--container); margin: 0px auto 70px; display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 90px;}
.a2m .footer-main > div:first-child > p{color: var(--muted); max-width: 350px; margin-top: 28px;}
.a2m .footer-links{display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;}
.a2m .footer-links > div{display: flex; flex-direction: column; gap: 12px; font-size: 14px;}
.a2m .footer-links a{text-decoration: none;}
.a2m .footer-links a:hover{color: var(--bright);}
.a2m .footer-links address,.a2m .footer-links span:not(.footer-label){color: var(--muted); line-height: 1.6;}
.a2m .footer-label{text-transform: uppercase; letter-spacing: 0.2em; color: rgb(124, 137, 149); font-size: 10px; margin-bottom: 8px;}
.a2m .footer-bottom{max-width: var(--container); margin: 0px auto; border-top: 1px solid var(--line); padding-top: 24px; display: flex; justify-content: space-between; gap: 20px; color: rgb(118, 129, 139); font-size: 12px;}
@media (max-width: 1100px){
.a2m .site-header{height: var(--header-height); min-height: var(--header-height);}
.a2m .menu-toggle{display: inline-flex;}
.a2m .site-nav{position: fixed; inset: var(--header-height) 0 auto; padding: 30px 24px 36px; background: rgb(7, 16, 24); flex-direction: column; align-items: stretch; gap: 4px; transform: translateY(-130%); opacity: 0; visibility: hidden; transition: transform 0.25s, opacity 0.25s, visibility 0.25s; border-bottom: 1px solid var(--line);}
.a2m .site-nav.is-open{transform: translateY(0px); opacity: 1; visibility: visible;}
.a2m .site-nav > a{padding: 15px 4px;}
.a2m .site-nav .nav-phone{margin-left: 0px;}
.a2m .site-nav .nav-cta{margin-top: 12px; text-align: center;}
}
@media (max-width: 760px){
.a2m .site-header{padding-inline: 20px;}
.a2m .wordmark-a2{font-size: 25px;}
.a2m .wordmark-name{font-size: 11px;}
.a2m .footer-main{grid-template-columns: 1fr; gap: 54px;}
.a2m .footer-links{grid-template-columns: 1fr 1fr;}
.a2m .footer-bottom{flex-direction: column;}
}
@media (prefers-reduced-motion: reduce){
.a2m *,.a2m ::before,.a2m ::after{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important;}
}
.a2m .site-footer{background: rgba(5, 12, 20, 0.78);}
.a2m .site-header{view-transition-name: site-header;}
.a2m .site-footer{position: relative; z-index: 1; view-transition-name: site-footer;}
@media (max-width: 760px){
.a2m .site-footer{padding-bottom: 66px;}
}
.a2m .footer-legal{display: flex; flex-wrap: wrap; gap: 6px 16px;}
.a2m .footer-legal a{color: rgb(197, 208, 216); text-decoration: none;}
.a2m .footer-legal a:hover{color: rgb(255, 255, 255);}
@media (max-width: 760px){
.a2m .footer-bottom{flex-direction: column; align-items: flex-start;}
}
@media (min-width: 1101px){
.a2m .site-header{gap: 16px; padding-inline: clamp(16px, 2.2vw, 48px);}
.a2m .site-nav{gap: clamp(8px, 1.05vw, 20px); font-size: 12px;}
.a2m .site-nav .nav-phone{margin-left: clamp(0px, 1.2vw, 20px);}
}
/* from inline <style> */
.a2m .site-footer{padding: 36px 5vw 22px;}
.a2m .site-footer .footer-main{gap: 36px; margin-bottom: 26px;}
.a2m .site-footer .footer-main > div > p{max-width: 340px; margin-bottom: 0px;}
.a2m .site-footer .footer-bottom{padding-top: 18px; gap: 16px;}
@media (max-width: 740px){
.a2m .site-footer{padding: 30px 22px 20px;}
.a2m .site-footer .footer-main{gap: 26px; margin-bottom: 22px;}
.a2m .site-footer .footer-bottom{gap: 14px;}
}
@media (max-width: 480px){
.a2m .site-footer .footer-links{gap: 24px;}
}
/* from inline <style> */