.he-dual-image{width:100%;max-width:var(--page-width, 1200px);margin:0 auto;padding-left:var(--spacing-md, 16px);padding-right:var(--spacing-md, 16px)}.he-dual-image__container{display:grid;grid-template-columns:var(--image-width, 30%) var(--content-width, 40%) var(--image-width, 30%);gap:var(--spacing-lg, 24px);align-items:center}.he-dual-image--align-top .he-dual-image__container{align-items:flex-start}.he-dual-image--align-center .he-dual-image__container{align-items:center}.he-dual-image--align-bottom .he-dual-image__container{align-items:flex-end}.he-dual-image__image{position:relative;width:100%}.he-dual-image__image-wrapper{position:relative;width:100%;overflow:hidden;border-radius:var(--border-radius, 8px)}.he-dual-image__image-wrapper--auto{aspect-ratio:auto}.he-dual-image__image-wrapper--square{aspect-ratio:1 / 1}.he-dual-image__image-wrapper--portrait{aspect-ratio:3 / 4}.he-dual-image__image-wrapper--landscape{aspect-ratio:4 / 3}.he-dual-image__image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.he-dual-image__placeholder{background-color:var(--color-gray-100, #f5f5f5);display:flex;align-items:center;justify-content:center;min-height:300px}.he-dual-image__placeholder svg{width:80px;height:80px;opacity:.3}.he-dual-image__content{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);padding:var(--spacing-lg, 24px)}.he-dual-image__content--align-left{align-items:flex-start;text-align:left}.he-dual-image__content--align-center{align-items:center;text-align:center}.he-dual-image__content--align-right{align-items:flex-end;text-align:right}.he-dual-image__heading-block{width:100%}.he-dual-image__heading{margin:0;color:var(--color-primary, #5e3b24);font-weight:700;line-height:1.2}.he-dual-image__heading--small{font-size:var(--font-size-xl, 1.5rem)}.he-dual-image__heading--medium{font-size:var(--font-size-2xl, 2rem)}.he-dual-image__heading--large{font-size:var(--font-size-3xl, 2.5rem)}.he-dual-image__heading--xl{font-size:var(--font-size-4xl, 3rem)}.he-dual-image__heading--2xl{font-size:var(--font-size-5xl, 3.5rem)}.he-dual-image__heading-block--left{text-align:left}.he-dual-image__heading-block--center{text-align:center}.he-dual-image__heading-block--right{text-align:right}.he-dual-image__text-block{width:100%}.he-dual-image__text{color:var(--color-text, #333);line-height:1.6}.he-dual-image__text p{margin:0 0 1em}.he-dual-image__text p:last-child{margin-bottom:0}.he-dual-image__text--small{font-size:var(--font-size-sm, .875rem)}.he-dual-image__text--medium{font-size:var(--font-size-base, 1rem)}.he-dual-image__text--large{font-size:var(--font-size-lg, 1.125rem)}.he-dual-image__button-block{width:100%}.he-dual-image__button-block .btn{display:inline-block;min-width:180px}.he-dual-image__separator-block{width:100%}.he-dual-image__separator{border:none;margin:0;height:1px;background-color:var(--border-color, #ddd)}.he-dual-image__separator--solid{border-top:1px solid var(--border-color, #ddd)}.he-dual-image__separator--dashed{border-top:1px dashed var(--border-color, #ddd)}.he-dual-image__separator--dotted{border-top:1px dotted var(--border-color, #ddd)}.he-dual-image__separator--thick{border-top:3px solid var(--border-color, #ddd)}@media(max-width:768px){.he-dual-image__container{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:var(--spacing-sm, 12px)}.he-dual-image__image--left{grid-column:1;grid-row:1}.he-dual-image__image--right{grid-column:2;grid-row:1}.he-dual-image__content{grid-column:1 / -1;grid-row:2;padding:var(--spacing-md, 16px) 0}.he-dual-image__heading--small{font-size:var(--font-size-lg, 1.25rem)}.he-dual-image__heading--medium{font-size:var(--font-size-xl, 1.5rem)}.he-dual-image__heading--large,.he-dual-image__heading--xl{font-size:var(--font-size-2xl, 2rem)}.he-dual-image__heading--2xl{font-size:var(--font-size-3xl, 2.5rem)}.he-dual-image__content{align-items:center;text-align:center}.he-dual-image__heading-block{text-align:center}.he-dual-image__button-block .btn{width:100%;max-width:280px}.he-dual-image__placeholder{min-height:200px}.he-dual-image__placeholder svg{width:50px;height:50px}}@media(max-width:480px){.he-dual-image{padding-left:var(--spacing-sm, 12px);padding-right:var(--spacing-sm, 12px)}.he-dual-image__container{gap:var(--spacing-xs, 8px)}.he-dual-image__content{gap:var(--spacing-sm, 12px)}.he-dual-image__heading--large,.he-dual-image__heading--xl,.he-dual-image__heading--2xl{font-size:var(--font-size-xl, 1.5rem)}}@media(min-width:769px)and (max-width:1024px){.he-dual-image__container{gap:var(--spacing-md, 16px)}.he-dual-image__content{padding:var(--spacing-md, 16px)}}.he-dual-image__link{display:block;text-decoration:none;cursor:pointer;transition:opacity .3s ease}.he-dual-image__link:hover{opacity:.9}.he-dual-image__link .he-dual-image__image-wrapper{transition:transform .4s ease;will-change:transform}.he-dual-image__link:hover .he-dual-image__image-wrapper{transform:scale(1.03)}@media(max-width:768px){.he-dual-image__link:hover .he-dual-image__image-wrapper{transform:none}.he-dual-image__link:active{opacity:.85}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/he-dual-image-content.css.map */