.hc-imagination{position:relative;isolation:isolate;overflow:hidden;color:var(--hc-text);--imagination-focus: var(--imagination-desktop-focus);--imagination-rule: color-mix(in srgb, var(--hc-ornament, var(--hc-accent)) 40%, transparent);--imagination-column-gap: clamp(24px, 4vw, 64px)}.hc-imagination[data-background=color]{background:var(--hc-background-fill)}.hc-imagination__scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 89%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 89%,transparent)}.hc-imagination__scene picture{width:100%;height:100%}.hc-imagination__image,.hc-imagination__placeholder{display:block;width:100%;height:100%;object-fit:var(--imagination-fit);object-position:var(--imagination-focus, center)}.hc-imagination__layout{position:relative;padding-block:var(--imagination-space)}.hc-imagination__intro{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px var(--imagination-column-gap);padding-bottom:28px;border-bottom:1px solid var(--imagination-rule)}.hc-imagination__intro:after,.hc-imagination__detail:nth-child(2n+3):after{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--imagination-rule);border-radius:50%;background:radial-gradient(circle,var(--imagination-rule) 1.5px,transparent 2px),var(--hc-background-fill)}.hc-imagination__intro:after{bottom:-6px;left:calc(50% - 6px)}.hc-imagination__eyebrow{grid-column:1 / -1;display:flex;align-items:center;gap:16px;margin:0;font-size:11px;line-height:1.5;letter-spacing:.15em;text-transform:uppercase;color:var(--hc-muted)}.hc-imagination__eyebrow:after{content:"";flex:1;min-width:24px;border-top:1px solid var(--imagination-rule)}.hc-imagination .hc-section-title{max-width:20ch;text-wrap:balance}.hc-imagination__text{align-self:center;max-width:52ch;font-size:var(--body-font-size);line-height:1.6;overflow-wrap:anywhere}.hc-imagination__text p{margin:0}.hc-imagination__text p+p{margin-top:.75em}.hc-imagination__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--imagination-column-gap);list-style:none;margin:0;padding:0}.hc-imagination__detail{position:relative;min-width:0;padding-block:28px}.hc-imagination__detail:nth-child(n+3){border-top:1px solid var(--imagination-rule)}.hc-imagination__detail:nth-child(2n+3):before{content:"";position:absolute;top:-1px;left:100%;width:var(--imagination-column-gap);border-top:1px solid var(--imagination-rule)}.hc-imagination__detail:nth-child(2n+3):after{top:-6px;left:calc(100% + var(--imagination-column-gap) / 2 - 6px)}.hc-imagination__detail figure{display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);align-items:center;gap:clamp(16px,2vw,24px);margin:0}.hc-imagination__detail--text-only figure{grid-template-columns:minmax(0,1fr)}.hc-imagination__detail-media{aspect-ratio:1;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--hc-accent) 50%,transparent);border-radius:calc(var(--button-radius) * .4);transition:border-color .3s linear}.hc-imagination__detail-media img,.hc-imagination__detail-media svg{display:block;width:100%;height:100%;object-fit:var(--detail-fit);transition:transform .65s linear;transform-origin:right center}.hc-imagination__detail figcaption{min-width:0}.hc-imagination__detail h3{margin:0;font-size:22px;line-height:1.25;color:var(--hc-heading);overflow-wrap:anywhere}.hc-imagination__detail figcaption p{margin:12px 0 0;font-size:var(--body-font-size);line-height:1.6;color:var(--hc-muted);overflow-wrap:anywhere}.hc-imagination__action{margin-top:16px;text-align:center}.hc-imagination__caption{display:flex;justify-content:center;align-items:center;gap:20px;margin:24px 0 0;font-size:14px;line-height:1.5;text-align:center;color:var(--hc-text)}.hc-imagination__caption:before,.hc-imagination__caption:after{content:"";flex:0 1 180px;border-top:1px solid var(--imagination-rule)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.hc-imagination__detail:hover .hc-imagination__detail-media{border-color:var(--hc-accent-hover)}.hc-imagination__detail:hover img{transform:scale(1.05)}}@media(min-width:750px){.hc-imagination[data-height-mode=minimum] .hc-imagination__layout{min-height:var(--imagination-height)}}@media(max-width:989px){.hc-imagination__detail:nth-child(2n+3):before{display:none}.hc-imagination__detail:nth-child(n+2):after{content:"";position:absolute;top:-6px;left:calc(50% - 6px);width:12px;height:12px;border:1px solid var(--imagination-rule);border-radius:50%;background:radial-gradient(circle,var(--imagination-rule) 1.5px,transparent 2px),var(--hc-background-fill)}}@media(min-width:750px)and (max-width:989px){.hc-imagination__details{grid-template-columns:minmax(0,1fr)}.hc-imagination__detail figure{grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:28px}.hc-imagination__detail--text-only figure{grid-template-columns:minmax(0,1fr)}.hc-imagination__detail:nth-child(n+2){border-top:1px solid var(--imagination-rule)}}@media(max-width:749px){.hc-imagination{--imagination-focus: var(--imagination-mobile-focus)}.hc-imagination__layout{padding-block:calc(var(--imagination-space) * .6)}.hc-imagination__intro{grid-template-columns:minmax(0,1fr);gap:14px;padding-bottom:22px}.hc-imagination__eyebrow{font-size:10px;gap:12px}.hc-imagination .hc-section-title{max-width:22ch}.hc-imagination__text{max-width:none;font-size:14px}.hc-imagination__details{grid-template-columns:minmax(0,1fr)}.hc-imagination__detail{padding-block:22px}.hc-imagination__detail:nth-child(n+2){border-top:1px solid var(--imagination-rule)}.hc-imagination__detail figure{grid-template-columns:clamp(100px,36vw,150px) minmax(0,1fr);gap:16px;align-items:start}.hc-imagination__detail--text-only figure{grid-template-columns:minmax(0,1fr)}.hc-imagination__detail h3{font-size:18px}.hc-imagination__detail figcaption p{margin-top:10px;font-size:14px}.hc-imagination__scene{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 95%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 95%,transparent)}.hc-imagination__caption{font-size:12px;gap:12px;margin-top:16px}.hc-imagination__caption:before,.hc-imagination__caption:after{flex-basis:36px}.hc-imagination__action .hc-button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/imagination.css.map */
