:root{--light-tan: #faf3ee;--gold: #d9a768;--brown: #9b6743;--black: #242425;--color-button: 217, 167, 104;--color-button-text: 36, 36, 37}#content{width:100%;margin-top:0}#breadcrumb{display:none}.h0,h1,.h1,h2,.h2{font-family:TuskerGrotesk5600}@media screen and (max-width: 749px){.small-hide{display:none!important}}@media screen and (min-width: 750px) and (max-width: 989px){.medium-hide{display:none!important}}@media screen and (min-width: 990px){.large-up-hide{display:none!important}}.section--hero{--text-join-color: var(--black);--subtitle-color: var(--black);--subtitle-bottom-color: var(--brown);--toggle-right-text-color: var(--brown);--toggle-left-text-color: rgba(155, 103, 67, .5);background-color:#c5b4ac;transition:background-color .3s linear;overflow:hidden}.section--hero .page-width{max-width:1740px;margin:0 auto;padding-left:30px;padding-right:30px}@media screen and (min-width: 750px){.section--hero .page-width{padding-left:50px;padding-right:50px}}.theme-hero--dark .section--hero{--text-join-color: var(--gold);--subtitle-color: var(--gold);--subtitle-bottom-color: var(--brown);--toggle-right-text-color: #fff;--toggle-left-text-color: rgba(255, 255, 255, .4);background-color:var(--black)}.main-hero__wrapper{position:relative;padding-top:50px}.main-hero__image-wrapper{position:relative}.main-hero__image-inner{width:480px;position:relative;overflow:hidden}.main-hero__image{position:relative;transform:translate(-13200px);max-width:unset}.main-hero__text-wrapper--left{position:relative}@media only screen and (max-width: 989px){.main-hero__image-wrapper{transform:scale(.8);height:627px;transform-origin:top center;position:relative}.main-hero__image-inner{left:50%;transform:translate(-50%)}.main-hero__image-inner .mob-wrap{left:20.5%;overflow:hidden;position:relative}.main-hero__text-wrapper--left{position:absolute;top:165px;left:0;width:100%;display:inline-flex;align-items:center;justify-content:center;z-index:1}.main-hero__text-wrapper--right{padding-top:30px;padding-bottom:70px;text-align:center}}@media screen and (min-width: 990px){.main-hero__wrapper{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:1.6rem;padding-bottom:50px;padding-top:160px}.main-hero__image-wrapper{grid-column:5 / span 5;order:2;transform:none;transform-origin:center top;max-height:100%}.main-hero__image-inner{width:600px;position:relative;left:11%}.main-hero__text-wrapper--left{grid-column:1 / span 4;order:1}.main-hero__text-wrapper--right{grid-column:10 / span 3;order:3;text-align:right}.main-hero__text-inner--right{display:flex;flex-direction:column;justify-content:space-evenly;text-align:center;width:100%;height:100%}}@media screen and (min-width: 1200px){.main-hero__image-inner{left:22%}}.main-hero__title{font-family:tusker_grotesk3800_super;font-size:104px;line-height:1.035;text-transform:uppercase;color:#fff;margin:0 0 30px;position:relative;display:inline-block;word-break:keep-all;transition:visibility .5s,opacity 1s ease;text-shadow:0 3px 6px rgba(155,103,67,.2)}.main-hero__title .text-join{font-family:Gloss_And_Bloom;font-size:39px;color:var(--text-join-color);text-transform:none;position:absolute;top:70px;left:-15px;-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}.main-hero__sub-title{font-size:44px;line-height:1.3;text-transform:uppercase;color:var(--subtitle-color);letter-spacing:normal;margin:0;transition:visibility .5s,opacity 1s ease}body:not(.theme-hero--dark) .main-hero__title--dark,body:not(.theme-hero--dark) .main-hero__sub-title--dark{margin:0;padding:0;height:0;width:0;overflow:hidden;visibility:hidden;opacity:0}.theme-hero--dark .main-hero__sub-title--light,.theme-hero--dark .main-hero__title--light{height:0;width:0;margin:0;padding:0;overflow:hidden;visibility:hidden;opacity:0}.theme-hero--dark .main-hero__sub-title--dark,.theme-hero--dark .main-hero__title--dark{height:auto;width:100%;visibility:visible;opacity:1}@media only screen and (max-width: 360px){.main-hero__title{font-size:92px}.main-hero__title .text-join{font-size:30px;left:-5px}}@media only screen and (min-width: 990px){.main-hero__sub-title{font-size:30px;margin-bottom:100px}}@media only screen and (min-width: 1200px){.main-hero__title{font-size:130px;padding-left:25px;padding-top:5%}.main-hero__title .text-join{font-size:50px;top:27%;left:5px}.main-hero__sub-title{font-size:38px}}@media only screen and (min-width: 1365px){.main-hero__title{font-size:140px}.main-hero__title .text-join{font-size:59px;top:125px;margin-top:5%}.main-hero__sub-title{font-size:44px}}@media only screen and (min-width: 1600px){.main-hero__title{font-size:158px;padding-left:50px}.main-hero__title .text-join{left:20px}}.main-hero__sub-title span{display:block;color:var(--subtitle-bottom-color)}.main-hero__button{background-color:var(--brown);font-family:tusker_grotesk3800_super;font-size:31px;line-height:32px;color:#fff!important;text-transform:uppercase;padding:10px;width:99px;height:99px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background-color .5s ease;letter-spacing:.03em;position:fixed;right:18px;z-index:3;bottom:15%}@media only screen and (min-width: 700px){.main-hero__button{bottom:7.5%;margin-right:-49px!important;right:14.47%}}@media only screen and (min-width: 1800px){.main-hero__button{margin-right:0!important}}.main-hero__button:hover{background-color:var(--gold)}.main-hero-toggle__button-wrapper{display:flex;align-items:center;justify-content:center;transform:none;gap:12px;margin:10px}@media only screen and (max-width: 989px){.main-hero-toggle__button-wrapper{position:absolute;transform:translate(-50%);left:50%;margin-top:20px;width:100%;top:100%;z-index:1}}@media only screen and (min-width: 1200px){.main-hero-toggle__button-wrapper{margin-left:25px}}.main-hero-toggle__label{background:#fff;width:82px;height:36px;border-radius:21px;display:block;position:relative;cursor:pointer}.main-hero-toggle__label:before{animation-name:reverse;animation-duration:.3s;animation-fill-mode:forwards;transition:all .3s ease-in;content:"";width:30px;height:30px;top:3px;left:4px;position:absolute;border-radius:30px;background:var(--gold)}.main-hero-toggle__checkbox:checked+.main-hero-toggle__label{background:var(--brown)}.main-hero-toggle__checkbox+.main-hero-toggle__label{background:#fff}.main-hero-toggle__checkbox:checked+.main-hero-toggle__label:before{background:var(--light-tan);animation-name:switch;animation-duration:.3s;animation-fill-mode:forwards}.main-hero-toggle__text{font-size:14px;line-height:normal;font-family:tusker_grotesk5500_medium;font-family:TuskerGrotesk5600,serif;display:inline-block}.main-hero-toggle__text.text--left{color:var(--toggle-left-text-color)}.main-hero-toggle__text.text--right{color:var(--toggle-right-text-color)}@keyframes switch{0%{left:4px}60%{left:4px}to{left:48px}}@keyframes reverse{0%{left:48px}60%{left:4px}to{left:4px}}.theme-hero--dark .main-hero__image-wrapper img{animation:toDark .3s steps(22) forwards}.main-hero__image-wrapper img{animation:toLight .3s steps(22) forwards}@keyframes toDark{0%{transform:translate(-13200px)}to{transform:translate(0)}}@keyframes toLight{0%{transform:translate(0)}to{transform:translate(-13200px)}}
/*# sourceMappingURL=/cdn/shop/t/362/assets/spylt-hero.css.map */