/* The location panel uses the same flat ink, paper and print colors as the machines. */
.contact-map {
  --map-rule: rgba(223,229,231,.25);
  width:100%; min-width:0; max-width:470px; margin:0;
  padding:24px 26px 20px;
  transform:none;
  border:1px solid var(--map-rule);
  background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(223,229,231,.025) 50%,transparent calc(50% + .5px));
  box-shadow:8px 8px 0 rgba(0,101,179,.2);
  text-align:left;
}
.contact-map:before,.contact-map:after {width:42px;border-color:var(--yellow)}
.map-heading {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--map-rule)}
.map-eyebrow {font-size:.6875rem;letter-spacing:.18em;color:var(--paper);font-weight:600}
.map-heading h3 {font-family:var(--display);font-size:clamp(2rem,3.3vw,3rem);line-height:1.1;letter-spacing:-.02em;color:var(--paper);margin:7px 0 0}
.map-monogram {font-family:var(--display);font-size:min(1.2rem,24px);color:var(--yellow);border:1px solid var(--map-rule);width:52px;height:52px;display:grid;place-items:center;transform:rotate(7deg);flex-shrink:0}
.contact-map .map-art {display:block;width:100%;height:auto;max-height:none;margin:8px 0 0;aspect-ratio:530 / 515;object-fit:contain}
.map-caption {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--map-rule);padding-top:16px}
.contact-map .map-place {font-family:Barlow,sans-serif;font-size:1.0625rem;font-weight:800;line-height:1.25;color:var(--yellow)}
.contact-map .hand-note {font-size:1.3rem;line-height:1.1;margin:0;text-align:right;color:var(--paper)}
.hero-location {transform:rotate(4deg)}
.hero-location img {filter:drop-shadow(2px 3px 0 rgba(7,30,53,.14))}
@media(min-width:801px){
  .contact-section {grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(45px,6.25vw,90px)}
  .hero-location img {height:125px}
}
@media(max-width:1100px) and (min-width:801px){
  .contact-map {padding:19px 18px 17px}
  .map-heading h3 {font-size:2rem}
  .map-monogram {width:40px;height:40px;font-size:1rem}
  .map-caption {flex-direction:column;align-items:flex-start;gap:5px}
  .contact-map .hand-note {text-align:left}
  .hero-location img {height:115px}
}
@media(max-width:800px){
  .contact-section {grid-template-columns:minmax(0,1fr)}
  .contact-map {max-width:420px;margin:0 auto;padding:22px}
  .map-heading h3 {font-size:2.7rem}
}
@media(max-width:480px){
  .contact-map {padding:18px 16px 16px}
  .map-heading h3 {font-size:clamp(1.3rem,8.8vw,2.15rem)}
  .map-monogram {width:42px;height:42px;font-size:min(1rem,20px)}
  .contact-map .hand-note {font-size:1.1rem}
  .contact-map .map-place {font-size:.9375rem}
}
@media(forced-colors:active){
  .contact-map,.map-heading,.map-caption,.map-monogram {border-color:CanvasText;box-shadow:none}
  .contact-map {background:none}
  .contact-map .map-art {forced-color-adjust:none;background:#071e35}
}