/* The quiet hero: one idea at a time, with a continuously evolving signal. */
.site-header{height:94px}
.signal-hero{position:relative;display:flex;flex-direction:column;min-height:calc(100svh - 94px);padding:40px var(--pad) 28px;isolation:isolate}
.hero-statement{position:relative;z-index:2;flex:none}
.signal-hero h1{font-size:clamp(82px,10.8vw,190px);line-height:1.06;letter-spacing:-.075em;font-weight:520;margin:0 0 0 -.055em;height:1.08em}
.hero-rotating-line{display:block;opacity:1;transform:translateY(0);transition:opacity 280ms ease,transform 280ms cubic-bezier(.16,1,.3,1)}
.hero-rotating-line.is-changing{opacity:0;transform:translateY(-.07em)}
.hero-rotating-line [data-hero-word]{display:block}
.hero-summary{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:24px}
.hero-summary p{font-size:18px;line-height:1.5;letter-spacing:-.4px}
.hero-action{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:54px;padding:15px 22px;background:var(--ink);color:var(--emerald);font-size:14px;font-weight:500;border-radius:2px;transition:background .2s,color .2s}
.hero-action span{font-size:22px;line-height:1}
.hero-action:hover{background:var(--paper);color:var(--ink)}
.signal-stage{position:relative;flex:1;min-height:340px;margin:20px calc(-1 * var(--pad)) 0;isolation:isolate;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.signal-stage #rhythm-canvas{width:100%;height:100%;position:absolute;inset:0;display:block;cursor:crosshair;z-index:1}
.signal-fallback{position:absolute;inset:0;width:100%;height:100%;z-index:0;color:var(--ink)}
.signal-ready .signal-fallback{display:none}
.hero-motion{position:absolute;right:var(--pad);bottom:20px;width:44px;height:44px;border:1px solid rgba(17,19,16,.35);border-radius:50%;display:none;align-items:center;justify-content:center;z-index:3;transition:background .2s}
.js-ready .hero-motion{display:flex}
.hero-motion:hover{background:rgba(243,241,233,.35)}
.hero-motion:disabled{opacity:.4;cursor:default}
.hero-motion .play-icon{display:none}
[data-motion="paused"] .hero-motion .pause-icon{display:none}
[data-motion="paused"] .hero-motion .play-icon{display:block}
@media(min-width:1600px){.signal-hero{padding-top:55px}.hero-summary p{font-size:21px}.signal-stage{min-height:460px}}
@media(max-width:1100px){.signal-hero h1{font-size:10.8vw}.hero-summary p{font-size:16px}.signal-stage{min-height:340px}}
@media(max-width:800px){.site-header{height:82px}.mobile-nav{top:81px}.signal-hero{min-height:calc(100svh - 82px);padding-top:38px;padding-bottom:36px}.signal-hero h1{font-size:10.8vw}.hero-summary{gap:24px;margin-top:26px}.hero-summary p{font-size:16px;max-width:275px}.hero-action{font-size:13px;gap:24px;min-height:50px;padding:14px 18px}.signal-stage{min-height:350px;margin-top:25px}}
@media(max-width:540px){.site-header{height:76px}.mobile-nav{top:75px}.signal-hero{min-height:calc(100svh - 76px);padding-top:31px;padding-bottom:50px}.signal-hero h1{font-size:17vw;line-height:1.04;height:2.12em;letter-spacing:-.073em;max-width:100%}.hero-rotating-line{max-width:100%}.hero-summary{display:block;margin-top:19px}.hero-summary p{font-size:16px;max-width:270px;line-height:1.4;letter-spacing:-.3px}.hero-action{margin-top:23px;width:max-content;min-height:50px;gap:35px;font-size:13px;padding:15px 19px}.signal-stage{min-height:270px;margin-top:8px}.hero-motion{bottom:17px}}
@media(max-width:360px){.signal-hero{padding-top:25px}.hero-summary{margin-top:15px}.hero-summary p{font-size:15px}.hero-action{margin-top:20px}.signal-stage{min-height:240px}}
@media(prefers-reduced-motion:reduce){.hero-rotating-line{transition:none}}
