main{position:relative;&:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(90deg,#000,var(--clr-background));mask-image:url(/img/background/floating-cogs.svg);mask-size:cover;opacity:.75;z-index:0}}.side-scroller{--angle: 20deg;--br: 3rem;display:flex;overflow-x:auto;overflow-y:hidden;height:calc(100vh - var(--header-height));position:relative;section{flex:0 0 auto;width:100%;height:100%;position:relative;overflow-y:clip;>*{z-index:1}}.intro{display:flex;background:radial-gradient(ellipse 400px 250px at 75% 50%,hsl(var(--clr-accent-dark-hsl),.2),transparent),radial-gradient(ellipse 500px 200px at 50% 25%,hsl(var(--clr-accent-dark-hsl),.2),transparent);&:before{content:"";position:absolute;top:0;left:-30%;width:60%;height:100%;background:radial-gradient(var(--clr-accent-light),var(--clr-accent));transform:rotate(calc(var(--angle) * -1));border-radius:var(--br);z-index:0}.img{display:grid;place-items:center;width:50%;padding:2rem;img{width:100%;max-width:750px;height:auto}}.content{display:flex;flex-direction:column;gap:1rem;width:50%;h1{color:var(--clr-text-light);font-size:clamp(1rem,3vw,2rem);font-weight:700;text-transform:uppercase;margin:0;margin-top:3rem;padding:0;font-family:var(--font-bold)}h2{font-size:clamp(2rem,6vw,4rem);margin:0;margin-top:1rem;margin-bottom:4rem;padding:0;font-family:var(--font-bold)}p{font-size:1.25rem;color:var(--clr-text-light);max-width:750px;margin-bottom:2rem}}}.complete{&:after{content:"";position:absolute;top:-20%;left:15%;width:85%;height:200%;background:var(--clr-background-light);transform:rotate(calc(var(--angle) * -1));border-radius:var(--br);z-index:1}.content{position:relative;max-width:var(--content-size);padding-left:4rem;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:2rem;z-index:2}h3{font-size:clamp(2rem,6vw,4rem);font-family:var(--font-bold)}img{max-width:500px;max-height:200px;margin:0 auto}p{font-size:1.25rem;color:var(--clr-text-light)}button{margin:0 auto}}.module-container{width:50%;display:flex;align-items:center}.module{width:min(100%,600px);margin:0 auto;height:max-content;overflow:clip;position:relative;border-radius:var(--br);box-shadow:0 0 1rem #00000080;animation:fade-in .5s backwards;animation-timeline:view(x);animation-range:50px 50%;&:hover{.img img{opacity:1;scale:1.05}}a{display:flex;flex-direction:column;text-decoration:none;color:var(--clr-text)}.img{width:100%;height:50vh;background:#fff;overflow:hidden;img{width:100%;height:100%;object-fit:cover;scale:1;transition:.4s}}.content{width:100%;padding:1.75rem 2.5rem;background:var(--clr-accent);z-index:1;transition:.25s;display:flex;align-items:center;gap:1rem;&:after{content:"";display:none;position:absolute;inset:0;scale:1.5;background:var(--clr-text);mask-image:url(/favicon.svg);mask-size:cover;mask-repeat:no-repeat;mask-position:center;opacity:.04}.number{font-size:4rem;font-family:var(--font-bold);color:var(--clr-accent-extralight)}.title{h4{font-size:1.75rem;font-family:var(--font-bold);text-transform:uppercase;color:var(--clr-background);span{color:var(--clr-accent-extralight)}}p{font-size:.95rem;font-family:var(--font-bold);text-transform:uppercase;color:hsl(var(--clr-background-hsl),.5)}}}}.cta{width:50%;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;padding-left:12rem;padding-right:2rem;overflow:clip;&:after{content:"";position:absolute;top:-20%;left:0;width:100%;height:150%;background:var(--clr-accent);transform:rotate(calc(var(--angle) * -1));transform-origin:top right;border-radius:var(--br);z-index:0}h3{font-size:clamp(2rem,3.5vw,2.5rem);font-family:var(--font-bold);color:var(--clr-background)}.other-solutions{margin-top:3rem;display:grid;gap:.5rem;h4{font-size:1.25rem;font-family:var(--font-bold);color:var(--clr-background)}a{display:flex;align-items:center;gap:.5rem;color:var(--clr-background);text-decoration:none;&:hover{color:hsl(var(--clr-background-hsl),.75)}}}}}footer{display:none}@keyframes fade-in{0%{opacity:0;scale:.5;translate:200% -20%}to{opacity:1;scale:1;translate:0 0}}@media (max-width: 768px){.side-scroller{display:block;height:auto;overflow-x:auto;overflow-y:auto;&:before{display:none}&:after{display:none}>*{width:100%;height:auto;flex:none;&:before{display:none}&:after{display:none}}.intro{flex-direction:column;align-items:center;gap:2rem;padding:1rem;.img{width:100%}.content{width:100%;gap:2rem;h1,h2{margin:0}}}.complete{padding:2rem 1rem;background:var(--clr-background-light);.content{padding-left:unset}img{max-width:50%}}.module-container{margin-block:2rem;width:100%;padding-inline:1rem}.module{border-radius:1rem;.img{height:30vh}.content{padding:.8rem 1rem;gap:.75rem;.number{font-size:2.5rem}.title{h4{font-size:1.25rem}p{font-size:.75rem}}}}.cta{width:100%;padding:1rem;background:var(--clr-accent);text-align:center}}myplus-go-further-button{display:none}footer{display:block}}