.hq-gentle-figma{width:100%;padding:100px 0 120px;background:var(--hq-white, #f9f8f4)}.hq-gentle-figma__wrap{position:relative;width:1513px;max-width:calc(100% - 96px);margin:0 auto;padding-bottom:72px}.hq-gentle-figma__card{position:relative;width:100%;height:586px;overflow:hidden;isolation:isolate;border-radius:60px;background:transparent}.hq-gentle-figma__card:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:60px;overflow:hidden;background:radial-gradient(circle at 26% 36%,rgba(46,137,172,.38) 0%,rgba(46,137,172,.12) 28%,transparent 50%),linear-gradient(180deg,#083847,#073647 44%,#08739d)}.hq-gentle-figma__content{position:absolute;z-index:3;left:128px;top:108px;width:640px}.hq-gentle-figma__title{margin:0;font-family:var(--hq-font-family);font-size:72px;font-weight:600;line-height:1.05;letter-spacing:-1.44px;color:#fff}.hq-gentle-figma__columns{display:flex;align-items:flex-start;gap:34px;margin-top:54px}.hq-gentle-figma__emissions{width:290px}.hq-gentle-figma__emissions h3{margin:0 0 16px;font-family:var(--hq-font-family);font-size:20px;font-weight:600;line-height:1.2;color:#fff}.hq-gentle-figma__emissions p{margin:0;font-family:var(--hq-font-family);font-size:16px;font-weight:400;line-height:1.45;color:#ffffffe0}.hq-gentle-figma__safety{width:250px;font-family:var(--hq-font-family);font-size:24px;font-weight:600;line-height:1.55;color:#fff}.hq-gentle-figma__person{display:block;position:absolute;z-index:2;right:0;bottom:0;width:auto;height:100%;max-width:none;object-fit:contain;object-position:right bottom;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hq-gentle-figma__testimonial{position:absolute;z-index:10;left:128px;bottom:-42px;width:600px;box-sizing:border-box;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:stretch;gap:24px;padding:24px 28px;border:1px solid rgba(255,255,255,.65);border-radius:36px;background:#ffffffc2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 50px #012f3e1a,inset 0 1px #fffc}.hq-gentle-figma__testimonial--no-portrait{grid-template-columns:minmax(0,1fr)}.hq-gentle-figma__portrait{position:relative;width:96px;min-height:100%;align-self:stretch;overflow:hidden;border-radius:18px;background:#e6f1f4d1;border:1px solid rgba(255,255,255,.88)}.hq-gentle-figma__portrait-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border-radius:inherit}.hq-gentle-figma__testimonial-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.hq-gentle-figma__quote{margin:0;font-family:var(--hq-font-family);font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.18px;color:var(--hq-blue, #012f3e)}.hq-gentle-figma__author{margin:16px 0 0;font-family:var(--hq-font-family);font-size:14px;font-weight:400;line-height:1.4;color:var(--hq-grey-dark, #707171)}@media screen and (max-width:1199px)and (min-width:768px){.hq-gentle-figma{padding:80px 0 100px}.hq-gentle-figma__wrap{max-width:calc(100% - 64px);padding-bottom:72px}.hq-gentle-figma__card{height:560px;border-radius:42px}.hq-gentle-figma__card:before{border-radius:42px}.hq-gentle-figma__content{left:56px;top:72px;width:50%}.hq-gentle-figma__title{font-size:clamp(52px,6vw,64px)}.hq-gentle-figma__columns{flex-direction:column;gap:24px;margin-top:38px}.hq-gentle-figma__emissions,.hq-gentle-figma__safety{width:100%}.hq-gentle-figma__safety{font-size:21px;line-height:1.45}.hq-gentle-figma__person{right:-20px;height:100%}.hq-gentle-figma__testimonial{left:56px;width:min(560px,calc(100% - 112px))}}@media screen and (max-width:767px){.hq-gentle-figma{padding:72px 0 88px}.hq-gentle-figma__wrap{width:calc(100% - 32px);max-width:398px;margin-inline:auto;padding-bottom:0}.hq-gentle-figma__card{width:100%;height:820px;border-radius:30px;overflow:hidden}.hq-gentle-figma__card:before{border-radius:30px;background:radial-gradient(circle at 30% 20%,rgba(46,137,172,.34) 0%,rgba(46,137,172,.1) 32%,transparent 54%),linear-gradient(180deg,#083847,#073647 48%,#08739d)}.hq-gentle-figma__content{position:relative;left:auto;top:auto;width:auto;padding:120px 24px 0;box-sizing:border-box}.hq-gentle-figma__title{width:100%;font-size:46px;line-height:1;letter-spacing:-.92px}.hq-gentle-figma__columns{width:100%;flex-direction:column;gap:24px;margin-top:34px}.hq-gentle-figma__emissions,.hq-gentle-figma__safety{width:100%}.hq-gentle-figma__emissions h3{margin-bottom:12px;font-size:19px}.hq-gentle-figma__emissions p{max-width:330px;font-size:15px;line-height:1.45}.hq-gentle-figma__safety{font-size:20px;line-height:1.42}.hq-gentle-figma__person{left:0;right:0;bottom:0;width:100%;height:443px;margin-inline:auto;transform:scale(1.2);transform-origin:center bottom;object-fit:contain;object-position:center bottom}.hq-gentle-figma__testimonial{position:absolute;top:-54px;left:50%;bottom:auto;width:calc(100% - 24px);margin:0;transform:translate(-50%);grid-template-columns:82px minmax(0,1fr);gap:16px;padding:18px;border-radius:24px}.hq-gentle-figma__testimonial--no-portrait{grid-template-columns:minmax(0,1fr)}.hq-gentle-figma__portrait{width:82px;border-radius:15px}.hq-gentle-figma__quote{font-size:15px;line-height:1.4;letter-spacing:-.1px}.hq-gentle-figma__author{margin-top:12px;font-size:13px;line-height:1.35}}@media screen and (max-width:399px){.hq-gentle-figma{padding:64px 0 80px}.hq-gentle-figma__wrap{width:calc(100% - 24px)}.hq-gentle-figma__card{height:790px;border-radius:26px}.hq-gentle-figma__card:before{border-radius:26px}.hq-gentle-figma__content{padding:108px 20px 0}.hq-gentle-figma__title{font-size:41px}.hq-gentle-figma__columns{margin-top:30px}.hq-gentle-figma__person{height:405px}.hq-gentle-figma__testimonial{top:-48px;width:calc(100% - 16px);margin:0;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px;border-radius:22px}.hq-gentle-figma__portrait{width:72px;border-radius:14px}.hq-gentle-figma__quote{font-size:14px}.hq-gentle-figma__author{font-size:12px}}@media screen and (min-width:1200px){.hq-gentle-figma__card{overflow:visible}.hq-gentle-figma__person{right:0;bottom:0;width:auto;height:100%;transform:scale(1.3);transform-origin:right bottom}.hq-gentle-figma__testimonial{bottom:14px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/hq-how-it-works-gentle-v2.css.map */