.hero-video-media{background:#fff}
.hero-video-media .hero-video-poster,.hero-video-media .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}
.hero-video-media .hero-video{opacity:0;transition:opacity 250ms ease}
.hero-video-media.is-playing .hero-video,.hero-video-media.has-frame .hero-video{opacity:1}
.hero-video-media.is-static .hero-video{opacity:0}
@media(min-width:600px){
 .home-hero,body:not([data-page="home"]) .page-hero{
  --hero-copy-width:585px;
  --hero-copy-start:max(40px,calc((100% - var(--shell))/2));
  --hero-copy-end:calc(var(--hero-copy-start) + var(--hero-copy-width) + 24px);
  --hero-fade-width:clamp(60px,10vw,168px);
  position:relative;display:grid;align-items:center;background:#fff;overflow:hidden
 }
 .home-hero{--hero-copy-width:590px;min-height:clamp(560px,39vw,720px)}
 .home-hero>.hero-media,body:not([data-page="home"]) .page-hero>.hero-media{
  position:absolute;inset:0;width:100%;height:100%;order:initial;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent var(--hero-copy-end),#000 calc(var(--hero-copy-end) + var(--hero-fade-width)));
  mask-image:linear-gradient(90deg,transparent 0%,transparent var(--hero-copy-end),#000 calc(var(--hero-copy-end) + var(--hero-fade-width)))
 }
 .home-hero>.hero-wash,body:not([data-page="home"]) .page-hero:after{display:none}
 .home-hero>.shell,body:not([data-page="home"]) .page-hero>.shell{order:initial}
 .home-hero .hero-content,body:not([data-page="home"]) .page-hero-content{width:var(--hero-copy-width);max-width:100%;padding:60px 0}
 .home-hero h1,body:not([data-page="home"]) .page-hero h1{max-width:100%}
 .home-hero .hero-actions{flex-wrap:wrap;gap:12px 24px}
 .home-hero .hand-note{flex-shrink:0}
 .home-hero .hero-location{max-width:100%}
 .contact-band{
  --contact-copy-start:calc(max(40px, (100% - var(--shell))/2) + min(707.2px,calc(52% - 41.6px)) - 24px);
  padding:0;min-height:403px;background:#fff
 }
 .contact-band>.hero-media{
  height:100%;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(var(--contact-copy-start) - 168px),transparent var(--contact-copy-start),transparent 100%);
  mask-image:linear-gradient(90deg,#000 calc(var(--contact-copy-start) - 168px),transparent var(--contact-copy-start),transparent 100%)
 }
 .contact-band:after{display:none}
 .contact-content{width:48%;padding:58px 0;max-width:100%}
 .contact-note{left:24px;right:auto;bottom:24px;max-width:calc(52% - 48px);background:#ffffffed;padding:12px 16px;border-radius:8px}
}
@media(min-width:600px) and (max-width:1180px){
 .home-hero,body:not([data-page="home"]) .page-hero{--hero-copy-width:clamp(300px,43vw,510px)}
}
@media(min-width:600px) and (max-width:820px){
 .home-hero,body:not([data-page="home"]) .page-hero{--hero-copy-start:20px}
 .contact-band{--contact-copy-start:calc(20px + (100% - 40px)*.52 - 24px)}
 .contact-content{padding:48px 0}
}
@media(min-width:2001px){
 .home-hero,body:not([data-page="home"]) .page-hero{min-height:760px}
}
@media(max-width:599px){
 .home-hero,body:not([data-page="home"]) .page-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;background:#fff}
 .home-hero>.shell,body:not([data-page="home"]) .page-hero>.shell{order:1}
 .home-hero .hero-content,body:not([data-page="home"]) .page-hero-content{width:100%;max-width:100%;padding:43px 0 32px}
 .home-hero h1,body:not([data-page="home"]) .page-hero h1{max-width:100%}
 .home-hero>.hero-media,body:not([data-page="home"]) .page-hero>.hero-media{
  position:relative;inset:auto;order:2;width:100%;height:clamp(280px,58vw,360px);
  -webkit-mask-image:linear-gradient(transparent 0px,#000 70px);
  mask-image:linear-gradient(transparent 0px,#000 70px)
 }
 .home-hero>.hero-wash,body:not([data-page="home"]) .page-hero:after{display:none}
 .contact-band{background:#fff}
 .contact-band:after{background:linear-gradient(180deg,transparent 190px,#fff 300px)}
}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none}}