
/* HealthGuard office and location update | 2026-11-01 */
.hg-office-feature,.hg-office-visit,.hg-office-gallery-head,.hg-office-about{position:relative;isolation:isolate}
.hg-office-feature{background:#061e31;color:#f7fbfe;padding:100px 0;overflow:hidden}
.hg-office-feature:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 2%,#0b6ba04d,transparent 52%);pointer-events:none}
.hg-office-feature .shell,.hg-office-visit .shell,.hg-office-about .shell{position:relative;z-index:1}
.hg-office-feature-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}
.hg-office-feature h2{font-size:clamp(43px,5.4vw,84px);margin:16px 0 0;line-height:1.03;max-width:760px}
.hg-office-feature h2 em{color:#8ee0ff}
.hg-office-feature-desc{color:#bed4e0;max-width:360px;font-size:14px;line-height:1.85;margin:0}
.hg-office-feature-media{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:16px;align-items:stretch}
.hg-office-photo{margin:0;background:#f6fafc;border:1px solid #ffffff30;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.hg-office-photo img{display:block;width:100%;height:auto;object-fit:contain;background:#d9edf7}
.hg-office-photo figcaption{padding:16px 20px;background:#fff;color:#204259;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hg-office-photo figcaption span{font-size:9px;color:#638394;letter-spacing:.12em}
.hg-office-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.hg-office-side .hg-office-photo{flex:1;justify-content:space-between}
.hg-office-side .hg-office-photo img{max-height:300px}
.hg-office-find{padding:28px 30px;border:1px solid #467a9470;background:linear-gradient(120deg,#103c53,#0a2a40);display:flex;gap:20px;align-items:center;justify-content:space-between}
.hg-office-find strong{font-size:20px;letter-spacing:-.03em;display:block}
.hg-office-find p{font-size:12px;color:#bfd6e2;line-height:1.65;margin:7px 0 0}
.hg-office-find .btn{white-space:nowrap;min-height:46px;background:#fff;color:#073049;font-size:10px}
.hg-office-visit{background:#eff7fb;padding:104px 0}
.hg-office-visit-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}
.hg-office-visit h2{font-size:clamp(42px,5vw,75px);margin:16px 0 0;line-height:1.06}
.hg-office-visit h2 em{color:#1e82b1}
.hg-office-visit-intro{max-width:355px;color:#516878;font-size:14px;margin:0}
.hg-office-visit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;align-items:stretch}
.hg-office-visit-photos{display:grid;grid-template-rows:auto 1fr;gap:15px;min-width:0}
.hg-office-visit-photos figure{margin:0;background:#fff;border:1px solid #cbdfe9;padding:9px}
.hg-office-visit-photos img{width:100%;height:auto;object-fit:contain;display:block}
.hg-office-visit-photos figcaption{font-size:10px;letter-spacing:.09em;color:#47687c;font-weight:700;text-transform:uppercase;padding:14px 10px 5px}
.hg-office-map-panel{display:flex;flex-direction:column;background:#fff;border:1px solid #cbdfe9;min-width:0;box-shadow:0 20px 50px #0b4f7112}
.hg-office-map-panel iframe{border:0;display:block;width:100%;flex:1;min-height:400px;background:#e5f1f7}
.hg-office-map-foot{padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hg-office-map-foot small{font-size:10px;letter-spacing:.12em;color:#3984a9;display:block;margin-bottom:8px;font-weight:700}
.hg-office-map-foot strong{font-size:18px;color:#12384b;line-height:1.35;display:block}
.hg-office-map-foot p{font-size:12px;color:#627889;margin:6px 0 0}
.hg-office-map-foot a{background:#075987;color:white;display:inline-flex;justify-content:center;align-items:center;padding:16px 18px;min-height:45px;white-space:nowrap;font-size:10px;letter-spacing:.07em;font-weight:700;transition:background .2s,transform .2s}
.hg-office-map-foot a:hover{background:#0f77a7;transform:translateY(-2px)}
.hg-office-about{padding:96px 0;background:#f0f7fa}
.hg-office-about-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:64px;align-items:center}
.hg-office-about h2{font-size:clamp(44px,5vw,75px);line-height:1.06;margin:18px 0 25px}
.hg-office-about h2 em{color:#1b7fae}
.hg-office-about p{font-size:14px;color:#526e80;max-width:500px}
.hg-office-about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hg-office-about-visual{background:#fff;padding:11px;border:1px solid #cadfe9;box-shadow:0 30px 45px #07466c1c}
.hg-office-about-visual img{width:100%;height:auto;display:block;object-fit:contain}
.hg-office-about-visual small{display:block;padding:14px 7px 4px;font-size:10px;color:#507083;letter-spacing:.08em;font-weight:700;text-transform:uppercase}
.hg-office-gallery-head{margin:55px 0 8px;padding:34px;background:#07293e;color:white;display:flex;gap:26px;align-items:end;justify-content:space-between;border-top:4px solid #1793c9}
.hg-office-gallery-head h2{font-size:clamp(31px,4vw,58px);margin:13px 0 0;letter-spacing:-.05em}
.hg-office-gallery-head p{max-width:380px;font-size:13px;color:#c4dce7;margin:0}
.gallery-item[data-type="office"]{background:#f8fbfd}
.gallery-item[data-type="office"] .gallery-image{height:265px;display:flex;align-items:center;justify-content:center;background:#eaf4f9}
.gallery-item[data-type="office"] .gallery-image img{width:100%;height:100%;object-fit:contain;padding:10px;display:block}
.gallery-item[data-type="office"] .gallery-caption{padding:16px 13px}
.hg-office-footer-link{display:inline-flex!important;color:#81ceec!important;font-weight:750!important;letter-spacing:.04em}
.hg-office-footer-link:hover{text-decoration:underline}
.hg-office-visit a:focus-visible,.hg-office-feature a:focus-visible,.hg-office-about a:focus-visible{outline:3px solid #ffc449;outline-offset:4px}
@media(max-width:1050px){.hg-office-feature{padding:80px 0}.hg-office-feature-top{align-items:start;flex-direction:column;gap:18px}.hg-office-feature-desc{max-width:580px}.hg-office-feature-media{grid-template-columns:1fr 1fr}.hg-office-find{padding:23px;flex-wrap:wrap}.hg-office-visit-grid{grid-template-columns:1fr 1fr}.hg-office-visit-head{align-items:start}.hg-office-about-grid{gap:36px}}
@media(max-width:750px){.hg-office-feature,.hg-office-visit,.hg-office-about{padding:67px 0}.hg-office-feature-media,.hg-office-visit-grid,.hg-office-about-grid{grid-template-columns:1fr}.hg-office-feature-top,.hg-office-visit-head{flex-direction:column;align-items:start;gap:18px}.hg-office-feature h2,.hg-office-visit h2,.hg-office-about h2{font-size:clamp(43px,8.8vw,65px)}.hg-office-side{display:grid;grid-template-columns:1fr;gap:15px}.hg-office-side .hg-office-photo img{max-height:none}.hg-office-visit-photos{grid-template-rows:auto auto}.hg-office-map-panel iframe{min-height:330px}.hg-office-map-foot{align-items:start;flex-wrap:wrap;gap:18px}.hg-office-gallery-head{padding:25px 22px;flex-direction:column;align-items:start;gap:12px}.hg-office-gallery-head h2{font-size:clamp(32px,7vw,48px)}.gallery-item[data-type="office"] .gallery-image{height:210px}}
@media(max-width:420px){.hg-office-feature,.hg-office-visit,.hg-office-about{padding:57px 0}.hg-office-photo figcaption{padding:13px 12px;font-size:9px}.hg-office-find{padding:20px 17px}.hg-office-find strong{font-size:18px}.hg-office-find .btn{width:100%}.hg-office-map-foot{padding:20px}.hg-office-map-foot a{width:100%}.hg-office-map-panel iframe{min-height:300px}.hg-office-gallery-head{margin-top:40px}.gallery-item[data-type="office"] .gallery-image{height:190px}.hg-office-about-visual{padding:6px}}
@media(prefers-reduced-motion:reduce){.hg-office-map-foot a{transition:none}}
.gallery-item[hidden]{display:none!important}
#our-showroom,#office-gallery,#visit-office{scroll-margin-top:115px}
