/* r35 · Hero "page rip". The headline sits on white paper that tears along a horizontal
   line as you scroll, revealing the question on green paper underneath. Scroll-scrubbed
   (no hijacking). Without JS or with reduced motion: the static, already-torn layout. */
.hr{--s:.7;--hr-hdr:72px;--hr-green:#245B36;position:relative;overflow:hidden}
.bw-opening.hr{padding:0 0 72px}
.hr-track,.hr-stage{position:relative}
.hr-piece{position:relative;background:#fff}
.hr-top{z-index:3;padding:80px 15px 18px}
.hr-bot{z-index:2;padding:22px 15px 0}
.hr-bot .bw-discover{margin:0 auto 24px}
.hr-edge,.hr-shadow{position:absolute;left:50%;width:calc(1600px * var(--s));margin-left:calc(-800px * var(--s));pointer-events:none;background:no-repeat 0 0 / 100% 100%}
.hr-top .hr-edge,.hr-top .hr-shadow{top:calc(100% - 1px);height:calc(175px * var(--s))}
.hr-top .hr-edge{background-image:url(assets/hero-rip/edge-top.webp)}
.hr-top .hr-shadow{background-image:url(assets/hero-rip/shadow-top.webp)}
.hr-bot .hr-edge,.hr-bot .hr-shadow{bottom:calc(100% - 1px);height:calc(128.3px * var(--s))}
.hr-bot .hr-edge{background-image:url(assets/hero-rip/edge-bot.webp)}
.hr-bot .hr-shadow{background-image:url(assets/hero-rip/shadow-bot.webp)}
.hr-under{position:relative;z-index:1;background:var(--hr-green) url(assets/hero-rip/green-paper.webp) repeat 0 0 / 192px;
  padding:calc(150px * var(--s) + 20px) 20px calc(118px * var(--s) + 20px);text-align:center}
.hr-under::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.28))}
.bw-opening .hr-under .bw-question{position:relative;z-index:1;margin:0 auto;max-width:15ch;color:#fff;
  font:900 clamp(34px,9.6vw,46px)/1.08 BywillHeadline,Helvetica,sans-serif;letter-spacing:-.03em;text-wrap:balance;
  text-shadow:0 2px 0 rgba(0,0,0,.18),0 10px 28px rgba(0,0,0,.28)}
.hr-under .business-highlight{color:#0F0F0F;text-shadow:none;background:linear-gradient(transparent 12%,#d5eb9b 12%,#d5eb9b 92%,transparent 92%);padding:0 .14em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.06em}
.hr .bw-cta-block{position:relative;z-index:2;box-sizing:border-box;padding-left:15px;padding-right:15px;background:#fff}

/* animated: pinned stage, pieces positioned by hero-rip.js */
.hr.is-anim{overflow:visible}
.hr.is-anim .hr-track{height:calc(100vh - var(--hr-hdr) + 75vh);height:calc(100svh - var(--hr-hdr) + 75svh)}
.hr.is-anim .hr-stage{position:sticky;top:var(--hr-hdr);height:calc(100vh - var(--hr-hdr));height:calc(100svh - var(--hr-hdr));overflow:hidden;background:#fff}
.hr.is-anim .hr-under{position:absolute;inset:0;padding:0 20px}
.hr.is-anim .hr-under .bw-question{position:absolute;left:20px;right:20px;top:var(--hr-qy,50%);transform:translateY(-50%);will-change:transform,opacity}
.hr.is-anim .hr-piece{position:absolute;left:-4%;right:-4%;will-change:transform}
.hr.is-anim .hr-top{top:0;height:var(--hr-tb,55%);padding:0 calc(4% + 15px) 8px;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box;transform-origin:50% 100%}
.hr.is-anim .hr-bot{top:var(--hr-bt,60%);bottom:-40vh;padding:18px calc(4% + 15px) 0;transform-origin:50% 0}
.hr.is-anim .hr-shadow{opacity:0;will-change:opacity}
.hr.is-anim .hr-bot .bw-discover{margin-bottom:0}
.hr.is-anim .bw-cta-block{padding-top:28px}

@media(max-width:768px){.hr-top{padding-top:52px}.bw-opening.hr{padding-bottom:48px}}
@media(min-width:700px){.hr{--s:1}.bw-opening .hr-under .bw-question{max-width:20ch;font-size:clamp(46px,6.2vw,72px)}}
@media(min-width:1480px){.hr{--s:1.15}}
@media(min-width:1800px){.hr{--s:1.4}}
@media(min-width:2200px){.hr{--s:1.7}}
@media(min-width:769px){.hr{--hr-hdr:82px}}