/* Hero loom: a canvas illustration above a compact caption, both inside the arch. */
.hero-aside{height:580px;display:flex;flex-direction:column;border-radius:210px 210px 6px 6px}
.loom{position:relative;flex:1;min-height:0}
.loom-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y}
.hero-aside .hero-aside-content{position:relative;inset:auto;gap:6px;padding:18px 38px 46px}
.hero-aside-content strong{font-size:34px;line-height:1.1}
.hero-aside-content>span:not(.aside-label,.aside-rule){font-size:13px;line-height:1.55}
.hero-aside .aside-rule{margin:8px 0}
.aside-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.loom-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 10px;border:1px solid #9daf91;border-radius:999px;background:transparent;color:#183128;font-size:10px;font-weight:700;letter-spacing:.14em;line-height:1;text-transform:uppercase}
.loom-toggle[hidden]{display:none}
.loom-toggle:hover{background:#d7e99b;border-color:#d7e99b}
.loom-toggle:focus-visible{outline:2px solid #1b342e;outline-offset:2px}
.loom-toggle-icon{width:7px;height:8px;border-left:2px solid;border-right:2px solid}
.loom-toggle[data-state=paused] .loom-toggle-icon,.loom-toggle[data-state=ended] .loom-toggle-icon{width:0;height:0;border-right:0;border-left:7px solid;border-top:4px solid transparent;border-bottom:4px solid transparent}
@media(max-width:900px){.hero-aside{height:520px}.hero-aside .hero-aside-content{padding:16px 28px 42px}.hero-aside-content strong{font-size:30px}}
@media(max-width:690px){.hero-aside{height:auto;margin-top:56px}.loom{flex:none;height:clamp(260px,82vw,360px)}.hero-aside .hero-aside-content{padding:16px 26px 46px}.hero-aside-content strong{font-size:30px}}