.sup-wrapper{width:100%}.sup-hero{background:#f8f8f8;border-radius:10px;min-height:320px;margin:3rem 7rem 0;padding:90px 80px;position:relative;overflow:hidden}.sup-text{z-index:5;max-width:420px;position:relative}.sup-text h1{margin-bottom:18px;font-size:32px;font-weight:500;line-height:1.2}.sup-text p{color:#8a8a8a;margin-bottom:28px;font-size:16px;line-height:1.6}.sup-text button{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:12px 28px;transition:all .25s}.sup-text button:hover{color:#fff;background:#111}.sup-hero img{height:auto;transition:transform .35s;position:absolute}.sup-img-top{z-index:3;width:390px;top:-80px;right:-80px;transform:rotate(-42deg)}.sup-img-left{z-index:1;width:350px;top:-270px;right:260px;transform:rotate(-40deg)}.sup-img-bottom{z-index:2;width:350px;bottom:-260px;right:260px;transform:rotate(-40deg)}.sup-hero:hover .sup-img-top{transform:rotate(-42deg)translate(20px,-20px)}.sup-hero:hover .sup-img-left{transform:rotate(-40deg)translate(-20px,-20px)}.sup-hero:hover .sup-img-bottom{transform:rotate(-40deg)translate(20px,20px)}.sup-bottom{grid-template-columns:1fr 1fr;gap:10px;margin:.3rem 7rem 0;display:grid}.sup-card{background:#f8f8f8;border-radius:10px;align-items:center;min-height:360px;padding:48px 40px;display:flex;position:relative;overflow:hidden}.sup-card .sup-text{max-width:260px}.sup-card h1{margin-bottom:16px;font-size:28px;font-weight:500;line-height:1.2}.sup-card p{color:#8a8a8a;margin-bottom:24px;font-size:15px;line-height:1.6}.sup-card button{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:12px 26px}.sup-card img{height:auto;transition:transform .35s;position:absolute}.sup-sock-top{z-index:2;width:300px;top:-163px;right:54px;transform:rotate(-47deg)}.sup-sock-bottom{z-index:1;width:320px;bottom:-176px;right:-36px;transform:rotate(-227deg)}.sup-tie-top{z-index:2;width:307px;top:-145px;right:54px;transform:rotate(-7deg)}.sup-tie-bottom{z-index:1;width:240px;bottom:-130px;right:-30px;transform:rotate(-220deg)}.sup-card:hover .sup-sock-top{transform:rotate(-47deg)translateY(-40px)}.sup-card:hover .sup-sock-bottom{transform:rotate(-227deg)translateY(-40px)}.sup-card:hover .sup-tie-top{transform:rotate(-7deg)translateY(-40px)}.sup-card:hover .sup-tie-bottom{transform:rotate(-220deg)translateY(-40px)}@media (max-width:1024px){.sup-hero{margin:2rem;padding:70px 50px}.sup-img-top{width:320px;top:-70px;right:-90px}.sup-img-left{width:280px;top:-220px;right:180px}.sup-img-bottom{width:280px;bottom:-220px;right:180px}.sup-bottom{grid-template-columns:1fr;gap:16px;margin:1rem}.sup-card{min-height:320px;padding:36px 24px}}@media (max-width:768px){.sup-hero{border-radius:16px;align-items:center;min-height:240px;margin:1.2rem .8rem .6rem;padding:29px 18px;display:flex}.sup-text{max-width:220px}.sup-text h1{margin-bottom:8px;font-size:22px}.sup-text p{margin-bottom:14px;font-size:14px;line-height:1.45}.sup-text button{padding:7px 14px;font-size:10px}.sup-img-top{width:125px;top:29px;right:-30px}.sup-img-left{width:105px;top:-55px;right:56px}.sup-img-bottom{width:105px;bottom:-56px;right:58px}.sup-bottom{grid-template-columns:1fr;gap:12px;margin:0 .8rem 1.5rem}.sup-card{border-radius:16px;min-height:210px;padding:22px 16px}.sup-card .sup-text{max-width:220px}.sup-card h1{margin-bottom:8px;font-size:22px}.sup-card p{margin-bottom:12px;font-size:14px;line-height:1.45}.sup-card button{padding:7px 14px;font-size:10px}.sup-sock-top{width:160px;top:-85px;right:7px}.sup-sock-bottom{width:160px;bottom:-82px;right:-42px}.sup-tie-top{width:160px;top:-68px;right:8px}.sup-tie-bottom{width:160px;bottom:-82px;right:-6px;transform:rotate(-220deg)}}