.hero-section{position:relative;min-height:600px;background-position:bottom;background-size:cover;background-repeat:no-repeat}.hero-overlay{background-image:linear-gradient(25deg,#0000,#000c);bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}@media (width >= 1024px){.hero-overlay{background-image:linear-gradient(270deg,#0000,#000c)}}.hero-container{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:384px;padding-top:160px;gap:24px;z-index:6}.hero-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}@media (width >= 768px){.hero-content{gap:24px}}.hero-heading{font-family:Lato,sans-serif;font-size:48px;font-weight:400;text-align:center;max-width:672px;color:#fbf8f4;letter-spacing:-.04em;line-height:1.05;margin:0}.hero-subheading{font-family:Playfair Display,serif;font-weight:500;font-style:italic;letter-spacing:-.025em;display:block;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;color:var(--color-secondary, #c8a882)}@media (width < 768px){.hero-subheading{font-size:40px}}.hero-button{align-items:center;border:1px solid rgb(255 255 255 / 1);border-radius:calc(infinity * 1px);color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:center;letter-spacing:.1em;line-height:24px;margin-inline:auto;overflow:hidden;padding-block:12px;padding-inline:24px;text-transform:uppercase;transition:all .3s ease}.hero-button:after{content:"";background-color:#1b171880;background-image:url(/cdn/shop/files/button-shop.webp?v=1760460335);background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);height:100%;left:0;position:absolute;top:0;transition:all;transition-duration:.3s;width:100%}@media (width < 768px){.hero-button{min-width:192px;position:relative}}@media (width >= 768px){.hero-button{bottom:-96px;height:144px;left:inherit;padding-inline:0;position:absolute;right:24px;width:144px}}@media (width >= 1024px){.hero-button{font-size:20px;height:192px;right:112px;width:192px}}.hero-button span{z-index:6}.hero-button:hover{background-color:#fff;color:#000}.hero-button:hover:after{opacity:0;background-color:#fff;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.hero-footer{position:relative;display:flex;justify-content:flex-start;align-items:flex-end;min-height:384px;padding-bottom:64px;z-index:6}.hero-footer-container{width:100%}.hero-features-list{width:100%;display:grid;grid-template-columns:1fr;gap:30px;list-style:none;margin:0;padding:0}@media (width >= 768px){.hero-features-list{gap:16px}}.hero-feature-item{display:flex;justify-content:center;align-items:center;gap:16px}@media (width >= 768px){.hero-feature-item:first-child{justify-content:flex-start}}@media (width >= 768px){.hero-feature-item:last-child{justify-content:flex-end}}.hero-feature-default{flex-direction:row}.hero-feature-stacked{flex-direction:column-reverse;gap:10px}.hero-feature-icon{width:100%;max-width:56px;height:48px;object-fit:contain}.hero-feature-stacked .hero-feature-icon{max-width:100%;height:45px}@media (width >= 768px){.hero-feature-stacked .hero-feature-icon{height:64px}}.hero-feature-text{font-family:Lato,sans-serif;font-weight:700;font-size:14px;color:#fff;line-height:24px;text-transform:uppercase;max-width:208px}.hero-feature-default .hero-feature-text{border-left:1px solid rgb(255 255 255 / .5);padding-left:10px}@media (min-width: 640px){.hero-feature-stacked .hero-feature-icon{max-width:192px}}@media (min-width: 768px){.hero-heading{font-size:60px;text-align:left;max-width:896px}.hero-content{flex-direction:row;align-items:center}.hero-button{position:absolute;bottom:-96px;right:24px;margin:0}.hero-features-list{grid-template-columns:repeat(3,1fr)}.hero-footer{min-height:384px}}@media (min-width: 1024px){.hero-section{min-height:800px}.hero-heading{font-size:60px}.hero-feature-text{letter-spacing:.1em}.hero-button{right:112px}}@media (min-width: 1280px){.hero-heading{font-size:72px}}.main-hero__slides .swiper-slide{background-color:#fff;min-height:320px;height:auto}.main-hero__slides .swiper-slide .hero-heading{opacity:0;transform:translateY(20px);animation:title-in .9s cubic-bezier(.25,.46,.45,.94) forwards paused}.main-hero__slides .swiper-slide .hero-button{opacity:0;transform:scale(0);animation:btn-scale-in .5s ease-out .2s forwards paused}.main-hero__slides .swiper-slide .hero-footer .hero-features-list{opacity:0;animation:fade-in .4s ease-in .5s forwards paused}.main-hero__slides .swiper-slide.swiper-slide-active .hero-heading,.main-hero__slides .swiper-slide.swiper-slide-active .hero-button,.main-hero__slides .swiper-slide.swiper-slide-active .hero-footer .hero-features-list{animation-play-state:running}.main-hero__slides .swiper-pagination.vertical-style{align-items:center;background-color:transparent;display:flex;bottom:0;gap:16px;justify-content:center;left:inherit;padding-block:8px;right:0;width:100%}@media (width >= 768px){.main-hero__slides .swiper-pagination.vertical-style{background-color:transparent;bottom:0;flex-direction:column;padding-block:0px;right:2.5%;top:0;width:fit-content}}@media (width >= 1024px){.main-hero__slides .swiper-pagination.vertical-style{right:5%}}.main-hero__slides .swiper-pagination.vertical-style .swiper-pagination-bullet{align-items:center;background-color:#fff;border-radius:calc(infinity * 1px);display:flex;height:10px;justify-content:center;opacity:1;width:10px}.main-hero__slides .swiper-pagination.vertical-style .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:transparent;border:1px solid rgb(255 255 255 / 1);height:32px;width:32px}.main-hero__slides .swiper-pagination.vertical-style .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background-color:#fff;border-radius:calc(infinity * 1px);content:"";height:14px;position:absolute;transition-duration:.3s;transition-property:transform,translate,scale,rotate;width:14px}.main-hero__slides .swiper-pagination.vertical-style .swiper-pagination-bullet.swiper-pagination-bullet-active:hover:after{scale:125% 125%}@keyframes title-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes btn-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/main-hero.css.map */