#arcweeder{& h1{font-size:clamp(3rem,2.3vw,64px)}& #hero{position:relative;overflow:hidden;height:100vh;max-height:1080px;& img{object-position:70%;position:relative;max-width:100vw;object-fit:cover;height:100%}& .content{color:var(--primary-light);position:absolute;left:var(--content-left-m);max-width:600px;z-index:15;top:var(--content-top);text-shadow:var(--text-shadow);display:flex;gap:1rem;flex-direction:column;text-wrap-style:balance;& h1{max-width:800px;font-size:clamp(2rem,9.4vw,3.5rem)}& h2{max-width:600px;font-size:2rem;line-height:1.1}& .subheading{font-size:clamp(1.4rem,3vw,1.7rem);color:white}}& video{max-width:none;object-fit:cover;min-width:100vw;min-height:auto;width:100vw;height:100%}}& #slideshow{position:relative;background-color:#c9c9c9;& .content-wrapper{padding:100px 0}& .container{display:flex;z-index:2;gap:20px;overflow-x:scroll;scroll-behavior:smooth;position:relative;padding:0 0 0 15vw;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar,::-webkit-scrollbar-button{display:none}& .slide{overflow-y:clip;width:438px;height:623px;flex:0 0 438px;position:relative;border-radius:5px;scroll-snap-align:center;&:last-of-type{margin-right:4rem}& .image-wrapper{position:relative;width:100%;height:100%;border-radius:5px;overflow:hidden}& img{width:100%;height:100%;object-fit:cover}& .content{color:white;position:absolute;bottom:2rem;left:2rem;width:calc(100% - 4rem);z-index:2;& h3{font-family:var(--main-font);font-size:32px;font-weight:500;margin-bottom:.5rem}}}}& .line{height:100%;z-index:1;width:1px;position:absolute;bottom:0;left:12vw;background-color:var(--medium-light-grey)}& .btns{display:flex;gap:1rem;width:-moz-fit-content;width:fit-content;position:relative;bottom:-2rem;left:15vw;z-index:2}& button{width:52px;height:52px;display:flex;justify-content:center;align-items:center;border-radius:50px;background:#f0f0f0;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);&:hover{cursor:pointer}& svg{fill:#3b3b3b;width:31.2px;height:31.2px}&:first-of-type svg{transform:rotate(180deg)}}& .indicator-container{display:flex;align-items:center;justify-content:center;justify-self:center;align-self:center;gap:7px;margin:2rem auto 0;width:100%;z-index:2;position:relative;& .active-slide-indicator{width:13px;height:13px;border-radius:50px;background-color:#979797;transition:background-color 80ms;&[data-active=active]{background-color:#f9f9f9}}}}& #benefits{background:radial-gradient(63.27% 71.89% at 51.62% 50.03%,#f9f7f8 0,#f9f7f8 47.6%,#e0e0e0 100%);max-height:-moz-fit-content;max-height:fit-content;position:relative;overflow:hidden;&>.wrapper{padding:50px 2rem}& h1{text-shadow:var(--text-shadow-lighter);text-align:center;justify-self:center;font-size:clamp(2.3rem,6.3vw,52px);max-width:70%}& .content-wrapper{display:flex;justify-content:center;height:100%;gap:1rem}& .feature-container{display:flex;flex-direction:column;gap:2rem;padding:50px 0}& .feature{text-align:center;max-width:275px;display:flex;flex-direction:column;align-items:center;gap:10px;text-wrap-style:balance;& .title{text-align:center;font-size:clamp(1rem,2vw,1.2rem);font-weight:700}& p{font-size:16px}}& .blade-wrapper{display:flex;width:-moz-fit-content;width:fit-content;justify-self:center;text-align:center;padding-top:50px;max-height:700px;justify-content:center;& img{width:auto;height:100%;object-fit:contain}}}& #maintenance{background-color:white;& .wrapper{display:grid;padding:100px 2rem;grid-template-columns:repeat(3,minmax(0,300px));grid-template-rows:500px;grid-gap:2rem;gap:2rem;justify-content:center;&>.img-wrapper{display:flex;&.last{align-items:flex-end}}& img{align-self:flex-end;height:auto;max-width:100%}& .content{height:75%;display:flex;flex-direction:column;justify-content:flex-end;&>:not(:last-child){margin-bottom:1rem}}}}& #guide{padding:3rem 0;& h1{text-align:center}& .guide-wrapper{display:flex;flex-direction:column;gap:1rem;max-width:800px;justify-self:center;margin:4rem 2rem;& .step{display:flex;gap:2rem;& .img-wrapper{flex:3 1;max-width:60%;position:relative;& span{border-radius:50px;background:#48ac34;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;text-align:center;font-size:2rem;padding:1rem;position:absolute;top:-.8rem;right:-1.4rem}& img{height:auto;width:100%}}& .text-wrapper{& p{font-size:clamp(1rem,1.9vw,1.3rem)}}& .guide-content{position:relative;flex:2 1}}}& button{justify-self:center;margin:0 auto}}& .grass-grow{height:230vh;position:relative;& canvas{position:-webkit-sticky;position:sticky;top:0;width:100%;height:100vh;background:transparent;z-index:3}&>p{position:fixed;text-align:center;z-index:2;color:var(--primary-dark);left:50%;width:70%;max-width:600px;transform:translateX(-50%);font-weight:600;text-wrap-style:balance;font-size:clamp(1.8rem,6vw,2.9rem);top:40%}}}@media only screen and (max-width:1024px){#arcweeder{& #hero .content{left:var(--md-content-left-m);bottom:4rem;top:auto}& #arcweeder #reseller-list,& #hero .content{max-width:var(--md-content-max-w)}& .map{max-width:none;width:100%;& img{height:300px}}& .resellers-container{width:100%}& #guide{& .guide-wrapper{max-width:500px;gap:2rem;& .step{flex-direction:column;gap:.3rem;& .guide-content{display:flex;gap:.7rem;& span{position:static}}& .img-wrapper{max-width:none;& img{width:100%}& span{right:auto;left:-1.4rem}}}}}}}@media only screen and (max-width:900px){#arcweeder{& #maintenance{& .wrapper{grid-template-columns:repeat(2,1fr);& .content{justify-content:center}& .img-wrapper.first{display:none}&>.img-wrapper{&.last{align-items:center}}}}}}@media only screen and (max-width:800px){#arcweeder{& #benefits{& .wrapper{padding:100px 1rem 0}& .content-wrapper{max-width:800px;flex-wrap:wrap;margin:0 auto}& .blade-wrapper{order:3}& .feature-container{column-gap:0;row-gap:1rem;flex-direction:row;padding:0;width:100%;justify-content:center;align-items:center;&.features-left{padding-top:2rem}}}}}@media only screen and (max-width:600px){& #arcweeder{& #hero{& .content{left:var(--md-content-left-m);max-width:var(--md-content-max-w)}}& #reseller-list{& .subheading{font-size:8.3vw}}& #benefits{& .feature-container{flex-direction:row;& .feature{max-width:200px}}& .blade-wrapper{padding-top:0;max-height:400px}& p:not(.title){font-size:14px}& h1{max-width:90%}}& #slideshow{& .content-wrapper{padding:100px 0}& .container{gap:10px;padding:0 4vw;& .slide{max-height:80vh;width:92vw;flex:0 1;& .image-wrapper{width:92vw}&:last-of-type{margin-right:0}}}}& #maintenance{& .wrapper{padding:100px 1rem;grid-template-rows:170px 330px;gap:1rem;& .img-wrapper.first{display:block}& .content{grid-column:1/span 2;grid-row:1}}}}}