.hd-hc-why{width:100%;background:#f9f7f3;padding-top:clamp(59px,6vw,96px);padding-bottom:clamp(80px,8.5vw,130px);padding-left:clamp(24px,5vw,64px);padding-right:clamp(24px,5vw,64px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.hd-hc-why__grid{display:grid;grid-template-columns:minmax(380px,1.05fr) minmax(400px,.95fr);gap:clamp(48px,6vw,100px);max-width:1320px;margin:0 auto;align-items:center}.hd-hc-why__copy{display:flex;flex-direction:column;align-items:flex-start;max-width:640px}.hd-hc-why__eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 25px;padding:8px 13px;border:1px solid rgba(20,20,20,.16);border-radius:999px;background:#fffc;color:#1a1a1a;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 24px #1e1e140d}.hd-hc-why__eyebrow i{width:7px;height:7px;border-radius:50%;background:#c2410c;flex:0 0 7px}.hd-hc-why__title{margin:0;color:#14150f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-size:clamp(34px,3.3vw,48px);font-weight:500;line-height:1.14;letter-spacing:-.03em}.hd-hc-why__title span{display:inline}.hd-hc-why__text,.hd-hc-why__text p{margin:16px 0 0;max-width:480px;color:#5c6259;font-size:17px;font-weight:400;line-height:1.58}.hd-hc-why__text p:first-child{margin-top:16px}.hd-hc-why__text p+p{margin-top:12px}.hd-hc-why__text p:last-child{margin-bottom:30px}.hd-hc-why__btn,.hd-hc-why__btn:link,.hd-hc-why__btn:visited{display:inline-flex;align-items:center;justify-content:center;gap:0;min-height:52px;padding:0 23px;border-radius:999px;background:#111!important;color:#fff!important;box-shadow:0 14px 30px #00000029;font-size:14px;font-weight:700;text-decoration:none;transition:padding .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s ease,background-color .3s ease,color .3s ease}.hd-hc-why__btn>span{display:inline-flex;width:0;margin-left:0;align-items:center;justify-content:center;overflow:hidden;opacity:0;color:#fff!important;transform:translate(-8px);transition:width .42s cubic-bezier(.16,1,.3,1),margin-left .42s cubic-bezier(.16,1,.3,1),opacity .24s ease,transform .42s cubic-bezier(.16,1,.3,1)}.hd-hc-why__btn svg{display:block;width:18px;height:18px;flex:0 0 18px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.hd-hc-why__btn:hover,.hd-hc-why__btn:focus-visible,.hd-hc-why__btn:active{padding-right:26px;padding-left:26px;color:#fff!important;background:#111!important;box-shadow:0 18px 36px #00000038;transform:translateY(-2px)}.hd-hc-why__btn:hover>span,.hd-hc-why__btn:focus-visible>span,.hd-hc-why__btn:active>span{width:18px;margin-left:10px;opacity:1;transform:translate(0);color:#fff!important}.hd-hc-why__btn:hover svg,.hd-hc-why__btn:focus-visible svg,.hd-hc-why__btn:active svg{stroke:#fff!important}.hd-hc-why__media{display:flex;flex-direction:column;gap:12px}.hd-hc-why__main{width:100%;aspect-ratio:2 / 1;overflow:hidden;background:#f9f7f3;border-radius:clamp(18px,1.8vw,24px)}.hd-hc-why__main img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.hd-hc-why__main:hover img{transform:scale(1.035)}.hd-hc-why__sub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hd-hc-why__sub{position:relative;isolation:isolate;aspect-ratio:8 / 5;overflow:hidden;background:#f9f7f3;border-radius:clamp(14px,1.4vw,20px);outline:none}.hd-hc-why__sub img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.hd-hc-why__sub:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to top,#06080bd1,#1114194d 55%,#11141900 78%);opacity:1;pointer-events:none;transition:opacity .34s ease}.hd-hc-why__sub-caption{position:absolute;z-index:3;left:14px;bottom:13px;right:auto;width:max-content;max-width:calc(100% - 28px);padding:12px 13px;display:flex;flex-direction:column;gap:4px;color:#fff;border-radius:13px;background:#12141999;box-shadow:0 10px 28px #0000002e;-webkit-backdrop-filter:blur(14px) saturate(74%);backdrop-filter:blur(14px) saturate(74%);transition:width .38s cubic-bezier(.22,1,.36,1),padding .3s ease,border-radius .3s ease,background-color .3s ease}.hd-hc-why__sub-caption strong{display:block;font-size:13px;font-weight:700;letter-spacing:-.01em}.hd-hc-why__sub-caption span{display:block;max-height:60px;margin-top:3px;overflow:hidden;opacity:1;font-size:11px;font-weight:400;line-height:1.35;color:#ffffffdb;transition:max-height .38s ease,margin-top .28s ease,opacity .25s ease}@media(hover:hover)and (pointer:fine){.hd-hc-why__sub:hover img{transform:scale(1.035)}.hd-hc-why__sub:after{opacity:0}.hd-hc-why__sub:hover:after,.hd-hc-why__sub:focus-visible:after{opacity:1}.hd-hc-why__sub-caption{padding:6px 10px;border-radius:999px;background:#14161b80;box-shadow:0 5px 16px #0000001f}.hd-hc-why__sub-caption span{max-height:0;margin-top:0;opacity:0}.hd-hc-why__sub:hover .hd-hc-why__sub-caption,.hd-hc-why__sub:focus-visible .hd-hc-why__sub-caption{padding:12px 13px;border-radius:13px;background:#121419a3;box-shadow:0 10px 28px #0003}.hd-hc-why__sub:hover .hd-hc-why__sub-caption span,.hd-hc-why__sub:focus-visible .hd-hc-why__sub-caption span{max-height:60px;margin-top:4px;opacity:1}}@media(min-width:1101px){.hd-hc-why{padding-left:0;padding-right:0}.hd-hc-why__grid{max-width:none;grid-template-columns:clamp(600px,30vw,720px) 1fr;margin-left:calc(max(0px,(100vw - 1680px) / 2) + clamp(28px,7vw,128px));margin-right:clamp(112px,18vw,340px)}.hd-hc-why__title span{white-space:nowrap}.hd-hc-why__break--soft{display:none}.hd-hc-why__title span:has(+.hd-hc-why__break--soft):after{content:" ";white-space:pre}}@media(max-width:1100px){.hd-hc-why__grid{grid-template-columns:1fr;gap:52px}.hd-hc-why__copy{max-width:640px}}@media(max-width:900px){.hd-hc-why{padding:clamp(64px,12vw,96px) clamp(20px,6vw,40px)}.hd-hc-why__copy{align-items:center;text-align:center}.hd-hc-why__text,.hd-hc-why__text p{max-width:100%}.hd-hc-why__main{aspect-ratio:4 / 3;border-radius:clamp(14px,3vw,22px)}.hd-hc-why__sub{border-radius:clamp(12px,3vw,16px)}.hd-hc-why__btn{width:100%;padding-right:26px;padding-left:26px}.hd-hc-why__btn>span{width:18px;margin-left:10px;opacity:1;transform:translate(0)}}@media(max-width:620px){.hd-hc-why{padding:68px 16px}.hd-hc-why__title{font-size:clamp(28px,8vw,38px)}.hd-hc-why__text,.hd-hc-why__text p:first-child{margin-top:8px!important}}@media(max-width:520px){.hd-hc-why__sub{aspect-ratio:16 / 11}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-hd-hc-why.css.map */