/* Frame the joined hands around their point of contact, with equal space on each side. */
.hand-mark,.site-header .hand-mark,.site-footer .hand-mark{display:block;position:relative;overflow:hidden;width:54px;height:39px;border-radius:9px;flex-shrink:0;background:#4f5267}
.hand-mark img{position:absolute;display:block;max-width:none;width:800%;height:auto;left:-354%;top:-202%}
@media(max-width:640px){.hand-mark,.site-header .hand-mark,.site-footer .hand-mark{width:44px;height:32px;border-radius:8px}}

/* Keep phone headers on one row and make the menu easy to tap. */
@media(max-width:640px){.site-header .header-inner{flex-wrap:nowrap;gap:10px}.site-header .header-inner .wordmark{font-size:18px}.site-header .menu-toggle{width:44px;height:44px;flex-shrink:0;align-items:center;padding:10px}.site-header .header-cta{min-height:44px;flex-shrink:0}}
@media(max-width:380px){.site-header .header-cta{display:none}}

/* Each word sits below its corresponding letter in HEAL. */
.brand-copy.brand-acronym{display:inline-grid;grid-template-columns:repeat(4,minmax(0,1fr));width:184px;gap:0;align-items:start;line-height:1.1;min-width:0}.brand-letter{display:flex;flex-direction:column;align-items:center;gap:5px}.brand-initial{font-size:28px;font-weight:500;letter-spacing:0;line-height:1}.brand-word{font-family:'DM Sans',Arial,sans-serif;font-size:10px;font-weight:400;font-style:normal;line-height:1.35;letter-spacing:0;color:var(--muted,#737c74);white-space:nowrap}.sidebar .brand-acronym{width:140px;gap:0}.sidebar .brand-initial{font-size:22px}.sidebar .brand-word{font-size:8px}.sidebar .brand .hand-mark{width:32px;height:28px}
@media(max-width:640px){.brand-copy.brand-acronym{width:168px;gap:0}.site-header .brand-copy.brand-acronym{width:140px}.brand-initial{font-size:23px}.brand-word{font-size:8px}.brand-letter{gap:4px}.site-header .header-inner{gap:8px}}
@media(max-width:380px){.brand-copy.brand-acronym{width:156px;gap:0}.site-header .brand-copy.brand-acronym{width:140px}.brand-initial{font-size:21px}.brand .hand-mark,.site-header .hand-mark,.site-footer .hand-mark{width:32px;height:27px}.brand,.wordmark{gap:8px}.ceremony-header .date-seal{width:42px;height:42px;top:22px}.ceremony-header .date-seal strong{font-size:21px}.ceremony-header .date-seal span{font-size:6px}}

/* The lamp is cut into the HEAL letterforms; the SVG scales as one lockup. */
.heal-logo,.brand .heal-logo,.wordmark .heal-logo{display:block;width:210px;height:auto;max-width:100%;flex-shrink:0;position:static}
.site-header .heal-logo{width:190px}.ceremony-header .heal-logo{width:190px}.sidebar .brand .heal-logo{width:175px}.site-footer .heal-logo{width:210px}
@media(max-width:640px){.heal-logo,.brand .heal-logo,.wordmark .heal-logo{width:128px}.site-header .heal-logo{width:clamp(112px,30vw,128px);max-height:54px}.ceremony-header .heal-logo{width:150px}.site-header .header-inner{min-height:72px}.sidebar .brand .heal-logo{width:136px}}
@media(max-width:380px){.site-header .heal-logo{width:112px}.ceremony-header .heal-logo{width:140px}}

@media(max-width:640px){.site-header .wordmark{min-width:0;flex:0 1 auto}.site-footer .heal-logo{width:136px}.heal-logo{object-fit:contain;aspect-ratio:620/255}}