[data-sig="crossroads-field"]{position:relative;min-height:680px;overflow:hidden;color:var(--surface);display:flex;align-items:center;view-timeline-name:--field;& .field-photo{position:absolute;inset:0}& .field-photo>img{height:100%;width:100%;object-fit:cover}& .field-photo::after{content:'';position:absolute;inset:0;background:rgba(13,35,27,.48)}& .field-photo>.foreground{position:absolute;bottom:-8px;left:0;top:auto;height:30%;z-index:1;mask-image:linear-gradient(transparent,#000 35%);transform:translateY(12px);object-position:bottom;object-fit:fill;filter:brightness(.72);pointer-events:none}& .field-copy{position:relative;z-index:2;max-width:640px;padding:80px 0;margin-left:max(48px,calc((100vw - 1320px)/2))}& h2{font-size:64px;max-width:13ch}& p{margin-top:24px;max-width:42ch}& .hero-link{display:inline-flex;min-height:44px;align-items:center;border-bottom:1px solid currentColor;margin-top:24px}@supports(animation-timeline:view()){& .foreground{animation:crossroads-fence linear both;animation-timeline:--field;animation-range:entry 0% exit 100%}}@media(max-width:700px){min-height:650px;align-items:end;& .field-copy{padding:48px 24px;margin:0}& h2{font-size:44px}& .field-photo>img{object-position:58% center}}}@keyframes crossroads-fence{from{transform:translateY(12px)}to{transform:translateY(-12px)}}