.alfardo-hero{--af-noir: #14110f;--af-alabaster: #f4f0e9;--af-gold: #b08d57;--af-ease: .2s ease;display:block;position:relative;background:var(--af-noir);width:100%;max-width:none;margin:0;padding:0;overflow:hidden}.alfardo-hero *,.alfardo-hero *:before,.alfardo-hero *:after{box-sizing:border-box}.af-hero__stage{display:grid;position:relative;width:100%;height:var(--af-hero-h, 900px)}.af-hero__slide{grid-area:1 / 1;position:relative;display:block;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .6s ease-in-out,visibility .6s}.af-hero__slide[data-active]{opacity:1;visibility:visible}.af-hero__media,.af-hero__media img,.af-hero__media video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.af-hero__media{position:relative}.af-hero__media--mobile{display:none}@media screen and (max-width:749px){.af-hero__media--desktop{display:none}.af-hero__media--mobile{display:block}.af-hero__media--mobile.af-hero__media--none{display:none}.af-hero__media--desktop.af-hero__media--solo{display:block}}.af-hero__scrim{position:absolute;inset:0 0 auto 0;height:240px;background:linear-gradient(180deg,#14110f8c,#14110f00);pointer-events:none;z-index:2}.alfardo-hero .af-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:#14110f59;border:1px solid rgba(244,240,233,.35);border-radius:0;color:var(--af-alabaster);cursor:pointer;transition:background-color var(--af-ease),border-color var(--af-ease),color var(--af-ease)}.af-hero__arrow--prev{left:24px}.af-hero__arrow--next{right:24px}.alfardo-hero .af-hero__arrow:hover{background:var(--af-alabaster);border-color:var(--af-alabaster);color:var(--af-noir)}.alfardo-hero .af-hero__arrow:focus-visible{outline:1px solid var(--af-gold);outline-offset:3px}.af-hero__arrow svg{width:18px;height:11px;transition:transform .3s ease}.af-hero__arrow--prev:hover svg{transform:translate(-3px)}.af-hero__arrow--next:hover svg{transform:translate(3px)}.af-hero__dots{position:absolute;left:0;right:0;bottom:28px;display:flex;justify-content:center;gap:8px;z-index:3}.alfardo-hero .af-hero__dot{width:24px;height:3px;padding:0;border:0;border-radius:0;background:#f4f0e959;cursor:pointer;transition:background-color var(--af-ease),width var(--af-ease)}.alfardo-hero .af-hero__dot[data-active]{width:40px;background:var(--af-gold)}.alfardo-hero .af-hero__dot:focus-visible{outline:1px solid var(--af-gold);outline-offset:4px}.alfardo-hero .af-hero__shopall{position:absolute;left:50%;transform:translate(-50%);bottom:76px;z-index:4;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 32px;background:var(--af-shopall-bg, var(--af-noir));border:1px solid var(--af-shopall-bg, var(--af-noir));border-radius:0;color:var(--af-shopall-text, var(--af-alabaster));font-size:12px;font-weight:600;letter-spacing:.1em;line-height:1;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color var(--af-ease),color var(--af-ease),border-color var(--af-ease)}.alfardo-hero .af-hero__shopall:hover{background:var(--af-shopall-bg-hover, var(--af-gold));border-color:var(--af-shopall-bg-hover, var(--af-gold));color:var(--af-shopall-text-hover, var(--af-noir))}.alfardo-hero .af-hero__shopall:focus-visible{outline:1px solid var(--af-gold);outline-offset:3px}.af-hero__shopall svg{width:17px;height:10px;transition:transform .3s ease}.alfardo-hero .af-hero__shopall:hover svg{transform:translate(3px)}.af-hero__sentinel{position:absolute;left:0;bottom:0;width:1px;height:1px;pointer-events:none;opacity:0}@media screen and (max-width:1199px){.af-hero__stage{height:var(--af-hero-h-tablet, 700px)}}@media screen and (max-width:749px){.af-hero__stage{height:var(--af-hero-h-mobile, 600px)}.af-hero__scrim{height:180px}.af-hero__dots{bottom:20px}.alfardo-hero .af-hero__arrow{width:40px;height:40px}.af-hero__arrow--prev{left:12px}.af-hero__arrow--next{right:12px}.alfardo-hero .af-hero__shopall{display:none}}@media screen and (max-width:749px){.af-hero--fullscreen-mobile .af-hero__stage{height:100vh}}@supports (height: 100svh){@media screen and (max-width:749px){.af-hero--fullscreen-mobile .af-hero__stage{height:100svh}}}@media(prefers-reduced-motion:reduce){.af-hero__slide{transition:opacity .2s ease,visibility .2s}.alfardo-hero .af-hero__dot{transition:none}.af-hero__arrow svg{transition:none}.af-hero__arrow--prev:hover svg,.af-hero__arrow--next:hover svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/alfardo-hero-media.css.map */
