.mg-contact-breadcrumb{padding-block:22px;font-size:.875rem;color:var(--muted)}
.mg-contact{position:relative;isolation:isolate;background:#f5f1e9;color:#292623;min-height:580px;overflow:hidden}
.mg-contact-map{position:absolute;inset:0;background:#ece8e0;z-index:0}
.mg-contact-map .leaflet-tile-pane{filter:grayscale(1) sepia(.2);opacity:.72}
.mg-contact-fade{position:absolute;inset:0;z-index:400;pointer-events:none;background:linear-gradient(90deg,#f5f1e9 0%,#f5f1e9 24%,rgba(245,241,233,.97) 34%,rgba(245,241,233,.72) 46%,rgba(245,241,233,0) 64%)}
.mg-contact-inner{position:relative;z-index:401;pointer-events:none}
.mg-contact-copy{width:43%;max-width:580px;padding-block:55px 65px;pointer-events:auto}
.mg-contact h1{font-size:clamp(2.5rem,4vw,4.5rem);margin:0 0 24px;line-height:1.08}
.mg-contact-name{font:1.45rem/1.4 Georgia,serif;max-width:25ch;margin:0 0 24px}
.mg-contact-address{font-weight:650;margin:0 0 22px;max-width:34ch}
.mg-contact-note{font-size:.95rem;max-width:40ch;overflow-wrap:anywhere}
.mg-contact-details{margin:28px 0;display:flex;flex-wrap:wrap;gap:16px 28px;border-block:1px solid #d5ccc0;padding-block:18px}
.mg-contact-details dt{font-size:.75rem;color:#61564d;margin-bottom:5px}
.mg-contact-details dd{margin:0;font-size:.95rem;overflow-wrap:anywhere}
.mg-contact-details a{text-decoration:none}.mg-contact-details a:hover{text-decoration:underline}
.mg-contact-route{display:inline-flex;align-items:center;gap:28px;background:#7b2435;color:#fff;padding:15px 20px;text-decoration:none;font-size:.9rem;font-weight:600}
.mg-contact-route:hover{background:#591b28}.mg-contact-edit{display:block;font-size:.8rem;margin-top:20px;color:#6b2736}
.mg-contact-marker{background:transparent;border:0}.mg-contact-pin{display:flex;align-items:center;gap:12px;width:200px;transform:translate(-9px,-50%)}
.mg-contact-dot{flex:0 0 18px;width:18px;height:18px;background:#7b2435;border:4px solid #fff;border-radius:50%;box-shadow:0 3px 12px #39272040}
.mg-contact-label{background:#4b3434;color:#fff;padding:12px 16px;font:600 12px/1.5 system-ui,sans-serif;max-width:168px}
.mg-contact-map .leaflet-control-zoom{border:1px solid #c5bbae;box-shadow:none;margin:24px}
.mg-contact-map .leaflet-control-attribution{font-size:11px;background:#fff;color:#333}
.mg-contact-status{position:absolute;z-index:402;right:50px;bottom:30px;max-width:36ch;background:#f5f1e9;padding:12px 16px;font-size:.85rem;margin:0}
.mg-contact-status[hidden]{display:none}.mg-contact-extra{padding-block:40px}.mg-contact-extra p{max-width:75ch}
body:is([data-colors="dark"],[data-colors="light"]) .mg-contact-copy{background:var(--bg);color:var(--fg);padding:28px}body:is([data-colors="dark"],[data-colors="light"]) .mg-contact-details dt{color:var(--fg)}
@media(max-width:760px){.mg-contact{display:flex;flex-direction:column}.mg-contact-inner{order:0;width:100%}.mg-contact-copy{width:100%;max-width:none;padding-block:30px 38px}.mg-contact-map{position:relative;inset:auto;height:360px;order:1;width:100%}.mg-contact-fade{display:none}.mg-contact-status{bottom:42px;left:20px;right:20px;max-width:none}.mg-contact-details{gap:18px 25px}.mg-contact h1{font-size:2.8rem}.mg-contact-map .leaflet-control-zoom{margin:16px}.mg-contact-name{max-width:30ch}}
@media(prefers-reduced-motion:reduce){.mg-contact-map *{transition:none!important}}
