/* The illustration and overlays share one aspect ratio at every viewport. */
:root{--hero-view:clamp(620px,calc(100svh - 88px),820px)}
.hero{overflow:clip;position:relative;height:calc(var(--hero-view) + 320px);background:#f5f9fc}
.hero-inner{position:sticky;top:88px;max-width:1860px;height:var(--hero-view);min-height:0;padding:22px 52px 30px;grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);gap:12px}
.hero-copy{max-width:490px;padding:20px 0 54px}
.hero h1{font-size:clamp(38px,3.1vw,56px);letter-spacing:-1px}
.hero-description{max-width:425px}
.farm-window{height:100%;min-height:0;background:transparent;border-radius:0;overflow:visible}
.farm-hero{height:calc(100% - 28px);transition:opacity .45s}
.farm-loading{display:flex;align-items:center;justify-content:center;inset:20px 8px 78px;transition:opacity .3s}
.farm-loading img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 15px #264b5a19)}
.farm-description{height:32px;left:4%;right:4%;bottom:0;border-top-color:#d6e5ed;font-size:11px}
.farm-description small{font-size:10px}
@media(min-width:1800px){.hero h1{font-size:56px}.hero-inner{padding-inline:60px}.hero-copy{max-width:500px}.hero-description{font-size:17px}.farm-window{height:100%}}
@media(min-height:1000px) and (min-width:761px){.hero{height:var(--hero-view)}.hero-inner{position:relative;top:0}}
@media(max-width:1200px){:root{--hero-view:clamp(570px,calc(100svh - 88px),740px)}.hero-inner{padding-inline:32px;grid-template-columns:minmax(325px,.78fr) minmax(0,1.22fr)}.hero h1{font-size:40px}.hero-description{font-size:15px}.farm-window{height:100%}.farm-description small{display:none}}
@media(max-width:1000px){.hero-inner{top:76px;padding-inline:28px;grid-template-columns:minmax(288px,.8fr) minmax(0,1.2fr)}.hero h1{font-size:36px}.hero-description{font-size:14px}.hero .button{padding:11px 14px}}
@media(max-width:760px){.hero{height:auto;overflow:hidden}.hero-inner{position:relative;top:auto;height:auto;padding:0;display:flex;gap:0;min-height:0}.hero-copy{max-width:none;padding:34px 24px 12px}.hero h1{font-size:36px}.hero-description{margin-top:18px}.hero-intro{margin-bottom:18px}.hero-actions{margin-top:23px}.hero-proof{margin-top:24px}.hero .button{font-size:13px;padding:11px 16px}.farm-window{height:auto;aspect-ratio:1.28;margin:0 8px 18px}.farm-hero{height:calc(100% - 28px)}.farm-description{left:5%;right:5%;font-size:10px}.farm-description small{display:block;font-size:9px}.farm-loading{inset:0 0 58px}}
@media(max-width:370px){.hero-copy{padding-inline:20px}.hero h1{font-size:32px}.hero .button{font-size:12px;padding:10px 12px}.hero-proof{gap:15px;font-size:10px}.farm-description small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero{height:auto}.hero-inner{position:relative;top:0}.farm-hero{transition:none}}