/* Copper vector mark from the supplied LH animation set. */
.steel-mark{display:block;width:64px;height:46px;overflow:hidden;fill:none;stroke:none;stroke-width:0;flex-shrink:0}
.steel-mark path,.steel-mark rect{stroke-linecap:butt;stroke-linejoin:miter}
.home-header .brand-emblem::after{display:none}
.steel-mark-sweep{transform:skewX(-12deg) translateX(0)}
.steel-mark-assemble .steel-mark-part{animation:steel-assemble .7s cubic-bezier(.2,.8,.1,1) var(--part-delay) both}
.part-L{--part-x:-46px;--part-y:0px;--part-delay:0s}
.part-HL{--part-x:0px;--part-y:-46px;--part-delay:.1s}
.part-HR1{--part-x:30px;--part-y:-46px;--part-delay:.2s}
.part-HR2{--part-x:30px;--part-y:46px;--part-delay:.3s}
.part-X{--part-x:-140px;--part-y:0px;--part-delay:.55s}
.steel-mark-assemble .steel-mark-sweep{animation:steel-sweep 1.1s cubic-bezier(.45,0,.2,1) 1.2s both}
@keyframes steel-assemble{from{opacity:0;transform:translate(var(--part-x),var(--part-y))}to{opacity:1;transform:none}}
@keyframes steel-sweep{from{transform:skewX(-12deg) translateX(0)}to{transform:skewX(-12deg) translateX(270px)}}
.metal-about-mark .steel-mark{width:106px;height:74px}
.hero-content{z-index:2}
.steel-forge{position:absolute;inset:auto 0 0;width:100%;height:225px;z-index:1;pointer-events:none;opacity:.7;mask-image:linear-gradient(transparent,#000 45%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 45%,transparent)}
.hero-content>h1{animation:steel-title-enter .85s cubic-bezier(.2,.7,.1,1) both}
.hero-content>p{animation:steel-title-enter .85s cubic-bezier(.2,.7,.1,1) .12s both}
.hero-content>.primary{animation:steel-title-enter .85s cubic-bezier(.2,.7,.1,1) .24s both}
@keyframes steel-title-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.motion-reveal{opacity:0;transform:translateY(22px)}
.motion-reveal.motion-visible{opacity:1;transform:none;transition:opacity .65s ease var(--motion-delay,0ms),transform .65s cubic-bezier(.2,.7,.1,1) var(--motion-delay,0ms)}
.featured-product,.fieldwork-card{position:relative;isolation:isolate}
.featured-product::after,.fieldwork-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px circle at var(--spot-x,50%) var(--spot-y,50%),#f1b48126,transparent 72%);opacity:0;pointer-events:none;z-index:2;transition:opacity .3s}
.featured-photo img,.fieldwork-card>.photo img{transition:transform .65s cubic-bezier(.2,.7,.1,1)}
.featured-caption svg,.fieldwork-card h3 svg,.primary>svg,.text-link>svg{transition:transform .25s}
.metal-about-experience strong{font-variant-numeric:tabular-nums}
.metal-about-experience [data-steel-count]{font-size:inherit;margin-left:0}
@media(hover:hover){
 .featured-product:hover::after,.fieldwork-card:hover::after{opacity:1}
 .featured-product:hover .featured-photo img,.fieldwork-card:hover>.photo img{transform:scale(1.035)}
 .featured-product:hover .featured-caption svg,.fieldwork-card:hover h3 svg,.primary:hover>svg,.text-link:hover>svg{transform:translateX(4px)}
}
@media(max-width:800px){.steel-mark{width:53px;height:39px}.steel-forge{height:175px;opacity:.5}.metal-about-mark .steel-mark{width:88px;height:62px}}
.steel-motion-off .steel-forge{display:none}
.steel-motion-off .motion-reveal{opacity:1;transform:none;transition:none}
.steel-motion-off .steel-mark-part,.steel-motion-off .steel-mark-sweep,.steel-motion-off .hero-content>h1,.steel-motion-off .hero-content>p,.steel-motion-off .hero-content>.primary,.steel-motion-off .brand-letter-shine,.steel-motion-off .metal-about h1,.steel-motion-off .metal-about h1::after{animation:none}
.steel-motion-off .brand-letter-shine,.steel-motion-off .metal-about h1::after{display:none}
.steel-motion-off .featured-product::after,.steel-motion-off .fieldwork-card::after{display:none}
.steel-motion-off .featured-photo img,.steel-motion-off .fieldwork-card>.photo img,.steel-motion-off .featured-caption svg,.steel-motion-off .fieldwork-card h3 svg,.steel-motion-off .primary>svg,.steel-motion-off .text-link>svg{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){
 .steel-forge{display:none}
 .motion-reveal{opacity:1;transform:none;transition:none!important}
 .steel-mark-part,.steel-mark-sweep,.hero-content>h1,.hero-content>p,.hero-content>.primary{animation:none!important}
 .featured-product::after,.fieldwork-card::after{display:none}
 .featured-photo img,.fieldwork-card>.photo img,.featured-caption svg,.fieldwork-card h3 svg,.primary>svg,.text-link>svg{transition:none;transform:none!important}
}
