.hero-stock-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--motion-media) ease-out;pointer-events:none;position:absolute;inset:0}.hero-stock-video.is-ready{opacity:1}.hero-video-tools{z-index:4;pointer-events:none;justify-content:flex-end;align-items:center;gap:12px;display:flex;position:absolute;inset:auto 16px 16px}.hero-video-tools>output{color:#fff;background:var(--navy);padding:7px 10px;font-size:12px}.hero-video-tools button{pointer-events:auto;color:#fff;width:44px;height:44px;transition:background var(--motion-control) ease-out;background:#04172fcc;border:1px solid #ffffffa6;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:600;display:flex}.hero-video-tools button:hover{background:#243c57}.hero-video-tools button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.hero-video-tools svg{width:17px;height:17px}@media (prefers-reduced-motion:reduce){.hero-stock-video{transition:none}}.scs-construction .motion-hero{--hero-ease:cubic-bezier(.16, 1, .3, 1)}.scs-construction .motion-hero h1 .motion-hero-word{display:inline-block}.scs-construction .motion-hero :is(.motion-hero-word,.motion-hero-line){animation:hero-type-lock var(--motion-heading) var(--hero-ease) var(--word-delay,0s) both}.scs-construction .motion-hero-line:nth-child(2){--word-delay:var(--motion-stagger)}.scs-construction .motion-hero-line:nth-child(3){--word-delay:calc(var(--motion-stagger) * 2)}.scs-construction .motion-hero .construction-hero-copy>p,.scs-construction .motion-hero .construction-hero-actions{animation:none}.scs-construction .hero-photo-layer{z-index:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-media) ease-out, visibility 0s var(--motion-media);position:absolute;inset:0}.scs-construction .hero-photo-layer.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.scs-construction .motion-hero .construction-hero-media figure img{animation:none}.scs-construction .motion-hero .construction-hero-media figure:after{content:none}.scs-construction .motion-hero .construction-photo-controls{isolation:isolate;position:relative}.scs-construction .motion-hero .construction-photo-controls:before{content:"";z-index:-1;background:var(--gold);width:50%;transition:transform var(--motion-selector) var(--hero-ease);position:absolute;inset:0 auto 0 0;transform:translate(0)}.scs-construction .motion-hero .construction-photo-controls[data-active-trade=concrete]:before{transform:translate(100%)}.scs-construction .motion-hero .construction-photo-controls button,.scs-construction .motion-hero .construction-photo-controls button[aria-pressed=true]{background:0 0;border-color:#0000}.scs-construction .motion-hero .construction-photo-controls button:hover:not([aria-pressed=true]){background:#ffffff0d}.scs-construction .motion-hero .construction-photo-controls button svg{transition:transform var(--motion-selector) var(--hero-ease)}.scs-construction .motion-hero .construction-photo-controls button:is(:hover,:focus-visible) svg{transform:translate(3px,-3px)}@keyframes hero-type-lock{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.scs-construction .hero-photo-layer,.scs-construction .motion-hero .construction-photo-controls:before{transition:none}.scs-construction .motion-hero :is(.motion-hero-word,.motion-hero-line){animation:none}.scs-construction .motion-hero .construction-hero-media figure:after{display:none}.scs-construction .motion-hero .construction-photo-controls button:is(:hover,:focus-visible) svg{transform:none}}
