/* Scoped styles; the component and image have transparent backgrounds. */
botox-treatment-map {
  --btm-ink:#221d15; --btm-copy:#756c5a; --btm-gold:#93711e;
  --btm-highlight:#d6ae48; --btm-heading:'Cormorant Garamond',Georgia,serif;
  --btm-body:'Jost',Helvetica,Arial,sans-serif;
  display:block; color:var(--btm-ink); background:transparent;
  font-family:var(--btm-body); font-weight:300; container-type:inline-size;
}
botox-treatment-map * {box-sizing:border-box}
.btm-header{text-align:center;margin:0 0 16px}
.btm-header h2{font-family:var(--btm-heading);font-weight:300;font-size:clamp(36px,4.5vw,68px);line-height:1.05;margin:0 0 12px}
.btm-header p{font-size:16px;color:var(--btm-copy);margin:0}
.btm-layout{position:relative;display:grid;grid-template-columns:24% 52% 24%;align-items:start}
.btm-portrait{grid-column:2;grid-row:1;position:relative;aspect-ratio:1}
.btm-portrait svg{display:block;width:100%;height:100%;overflow:visible}
.btm-region{fill:var(--btm-highlight);fill-opacity:.32;stroke:var(--btm-gold);stroke-width:1;stroke-opacity:.3;transition:fill-opacity .15s,stroke-width .15s}
.btm-region.is-active{fill-opacity:.62;stroke-opacity:1;stroke-width:2.5}
.btm-leader{fill:none;stroke:var(--btm-gold);stroke-width:1.5;opacity:.65;vector-effect:non-scaling-stroke}
.btm-leader.is-active{opacity:1;stroke-width:2}
.btm-labels{display:contents;list-style:none;margin:0;padding:0}
.btm-item{position:absolute;width:24%;top:var(--btm-y);transform:translateY(-50%);z-index:2}
.btm-item[data-side=left]{left:0;padding-right:12px}
.btm-item[data-side=right]{right:0;padding-left:12px}
.btm-control{appearance:none;display:block;width:100%;padding:8px 10px;text-align:left;background:transparent;border:1px solid transparent;border-radius:4px;color:inherit;font:inherit;text-decoration:none;cursor:pointer}
.btm-control:hover,.btm-control[aria-pressed=true],.btm-control.is-active{border-color:var(--btm-gold);background:rgb(214 174 72 / .07)}
.btm-control:focus-visible{outline:2px solid var(--btm-gold);outline-offset:3px}
.btm-name{display:block;font-family:var(--btm-heading);font-weight:400;font-size:clamp(23px,2.5vw,36px);line-height:1.08;margin-bottom:6px}
.btm-description{display:block;font-size:clamp(14px,1.35vw,19px);line-height:1.45;color:var(--btm-copy);font-weight:300}
.btm-footer{text-align:center;font-size:14px;color:var(--btm-copy);margin:14px 0 0}
.btm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@container (max-width:1100px){
  .btm-layout{display:flex;flex-direction:column;align-items:stretch}
  .btm-portrait{width:min(100%,540px);align-self:center}
  .btm-leader{display:none}
  .btm-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
  .btm-item{position:static;width:auto;transform:none;padding:0!important}
  .btm-control{height:100%;padding:12px;border-color:rgb(147 113 30 / .25)}
  .btm-name{font-size:28px}.btm-description{font-size:16px}
}
@container (max-width:420px){.btm-labels{grid-template-columns:1fr}.btm-header h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.btm-region{transition:none}}

botox-treatment-map[no-header] .btm-header,botox-treatment-map[noheader] .btm-header{display:none}