.hero-grid-section{padding:12px 0 8px}.hero-grid__cats{display:flex;justify-content:space-between;gap:8px;margin:0 0 14px;padding:0;list-style:none}.hero-grid__cat{display:flex;flex-direction:column;align-items:center;gap:6px;width:76px;color:var(--color-neutral-0);text-decoration:none}.hero-grid__cat-ring{display:block;width:68px;height:68px;border:1px solid var(--color-neutral-3);border-radius:50%;background-color:#f1ede6;overflow:hidden}.hero-grid__cat-ring img{display:block;width:100%;height:100%;padding:16%;object-fit:contain}.hero-grid__cat-label{font-size:12px;font-weight:600;white-space:nowrap}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"hero hero" "lt rt" "lb rt" "wide wide" "x1 x2";gap:8px}.hero-grid__tile--hero{grid-area:hero;aspect-ratio:1 / 1}.hero-grid__tile--left-top{grid-area:lt}.hero-grid__tile--left-bottom{grid-area:lb}.hero-grid__tile--right-tall{grid-area:rt}.hero-grid__tile--wide{grid-area:wide}.hero-grid__tile--extra-left{grid-area:x1}.hero-grid__tile--extra-right{grid-area:x2}.hero-grid__tile{position:relative;min-height:168px;border-radius:var(--border-radius-0, 10px);background-color:#ede9e1;color:var(--color-neutral-5);overflow:hidden}.hero-grid__tile.is-light{color:var(--color-neutral-0)}.hero-grid__link{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-height:inherit;color:inherit;text-decoration:none}.hero-grid__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-grid__tile--photo .hero-grid__link:after{content:"";position:absolute;inset:auto 0 0;height:65%;background:linear-gradient(to top,rgba(0,0,0,.65),transparent)}.hero-grid__tile--hero{color:var(--color-neutral-0)}.hero-grid__packshot{position:absolute;top:8%;right:10%;bottom:34%;left:10%;width:80%;height:58%;object-fit:contain}.hero-grid__stage{position:relative;flex:1 1 auto;min-height:96px}.hero-grid__stage .hero-rail__walk{top:38%;right:6%;bottom:0;left:6%}.hero-grid__stage .hero-rail__walk-concern{top:12%}.hero-grid__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px}.hero-grid__tile--hero .hero-grid__body{padding:20px 16px}.hero-grid__hero-title{margin:0;font-family:var(--font-family-alt);font-style:italic;font-weight:400;font-size:30px;line-height:1.08;text-wrap:balance}.hero-grid__title{font:var(--h5-bold);line-height:1.2;-webkit-hyphens:manual;hyphens:manual}.hero-grid__text{font:var(--body-subtext);line-height:1.35}.hero-grid__button{margin-top:6px}.hero-grid__promises{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;min-height:0;margin:0;padding:14px;list-style:none;background-color:var(--color-off-white, #fffdf8);border:1px solid var(--color-neutral-3);color:var(--color-neutral-0)}.hero-grid__promise{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:1.25}.hero-grid__promise svg{flex:0 0 auto;color:#384e46}.hero-grid__promise a{color:inherit;text-decoration:none}.hero-grid--no-promises{grid-template-areas:"hero hero" "lt rt" "lb rt" "x1 x2"}@media(min-width:980px){.hero-grid-section{padding-top:20px}.hero-grid__cats{justify-content:center;gap:40px;margin-bottom:20px}.hero-grid__cat{width:104px}.hero-grid__cat-ring{width:92px;height:92px}.hero-grid__cat-label{font-size:14px}.hero-grid{grid-template-columns:2fr 1fr 1fr;grid-template-areas:"hero lt rt" "hero lb rt" "wide wide wide" "x1 x2 x2";grid-template-rows:250px 250px auto auto;gap:12px}.hero-grid--no-promises{grid-template-areas:"hero lt rt" "hero lb rt" "x1 x2 x2";grid-template-rows:250px 250px auto}.hero-grid__tile--hero{min-height:0;aspect-ratio:auto}.hero-grid__tile--hero .hero-grid__body{padding:32px}.hero-grid__hero-title{font-size:56px}.hero-grid__body{padding:18px}.hero-grid__promises{grid-template-columns:repeat(4,minmax(0,1fr));padding:18px 24px}.hero-grid__promise{justify-content:center;font-size:14px}.hero-grid__tile--extra-left,.hero-grid__tile--extra-right{min-height:220px}}.hero-grid--card{grid-template-areas:"hero hero" "lt lb" "x1 x2"}.hero-grid--card .hero-grid__tile--left-top,.hero-grid--card .hero-grid__tile--left-bottom{min-height:190px}.hero-grid__tile--card{aspect-ratio:auto;background:none;color:var(--color-neutral-0);overflow:visible}.hero-grid__tile--card .hero-grid__link{justify-content:flex-start}.hero-grid__card-photo{position:relative;display:block;height:230px;border-radius:var(--border-radius-0, 10px);background-color:#ede9e1;overflow:hidden}.hero-grid__card{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;margin:-64px 12px 0;padding:16px 16px 54px;border:1px solid var(--color-neutral-0);border-radius:4px;background-color:var(--color-off-white, #fffdf8)}.hero-grid__card-kicker{font-size:12px;color:var(--color-neutral-1)}.hero-grid__card .hero-grid__hero-title{font-size:32px}.hero-grid__card .hero-grid__text{font:var(--body-small)}.hero-grid__proof{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.hero-grid__proof svg{color:#384e46}.hero-grid__card-button{width:100%;margin-top:4px;justify-content:center}.hero-grid__card-link{position:absolute;z-index:2;left:28px;bottom:18px;font-size:14px}@media(min-width:980px){.hero-grid--card{grid-template-columns:2fr 1fr;grid-template-areas:"hero lt" "hero lb" "x1 x2";grid-template-rows:280px 280px auto}.hero-grid__tile--card .hero-grid__link{position:relative;height:100%}.hero-grid__card-photo{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}.hero-grid__card{position:absolute;left:32px;bottom:32px;width:min(440px,calc(100% - 64px));margin:0;padding:24px 24px 60px}.hero-grid__card .hero-grid__hero-title{font-size:44px}.hero-grid__card-link{left:56px;bottom:54px}}@media(max-width:979px){.hero-grid-section:has(.hero-grid--card) .hero-grid__cats{margin-bottom:10px}.hero-grid-section:has(.hero-grid--card) .hero-grid__cat-ring{width:56px;height:56px}.hero-grid-section:has(.hero-grid--card) .hero-grid__cat-label{font-size:11px}.hero-grid__card-photo{height:200px}.hero-grid__card{gap:6px;margin-top:-56px;padding:14px 14px 50px}.hero-grid__card .hero-grid__hero-title{font-size:28px}.hero-grid__card .hero-grid__text{font-size:14px;line-height:1.4}.hero-grid__card-link{left:26px;bottom:16px}}.hero-grid__tile--gift{grid-area:gift;min-height:180px}.hero-grid--gift{grid-template-areas:"hero hero" "lt rt" "lb rt" "gift gift"}.hero-grid--pair{grid-template-areas:"x1 x2"}.hero-grid__head{margin-bottom:var(--spacing-3)}.hero-grid__head-title{margin:0}.hero-grid__head-sub{margin:6px 0 0;color:var(--color-neutral-1)}@media(min-width:980px){.hero-grid--gift{grid-template-columns:2fr 1fr 1fr;grid-template-areas:"hero lt rt" "hero lb rt" "gift gift gift";grid-template-rows:250px 250px 220px}.hero-grid--pair{grid-template-columns:1fr 1fr;grid-template-areas:"x1 x2";grid-template-rows:300px}}@media(min-width:980px){.hero-grid--gift{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"hero hero rt" "lt lb gift";grid-template-rows:520px 300px;gap:16px}.hero-grid--gift .hero-grid__tile{min-height:0}.hero-grid--gift .hero-grid__tile--hero .hero-grid__link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(to right,rgba(255,253,248,.92) 0%,rgba(255,253,248,.7) 38%,transparent 70%)}.hero-grid--gift .hero-grid__tile--hero .hero-grid__body{justify-content:center;height:100%;max-width:600px;padding:48px;gap:12px}.hero-grid--gift .hero-grid__hero-title{font-size:56px}.hero-grid--gift .hero-grid__tile--hero .hero-grid__text{font:var(--body);font-size:18px}.hero-grid--gift .hero-grid__body{padding:24px;gap:8px}.hero-grid--gift .hero-grid__title{font-size:24px}.hero-grid--gift .hero-grid__text{font-size:15px}.hero-grid--gift .hero-grid__tile--product .hero-grid__packshot{top:10%;right:12%;bottom:30%;left:12%;height:60%;width:76%}.hero-grid-section:has(.hero-grid--gift) .hero-grid__cats{gap:72px;margin-bottom:28px}.hero-grid-section:has(.hero-grid--gift) .hero-grid__cat{width:128px}.hero-grid-section:has(.hero-grid--gift) .hero-grid__cat-ring{width:112px;height:112px}.hero-grid-section:has(.hero-grid--gift) .hero-grid__cat-label{font-size:15px}}@media(min-width:980px){.hero-grid__cats{display:none}.hero-grid-section{padding-top:24px}}.hero-grid__tile--product .hero-rail__watermark{z-index:0}.hero-grid__tile--product .hero-grid__packshot,.hero-grid__tile--product .hero-grid__body{z-index:1}@media(max-width:979px){.hero-grid__tile--product .hero-grid__packshot{top:8%;right:18%;bottom:52%;left:18%;width:64%;height:40%}.hero-grid__tile--right-tall.hero-grid__tile--product .hero-grid__packshot{top:10%;right:8%;bottom:38%;left:8%;width:84%;height:52%}}@media(max-width:979px){.hero-grid__tile--left-top .hero-grid__text,.hero-grid__tile--left-bottom .hero-grid__text{display:none}.hero-grid__tile--left-bottom.hero-grid__tile--product .hero-grid__packshot{top:8%;right:12%;bottom:44%;left:12%;width:76%;height:48%}}.hero-grid__button.btn-fill{border-color:var(--color-neutral-0, #000)}.hero-grid__cat-label{font-weight:400}@media(max-width:979px){.hero-grid__cats{justify-content:flex-start;gap:14px;margin-right:calc(var(--pw-mobile-gutter, 16px) * -1);padding-right:var(--pw-mobile-gutter, 16px);overflow-x:auto;scrollbar-width:none}.hero-grid__cats::-webkit-scrollbar{display:none}.hero-grid__cats>li{flex:0 0 auto}}.hero-grid__quote{position:relative;display:flex;flex-direction:column;gap:6px}.hero-grid__quote-mark{display:block;height:.5em;margin-bottom:4px;font-family:var(--font-family-alt);font-size:72px;line-height:.9;color:#384e46}.hero-grid__quote-by{font:var(--body-small);letter-spacing:.01em}@media(min-width:980px){.hero-grid__quote-mark{font-size:110px}.hero-grid__quote-by{font:var(--body)}}.hero-grid__arrow{position:absolute;z-index:2;right:12px;bottom:12px}.hero-grid__tile:has(.hero-grid__arrow) .hero-grid__body{padding-right:64px}@media(min-width:980px){.hero-grid__arrow{right:20px;bottom:20px}}@media(max-width:979px){.hero-grid__arrow.card-button-icon{width:36px;min-width:36px;height:36px;right:10px;bottom:10px}.hero-grid__arrow .btn-icon{width:16px}.hero-grid__tile:has(.hero-grid__arrow) .hero-grid__body{padding-right:52px}}.hero-grid__badge.hero-rail__badge{position:absolute;z-index:2;top:12px;left:12px}@media(min-width:980px){.hero-grid__badge.hero-rail__badge{top:18px;left:18px}}.hero-grid-section{padding-bottom:40px}@media(min-width:980px){.hero-grid-section{padding-bottom:60px}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/section-hero-grid.css.map */