.cesar-hero{position:relative;overflow:hidden;background-color:var(--cc-bg);isolation:isolate}.cesar-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cesar-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.cesar-hero .cesar-hero__scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cesar-hero--text-brand .cesar-hero__scrim{background:linear-gradient(90deg,#ebebed 0% 45%,#ebebed00 78%)}.cesar-hero--text-light .cesar-hero__scrim{background:linear-gradient(90deg,#140803,#140803bf 45%,#14080300 80%)}.cesar-hero__inner{position:relative;z-index:1;display:grid;align-items:center;box-sizing:border-box;min-height:100dvh;padding-block:calc(var(--header-height, 88px) + var(--cc-space-8)) var(--cc-space-12)}@supports not (height: 100dvh){.cesar-hero__inner{min-height:100vh}}.cesar-hero__inner{pointer-events:none}.cesar-hero__content{pointer-events:auto;position:relative;z-index:1}@media screen and (min-width:990px){.cesar-hero__content{max-width:52%}.cesar-hero__heading{max-width:14ch}}.cesar-hero__heading{color:var(--cesar-hero-heading, var(--cc-terracotta))}.cesar-hero--text-light .cesar-hero__heading{color:var(--cesar-hero-heading, #fff)}.cesar-hero__subheading{margin:var(--cc-space-6) 0 0;max-width:46ch;font-size:var(--cc-text-body-lg);font-weight:600;line-height:1.45;letter-spacing:.03em;text-transform:uppercase;color:var(--cesar-hero-sub, var(--cc-terracotta-text))}.cesar-hero--text-light .cesar-hero__subheading{color:var(--cesar-hero-sub, rgba(255, 255, 255, .92))}.cesar-hero__actions{display:flex;flex-wrap:wrap;gap:var(--cc-space-3);margin-top:var(--cc-space-8)}.cesar-hero--text-light .cc-btn--secondary{color:#fff;border-color:#fff}.cesar-hero--text-light .cc-btn--secondary:hover{background-color:#fff;color:var(--cc-brown-900)}@media screen and (max-width:749px){.cesar-hero__heading{font-size:clamp(40px,12vw,56px)}.cesar-hero__subheading{font-size:var(--cc-text-body)}.cesar-hero--text-light .cesar-hero__scrim{background:linear-gradient(180deg,#140803e6,#14080380 70%,#1408034d)}.cesar-hero--text-brand .cesar-hero__scrim{background:linear-gradient(180deg,#ebebedf2,#ebebedbf 70%,#ebebed80)}}cesar-hero-video.cesar-hero__media{display:block}.cesar-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}.cesar-hero__image{z-index:0}.cesar-hero__video,.cesar-hero__frame{z-index:1}.cesar-hero__video,.cesar-hero__frame{opacity:0;transition:opacity .9s ease}cesar-hero-video[playing] .cesar-hero__video,cesar-hero-video[playing] .cesar-hero__frame,cesar-hero-video:not(:defined) .cesar-hero__video,cesar-hero-video:not(:defined) .cesar-hero__frame{opacity:1}cesar-hero-video[paused] .cesar-hero__video,cesar-hero-video[paused] .cesar-hero__frame{opacity:0}@media(prefers-reduced-motion:reduce){.cesar-hero__video,.cesar-hero__frame{transition:none}}.cesar-hero__frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.cesar-hero__iframe{position:absolute;top:50%;left:50%;translate:-50% -50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100%;border:0}.cesar-hero__toggle{position:absolute;right:var(--cc-space-6);bottom:var(--cc-space-6);z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--cc-radius-pill);background-color:#1408038c;color:#fff;cursor:pointer;transition:background-color var(--cc-duration) var(--cc-ease)}.cesar-hero__toggle:hover{background-color:#140803cc}.cesar-hero__toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}.cesar-hero__toggle-icon{width:12px;height:14px;border-left:4px solid currentColor;border-right:4px solid currentColor}cesar-hero-video[paused] .cesar-hero__toggle-icon{width:0;height:0;border-left:12px solid currentColor;border-right:0;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}.cesar-hero[style*=--cesar-hero-heading-size] .cesar-hero__heading{font-size:var(--cesar-hero-heading-size)}.cesar-hero[style*=--cesar-hero-sub-size] .cesar-hero__subheading{font-size:var(--cesar-hero-sub-size)}.cesar-hero--align-left .cesar-hero__content{text-align:left}.cesar-hero--align-center .cesar-hero__content{text-align:center;margin-inline:auto}.cesar-hero--align-center .cesar-hero__heading,.cesar-hero--align-center .cesar-hero__subheading{margin-inline:auto}.cesar-hero--align-center .cesar-hero__actions{justify-content:center}.cesar-hero--align-right .cesar-hero__content{text-align:right;margin-left:auto;margin-right:0}.cesar-hero--align-right .cesar-hero__heading,.cesar-hero--align-right .cesar-hero__subheading{margin-left:auto;margin-right:0}.cesar-hero--align-right .cesar-hero__actions{justify-content:flex-end}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cesar-hero.css.map */
