.hero{padding:32px 0 56px}.hero-grid{grid-template-columns:1.12fr 1fr;gap:52px}
.hero-copy h1{font-size:clamp(40px,4.6vw,62px);line-height:1.09;letter-spacing:-.05em;margin:20px 0 25px}
.hero-copy h1 span{display:block}.hero-copy>p{max-width:535px;font-size:19px;line-height:1.7;margin:0 0 28px}
.hero-copy .btn{font-size:17px;min-height:56px;padding:17px 29px;display:inline-flex;gap:26px;align-items:center}
.hero-copy h1 .rotating-line{display:grid;min-height:1.1em}
.rotating-line .phrase{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity 350ms ease,visibility 350ms;overflow-wrap:normal}
.rotating-line .phrase.active{opacity:1;visibility:visible}
.rotation-control{display:block;background:transparent;border:0;padding:6px 0;margin-top:8px;font-size:12px;color:#586c60;text-decoration:underline;text-underline-offset:3px}
.rotation-control[hidden]{display:none}
@media(max-width:900px){.hero-grid{gap:30px}.hero-copy h1{font-size:44px}.hero-copy>p{font-size:18px}}
@media(max-width:650px){.hero{padding:22px 0 32px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy h1{font-size:clamp(34px,10.5vw,44px);margin:18px 0 22px}.hero-copy>p{font-size:17px;line-height:1.65;margin-bottom:24px}.hero-copy .btn{width:100%;justify-content:center}.hero-image{height:300px}}
@media(prefers-reduced-motion:reduce){.rotating-line .phrase{transition:none}}