.hv-feature-grid{padding:64px 0}.hv-feature-grid--light{background:var(--hv-light);color:var(--hv-carbon)}.hv-feature-grid--muted{background:var(--hv-white);color:var(--hv-carbon)}.hv-feature-grid--dark{background:var(--hv-carbon);color:var(--hv-light)}.hv-feature-grid--dark .hv-mono-label{color:#f5f5f599}.hv-feature-grid__head{text-align:center;max-width:720px;margin:0 auto 32px;padding-bottom:18px;border-bottom:1px solid var(--hv-carbon);display:flex;flex-direction:column;gap:8px}.hv-feature-grid--dark .hv-feature-grid__head{border-bottom-color:var(--hv-steel)}.hv-feature-grid__title{font-family:var(--hv-font-display);font-weight:600;font-size:clamp(28px,3vw,40px);letter-spacing:-.02em;line-height:1.1;margin:0}.hv-feature-grid__title-accent,.hv-feature-grid-item__heading-accent{color:var(--hv-signal)}.hv-feature-grid__sub{font-family:var(--hv-font-body);font-size:14px;line-height:1.55;color:var(--hv-ink-60);margin:0}.hv-feature-grid--dark .hv-feature-grid__sub{color:#f5f5f5b3}.hv-feature-grid__items{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.hv-feature-grid[data-cols="2"] .hv-feature-grid__items{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px;margin-left:auto;margin-right:auto}.hv-feature-grid[data-cols="4"] .hv-feature-grid__items{grid-template-columns:repeat(4,minmax(0,1fr))}.hv-feature-grid-item{background:var(--hv-white);border:1px solid var(--hv-steel);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;color:var(--hv-carbon)}.hv-feature-grid-item__media{aspect-ratio:1 / 1;overflow:hidden;background:var(--hv-carbon);position:relative}.hv-feature-grid-item__media img,.hv-feature-grid-item__video{width:100%;height:100%;object-fit:cover;display:block}.hv-feature-grid-item__body{display:flex;flex-direction:column;gap:8px;padding:18px 18px 22px}.hv-feature-grid-item__num{font-family:var(--hv-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--hv-signal)}.hv-feature-grid-item__heading{font-family:var(--hv-font-display);font-weight:600;font-size:22px;letter-spacing:-.02em;line-height:1.15;margin:0;color:var(--hv-carbon)}.hv-feature-grid-item__copy{font-family:var(--hv-font-body);font-size:13px;line-height:1.5;color:var(--hv-ink-60)}.hv-feature-grid-item__copy p{margin:0 0 8px}.hv-feature-grid-item__copy p:last-child{margin-bottom:0}.hv-feature-grid-item__copy ul,.hv-feature-grid-item__copy ol{margin:8px 0;padding-left:1.2em}.hv-feature-grid-item__copy li{margin:4px 0}.hv-feature-grid-item__copy em{font-style:italic}.hv-feature-grid-item__attr{font-family:var(--hv-font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--hv-ink-60);margin-top:auto;padding-top:10px}@media(max-width:1080px){.hv-feature-grid{padding:56px 0}.hv-feature-grid__items,.hv-feature-grid[data-cols="3"] .hv-feature-grid__items,.hv-feature-grid[data-cols="4"] .hv-feature-grid__items{grid-template-columns:repeat(2,minmax(0,1fr))}.hv-feature-grid[data-cols="2"] .hv-feature-grid__items{grid-template-columns:1fr}}@media(max-width:540px){.hv-feature-grid{padding:40px 0}.hv-feature-grid__items,.hv-feature-grid[data-cols="2"] .hv-feature-grid__items,.hv-feature-grid[data-cols="3"] .hv-feature-grid__items,.hv-feature-grid[data-cols="4"] .hv-feature-grid__items{grid-template-columns:1fr}.hv-feature-grid-item__body{padding:16px 16px 18px}.hv-feature-grid-item__heading{font-size:20px}}.hv-feature-grid--carousel .hv-feature-grid__items{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:10px;max-width:none;margin-left:0;margin-right:0}.hv-feature-grid--carousel .hv-feature-grid__items::-webkit-scrollbar{height:6px}.hv-feature-grid--carousel .hv-feature-grid__items::-webkit-scrollbar-thumb{background:var(--hv-steel);border-radius:3px}.hv-feature-grid--carousel .hv-feature-grid-item{flex:0 0 calc((100% - 32px) / 3);scroll-snap-align:start}.hv-feature-grid--carousel[data-cols="2"] .hv-feature-grid-item{flex:0 0 calc((100% - 16px)/2)}.hv-feature-grid--carousel[data-cols="4"] .hv-feature-grid-item{flex:0 0 calc((100% - 48px)/4)}@media(max-width:1080px){.hv-feature-grid--carousel .hv-feature-grid-item,.hv-feature-grid--carousel[data-cols="2"] .hv-feature-grid-item,.hv-feature-grid--carousel[data-cols="4"] .hv-feature-grid-item{flex:0 0 calc((100% - 16px)/2)}}@media(max-width:540px){.hv-feature-grid--carousel .hv-feature-grid-item,.hv-feature-grid--carousel[data-cols="2"] .hv-feature-grid-item,.hv-feature-grid--carousel[data-cols="4"] .hv-feature-grid-item{flex:0 0 84%}}.hv-feature-grid--slider .hv-feature-grid__slider{position:relative}.hv-feature-grid--slider .hv-feature-grid__items{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:none;margin:0}.hv-feature-grid--slider .hv-feature-grid__items::-webkit-scrollbar{display:none}.hv-feature-grid--slider .hv-feature-grid-item{flex:0 0 100%;scroll-snap-align:center}.hv-feature-grid__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;background:var(--hv-white);border:1px solid var(--hv-steel);color:var(--hv-carbon);font-family:var(--hv-font-display);font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;box-shadow:0 2px 10px #00000014;transition:background var(--hv-dur) var(--hv-ease),color var(--hv-dur) var(--hv-ease)}.hv-feature-grid__nav:hover{background:var(--hv-carbon);color:var(--hv-white)}.hv-feature-grid__nav--prev{left:8px}.hv-feature-grid__nav--next{right:8px}.hv-feature-grid--dark .hv-feature-grid__nav{background:var(--hv-carbon);color:var(--hv-light)}.hv-feature-grid--dark .hv-feature-grid__nav:hover{background:var(--hv-light);color:var(--hv-carbon)}.hv-feature-grid--slider .hv-feature-grid-item__body{padding-left:60px;padding-right:60px}@media(max-width:540px){.hv-feature-grid__nav{width:38px;height:38px;font-size:20px}.hv-feature-grid__nav--prev{left:4px}.hv-feature-grid__nav--next{right:4px}.hv-feature-grid--slider .hv-feature-grid-item__body{padding-left:48px;padding-right:48px}}@media(max-width:749px){.hv-feature-grid--mobile-carousel .hv-feature-grid__items{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:none;margin-left:0;margin-right:0}.hv-feature-grid--mobile-carousel .hv-feature-grid__items::-webkit-scrollbar{display:none}.hv-feature-grid--mobile-carousel .hv-feature-grid-item{flex:0 0 82%;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/hv-feature-grid.css.map */