.homepage-story{color:#10183b;background:#fff;margin-top:-6.4rem}.homepage-story__benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding-top:2.4rem;padding-bottom:2.4rem;border-top:1px solid #e7eaf0;border-bottom:1px solid #e7eaf0}.homepage-story__benefits article{display:flex;align-items:center;gap:1.2rem}.homepage-story__benefits article>span{font-size:3rem}.homepage-story__benefits strong,.homepage-story__benefits small{display:block}.homepage-story__benefits small{color:#667085}.homepage-story__section{padding-top:6.4rem;padding-bottom:6.4rem}.homepage-story__section header{text-align:center;margin-bottom:3.2rem}.homepage-story h2{margin:0;color:#10183b;font-size:clamp(2.8rem,4vw,4.2rem);font-weight:800}.homepage-story header p{margin:.6rem 0 0;color:#667085}.homepage-story__products{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}.hfd__product-grid.homepage-story__products{grid-template-columns:repeat(4,1fr)}.hfd__product-card[data-mockup=flag] [data-story-design]{top:50%;width:72%;left:50%}.hfd__product-card[data-mockup=hat] [data-story-design]{top:39%;width:38%;left:50%}.hfd__product-card[data-mockup=mug] [data-story-design]{left:39%;top:49%;width:42%}.hfd__product-card[data-mockup=tote] [data-story-design]{top:52%;width:30%;left:50%}.homepage-story__product{color:inherit;text-decoration:none;border:1px solid #e6e9ef;border-radius:1rem;overflow:hidden;background:#fff;padding-bottom:1.2rem}.homepage-story__product-image{position:relative;aspect-ratio:1;background:#f3f4f6}.homepage-story__product-image>img:first-child{width:100%;height:100%;object-fit:contain}.homepage-story__product-image [data-story-design]{position:absolute;left:50%;top:43%;width:31%;height:auto;aspect-ratio:3/2;overflow:hidden;background:#ddd;transform:translate(-50%,-50%)}.homepage-story__product:nth-child(3) [data-story-design]{top:39%;width:38%}.homepage-story__product:nth-child(4) [data-story-design]{left:39%;top:49%;width:42%}.homepage-story__product:nth-child(5) [data-story-design]{top:52%;width:30%}.homepage-story__product:nth-child(6) [data-story-design]{top:48%;width:42%}.homepage-story__product strong,.homepage-story__product small{display:block;padding:0 1rem}.homepage-story__product strong{margin-top:1rem}.homepage-story__pairings{background:#f7f8fa;max-width:none;padding-left:max(2rem,calc((100% - var(--page-width))/2));padding-right:max(2rem,calc((100% - var(--page-width))/2))}.homepage-story__pair-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}.homepage-story__pair{background:#fff;border:1px solid #e6e9ef;border-radius:1.2rem;padding:1.4rem;text-align:center;text-decoration:none;color:inherit}.homepage-story__pair div{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1.2rem 0}.homepage-story__pair img{width:100%;aspect-ratio:3/2;object-fit:cover}.homepage-story__pair span{display:block;border:1px solid #d5dae3;border-radius:.6rem;padding:.8rem;color:#10183b;font-weight:700}.homepage-story__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;text-align:center}.homepage-story__steps article{position:relative}.homepage-story__steps b{display:grid;place-items:center;margin:0 auto 1.2rem;width:3.6rem;height:3.6rem;border-radius:50%;background:#0877f9;color:#fff;font-size:1.8rem}.homepage-story__flags{display:flex;justify-content:center}.homepage-story__flags img{width:8rem;aspect-ratio:3/2;object-fit:cover;border:3px solid white;box-shadow:0 4px 14px #10182820}.homepage-story__flags img+img{margin-left:-1.5rem}.homepage-story__step-icon{display:block;font-size:6rem;line-height:1;color:#10183b}.homepage-story__steps h3{margin:1.2rem 0 .5rem}.homepage-story__steps p{margin:0;color:#667085}.homepage-story__story{min-height:28rem;display:flex;align-items:center;background:linear-gradient(90deg,#060f2deb,#060f2d29),url(hero-heritage-1.png);background-size:cover;background-position:center}.homepage-story__story>div{width:100%}.homepage-story__story div div{max-width:48rem;color:#fff}.homepage-story__story h2{color:#fff}.homepage-story__newsletter{display:flex;justify-content:space-between;align-items:center;gap:3rem;padding-top:3.2rem;padding-bottom:3.2rem}.homepage-story__newsletter h2{font-size:2.4rem}.homepage-story__newsletter p{margin:.4rem 0 0}.homepage-story__form{display:flex;gap:.8rem;min-width:min(100%,46rem)}.homepage-story__form input{flex:1;min-width:0;padding:0 1.4rem;border:1px solid #d5dae3;border-radius:.5rem}@media(max-width:989px){.homepage-story__benefits,.homepage-story__products,.homepage-story__pair-grid{grid-template-columns:repeat(2,1fr)}.hfd__product-grid.homepage-story__products{grid-template-columns:repeat(3,1fr)}.homepage-story__steps{gap:2rem}.homepage-story__newsletter{align-items:flex-start;flex-direction:column}}@media(max-width:749px){.homepage-story{margin-top:-4rem}.homepage-story__benefits{grid-template-columns:1fr;padding-top:1.2rem}.homepage-story__section{padding-top:4rem;padding-bottom:4rem}.homepage-story__products{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.homepage-story__product{min-width:44%;scroll-snap-align:start}.homepage-story__pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.homepage-story__pair{padding:1rem}.homepage-story__pair>strong{display:block;min-height:2.5em;font-size:1.25rem;line-height:1.25}.homepage-story__pair>span{font-size:1.15rem;line-height:1.25;padding:.7rem .4rem}.homepage-story__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.homepage-story__steps b{width:3rem;height:3rem;font-size:1.5rem}.homepage-story__step-icon{font-size:3.6rem}.homepage-story__steps h3{margin:.8rem 0 .4rem;font-size:1.3rem;line-height:1.2}.homepage-story__steps p{font-size:1.1rem;line-height:1.35}.homepage-story__how .homepage-story__steps article:first-child .homepage-story__flags{width:70%;min-width:0}.homepage-story__newsletter,.homepage-story__form{width:100%}.homepage-story__form{flex-direction:column}}body:has(#FlagCustomizer) .homepage-story{font-family:Arial,Helvetica,sans-serif}body:has(#FlagCustomizer) .homepage-story__section{max-width:144rem}body:has(#FlagCustomizer) .homepage-story__benefits{max-width:144rem}body:has(#FlagCustomizer) .homepage-story h2{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.035em}.homepage-story__product-image [data-story-design]{display:block}.homepage-story__design-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.homepage-story__design-layer img{display:block;width:100%;height:100%;object-fit:fill}.homepage-story__how .homepage-story__steps article:first-child .homepage-story__flags{width:25%;min-width:7rem;margin-left:auto;margin-right:auto}.homepage-story__rendered-design{position:absolute;display:block;overflow:hidden;transform-origin:0 0}.homepage-story__rendered-design>.hfd__layer{position:absolute;top:0;right:0;bottom:0;left:0}.homepage-story__rendered-design>.hfd__lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.homepage-story__pair-flag{display:block!important;grid-template-columns:none!important;gap:0!important}.homepage-story__pair-flag>span{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:0;border-radius:0;padding:0}.homepage-story__pair-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:0}.homepage-story__pair-btn{display:block;width:100%;border:1px solid #d5dae3;border-radius:.6rem;padding:.8rem .4rem;color:#10183b;background:#fff;font:inherit;font-weight:700;cursor:pointer}.homepage-story__pair-btn:hover{border-color:#087df5;color:#087df5}.homepage-story__pair-btn--primary{background:#087df5;color:#fff;border-color:#087df5}.homepage-story__pair-btn--primary:hover{background:#066ad1;color:#fff;border-color:#066ad1}@media(max-width:749px){.homepage-story__pair-btn{font-size:1.15rem;line-height:1.25;padding:.7rem .4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/homepage-story.css.map */