.hero-banner{align-items:center;min-height:60rem;display:flex;position:relative;overflow:hidden}@media screen and (min-width:990px){.hero-banner{min-height:92rem}}.hero-banner__media{width:100%;height:100%;position:absolute;top:0;left:0}.hero-banner__media img{object-fit:cover;width:100%;height:100%}.hero-banner__media--desktop{display:none}@media screen and (min-width:990px){.hero-banner__media--desktop{display:block}.hero-banner__media--mobile{display:none}}.hero-banner__content{z-index:2;max-width:60rem;padding:4rem 0;position:relative}@media screen and (max-width:989px){.hero-banner__content{text-align:center;max-width:100%}}.hero-banner__heading{font-size:calc(var(--font-heading-scale) * 4rem);color:rgb(var(--color-foreground));margin-bottom:2rem;line-height:1.1}@media screen and (min-width:990px){.hero-banner__heading{font-size:calc(var(--font-heading-scale) * 6.4rem)}}.hero-banner__heading em{font-style:italic;display:inline-block;position:relative}.hero-banner__heading em:after{content:"";opacity:0;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='167' height='10' viewBox='0 0 167 10'%3E%3Cpath d='M5 8C40 4 130 -1 162 6' stroke='%23c8273d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") 50%/contain no-repeat;width:100%;height:.6em;animation:.6s .8s forwards underlineGrow;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)scaleX(-1)}.hero-banner__text{color:rgba(var(--color-foreground), .7);max-width:50rem;margin-bottom:3rem;font-size:1.6rem;line-height:1.7}@media screen and (max-width:989px){.hero-banner__text{margin-left:auto;margin-right:auto}}@media screen and (min-width:990px){.hero-banner__text{font-size:1.8rem}}.hero-banner__button{align-items:center;gap:.8rem;display:inline-flex}.hero-banner__button svg{width:1.6rem;height:1.6rem;transition:transform .3s}.hero-banner__button:hover svg{transform:translate(4px)}
.category-slider{z-index:3;margin-top:0;padding-top:2rem;padding-bottom:4rem;position:relative}@media screen and (max-width:989px){.category-slider{margin-top:0;padding-top:1rem}}.category-slider__wrapper{position:relative}.category-slider__grid{gap:var(--grid-gap-desktop);grid-template-columns:repeat(5,1fr);padding:0;display:grid}@media screen and (max-width:989px){.category-slider__grid{scroll-snap-type:x mandatory;gap:var(--grid-gap-mobile);scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1rem;display:flex;overflow-x:auto}.category-slider__grid::-webkit-scrollbar{display:none}.category-slider__grid>*{scroll-snap-align:start;flex:0 0 42%}}.category-card{border-radius:var(--radius-media);aspect-ratio:1;cursor:pointer;position:relative;overflow:hidden}.category-card__image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.category-card:hover .category-card__image{transform:scale(1.08)}.category-card__overlay{background:linear-gradient(#0000,#0000008c);align-items:flex-end;min-height:40%;padding:2rem;display:flex;position:absolute;bottom:0;left:0;right:0}.category-card__title{color:#fff;font-family:var(--font-heading);font-size:calc(var(--font-heading-scale) * 1.8rem);font-weight:400}@media screen and (max-width:989px){.category-card__title{font-size:calc(var(--font-heading-scale) * 1.4rem)}}.category-slider__nav{display:none}@media screen and (max-width:989px){.category-slider__nav{justify-content:center;gap:.8rem;margin-top:1.5rem;display:flex}}.category-slider__btn{background:rgb(var(--color-background));border:1px solid rgba(var(--color-border));width:4rem;height:4rem;color:rgb(var(--color-foreground));border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.category-slider__btn:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-white))}.category-slider__btn svg{width:1.6rem;height:1.6rem}.category-slider__btn--prev svg{transform:rotate(180deg)}
