.arelia-hero{background-color:var(--arelia-base)}.arelia-hero__inner{display:grid;grid-template-columns:var(--content-grid);padding-block:clamp(2rem,5vw,4rem)}.arelia-hero__card{display:flex;grid-column:2;overflow:hidden;min-height:34rem;border:1px solid var(--arelia-primary);border-radius:1.5rem;background-color:var(--arelia-primary);transform:translateZ(0)}.arelia-hero__content{display:flex;flex:0 0 50%;width:50%;box-sizing:border-box;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.5rem;padding:clamp(2rem,5vw,4rem);color:#dfefdb}.arelia-hero__heading{margin:0;max-width:14ch;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.75rem,6vw,4.5rem);font-weight:400;line-height:1.15;color:#dfefdb}.arelia-hero__paragraph{max-width:32ch;font-size:1rem;line-height:1.15;color:#dfefdb}.arelia-hero__paragraph p{margin:0}.arelia-hero__paragraph p+p{margin-top:0}.arelia-hero__media{position:relative;flex:0 0 50%;width:50%;box-sizing:border-box;min-width:0;min-height:20rem;overflow:hidden;border-radius:0 1.5rem 1.5rem 0}.arelia-hero__slides{position:relative;width:100%;height:100%;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.arelia-hero__slides:active{cursor:grabbing}.arelia-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease}.arelia-hero__slide.is-active{z-index:1;opacity:1}.arelia-hero__image,.arelia-hero__placeholder{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.arelia-hero__placeholder{background-color:var(--arelia-primary)}.arelia-hero__dots{position:absolute;bottom:1.25rem;left:50%;z-index:2;display:flex;gap:.5rem;transform:translate(-50%)}.arelia-hero__dot{width:.5rem;height:.5rem;padding:0;border:none;border-radius:50%;background-color:#ffffff80;cursor:pointer}.arelia-hero__dot.is-active{background-color:var(--arelia-base)}@media(max-width:768px){.arelia-hero__inner{padding-block:1.25rem}.arelia-hero__card{flex-direction:column;min-height:0;border-radius:1.25rem}.arelia-hero__content{flex:1 1 auto;width:100%;align-items:center;padding:2.5rem 1.5rem;text-align:center}.arelia-hero__heading{max-width:100%}.arelia-hero__paragraph{max-width:100%;font-size:.85rem}.arelia-hero__media{flex:1 1 auto;width:100%;min-height:18rem;border-radius:0 0 1.25rem 1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/arelia-hero.css.map */