.home-page .hero{background:#fff;isolation:isolate}
.home-page .hero-media{mask-image:linear-gradient(90deg,transparent 36%,#000 63%);-webkit-mask-image:linear-gradient(90deg,transparent 36%,#000 63%)}
.home-page .hero-media>.hero-film{opacity:0;transition:opacity .8s ease;object-fit:cover;object-position:center}
.home-page .hero-media.video-ready>.hero-film{opacity:1}
.home-page .hero-copy h1,.home-page .hero-copy .hero-description,.home-page .hero-copy>.eyebrow{width:100%;max-width:100%!important}
@media(min-width:600px){
 .home-page .hero{display:block;height:auto;min-height:650px;padding:0}
 .home-page .hero-copy{width:43%;max-width:660px;text-align:left;align-self:auto;padding:28px 0 42px clamp(24px,4.7vw,75px);position:relative;z-index:2}
 .home-page .hero-contact{justify-content:flex-start}
 .home-page .hero-description{margin-left:0;margin-right:0}
 .home-page .hero-media{position:absolute;inset:0;width:100%;height:100%;z-index:-1;clip-path:polygon(55.8% 0,100% 0,100% 38.4%,69.5% 100%,64.7% 100%,42.679% 27.8%)}
 .home-page .hero-sky{display:block;inset:0;width:100%;height:100%;clip-path:polygon(34.2% 0,55.8% 0,42.679% 27.8%)}
 .home-page .hero-small-triangle{display:block;inset:0;width:100%;height:100%;clip-path:polygon(53.435% 67%,63.5% 100%,37.8% 100%)}
 .home-page .hero-concrete{display:block;inset:0;width:100%;height:100%;clip-path:polygon(100% 40.42%,100% 100%,70.5% 100%)}
 .home-page .hero-media::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#fff 32%,rgba(255,255,255,.94) 40%,rgba(255,255,255,.42) 49%,transparent 63%)}
}
@media(min-width:600px) and (max-width:934px){
 .home-page .hero-copy{width:60%;padding:28px 0 40px 24px}
 .home-page .hero-media{clip-path:polygon(69% 0,100% 0,100% 43%,85% 100%,79% 100%,56% 27.8%);mask-image:linear-gradient(90deg,transparent 53%,#000 76%);-webkit-mask-image:linear-gradient(90deg,transparent 53%,#000 76%)}
 .home-page .hero-media::after{background:linear-gradient(90deg,#fff 48%,rgba(255,255,255,.95) 57%,rgba(255,255,255,.3) 67%,transparent 79%)}
 .home-page .hero-sky{clip-path:polygon(50% 0,69% 0,56% 27.8%);opacity:.45}
 .home-page .hero-small-triangle{clip-path:polygon(70% 68%,78% 100%,56% 100%)}
 .home-page .hero-concrete{clip-path:polygon(100% 45%,100% 100%,86% 100%)}
 .home-page .hero-tags{display:none}
}
@media(max-width:599px){
 .home-page .hero{display:flex;flex-direction:column;height:auto;min-height:0;padding:0}
 .home-page .hero-copy{width:100%;max-width:480px;padding:36px 24px 26px;text-align:center;align-self:center}
 .home-page .hero-media{position:relative;inset:auto;width:100%;height:300px;clip-path:none;z-index:0;flex:none;mask-image:linear-gradient(to bottom,transparent,#000 24%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24%)}
 .home-page .hero-media::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,#fff,transparent 24%)}
 .home-page .hero-sky,.home-page .hero-small-triangle,.home-page .hero-concrete,.home-page .hero-tags{display:none}
 .home-page .hero-contact{justify-content:center}
}
@media(min-width:2001px){.home-page .hero{height:760px;min-height:760px}.home-page .hero-copy{padding-top:42px}}
@media(prefers-reduced-motion:reduce){.home-page .hero-media>.hero-film{transition:none}}
