/* HOD shared shell. Used unchanged by Astro, article Worker and Storybook. */
:root{--hod-shell-ink:#202020;--hod-shell-muted:#565c55;--hod-shell-green:#3e6045;--hod-shell-green-hover:#2d4833;--hod-shell-line:#dce2d9;--hod-shell-gutter:clamp(20px,4.5vw,80px);--hod-shell-radius:999px}
.hod-header,.hod-footer,.hod-menu{font-family:Archivo,Arial,sans-serif;color:var(--hod-shell-ink);font-size:16px;line-height:1.5;text-align:left}
.hod-header *,.hod-footer *,.hod-menu *{box-sizing:border-box}
.hod-header a,.hod-footer a,.hod-menu a{color:inherit;text-decoration:none}
.hod-header button,.hod-menu button{font:inherit;color:inherit;cursor:pointer}
.hod-header :focus-visible,.hod-footer :focus-visible{outline:2px solid var(--hod-shell-green);outline-offset:5px}
.hod-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:clamp(18px,3vw,44px);height:80px;padding:0 var(--hod-shell-gutter);border-bottom:1px solid var(--hod-shell-line);background:#fff;isolation:isolate}
.hod-wordmark{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px;line-height:1}
.hod-wordmark img{display:block;width:174px;height:38px;max-width:none;object-fit:contain}
.hod-primary{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.3vw,36px);margin-left:auto;font-size:14px;font-weight:500}
.hod-primary>a,.hod-treatments>summary{display:flex;align-items:center;gap:8px;min-height:48px;white-space:nowrap;cursor:pointer}
.hod-primary>a:hover,.hod-treatments>summary:hover,.hod-footer a:not(.hod-shell-cta):hover{color:var(--hod-shell-green);text-decoration:underline;text-underline-offset:5px}
.hod-treatments{position:relative}
.hod-treatments>summary{list-style:none}
.hod-treatments>summary::-webkit-details-marker{display:none}
.hod-treatments[open]>summary span{transform:rotate(180deg)}
.hod-treatment-menu{position:absolute;top:calc(100% + 16px);left:-28px;display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:0 22px;min-width:330px;padding:24px;background:#fff;border:1px solid var(--hod-shell-line);border-radius:12px}
.hod-treatment-menu p{grid-column:1/-1;font-size:13px;color:var(--hod-shell-muted);margin:0 0 14px}
.hod-treatment-menu>a{padding:11px 0;border-bottom:1px solid var(--hod-shell-line)}
.hod-treatment-menu>a:hover{color:var(--hod-shell-green)}
.hod-header .hod-shell-cta,.hod-footer .hod-shell-cta,.hod-menu .hod-shell-cta{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:46px;padding:12px 25px;border-radius:var(--hod-shell-radius);background:var(--hod-shell-green);color:#fff;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;text-decoration:none;transition:background 180ms ease}
.hod-shell-cta:hover{background:var(--hod-shell-green-hover)!important}
.hod-menu-trigger{display:none;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;background:transparent;border:0}
.hod-menu{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0 24px max(28px,env(safe-area-inset-bottom));border:0;background:#fff;overflow-y:auto;overscroll-behavior:contain}
.hod-menu::backdrop{background:rgb(32 32 32 / .35)}
.hod-menu-top{display:flex;align-items:center;justify-content:space-between;min-height:76px;border-bottom:1px solid var(--hod-shell-line);margin-bottom:28px}
.hod-menu-close{display:grid;place-items:center;width:44px;height:44px;border:0;background:none;font-size:22px!important}
.hod-menu-label{margin:0 0 14px;color:var(--hod-shell-muted);font-size:13px}
.hod-mobile-treatments{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.hod-mobile-treatments a{display:flex;align-items:center;min-height:54px;font-size:25px;font-weight:500;letter-spacing:-.03em}
.hod-mobile-links{display:grid;gap:0;margin:25px 0;padding:17px 0;border-top:1px solid var(--hod-shell-line);border-bottom:1px solid var(--hod-shell-line)}
.hod-mobile-links a{display:flex;align-items:center;min-height:45px;font-size:17px}
.hod-menu>.hod-shell-cta{width:100%;min-height:50px}
.hod-menu-open{overflow:hidden}
.hod-menu-open .sticky-cta{visibility:hidden}
.hod-motion-control{position:fixed;right:18px;bottom:18px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--hod-shell-line);border-radius:50%;background:white;z-index:20}
.hod-motion-control .play-symbol{display:none}
.motion-paused .hod-motion-control .play-symbol{display:block}
.motion-paused .hod-motion-control .pause-symbol{display:none}
.hod-footer{background:#e8eee5;padding:64px var(--hod-shell-gutter) 24px;border-top:1px solid var(--hod-shell-line)}
.hod-footer-main{display:grid;grid-template-columns:minmax(200px,1fr) 2fr;gap:60px;max-width:1440px;margin:0 auto}
.hod-footer-brand p{font-size:22px;letter-spacing:-.03em;margin:22px 0}
.hod-footer-columns{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:clamp(24px,3vw,52px)}
.hod-footer-columns h2{font:600 14px/1.4 Archivo,Arial,sans-serif;text-transform:none;letter-spacing:0;margin:0 0 16px}
.hod-footer-columns ul{padding:0;margin:0;list-style:none}
.hod-footer-columns a{display:flex;align-items:center;min-height:40px;padding:7px 0;font-size:14px;color:var(--hod-shell-muted)}
.hod-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:48px auto 0;padding-top:20px;border-top:1px solid #c9d3c5;font-size:12px;color:var(--hod-shell-muted)}
.hod-footer-bottom p{margin:0}
.hod-footer-bottom nav{display:flex;gap:26px}
.hod-footer-bottom a{display:flex;align-items:center;min-height:44px}
@media(max-width:999px){.hod-header{height:72px;gap:14px}.hod-primary{display:none}.hod-header>.hod-shell-cta{margin-left:auto}.hod-menu-trigger{display:flex}.hod-wordmark img{width:153px;height:34px}.hod-footer-main{grid-template-columns:1fr;gap:40px}.hod-footer-brand{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.hod-footer-brand p{margin:0 auto 0 0}.hod-footer-columns{grid-template-columns:1fr 1.5fr 1fr}}
@media(max-width:540px){.hod-header{padding:0 16px;gap:8px;height:68px}.hod-wordmark img{width:137px;height:30px}.hod-header>.hod-shell-cta{padding:10px 16px;font-size:12px;min-height:44px}.hod-footer{padding:42px 24px 20px}.hod-footer-brand{display:block}.hod-footer-brand p{margin:17px 0 20px}.hod-footer-columns{grid-template-columns:1fr 1.5fr;gap:28px 20px}.hod-footer-columns>div:last-child{grid-column:1/-1}.hod-footer-columns>div:last-child ul{display:flex;gap:24px;flex-wrap:wrap}.hod-footer-columns a{min-height:44px}.hod-footer-bottom{margin-top:30px;align-items:flex-start;flex-direction:column;gap:8px}.hod-motion-control{bottom:max(14px,env(safe-area-inset-bottom));right:14px}.hod-menu .hod-wordmark img{width:153px;height:34px}}
@media(prefers-reduced-motion:no-preference){.hod-menu[open]{animation:hod-menu-enter 200ms ease-out}@keyframes hod-menu-enter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.hod-header *,.hod-footer *{transition:none!important}}