@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";.custom-hero{display:grid;width:100%;max-width:1340px;text-align:center;grid-template-columns:1fr;place-items:center;margin:20px auto 60px;overflow:hidden}.custom-hero.cover{position:relative}.custom-hero:before{content:"";display:block;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background-image:url(./custom-hero-map.webp);background-size:cover;background-position:center;opacity:0;filter:hue-rotate(90deg) opacity(20%) blur(0px);animation:scaleIn 2s 1s ease-in-out forwards}.custom-hero .inner{width:100%}#three-stage{content:"";display:block;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;animation:fadeIn 5.1s 3.1s ease-in-out forwards}.custom-hero .title{font-family:Playfair Display,serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:32px;font-weight:300;line-height:1.6em;color:#272727;margin:0 auto 1rem;opacity:0;letter-spacing:2px;font-feature-settings:"kern";animation:raiseIn 1.7s 1.8s ease-out forwards}.custom-hero .subtitle{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;letter-spacing:5.1px;color:#6a6a6a;margin:0 auto;opacity:0;animation:fadeIn .9s 4.1s ease-out forwards}.custom-hero .description{position:absolute;font-size:13px;line-height:1.8em;width:calc(100% - 40px);margin:2em auto 0;bottom:2.7em;left:0;right:0;opacity:0;animation:dropIn 1s 5.3s ease-out forwards}@media not (min-width:768px){.custom-hero,.custom-hero:before,.custom-hero:after,#three-stage{aspect-ratio:1 / 1}.custom-hero .title{font-size:23px}.custom-hero .subtitle{font-size:15px}.custom-hero .description{font-size:13px}}@media(min-width:768px){.custom-hero,.custom-hero:before,.custom-hero:after,#three-stage{aspect-ratio:7 / 3}.custom-hero .title{font-size:32px}.custom-hero .subtitle{font-size:18px}.custom-hero .description{font-size:16px}}@keyframes scaleIn{0%{transform:scale(1.3);filter:hue-rotate(90deg) opacity(20%) blur(4px);opacity:0}to{transform:scale(1);filter:hue-rotate(90deg) opacity(20%) blur(0px);opacity:1}}@keyframes fadeIn{0%{transform:translateY(3px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes raiseIn{0%{transform:scaleX(.8) scaleY(.8);opacity:0}to{transform:scaleX(1) scaleY(.9);opacity:1}}@keyframes dropIn{0%{transform:translateY(-5px);opacity:0}to{transform:translateY(0);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/custom-hero.css.map */