[data-sig="crossroads-hero"]{height:180dvh;position:relative;view-timeline-name:--hero;view-timeline-axis:block;& .hero-stage{position:sticky;top:0;height:100dvh;min-height:600px;overflow:hidden;background:var(--ink);color:var(--surface)}& .clinic-photo,& .farm-photo,& .farm-mask{position:absolute;inset:0;width:100%;height:100%}& picture{display:block;width:100%;height:100%}& img{width:100%;height:100%;object-fit:cover}& .clinic-photo img{object-position:75% center}& .farm-mask{overflow:hidden;transform:translateX(-50%)}& .farm-photo{transform:translateX(50%)}& .farm-photo img{object-position:25% center;transform:translateX(-18vw)}& .clinic-photo img{transform:translateX(12vw)}& .divider{position:absolute;inset:0;width:1px;background:rgba(250,251,247,.8);transform:translateX(50vw)}& .hero-stage::after{content:'';position:absolute;inset:0;background:rgba(12,31,25,.23);pointer-events:none}& .hero-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:18%;text-align:center;text-shadow:0 2px 25px rgba(0,0,0,.3)}& h1{font-size:clamp(60px,7vw,96px)}& .hero-copy p{max-width:49ch;margin:20px auto 24px;font-size:20px}& .hero-link{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid currentColor;font-size:17px}& .hero-captions{position:absolute;z-index:2;bottom:36px;left:48px;right:48px;display:flex;justify-content:space-between;font-size:16px}@supports(animation-timeline:view()){& .farm-mask{animation:crossroads-mask linear both;animation-timeline:--hero;animation-range:contain 0% contain 100%}& .farm-photo{animation:crossroads-photo linear both;animation-timeline:--hero;animation-range:contain 0% contain 100%}& .divider{animation:crossroads-divider linear both;animation-timeline:--hero;animation-range:contain 0% contain 100%}}@media(max-width:700px){height:140dvh;& .hero-stage{min-height:620px;height:calc(100dvh - 64px)}& .hero-copy{bottom:19%;left:24px;right:24px}& h1{font-size:56px}& .hero-copy p{font-size:17px;max-width:28ch;margin:16px auto}& .hero-captions{left:24px;right:24px;bottom:24px;font-size:13px}& .hero-link{font-size:15px}& .farm-photo img{object-position:50% center;transform:translateX(-28vw)}& .clinic-photo img{object-position:50% center;transform:translateX(18vw)}}@media(prefers-reduced-motion:reduce){height:100dvh;& .farm-mask{transform:translateX(-50%)!important}& .farm-photo{transform:translateX(50%)!important}& .divider{transform:translateX(50vw)!important}}}@keyframes crossroads-mask{0%,100%{transform:translateX(-50%)}33%{transform:translateX(-28%)}66%{transform:translateX(-72%)}}@keyframes crossroads-photo{0%,100%{transform:translateX(50%)}33%{transform:translateX(28%)}66%{transform:translateX(72%)}}@keyframes crossroads-divider{0%,100%{transform:translateX(50vw)}33%{transform:translateX(72vw)}66%{transform:translateX(28vw)}}