.zaruba-hero{--zh-radius: 12px;--zh-banner-h: 320px;--zh-bot-h: 240px;display:flex;flex-direction:column;gap:var(--spacing-gaps-default);padding:var(--spacing-gaps-large) var(--spacing-gaps-xsmall);width:100%;box-sizing:border-box;background:var(--zaruba-section-bg, var(--colors-semantic-surface-page))}@media(min-width:768px){.zaruba-hero{padding-inline:var(--spacing-gaps-xxlarge)}}@media(min-width:1024px){.zaruba-hero{padding:var(--spacing-gaps-large) var(--spacing-gaps-xxxlarge)}}@media(min-width:1024px)and (max-width:1300px){.zaruba-hero{padding-inline:40px}}.zaruba-hero--banner-only{padding-bottom:var(--spacing-gaps-xsmall)}.zaruba-hero--cards-only{padding-top:var(--spacing-gaps-xsmall)}.zaruba-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--zh-radius);overflow:hidden;pointer-events:none}.zaruba-hero__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--zh-img-radius, var(--zh-radius));pointer-events:none}.zaruba-hero__bg-image--contain{width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;object-fit:contain}.zaruba-hero__block-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.zaruba-hero__cta-primary,.zaruba-hero__cta-secondary{z-index:3}.zaruba-hero__bare-link{display:block}.zaruba-hero__bare-cell{display:block;min-width:0}.zaruba-hero__bare-image{display:block;width:100%;height:auto;border-radius:var(--zh-radius)}.zaruba-hero__top-banner,.zaruba-hero__promo-card,.zaruba-hero__bare-image{box-shadow:0 6px 18px -10px #1313132e;transition:box-shadow .3s ease}.zaruba-hero__top-banner:hover,.zaruba-hero__promo-card:hover,.zaruba-hero__bare-link:hover .zaruba-hero__bare-image{box-shadow:0 12px 28px -12px #13131338}.zaruba-hero__bg-image{transition:transform .45s ease}.zaruba-hero__top-banner:hover .zaruba-hero__bg-image,.zaruba-hero__promo-card:hover .zaruba-hero__bg-image{transform:scale(1.05)}.zaruba-hero__bare-link{transition:transform .3s ease,filter .3s ease}.zaruba-hero__bare-link:hover{transform:translateY(-4px);filter:brightness(1.03)}@media(prefers-reduced-motion:reduce){.zaruba-hero__bg-image,.zaruba-hero__bare-link{transition:none}.zaruba-hero__top-banner:hover .zaruba-hero__bg-image,.zaruba-hero__promo-card:hover .zaruba-hero__bg-image,.zaruba-hero__bare-link:hover{transform:none}}.zaruba-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--colors-semantic-surface-overlay);opacity:var(--zh-overlay, .55);border-radius:var(--zh-radius);pointer-events:none}.zaruba-hero__top-banner{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-gaps-large);min-height:240px;padding:var(--spacing-gaps-large) var(--spacing-gaps-default);background:var(--zh-banner-bg, transparent);border-radius:var(--zh-radius);color:var(--zh-text, var(--colors-semantic-text-primary))}@media(min-width:1024px){.zaruba-hero__top-banner{min-height:var(--zh-banner-h);padding:var(--component-button-height-small) var(--spacing-gaps-xlarge)}}.zaruba-hero__top-row{position:relative;display:flex;flex-wrap:wrap;gap:var(--spacing-gaps-default);align-items:flex-start;justify-content:space-between;width:100%}.zaruba-hero__content{display:flex;flex-direction:column;gap:var(--spacing-gaps-xlarge);flex:1 1 480px;max-width:744px;color:inherit}.zaruba-hero__heading{margin:0;font-family:var(--fonts-family-heading),system-ui,sans-serif;font-weight:700;font-size:var(--fonts-size-headings-h3, 48px);line-height:1.1;letter-spacing:.01em;color:inherit}@media(min-width:1440px){.zaruba-hero__heading{font-size:48px}}.zaruba-hero__description{margin:0;font-family:var(--fonts-family-paragraph),system-ui,sans-serif;font-size:var(--fonts-size-paragraph-paragraph-large, 16px);line-height:1.3;letter-spacing:.015em;color:inherit}.zaruba-hero__tag{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-gaps-small) var(--spacing-gaps-default);background:var(--colors-semantic-badge-new-bg);border:1px solid var(--colors-semantic-border-focus);border-radius:var(--zh-radius);color:var(--colors-core-neutral-neutral-inverse);font-family:var(--fonts-family-paragraph),system-ui,sans-serif;font-weight:500;font-size:13px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}@media(min-width:768px){.zaruba-hero__tag{font-size:14px}}.zaruba-hero__cta-primary{position:relative;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;height:var(--component-button-height-default);min-width:160px;padding:0 var(--spacing-gaps-large);background:var(--colors-core-accent-accent-secondary);color:var(--colors-semantic-text-primary, #131313);border-radius:var(--radius-component-button);font-family:var(--fonts-family-paragraph),system-ui,sans-serif;font-weight:600;font-size:var(--fonts-size-paragraph-paragraph-large, 16px);letter-spacing:.02em;text-transform:uppercase;text-decoration:none;transition:background-color .15s ease}.zaruba-hero__cta-primary:hover{background:var(--colors-core-accent-accent-secondary-hover)}.zaruba-hero__cta-primary:active{background:var(--colors-core-accent-accent-secondary-click-or-press)}.zaruba-hero__progress{position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--colors-semantic-surface-card);overflow:hidden;border-bottom-left-radius:var(--zh-radius);border-bottom-right-radius:var(--zh-radius)}.zaruba-hero__progress-fill{height:100%;width:var(--zh-progress, 0%);background:var(--colors-tints-tints-accent-primary-primary-a20, #d5e2d9)}.zaruba-hero--grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-gaps-default)}.zaruba-hero__cell--main{aspect-ratio:97 / 72}.zaruba-hero__cell--wide{aspect-ratio:97 / 40}.zaruba-hero__cell--c2,.zaruba-hero__cell--c3{aspect-ratio:19 / 12}.zaruba-hero--grid .zaruba-hero__top-banner,.zaruba-hero--grid .zaruba-hero__promo-card{min-height:auto}.zaruba-hero--grid .zaruba-hero__bare-cell{position:relative}.zaruba-hero--grid .zaruba-hero__bare-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media(min-width:768px){.zaruba-hero--grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto}.zaruba-hero__cell--main{grid-column:1 / 3;grid-row:1 / 3;aspect-ratio:auto}.zaruba-hero__cell--wide{grid-column:3 / 5;grid-row:1}.zaruba-hero__cell--c2{grid-column:3 / 4;grid-row:2}.zaruba-hero__cell--c3{grid-column:4 / 5;grid-row:2}.zaruba-hero--grid[data-cards="1"] .zaruba-hero__cell--wide{grid-row:1 / 3;aspect-ratio:97 / 72}.zaruba-hero--grid[data-cards="2"] .zaruba-hero__cell--c2{grid-column:3 / 5;aspect-ratio:97 / 40}}.zaruba-hero__bot-block{display:grid;gap:var(--spacing-gaps-default);grid-template-columns:1fr}@media(min-width:768px){.zaruba-hero__bot-block{grid-template-columns:repeat(3,1fr)}}.zaruba-hero__promo-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-gaps-large);min-height:220px;padding:var(--spacing-gaps-large);background:var(--zh-card-bg, transparent);border-radius:var(--zh-radius);color:var(--zh-text, var(--colors-semantic-text-primary))}@media(min-width:1024px){.zaruba-hero__promo-card{min-height:var(--zh-bot-h);padding:var(--spacing-gaps-xlarge)}}.zaruba-hero__promo-content{position:relative;display:flex;flex-direction:column;gap:var(--spacing-gaps-large)}.zaruba-hero__eyebrow{margin:0;color:var(--colors-core-accent-accent-primary);font-family:var(--fonts-family-paragraph),system-ui,sans-serif;font-weight:600;font-size:var(--fonts-size-paragraph-paragraph-large, 16px);line-height:1.3;letter-spacing:.2em;text-transform:uppercase}.zaruba-hero__promo-title{margin:0;font-family:var(--fonts-family-heading),system-ui,sans-serif;font-weight:700;font-size:24px;line-height:1.2;letter-spacing:.013em;color:inherit}.zaruba-hero__promo-description{margin:0;font-family:var(--fonts-family-paragraph),system-ui,sans-serif;font-size:var(--fonts-size-paragraph-paragraph-default, 14px);line-height:1.3;letter-spacing:.015em;color:inherit}.zaruba-hero__cta-secondary{position:relative;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;height:var(--component-button-height-small);padding:0 var(--spacing-gaps-g20);background:var(--colors-semantic-surface-card);color:var(--colors-semantic-text-primary, #131313);border:1px solid var(--colors-semantic-border-default);border-radius:var(--radius-component-button);font-family:var(--fonts-family-paragraph),system-ui,sans-serif;font-weight:600;font-size:var(--fonts-size-paragraph-paragraph-default, 14px);letter-spacing:.02em;text-transform:uppercase;text-decoration:none;transition:background-color .15s ease,color .15s ease}.zaruba-hero__cta-secondary:hover{background:var(--colors-semantic-surface-card-hover)}.zaruba-hero__cta-secondary:active{background:var(--colors-semantic-surface-active)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/zaruba-hero.css.map */