.ela-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:stretch;min-height:calc(100svh - 220px);background-color:var(--ela-stone-dark);color:var(--ela-alabaster);overflow:hidden}.ela-hero__content{display:flex;flex-direction:column;justify-content:center;gap:clamp(16px,2.2vh,28px);padding:clamp(44px,8vh,96px) clamp(20px,4vw,68px);max-width:34em}.ela-hero__label{color:var(--ela-dune)}.ela-hero__heading{color:var(--ela-linen)}.ela-hero__heading>:first-child{margin-top:0}.ela-hero__heading>:last-child{margin-bottom:0}.ela-hero__heading p{font:inherit;letter-spacing:inherit;line-height:inherit;margin:0}.ela-hero__heading em{font-family:var(--font-accent-family);font-style:italic;font-weight:400;color:var(--ela-alabaster);box-shadow:inset 0 -2px 0 0 var(--accent);padding-bottom:.04em}.ela-hero__body{max-width:46ch;font-size:var(--ela-body-lg);line-height:var(--ela-body-lh);color:var(--ela-dune)}.ela-hero__body>:first-child{margin-top:0}.ela-hero__body>:last-child{margin-bottom:0}.ela-hero__actions{display:flex;flex-wrap:nowrap;align-items:center;gap:20px;margin-top:6px}.ela-hero__actions .ela-btn,.ela-hero__link{flex:0 1 auto}.ela-hero__link{align-self:center;font-size:19px;line-height:1.35;color:var(--ela-alabaster)}.ela-hero__link:hover{color:var(--ela-alabaster)}.ela-hero__media{position:relative;grid-column:2;grid-row:1;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);background-color:var(--ela-sand)}.ela-hero__image,.ela-hero__placeholder{display:block;width:100%;height:100%;object-fit:cover}.ela-hero__placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--ela-sand)}.ela-hero__placeholder .ela-placeholder-svg{width:100%;height:100%;fill:#2a251f1f}.ela-hero__caption{position:absolute;right:0;bottom:clamp(24px,6vh,64px);z-index:1;margin:0;padding:16px 9px;background-color:var(--ela-espresso);color:var(--ela-linen);font-size:var(--ela-label);letter-spacing:.24em;line-height:1;text-transform:uppercase;writing-mode:vertical-rl}@media screen and (max-width:820px){.ela-hero{grid-template-columns:minmax(0,1fr);min-height:auto}.ela-hero__media{grid-column:1;grid-row:1;height:54vh;clip-path:none}.ela-hero__content{grid-column:1;grid-row:2;max-width:none;padding:30px 20px 38px}.ela-hero__caption{bottom:18px}}@media screen and (max-width:560px){.ela-hero__media{height:46vh}.ela-hero__caption{display:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/elarune-hero.css.map */