.hm-sec-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,90px);display:grid}.hm-sec-grid h2{margin-bottom:24px}.hm-controls{border:1px solid var(--border);background:linear-gradient(160deg,#f6f5ef12,#f6f5ef05);border-radius:26px;gap:12px;padding:clamp(18px,2.4vw,28px);display:grid;box-shadow:0 2px 2px #0000002e,0 14px 28px #00000038,0 44px 90px #00000047}.hm-control{--on:clamp(0,calc((var(--p,0) - var(--t,0)) * 9),1);background:var(--background);border:1px solid var(--border);border-radius:16px;grid-template-columns:1fr auto auto;align-items:center;gap:14px;min-height:62px;padding:12px 16px 12px 20px;font-size:15.5px;line-height:1.3;display:grid}.hm-control small{color:var(--gold);opacity:var(--on);font-size:12px}.hm-control i{border:1px solid var(--border);background:#2c382f;border-radius:999px;width:46px;height:26px;position:relative}.hm-control i:before{content:"";border-radius:inherit;background:var(--gold);opacity:var(--on);position:absolute;inset:-1px}.hm-control i:after{content:"";width:18px;height:18px;transform:translateX(calc(var(--on) * 20px));background:#f6f5ef;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0006}@media (max-width:900px){.hm-sec-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hm-control{--on:1}}