/* Shared public dialogs: remain above the fixed header and within the viewport. */
#services-modal,#about-modal,#contact-modal,#blog-modal{z-index:2200}
.services-panel,.about-panel,.contact-panel{border-radius:28px;box-sizing:border-box}
.services-panel{overscroll-behavior:contain;scroll-padding-top:70px}
.services-grid{gap:12px;border:0}
.services-grid .service-card{border:1px solid var(--line);border-radius:18px}
.services-footer{border-radius:18px;margin-top:16px}
.contact-panel .service-picker span{border-radius:14px}
#contact-modal .contact-intro .eyebrow{color:#d4b676!important}
.contact-intro{background:#211e17;color:#faf7f0}
.services-close,.contact-close,.about-close{width:46px;height:46px;min-width:46px;padding:0;border-radius:50%!important;background:var(--cream);color:var(--ink);border:1px solid var(--line);z-index:8}
.services-close:focus-visible,.contact-close:focus-visible,.about-close:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:800px){
 #services-modal,#about-modal,#contact-modal{padding:10px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}
 .services-panel,.about-panel,.contact-panel-modern{max-height:100%;height:100%;border-radius:24px}
 .services-panel{padding:72px 22px 22px}
 .services-heading{margin:0 0 24px;display:block}
 .services-heading>p:not(.eyebrow){margin-top:18px}
 .services-footer{margin:16px 0 0;padding:22px}
 .contact-panel-modern{display:block;overflow:auto;overscroll-behavior:contain;scroll-padding-top:72px}
 .contact-intro{padding:72px 24px 24px}
 .contact-form-shell{padding:28px 24px 32px}
 .contact-intro h2{font-size:42px}
 .services-close,.contact-close{position:fixed;right:24px;top:max(22px,calc(env(safe-area-inset-top) + 12px));box-shadow:0 4px 18px #0002}
 .about-opening-copy{padding:76px 24px 48px}
}