.intro-page{background:#252321;color:white;min-height:100svh;display:flex;flex-direction:column}.intro-header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 5%;position:absolute;inset:0 0 auto;z-index:3;border-bottom:1px solid #ffffff25}.intro-header .m-brand{font-size:30px}.intro-header-note{font-size:17px;color:#ffffffc9;margin-right:auto;margin-left:20px}.intro-contact{font-size:17px;font-weight:600;border-bottom:1px solid #ffffff66;padding:8px 0}.intro-contact span{margin-left:20px}.intro-main{display:flex;min-height:calc(100svh - 64px);flex:1}.intro-panel{position:relative;display:flex;align-items:center;overflow:hidden;flex:1;min-width:0;transition:flex .65s cubic-bezier(.2,.65,.3,1);isolation:isolate}.intro-panel+ .intro-panel{border-left:1px solid #ffffff40}.intro-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:transform 1s}.intro-industrial>img{object-position:58% center}.intro-outdoor>img{object-position:68% center}.intro-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#181b1ec9 0%,#19202699 48%,#111b2280 100%)}.intro-outdoor .intro-shade{background:linear-gradient(0deg,#201a14d9 0%,#241b1260 70%,#22180f70 100%)}.intro-content{padding:150px 9% 110px;width:100%}.intro-eyebrow{font-size:17px;color:#ddd;position:relative;margin:0 0 26px;padding-left:18px}.intro-eyebrow:before{content:'';position:absolute;left:0;top:-12px;width:32px;height:38px;background:var(--red);transform:skewY(-30deg);z-index:-1}.intro-panel h2{font-size:clamp(42px,4.2vw,74px);font-weight:800;letter-spacing:-1.8px;line-height:1.02;margin:0 0 25px;white-space:nowrap}.intro-description{font-size:21px;line-height:1.5;color:#eee;margin:0 0 36px}.intro-action{display:inline-flex;align-items:center;gap:40px;font-weight:700;font-size:18px;background:#2b2926c9;padding:0 0 0 24px;height:64px}.intro-action b{background:var(--red);font-size:35px;font-weight:400;width:64px;height:64px;display:grid;place-items:center;transition:background .3s}.intro-side-label{position:absolute;bottom:30px;left:9%;font-size:16px;letter-spacing:.2px;color:#ddd;border-left:2px solid var(--red);padding-left:15px}.intro-footer{min-height:64px;padding:17px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px;color:#ccc}.intro-footer>div{display:flex;gap:30px}.intro-panel:focus-visible{outline:3px solid white;outline-offset:-8px}.intro-panel:hover>img,.intro-panel:focus-visible>img{transform:scale(1.05)}.intro-panel:hover .intro-action b{background:#ac1e2e}@media(hover:hover) and (min-width:1000px){.intro-panel:hover,.intro-panel:focus-visible{flex:1.14}}
@media(max-width:1100px) and (min-width:701px){.intro-header{height:90px;padding:0 4%}.intro-header-note{display:none}.intro-content{padding-left:8%;padding-right:5%}.intro-panel h2{font-size:45px}.intro-description{font-size:18px}.intro-eyebrow{font-size:15px}.intro-action{gap:20px;font-size:16px}.intro-footer{font-size:13px}.intro-footer>div{gap:15px}}
@media(max-width:700px){.intro-header{height:78px;padding:0 23px;position:relative;background:#302e2b}.intro-header .m-brand{font-size:25px}.intro-header .m-brand-symbol{transform:scale(.8);margin-right:-5px}.intro-header-note{display:none}.intro-contact{font-size:15px}.intro-contact span{margin-left:5px}.intro-main{display:block;min-height:0}.intro-panel{min-height:calc((100svh - 130px)/2);min-height:max(365px,calc((100svh - 130px)/2));align-items:center}.intro-panel+.intro-panel{border-left:0;border-top:1px solid #ffffff55}.intro-content{padding:50px 27px 55px}.intro-panel h2{font-size:43px;letter-spacing:-1.2px;margin-bottom:18px}.intro-eyebrow{font-size:14px;margin-bottom:22px}.intro-description{font-size:17px;margin-bottom:25px}.intro-action{height:48px;font-size:15px;gap:25px;padding-left:17px}.intro-action b{width:48px;height:48px;font-size:28px}.intro-side-label{display:none}.intro-footer{padding:20px 25px;flex-direction:column;align-items:start;gap:12px;font-size:14px}.intro-footer>div{gap:10px 25px;flex-wrap:wrap}.intro-outdoor>img{object-position:center 55%}}
@media(prefers-reduced-motion:reduce){.intro-panel,.intro-panel>img{transition:none}.intro-panel:hover>img{transform:none}}
@media(max-width:700px){.intro-panel h2{font-size:clamp(33px,10.7vw,43px)}}
@media(min-width:701px) and (max-width:1100px){.intro-panel h2{font-size:clamp(32px,4.2vw,45px)}}