.hah-story{display:block;background:var(--hah-story-background,#fff);color:#292b28;padding:var(--hah-story-space,40px) 24px;font-family:var(--hah-font-body,Arial,sans-serif);line-height:1.6}.hah-story *{box-sizing:border-box}.hah-story-inner{width:100%;max-width:1400px;margin:0 auto}.hah-story-heading{text-align:center;margin:0 auto 32px;max-width:820px}.hah-story-heading>p{margin:0 0 10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#64695e;font-weight:600}.hah-story-heading h2{margin:0;font-family:inherit;font-size:clamp(26px,3vw,32px);line-height:1.2;font-weight:650;letter-spacing:-.025em;color:#292b28;text-transform:none}.hah-story-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hah-story-card{min-width:0;margin:0;text-align:center}.hah-story-card-image{aspect-ratio:4/3;background:#f6f5f2;overflow:hidden;border-radius:8px}.hah-story :is(.hah-story-card-image,.hah-story-feature-image,.hah-story-faq-image,.hah-story-related-image) img{display:block;width:100%;height:100%;object-fit:cover}.hah-story-card-copy{padding:20px 10px 0}.hah-story-card h3{margin:0;font-family:inherit;font-size:19px;line-height:1.45;font-weight:600;letter-spacing:-.01em;color:inherit;text-transform:none}.hah-story-card-copy p{margin:10px 0 0;color:#63675e;font-size:15px}.hah-story-feature{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:60px;align-items:center}.hah-story-feature--text-only{display:block;max-width:840px;margin:auto}.hah-story-feature-image{aspect-ratio:1/1;overflow:hidden;border-radius:8px;background:#f1f1ed}.hah-story-check-list{list-style:none;padding:0;margin:0;display:grid;gap:26px}.hah-story-check-list>li{display:flex;align-items:center;gap:24px;padding:20px;border:1px solid #e6e5de;border-radius:6px;background:#fff;font-size:20px;line-height:1.5}.hah-story-check-list strong{font-weight:600}.hah-story-check-list p{font-size:15px;color:#63675e;margin:7px 0 0}.hah-story--occasions .hah-story-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.hah-story--occasions .hah-story-card{background:#f7f7f4;border:1px solid #eeeee8;border-radius:8px;padding:30px 18px}.hah-story--occasions .hah-story-card-copy{padding:15px 0 0}.hah-story--occasions h3{font-size:20px;font-weight:500}.hah-story-gift-icon{display:block;width:75px;height:75px;margin:auto;color:#5e6a50}.hah-story--steps .hah-story-card{display:flex;align-items:center;text-align:left;gap:22px;padding:4px 0 14px}.hah-story--steps h3{font-size:20px;font-weight:500}.hah-story-step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto;border:1px solid #cbd2c4;border-radius:50%;background:#fff;color:#4e5d43;font-size:22px;font-weight:600}.hah-story-hero-video{position:relative;aspect-ratio:2.6/1;max-width:1400px;margin:0 auto;border-radius:8px;overflow:hidden;background:#f2f2ef}.hah-story-hero-video video{display:block;width:100%;height:100%;object-fit:contain}.hah-story-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1400px;margin:auto;align-items:start}.hah-story-video-card{position:relative;min-width:0;margin:0;border-radius:8px;overflow:hidden;background:#f3f3ef}.hah-story-video-card video{display:block;aspect-ratio:9/16;width:100%;height:auto;max-height:640px;object-fit:contain;background:#20211f}.hah-story-video-card figcaption{padding:14px 16px;color:#42463d;font-size:15px;line-height:1.5}.hah-story-video-error{position:absolute;left:0;right:0;bottom:0;font-size:14px;line-height:1.5;color:#6e5948;margin:0;padding:12px 16px;background:#faf2e8}.hah-story-faq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:40px}.hah-story-faq--text-only{display:block;max-width:900px;margin:auto}.hah-story-faq-image{aspect-ratio:4/5;overflow:hidden;border-radius:8px;background:#f1f1ed}.hah-story-questions{min-width:0}.hah-story-question{margin:0;border:0;border-bottom:1px solid #dfe2d9;background:transparent}.hah-story-question:first-child{border-top:1px solid #dfe2d9}.hah-story-question summary{position:relative;display:block;cursor:pointer;list-style:none;margin:0;padding:21px 42px 21px 0;font-size:17px;line-height:1.5;font-weight:600;color:#30352c}.hah-story-question summary::-webkit-details-marker{display:none}.hah-story-question summary:after{content:"+";position:absolute;right:5px;top:18px;font-size:24px;line-height:1.4;font-weight:400}.hah-story-question[open] summary:after{content:"\2212"}.hah-story-question summary:focus-visible{outline:2px solid #6b7f5b;outline-offset:3px;border-radius:2px}.hah-story-answer{padding:0 28px 20px 0;font-size:15px;line-height:1.8;color:#5b6255}.hah-story-answer>:first-child{margin-top:0}.hah-story-answer>:last-child{margin-bottom:0}.hah-story-faq-richtext h3{font-size:18px;line-height:1.5;margin:24px 0 10px;font-weight:600}.hah-story-faq-richtext p{font-size:15px;line-height:1.8;color:#5b6255}.hah-story-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.hah-story-related-card{display:block;min-width:0;color:inherit;text-decoration:none}.hah-story-related-image{aspect-ratio:1/1;overflow:hidden;border-radius:7px;background:#f5f5f1}.hah-story-related-card h3{font-family:inherit;font-size:15px;line-height:1.5;font-weight:500;margin:14px 0 8px;color:#30352c}.hah-story-related-card>span{font-size:16px;line-height:1.5;font-weight:600;color:#30352c}.hah-story-related-card:hover h3{text-decoration:underline}.hah-story-related-card:focus-visible{outline:2px solid #6b7f5b;outline-offset:4px}.hah-story-setup{border:1px dashed #c6cdbf;border-radius:8px;padding:24px;color:#4f5d45;background:#f8faf5;font-size:14px;text-align:left;max-width:850px;margin:auto}.hah-story-setup p{margin:8px 0 0;line-height:1.8}.hah-story-setup code{font-size:13px;overflow-wrap:anywhere}@media(max-width:900px){.hah-story{padding:calc(var(--hah-story-space,40px)*.8) 20px}.hah-story-feature{gap:30px}.hah-story-faq{gap:28px}.hah-story-card-grid{gap:16px}.hah-story-card h3{font-size:17px}.hah-story-check-list>li{font-size:16px}.hah-story-related-grid{gap:16px}.hah-story--occasions .hah-story-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.hah-story{padding:calc(var(--hah-story-space,40px)*.6) 16px}.hah-story-heading{margin-bottom:24px}.hah-story-heading h2{font-size:27px}.hah-story-card-grid{grid-template-columns:1fr;gap:28px}.hah-story-card-image{aspect-ratio:4/3}.hah-story-card-copy{padding:14px 6px 0}.hah-story-feature,.hah-story-faq{grid-template-columns:1fr;gap:24px}.hah-story-feature-image{aspect-ratio:4/3}.hah-story-check-list{gap:20px}.hah-story-faq-image{aspect-ratio:4/3;max-height:340px}.hah-story-question summary{font-size:16px;padding-top:18px;padding-bottom:18px}.hah-story-question summary:after{top:15px}.hah-story--steps .hah-story-card{display:flex;text-align:left;gap:18px;padding:0;align-items:center}.hah-story--steps .hah-story-card-copy{padding:0}.hah-story-step-number{width:44px;height:44px;flex-shrink:0;margin:0;font-size:18px}.hah-story--steps h3{font-size:16px}.hah-story--occasions .hah-story-card-grid{gap:12px}.hah-story--occasions .hah-story-card{padding:22px 12px}.hah-story--occasions h3{font-size:15px}.hah-story-video-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:12px}.hah-story-video-card{flex:0 0 min(72vw,290px);scroll-snap-align:start}.hah-story-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.hah-story-related-card h3{font-size:14px}.hah-story-related-card>span{font-size:15px}.hah-story-hero-video{border-radius:6px}}.hah-story-feature-copy .hah-story-heading{text-align:left;margin:0 0 28px}.hah-story-detail-thumb{display:block;width:118px;height:118px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#f3f3ee}.hah-story-detail-thumb img{display:block;width:100%;height:100%;object-fit:cover}.hah-story-step-visual{position:relative;flex:0 0 150px;width:150px;height:150px;border-radius:6px;background:#eeefe9;overflow:hidden}.hah-story-step-visual img{width:100%;height:100%;object-fit:cover;display:block}.hah-story-step-visual .hah-story-step-number{position:absolute;left:8px;top:8px;width:30px;height:30px;font-size:14px}.hah-story--steps .hah-story-card-copy{padding:0}.hah-story--faq .hah-story-heading h2{font-size:clamp(28px,4vw,48px)}@media(max-width:1100px){.hah-story-step-visual{flex-basis:105px;width:105px;height:105px}.hah-story--steps .hah-story-card{gap:14px}.hah-story--steps h3{font-size:17px}.hah-story-feature{gap:30px}.hah-story-check-list>li{gap:16px;padding:16px;font-size:17px}.hah-story-detail-thumb{width:80px;height:80px}}@media(max-width:640px){.hah-story--benefits .hah-story-card-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:12px}.hah-story--benefits .hah-story-card{flex:0 0 min(79vw,330px);scroll-snap-align:start}.hah-story--benefits .hah-story-card-image{aspect-ratio:4/3}.hah-story-feature-copy .hah-story-heading{margin-bottom:20px}.hah-story-feature-copy .hah-story-heading h2{font-size:25px}.hah-story-check-list>li{gap:16px;font-size:17px;padding:14px}.hah-story-detail-thumb{width:76px;height:76px}.hah-story-gift-icon{width:58px;height:58px}.hah-story--occasions h3{font-size:16px}.hah-story--steps h3{font-size:17px}.hah-story-step-visual{flex-basis:110px;width:110px;height:110px}.hah-story--steps .hah-story-card{gap:18px}.hah-story-hero-video{position:relative;aspect-ratio:1/1}.hah-story--faq .hah-story-heading h2{font-size:25px}.hah-story-video-card{flex-basis:233px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hah-product-story.css.map */