/* Syntony headquarters: the location card remains usable without the map. */
.hq-section{padding:82px 0 84px;background:var(--sr-paper,#f7f6f2);scroll-margin-top:105px}
.hq-section .hq-section-meta{margin-bottom:44px}
.hq-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:42px;margin-bottom:45px}
.hq-intro h2{margin:0;max-width:660px;font-size:clamp(48px,5.5vw,80px);line-height:1.01}
.hq-intro p{max-width:390px;margin:0 0 5px auto;font-size:17px;line-height:1.7;color:var(--sr-muted,#52606e)}
.hq-map-frame{border:1px solid #c8ced2;border-radius:3px;overflow:hidden;background:#111c2b;box-shadow:0 14px 40px -27px rgba(17,28,43,.33)}
.hq-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;padding:14px 22px;border-bottom:1px solid #334052;background:#152133;color:#e6ebf5}
.hq-section button{font-family:var(--sr-sans,'Instrument Sans',Arial,sans-serif);cursor:pointer;-webkit-tap-highlight-color:transparent}
.hq-section button:disabled{cursor:default;opacity:.45}
.hq-view-switch{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #3d495d;border-radius:8px;min-width:0}
.hq-view-switch button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 15px;border:0;border-radius:5px;background:transparent;color:#c4cede;font-size:13px;font-weight:500;line-height:1.4;white-space:nowrap;transition:background .2s,color .2s}
.hq-view-switch button[aria-pressed="true"]{background:#edf1fc;color:#14223b;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.hq-view-switch button:not(:disabled):not([aria-pressed="true"]):hover{background:#25334a;color:#fff}
.hq-control-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#264ded;box-shadow:0 0 0 3px rgba(38,77,237,.12)}
.hq-map-tools{display:flex;align-items:center;gap:9px}
.hq-tool{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:#c7d0df;font-size:12px;line-height:1.4;white-space:nowrap;transition:background .2s,border-color .2s}
.hq-tool[aria-pressed="true"]{border-color:#465779;background:#213451;color:#e5edff}
.hq-tool:not(:disabled):hover{background:#2a3a55;border-color:#516487;color:#fff}
.hq-map-stage{position:relative;isolation:isolate;min-width:0;background:#111c2b}
.hq-map-canvas{width:100%;height:530px;min-width:0;background:radial-gradient(ellipse at 60% 40%,#1b304e 0%,#111c2b 64%)}
.hq-map-status{position:absolute;z-index:3;inset:40% 32px auto 370px;margin:0;padding:14px 18px;border:1px solid #425373;border-radius:7px;background:rgba(17,28,43,.9);color:#d8e1ee;font-size:14px;line-height:1.5;text-align:center;pointer-events:none;box-shadow:0 6px 30px rgba(0,0,0,.15)}
.hq-section[data-map-state="ready"] .hq-map-status{display:none}
.hq-section[data-map-state="error"] .hq-map-status{color:#edf1fc}
.hq-location-card{position:absolute;z-index:3;left:25px;bottom:48px;box-sizing:border-box;width:306px;max-width:calc(100% - 50px);padding:24px 24px 18px;border:1px solid rgba(255,255,255,.82);border-radius:8px;background:rgba(247,246,242,.97);box-shadow:0 14px 40px rgba(3,11,25,.22);color:var(--sr-ink,#111c2b);backdrop-filter:blur(16px)}
.hq-card-topline{display:flex;align-items:center;gap:8px;color:#52606e;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.025em}
.hq-card-dot{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%;background:#264ded;box-shadow:0 0 0 4px rgba(38,77,237,.08)}
.hq-location-card h3{margin:20px 0 17px;line-height:1}
.hq-location-card h3 img{display:block;width:155px;height:auto;max-width:100%}
.hq-location-card address{font-style:normal;font-size:15px;line-height:1.7;letter-spacing:-.01em}
.hq-location-card address>span{display:block;margin-top:7px;color:#52606e;font-size:13px}
.hq-card-actions{display:flex;flex-direction:column;gap:8px;margin-top:23px}
.hq-directions{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:45px;box-sizing:border-box;padding:11px 14px;border:1px solid #264ded;border-radius:6px;background:#264ded;color:#fff!important;font-size:13px;font-weight:500;line-height:1.5;text-decoration:none;transition:background .2s}
.hq-directions:hover{background:#1d3dc4;border-color:#1d3dc4}
.hq-directions>span{font-size:19px;font-weight:400;line-height:1}
.hq-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 12px;border:1px solid #cbd0d7;border-radius:6px;background:transparent;color:#43516a;font-size:12px;line-height:1.4;transition:background .2s,border-color .2s}
.hq-copy:hover{border-color:#909ba9;background:#e9ecf0;color:#111c2b}
.hq-copy-status{display:block;min-height:15px;margin-top:6px;color:#264ded;font-size:11px;line-height:1.4;text-align:center}
.hq-map-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:53px;padding:13px 23px;box-sizing:border-box;border-top:1px solid #334052;background:#152133;color:#b7c4d8;font-size:11px;line-height:1.5;letter-spacing:.01em}
.hq-map-caption>span:first-child{display:flex;align-items:center;gap:9px}
.hq-caption-dot{display:inline-block;width:5px;height:5px;flex:none;border-radius:50%;background:#87a4ff}
.hq-section :where(button,a):focus-visible{outline:3px solid #88a5ff;outline-offset:4px}
.hq-location-card :where(button,a):focus-visible{outline-color:#264ded}

/* Marker geometry is centered on the mapped building, not on a suite. */
.hq-marker{position:absolute;display:flex;align-items:center;justify-content:center;width:58px;height:70px;padding:0;border:0;background:transparent;cursor:pointer;isolation:isolate;overflow:visible}
.hq-marker-pin{position:absolute;z-index:2;top:4px;left:7px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid #eef3ff;border-radius:14px 14px 14px 0;background:#264ded;box-shadow:0 6px 20px rgba(4,14,43,.42),0 0 24px rgba(71,111,255,.28);transform:rotate(-45deg);transform-origin:center;transition:background .2s}
.hq-marker-pin img{width:27px;height:27px;object-fit:contain;transform:rotate(45deg);filter:brightness(0) invert(1);pointer-events:none}
.hq-marker:hover .hq-marker-pin,.hq-marker:focus-visible .hq-marker-pin{background:#3c63ff}
.hq-marker-pulse{position:absolute;z-index:0;left:5px;bottom:2px;width:48px;height:18px;border:1px solid rgba(115,150,255,.75);border-radius:50%;background:rgba(57,99,255,.18);box-shadow:0 0 20px rgba(38,77,237,.2);animation:hq-pin-pulse 3.2s ease-out infinite;pointer-events:none}
.hq-marker-pulse:after{content:"";position:absolute;inset:4px 11px;border-radius:50%;background:#8daaff;box-shadow:0 0 12px #527cff}
.hq-marker-label{position:absolute;left:50%;bottom:79px;display:block;padding:7px 10px;border:1px solid rgba(143,166,212,.48);border-radius:5px;background:rgba(13,25,44,.94);box-shadow:0 4px 16px rgba(0,0,0,.17);color:#eef3ff;font:500 11px/1.4 var(--sr-sans,'Instrument Sans',Arial,sans-serif);letter-spacing:.015em;white-space:nowrap;transform:translateX(-50%);pointer-events:none}
@keyframes hq-pin-pulse{0%,12%{transform:scale(.78);opacity:.9}75%,100%{transform:scale(1.75);opacity:0}}

/* Keep map attribution in its native corner, clear of the information card. */
.hq-map-canvas .maplibregl-ctrl-attrib{max-width:calc(100% - 8px);font-size:10px;line-height:16px;background:rgba(247,246,242,.94);color:#263650}
.hq-map-canvas .maplibregl-ctrl-attrib a{color:#263650;text-decoration:underline;text-underline-offset:2px}
.hq-map-canvas .maplibregl-ctrl-bottom-right{z-index:4;max-width:100%}
.hq-map-canvas .maplibregl-ctrl-group{overflow:hidden;border:1px solid #52617c;border-radius:7px;background:#f7f6f2;box-shadow:0 4px 16px rgba(0,0,0,.18)}
.hq-map-canvas .maplibregl-ctrl-group button{width:36px;height:36px}
.hq-map-canvas .maplibregl-ctrl-group button+button{border-top-color:#c6ccd5}

@media(max-width:1000px){
  .hq-map-toolbar{padding:13px 16px;gap:10px}
  .hq-view-switch button{padding-inline:12px;font-size:12px}
  .hq-map-tools{gap:3px}
  .hq-tool{padding-inline:9px}
  .hq-intro{grid-template-columns:1.2fr 1fr;gap:28px}
  .hq-intro p{font-size:15px}
  .hq-location-card{left:20px;width:280px;padding:21px 21px 15px}
  .hq-map-status{left:325px}
}
@media(max-width:700px){
  .hq-section{padding:52px 0 46px;scroll-margin-top:88px}
  .hq-section .hq-section-meta{margin-bottom:31px}
  .hq-intro{grid-template-columns:1fr;gap:23px;margin-bottom:30px}
  .hq-intro h2{font-size:clamp(46px,10.4vw,69px);line-height:1.03}
  .hq-intro p{max-width:none;margin:0;font-size:15px;line-height:1.65}
  .hq-map-toolbar{flex-wrap:wrap;gap:10px;padding:12px;min-height:0}
  .hq-view-switch{flex:1 1 100%;justify-content:space-between;gap:2px}
  .hq-view-switch button{flex:1;min-height:44px;padding:9px 9px;font-size:12px}
  .hq-map-tools{width:100%;justify-content:space-between;gap:12px}
  .hq-tool{min-height:44px;padding:8px 12px;font-size:12px}
  .hq-map-stage{display:grid;grid-template-columns:minmax(0,1fr)}
  .hq-map-canvas{height:420px;min-height:400px;grid-column:1}
  .hq-map-status{inset:170px 18px auto;max-height:180px;overflow:auto;font-size:13px}
  .hq-location-card{position:relative;left:auto;bottom:auto;grid-column:1;width:100%;max-width:none;padding:25px 23px 16px;border:0;border-top:1px solid #d5d9de;border-radius:0;background:#f7f6f2;box-shadow:none;backdrop-filter:none}
  .hq-location-card h3{margin:17px 0 18px}
  .hq-location-card address{font-size:15px}
  .hq-location-card address>span{font-size:13px}
  .hq-card-actions{flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:21px}
  .hq-directions{flex:1 1 145px;min-height:46px}
  .hq-copy{flex:1 1 123px;min-height:46px}
  .hq-map-caption{padding:15px 20px;min-height:48px;font-size:10px}
  .hq-map-caption>span:last-child{display:none}
  .hq-marker-label{bottom:76px;font-size:10px}
}
@media(max-width:370px){
  .hq-view-switch button{padding-inline:7px;font-size:11px}
  .hq-view-switch button:first-child{gap:5px}
  .hq-control-dot{width:5px;height:5px}
  .hq-location-card{padding-inline:19px}
}
@media(prefers-reduced-motion:reduce){
  .hq-marker-pulse{animation:none;transform:scale(1);opacity:.7}
  .hq-section *, .hq-section *:before, .hq-section *:after{transition:none!important;scroll-behavior:auto!important}
}

.hq-marker-label small{display:block;margin-top:2px;color:#b9c9e7;font-size:9px;font-weight:400}
.hq-popup{padding:8px 7px;color:#111c2b;font:14px/1.5 var(--sr-sans,Arial,sans-serif)}
.hq-popup strong{font-size:16px}.hq-popup p{margin:10px 0}.hq-popup a{color:#264ded;text-decoration:underline;text-underline-offset:3px}
.hq-map-canvas .maplibregl-popup-content{border-radius:8px;background:#f7f6f2;box-shadow:0 12px 36px #0004}
.hq-map-canvas .maplibregl-popup-close-button{width:32px;height:32px;font-size:20px;color:#111c2b}
.hq-map-canvas .maplibregl-ctrl-scale{border-color:#aebed0;color:#dce6f3;background:#111c2bcc}