.hahpro-image-story--wrapper,.hahpro-image-story--wrapper *{--hahpro-fluid-fs: clamp( calc(var(--fs-min, 14) * 1px), calc(var(--fs-min, 14) * 1px + (var(--fs-max, 16) - var(--fs-min, 14)) / 615 * (100vw - 375px)), calc(var(--fs-max, 16) * 1px) )}.hahpro-image-story--wrapper{background-color:var(--hahpro-story-bg-color, #ffffff);background-image:var(--hahpro-story-bg-layer-tint, none),var(--hahpro-story-bg-layer-gradient, none),var(--hahpro-story-bg-layer-image, none);background-size:100% 100%,100% 100%,cover;background-position:center;background-repeat:no-repeat;padding-block-start:var(--hahpro-story-pad-top, 3rem);padding-block-end:var(--hahpro-story-pad-bottom, 3rem);overflow:hidden}@media screen and (min-width:990px){.hahpro-image-story--wrapper{padding-block-start:var(--hahpro-story-pad-top-desktop, 5rem);padding-block-end:var(--hahpro-story-pad-bottom-desktop, 5rem)}}.hahpro-story-inner-container{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;max-width:var(--page-width, 120rem);margin-inline:auto;padding-inline:1.5rem}@media screen and (min-width:750px){.hahpro-story-inner-container{padding-inline:5rem;gap:4rem}}@media screen and (min-width:990px){.hahpro-story-inner-container{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:4rem;align-items:center}.hahpro-story-inner-container--image-end .hahpro-story-media-column{order:2}.hahpro-story-inner-container--image-end .hahpro-story-content-column{order:1}}.hahpro-story-media-column{position:relative;display:flex;min-width:0}.hahpro-story-media-frame{position:relative;width:100%;box-sizing:border-box;aspect-ratio:var(--hahpro-story-media-ratio, auto);border-radius:var(--hahpro-story-media-radius, 0px);overflow:hidden;background-color:var(--hahpro-story-media-bg, transparent);padding:var(--hahpro-story-media-pad, 0px)}.hahpro-story-media-image{display:block;width:100%;height:100%;object-fit:var(--hahpro-story-media-fit, cover)}.hahpro-story-media-placeholder{min-height:20rem;background-color:#0000000d}.hahpro-story-overlay-panel{position:absolute;inset-inline:0;background-color:var(--hahpro-story-overlay-bg, rgba(14, 14, 14, .85));padding:1rem 1.5rem;display:grid;gap:.375rem}.hahpro-story-overlay-panel--bottom{inset-block-end:0}.hahpro-story-overlay-panel--top{inset-block-start:0}.hahpro-story-overlay-panel--middle{inset-block-start:50%;transform:translateY(-50%);margin-inline:1.5rem}.hahpro-story-overlay-label{--fs-min: var(--hahpro-story-overlay-label-min, 10.2);--fs-max: var(--hahpro-story-overlay-label-max, 12);margin:0;color:var(--hahpro-story-overlay-label-color, #d8b26e);font-size:var(--hahpro-fluid-fs);letter-spacing:.18em;text-transform:uppercase}.hahpro-story-overlay-label strong,.hahpro-story-overlay-label em{font-style:normal}.hahpro-story-overlay-quote{--fs-min: var(--hahpro-story-overlay-quote-min, 12.75);--fs-max: var(--hahpro-story-overlay-quote-max, 15);margin:0;color:var(--hahpro-story-overlay-text-color, #f5f0e6);font-size:var(--hahpro-fluid-fs);font-style:italic;line-height:1.5}.hahpro-story-content-column{display:flex;flex-direction:column;align-items:var(--hahpro-story-align, start);text-align:var(--hahpro-story-align, start);min-width:0}.hahpro-story-eyebrow-text{--fs-min: var(--hahpro-story-eyebrow-min, 11.05);--fs-max: var(--hahpro-story-eyebrow-max, 13);margin-block-start:var(--hahpro-story-eyebrow-mt, 0px);margin-block-end:var(--hahpro-story-eyebrow-mb, 1.125rem);color:var(--hahpro-story-eyebrow-color, #b08d57);font-size:var(--hahpro-fluid-fs);letter-spacing:var(--hahpro-story-eyebrow-tracking, .18em);text-transform:uppercase}.hahpro-story-main-heading{--fs-min: var(--hahpro-story-heading-min, 26.4);--fs-max: var(--hahpro-story-heading-max, 44);margin-block-start:var(--hahpro-story-heading-mt, 0px);margin-block-end:var(--hahpro-story-heading-mb, 1.25rem);color:var(--hahpro-story-heading-color, #1a1a1a);font-size:var(--hahpro-fluid-fs);line-height:1.15;font-weight:400;overflow-wrap:break-word;text-wrap:balance}.hahpro-story-main-heading strong{font-weight:700}.hahpro-story-main-heading em{font-style:italic}.hahpro-story-body-copy{--fs-min: var(--hahpro-story-body-min, 14.4);--fs-max: var(--hahpro-story-body-max, 16);margin-block-start:var(--hahpro-story-body-mt, 0px);margin-block-end:var(--hahpro-story-body-mb, 2.25rem);color:var(--hahpro-story-body-color, #4a4a4a);font-size:var(--hahpro-fluid-fs);line-height:1.7;max-width:62ch}.hahpro-story-body-copy p{margin:0 0 .875rem}.hahpro-story-body-copy p:last-child{margin-block-end:0}.hahpro-story-features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 1.5rem;width:100%;margin-block-start:var(--hahpro-story-features-mt, 0px);margin-block-end:var(--hahpro-story-features-mb, 0px)}@media screen and (min-width:750px){.hahpro-story-features-grid{grid-template-columns:repeat(var(--hahpro-story-feature-cols, 3),minmax(0,1fr))}}.hahpro-story-feature-card{border-block-start:.0625rem solid var(--hahpro-story-divider-color, #e0d5c5);padding-block-start:1rem;transition:transform var(--hahpro-story-speed, .3s) ease,border-color var(--hahpro-story-speed, .3s) ease}.hahpro-story-feature-number{--fs-min: var(--hahpro-story-feature-number-min, 10.8);--fs-max: var(--hahpro-story-feature-number-max, 12);margin:0 0 .625rem;color:var(--hahpro-story-feature-number-color, #b08d57);font-size:var(--hahpro-fluid-fs);letter-spacing:.16em}.hahpro-story-feature-title{--fs-min: var(--hahpro-story-feature-title-min, 14.4);--fs-max: var(--hahpro-story-feature-title-max, 18);margin:0 0 .5rem;color:var(--hahpro-story-feature-title-color, #1a1a1a);font-size:var(--hahpro-fluid-fs);font-weight:400;line-height:1.3}.hahpro-story-feature-desc{--fs-min: var(--hahpro-story-feature-desc-min, 12.6);--fs-max: var(--hahpro-story-feature-desc-max, 14);margin:0;color:var(--hahpro-story-feature-desc-color, #5a5a5a);font-size:var(--hahpro-fluid-fs);line-height:1.6}.hahpro-story-button-slot{grid-column:1 / -1;margin-block-start:.5rem}.hahpro-story-button{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2.25rem;background-color:var(--hahpro-story-btn-bg, #1a1a1a);color:var(--hahpro-story-btn-label, #ffffff);border:.0625rem solid var(--hahpro-story-btn-bg, #1a1a1a);border-radius:var(--hahpro-story-btn-radius, 0px);font-size:var(--hahpro-story-btn-size, 1rem);font-weight:500;letter-spacing:.04em;text-decoration:none;transition:background-color var(--hahpro-story-speed, .3s) ease,color var(--hahpro-story-speed, .3s) ease,transform var(--hahpro-story-speed, .3s) ease}.hahpro-story-button--caps{text-transform:uppercase;letter-spacing:.1em}.hahpro-story-button--outline,.hahpro-story-button:hover{background-color:transparent;color:var(--hahpro-story-btn-bg, #1a1a1a)}.hahpro-story-button--outline:hover{background-color:var(--hahpro-story-btn-bg, #1a1a1a);color:var(--hahpro-story-btn-label, #ffffff)}.hahpro-story-button:focus-visible{outline:.125rem solid currentColor;outline-offset:.1875rem}.hahpro-image-story--animated .hahpro-story-feature-card:hover{transform:translateY(-.25rem);border-block-start-color:var(--hahpro-story-feature-number-color, #b08d57)}.hahpro-image-story--animated .hahpro-story-media-image{transition:transform .6s ease}.hahpro-image-story--animated .hahpro-story-media-frame:hover .hahpro-story-media-image{transform:scale(1.03)}.hahpro-image-story--animated .hahpro-story-button:hover{transform:translateY(-.125rem)}@media(prefers-reduced-motion:reduce){.hahpro-image-story--animated .hahpro-story-feature-card,.hahpro-image-story--animated .hahpro-story-media-image,.hahpro-image-story--animated .hahpro-story-button{transition:none;transform:none}}@media screen and (max-width:749px){.hahpro-story-overlay-panel--middle{margin-inline:.75rem}}@media screen and (max-width:420px){.hahpro-story-features-grid{grid-template-columns:minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hahpro-image-story-features.css.map */