.hc-about{background:#fef6e6;padding:30px 0}.hc-about .page-width{max-width:1200px;margin:0 auto;padding:0 22px}.hc-about__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:stretch}.hc-about__card{background:#fff9;border-radius:22px;padding:32px;border:1px solid rgba(0,0,0,.1);box-shadow:0 14px 40px #0000000f;display:flex;flex-direction:column}.hc-about__icon{font-size:28px;margin-bottom:16px}.hc-about__card h3{margin:0 0 12px;font-size:20px;color:#111}.hc-about__card p{margin:0 0 16px;color:#111111bf;line-height:1.6}.hc-about__highlight{margin-top:auto;padding:12px 16px;border-radius:14px;background:#d97706;color:#000;font-weight:800;font-size:14px}.hc-about__stack{display:none;position:relative;height:360px;overflow:visible;margin-top:6px;padding-bottom:52px}.hc-about__stackTrack{position:relative;height:100%;touch-action:pan-y}.hc-about__slide{position:absolute;top:0;right:0;bottom:0;width:min(92vw,560px);left:50%;transform:translate(-50%);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .35s ease,filter .35s ease}.hc-about__slide .hc-about__card{height:100%}.hc-about__slide.is-active{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0) scale(1);filter:none;z-index:3}.hc-about__slide.is-prev{opacity:.35;transform:translate(calc(-50% - 55px)) translateY(14px) scale(.95);filter:blur(.6px);z-index:2}.hc-about__slide.is-next{opacity:.35;transform:translate(calc(-50% + 55px)) translateY(14px) scale(.95);filter:blur(.6px);z-index:2}.hc-about__nav{bottom:-10px;position:absolute;width:50px;height:50px;border-radius:16px;border:none;background:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:28px;cursor:pointer;z-index:50;color:#222}.hc-about__nav--prev{left:30%}.hc-about__nav--next{right:30%}@media(max-width:900px){.hc-about__grid--desktop{display:none}.hc-about__stack{display:block}}@media(min-width:901px){.hc-about{background:#transparent}.hc-about__card{transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,background .35s ease}.hc-about__card:hover{transform:translateY(-6px);box-shadow:0 30px 60px #0000001a;background:#fff}}.hc-about__slide.is-active .hc-about__card{background:#fff9f0!important;opacity:1!important;z-index:5}.hc-about__slide.is-active .hc-about__card{box-shadow:0 25px 60px #0000001f}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hc-about-stack.css.map */