.hr{--hr-gap:12px;--hr-vis:2.2;--hr-pad:max(var(--hh-gutter),calc((100% - var(--hh-max))/2 + var(--hh-gutter)));padding:88px 0 80px;background:var(--hh-ivory);border-top:1px solid var(--hh-rule)}.hr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}.hr-h{font:400 var(--hh-h2)/1.08 var(--hh-serif);letter-spacing:-.01em;margin:0;color:var(--hh-ink);text-wrap:balance}.hr-sub{margin:12px 0 0;font:italic 400 17px/1.45 var(--hh-serif);color:var(--hh-muted);max-width:40ch}.hr-nav{display:flex;gap:8px;flex:none}.hr-nav[hidden]{display:none}.hr-btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--hh-ink);background:transparent;color:var(--hh-ink);border-radius:0;cursor:pointer;padding:0;transition:background-color .2s,color .2s,opacity .2s}.hr-btn svg{width:20px;height:12px;fill:none;stroke:currentColor;stroke-width:1.2}.hr-btn:hover:not(:disabled){background:var(--hh-ink);color:var(--hh-ivory)}.hr-btn:disabled{opacity:.28;cursor:default}.hr-btn:focus-visible{outline:2px solid var(--hh-clay,#8E4E3F);outline-offset:3px}.hr-track{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px var(--hr-pad) 6px;scroll-padding-inline:var(--hr-pad);outline:none;cursor:grab;container-type:inline-size}.hr-track::-webkit-scrollbar{display:none}.hr-track.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.hr-track.is-dragging a,.hr-track.is-dragging img{pointer-events:none}.hr-track:focus-visible{outline:2px solid var(--hh-clay,#8E4E3F);outline-offset:-2px}@media(hover:hover)and (pointer:fine){.hr-track{scroll-snap-type:x mandatory}}.hr-track.is-gliding{scroll-snap-type:none}.hr-list{display:flex;gap:var(--hr-gap);margin:0;padding:0;list-style:none;width:max-content}.hr-item{flex:0 0 auto;--hr-k:2;width:calc((100vw - var(--hh-gutter) - var(--hr-gap) * var(--hr-k)) / var(--hr-vis));width:calc((100cqw + var(--hh-gutter) - var(--hr-gap) * var(--hr-k)) / var(--hr-vis));scroll-snap-align:start;list-style:none;min-width:0}.hr-item>product-card{width:100%;height:100%}.hr-ph{pointer-events:none}.hr-ph-img{display:block;aspect-ratio:4/5;background:var(--hh-card)}.hr-ph-l{display:block;height:13px;width:72%;margin-top:16px;background:var(--hh-linen)}.hr-ph-l2{width:44%;margin-top:10px;margin-bottom:89px}.hr.is-loading .hr-ph-img,.hr.is-loading .hr-ph-l{animation:hr-breathe 1.6s ease-in-out infinite alternate}@keyframes hr-breathe{0%{opacity:1}to{opacity:.55}}.hr-foot{margin-top:28px}.hr-bar{position:relative;height:1px;background:var(--hh-rule);overflow:hidden}.hr-bar span{position:absolute;left:0;top:-1px;height:3px;width:30%;background:var(--hh-gold);transition:transform .12s linear}.hr.is-ready .hr-bar span{transition:transform .12s linear,width .3s}@media(min-width:600px){.hr{--hr-gap:16px;--hr-vis:3.3}.hr-item{--hr-k:3}.hr-ph-l2{margin-bottom:77px}}@media(min-width:990px){.hr{--hr-gap:20px}.hr-ph-l2{margin-bottom:57px}.hr-item{width:calc((100vw - 2 * var(--hh-gutter) - var(--hr-gap) * 3) / 4);width:calc((100cqw - var(--hr-gap) * 3) / 4)}}@media(min-width:1280px){.hr{--hr-gap:24px}}@media(max-width:760px){.hr{padding:64px 0 56px}.hr-head{margin-bottom:24px}.hr-nav{display:none}.hr-sub{font-size:16px}.hr-foot{margin-top:22px}}@media(prefers-reduced-motion:reduce){.hr.is-loading .hr-ph-img,.hr.is-loading .hr-ph-l{animation:none}.hr-bar span{transition:none}}.he{--he-cg:20px;--he-rg:32px;--he-cap:92px;padding:0 0 104px;background:var(--hh-ivory)}.he-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:88px;margin-bottom:36px;border-top:1px solid var(--hh-rule)}.he-h{font:400 var(--hh-h2)/1.08 var(--hh-serif);letter-spacing:-.01em;margin:0;color:var(--hh-ink);text-wrap:balance}.he-sub{margin:12px 0 0;font:italic 400 17px/1.45 var(--hh-serif);color:var(--hh-muted);max-width:46ch}.he-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--he-rg) var(--he-cg);margin:0;padding:0;list-style:none}.he-tile{display:flex;min-width:0;margin:0;list-style:none}.he-tile[hidden]{display:none}.he-link{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;color:var(--hh-ink);text-decoration:none}.he-media{position:relative;display:block;flex:none;width:100%;aspect-ratio:1/1;overflow:hidden;background:var(--hh-card)}.he-media img,.he-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.he-media video{opacity:0;transition:opacity .6s}.he-tile.is-playing video{opacity:1}.he-media img{transition:transform 1.2s var(--hh-ease)}.he-text{flex:1 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:var(--he-cap);padding-top:16px}.he-name{display:flex;align-items:center;gap:12px;font:400 22px/1.15 var(--hh-serif);letter-spacing:-.005em}.he-name svg{width:20px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.1;transition:transform .3s var(--hh-ease)}.he-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font:italic 400 15px/1.4 var(--hh-serif);color:var(--hh-muted);max-width:34ch}.he-cta{display:none;font:500 11px/1 var(--hh-sans);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;padding-bottom:6px;background:linear-gradient(var(--hh-gold),var(--hh-gold)) 0 100%/100% 1px no-repeat;transition:background-size .3s}.he-link:hover img{transform:scale(1.03)}.he-link:hover .he-name svg{transform:translate(5px)}.he-link:hover .he-cta{background-size:40% 1px}.he-link:focus-visible{outline:2px solid var(--hh-clay,#8E4E3F);outline-offset:4px}.he-foot{margin-top:32px;display:flex;justify-content:flex-end}@media(min-width:761px){.he:not([data-n="2"]):not([data-n="3"]):not([data-n="4"]) .he-grid{grid-template-columns:minmax(0,calc(50% - var(--he-cg) + (var(--he-cap) + var(--he-rg)) / 2)) repeat(2,minmax(0,1fr))}.he:not([data-n="2"]):not([data-n="3"]):not([data-n="4"]) .he-tile:first-child{grid-row:span 2}.he:not([data-n="2"]):not([data-n="3"]):not([data-n="4"]) .he-tile:first-child .he-media{flex:1 1 auto;min-height:0}.he:not([data-n="2"]):not([data-n="3"]):not([data-n="4"]) .he-tile:first-child .he-text{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:center;column-gap:24px;row-gap:6px}.he:not([data-n="2"]):not([data-n="3"]):not([data-n="4"]) .he-tile:first-child .he-name{grid-area:1/1;font-size:clamp(30px,2.8vw,40px);line-height:1.08}.he:not([data-n="2"]):not([data-n="3"]):not([data-n="4"]) .he-tile:first-child .he-name svg{display:none}.he:not([data-n="2"]):not([data-n="3"]):not([data-n="4"]) .he-tile:first-child .he-line{grid-area:2/1/3/-1;font-size:17px;max-width:none}.he:not([data-n="2"]):not([data-n="3"]):not([data-n="4"]) .he-tile:first-child .he-cta{display:inline-block;grid-area:1/2}.he[data-n="3"] .he-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.he[data-n="2"] .he-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1359px){.he-line{font-size:14px}}@media(max-width:1199px){.he{--he-rg:28px;--he-cap:48px}.he-line{display:none}.he-text{padding-top:14px}.he-name{font-size:20px}.he:not([data-n="2"]):not([data-n="3"]):not([data-n="4"]) .he-tile:first-child .he-name{font-size:clamp(28px,2.8vw,32px)}}@media(max-width:989px){.he{--he-cg:14px;--he-rg:24px;--he-cap:42px}.he-text{padding-top:12px}.he-name{font-size:19px}.he:not([data-n="2"]):not([data-n="3"]):not([data-n="4"]) .he-tile:first-child .he-name{font-size:26px}}@media(max-width:760px){.he{--he-cg:10px;--he-rg:22px;--he-cap:0px;padding-bottom:72px}.he-head{flex-direction:column;align-items:flex-start;padding-top:64px;margin-bottom:24px}.he-sub{font-size:16px}.he-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.he-text{padding-top:10px}.he-name{font-size:17px;gap:8px}.he-name svg{width:16px}.he:not([data-n="2"]):not([data-n="4"]) .he-tile:first-child{grid-column:1 / -1}.he:not([data-n="2"]):not([data-n="4"]) .he-tile:first-child .he-text{gap:8px;padding:16px 0 6px}.he:not([data-n="2"]):not([data-n="4"]) .he-tile:first-child .he-name{font-size:28px;line-height:1.08}.he:not([data-n="2"]):not([data-n="4"]) .he-tile:first-child .he-name svg{display:none}.he:not([data-n="2"]):not([data-n="4"]) .he-tile:first-child .he-line{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;font-size:15px;max-width:none}.he:not([data-n="2"]):not([data-n="4"]) .he-tile:first-child .he-cta{display:inline-block;margin-top:6px}.he-foot{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.he-media img,.he-name svg,.he-media video,.he-cta{transition:none}.he-link:hover img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/heon-reco.css.map */