.hec-section{background:var(--hec-bg);padding-top:var(--hec-padding-top);padding-bottom:var(--hec-padding-bottom)}.hec-container{max-width:var(--hec-container-width);margin:0 auto;padding-left:var(--hec-side-padding);padding-right:var(--hec-side-padding)}.hec-section-heading{font-family:var(--hec-heading-font);font-size:var(--hec-heading-font-size);color:var(--hec-heading-color);text-align:center;margin:0 0 12px;line-height:1.25}.hec-section-description{font-family:var(--hec-body-font);font-size:var(--hec-description-font-size);color:var(--hec-description-color);text-align:center;max-width:640px;margin:0 auto 32px;line-height:1.5}.hec-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--hec-row-height);grid-auto-flow:dense;gap:var(--hec-gap)}.hec-grid .hec-tile--large{grid-row:span 2}.hec-grid .hec-tile--small{grid-row:span 1}.hec-grid--collage{grid-template-rows:repeat(2,var(--hec-row-height));grid-template-areas:"a c d" "b c d"}.hec-grid--collage .hec-tile--1{grid-area:a}.hec-grid--collage .hec-tile--2{grid-area:b}.hec-grid--collage .hec-tile--3{grid-area:c}.hec-grid--collage .hec-tile--4{grid-area:d}.hec-grid--collage .hec-tile{grid-row:auto}.hec-tile{position:relative;border-radius:var(--hec-radius);overflow:hidden;background:var(--hec-tile-bg);isolation:isolate}.hec-tile-media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.hec-tile-media .hec-tile-img,.hec-tile-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hec-tile-img{transition:transform .6s cubic-bezier(.22,1,.36,1)}.hec-tile:hover .hec-tile-img{transform:scale(1.045)}.hec-tile-placeholder{display:flex;align-items:center;justify-content:center;background:var(--hec-tile-bg)}.hec-placeholder-svg{width:45%;height:45%;opacity:.35}.hec-tile-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:14px;height:100%;padding:32px;pointer-events:none}.hec-tile-content>*{pointer-events:auto}.hec-pos--top-left .hec-tile-content{justify-content:flex-start;align-items:flex-start;text-align:left}.hec-pos--top-center .hec-tile-content{justify-content:flex-start;align-items:center;text-align:center}.hec-pos--middle-left .hec-tile-content{justify-content:center;align-items:flex-start;text-align:left}.hec-pos--middle-center .hec-tile-content{justify-content:center;align-items:center;text-align:center}.hec-pos--bottom-left .hec-tile-content{justify-content:flex-end;align-items:flex-start;text-align:left}.hec-pos--bottom-center .hec-tile-content{justify-content:flex-end;align-items:center;text-align:center}.hec-tile-heading{margin:0;font-family:var(--hec-body-font);font-size:var(--hec-tile-heading-size);line-height:1.3;color:var(--hec-tile-text);max-width:22ch}.hec-heading-line2{color:var(--hec-tile-accent);display:block}.hec-pos--top-center .hec-tile-heading,.hec-pos--middle-center .hec-tile-heading,.hec-pos--bottom-center .hec-tile-heading{max-width:26ch;margin-left:auto;margin-right:auto}.hec-badge{display:inline-block;font-family:var(--hec-body-font);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hec-badge-text);background:var(--hec-badge-bg);padding:6px 14px;border-radius:999px}.hec-btn{display:inline-block;font-family:var(--hec-body-font);font-size:var(--hec-btn-font-size);font-weight:600;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;color:var(--hec-btn-text);background:var(--hec-btn-bg);border-radius:var(--hec-btn-radius);padding:13px 26px;transition:filter .2s ease,transform .2s ease}.hec-btn:hover{filter:brightness(.94);transform:translateY(-1px)}.hec-btn:focus-visible{outline:2px solid var(--hec-tile-accent);outline-offset:3px}.hec-section[data-animate=true] .hec-tile{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.hec-section[data-animate=true] .hec-tile.is-visible{opacity:1;transform:translateY(0)}.hec-section[data-animate=true] .hec-tile--1.is-visible{transition-delay:.02s}.hec-section[data-animate=true] .hec-tile--2.is-visible{transition-delay:.1s}.hec-section[data-animate=true] .hec-tile--3.is-visible{transition-delay:.06s}.hec-section[data-animate=true] .hec-tile--4.is-visible{transition-delay:.14s}@media(prefers-reduced-motion:reduce){.hec-section[data-animate=true] .hec-tile{opacity:1;transform:none;transition:none}.hec-tile-img{transition:none}.hec-tile:hover .hec-tile-img{transform:none}}@media(max-width:989px){.hec-tile-content{padding:24px}.hec-tile-heading{font-size:calc(var(--hec-tile-heading-size) * .9)}}@media(max-width:749px){.hec-grid,.hec-grid--collage{display:flex;flex-direction:column;grid-template-areas:none}.hec-tile,.hec-grid--collage .hec-tile{grid-area:auto;grid-row:auto;height:var(--hec-mobile-height)}.hec-tile-content{padding:20px;gap:10px}.hec-tile-heading{font-size:var(--hec-tile-heading-size-mobile);max-width:18ch}.hec-pos--top-center .hec-tile-heading,.hec-pos--middle-center .hec-tile-heading,.hec-pos--bottom-center .hec-tile-heading{max-width:22ch}.hec-btn{font-size:calc(var(--hec-btn-font-size) - 1px);padding:11px 22px}.hec-section-heading{font-size:calc(var(--hec-heading-font-size) * .75);margin-bottom:10px}.hec-section-description{font-size:calc(var(--hec-description-font-size) * .9);margin-bottom:20px;padding:0 4px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/home-essentials-collage.css.map */