.fragrance-banner{position:relative;background-color:var(--bg);max-width:1920px;margin-left:auto;margin-right:auto}.fragrance-banner__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;min-height:var(--min-h, auto)}.fragrance-banner .overlay,.fragrance-banner__image-container,.fragrance-banner__text-container{grid-row-start:1;grid-column-start:1;min-height:100%}@media only screen and (max-width:767px)and (orientation:landscape){.fragrance-banner .overlay,.fragrance-banner__image-container,.fragrance-banner__text-container{min-height:auto}}.fragrance-banner__inner{margin-bottom:100px}.fragrance-banner__image-inner{position:absolute;width:100%;height:100%;top:0;left:0}.fragrance-banner__image{will-change:transform}.fragrance-banner__text-container{display:flex;position:relative;z-index:100}.fragrance-banner__text-wrapper{padding:var(--gutter) var(--gutter-mobile);width:100%;color:var(--text)}@media only screen and (min-width:768px){.fragrance-banner__text-wrapper{padding:var(--gutter);max-width:var(--content-width, 50%)}}.fragrance-banner__title{margin:0 0 16px;line-height:1}.fragrance-banner__title-accent{display:block;font-style:normal;font-weight:400;font-size:1.875rem;color:#e30b17;letter-spacing:0;line-height:1.2;margin-bottom:-2px}.fragrance-banner__title-plain{display:block;font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING, 700);font-size:clamp(1.75rem,4vw,3rem);text-transform:uppercase;letter-spacing:.04em;line-height:1;color:var(--heading)}.fragrance-banner__text-body{margin-bottom:20px;min-height:80px}.fragrance-banner__desc{display:none}.fragrance-banner__desc.is-active{display:block;animation:fragranceDescIn .35s ease;max-width:450px;margin:0 0 0 auto;text-align:right}.fragrance-banner__desc:first-of-type{max-width:100%!important}@keyframes fragranceDescIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fragrance-banner__description{font-size:calc(.9375rem * var(--adjust-body));line-height:1.6;color:var(--text)}.fragrance-banner__description p{margin:0 0 12px}.fragrance-banner__description p:last-child{margin-bottom:0}.fragrance-banner__thumb-name{margin:0 0 8px;font-weight:700;font-size:calc(1rem * var(--adjust-body));color:var(--heading)}.fragrance-banner__thumb-desc{margin:0;font-size:calc(.9375rem * var(--adjust-body));line-height:1.6;color:var(--text)}.fragrance-banner__thumbs{display:flex;gap:6px;height:130px;margin-top:60px;overflow:visible}.fragrance-banner__thumb{position:relative;overflow:hidden;border-radius:2px;flex:1 1 0;cursor:pointer;z-index:1;transform-origin:bottom center;transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .35s ease,box-shadow .35s ease}.fragrance-banner__thumbs:hover .fragrance-banner__thumb{opacity:.45}.fragrance-banner__thumbs:hover .fragrance-banner__thumb:hover,.fragrance-banner__thumb.is-active{opacity:1;transform:scale(1.28,1.38);z-index:2;box-shadow:0 6px 20px #00000047}.fragrance-banner__thumb:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff;transform:scaleX(0);transition:transform .35s ease;z-index:2}.fragrance-banner__thumbs:hover .fragrance-banner__thumb:hover:after,.fragrance-banner__thumb.is-active:after{transform:scaleX(1)}.fragrance-banner__thumb .lazy-image,.fragrance-banner__thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.fragrance-banner__thumbs:hover .fragrance-banner__thumb:hover .lazy-image,.fragrance-banner__thumbs:hover .fragrance-banner__thumb:hover img,.fragrance-banner__thumb.is-active .lazy-image,.fragrance-banner__thumb.is-active img{transform:scale(1.08)}.fragrance-banner__inner.text-left{text-align:left}.fragrance-banner__inner.text-center{text-align:center}.fragrance-banner__inner.text-right{text-align:right}.fragrance-banner__inner.item--left .fragrance-banner__text-container,.fragrance-banner__inner.item--top-left .fragrance-banner__text-container,.fragrance-banner__inner.item--bottom-left .fragrance-banner__text-container{justify-content:flex-start}.fragrance-banner__inner.item--center .fragrance-banner__text-container{justify-content:center}@media only screen and (min-width:768px){.fragrance-banner__inner.item--right .fragrance-banner__text-container,.fragrance-banner__inner.item--top-right .fragrance-banner__text-container,.fragrance-banner__inner.item--bottom-right .fragrance-banner__text-container{justify-content:flex-end}}.fragrance-banner__inner.item--left .fragrance-banner__text-container,.fragrance-banner__inner.item--center .fragrance-banner__text-container,.fragrance-banner__inner.item--right .fragrance-banner__text-container{align-items:center}.fragrance-banner__inner.item--top-left .fragrance-banner__text-container,.fragrance-banner__inner.item--top-right .fragrance-banner__text-container{align-items:flex-start}.fragrance-banner__inner.item--bottom-left .fragrance-banner__text-container,.fragrance-banner__inner.item--bottom-right .fragrance-banner__text-container{align-items:flex-end}.fragrance-banner__inner.item--left,.fragrance-banner__inner.item--bottom-left,.fragrance-banner__inner.item--top-left{text-align:left}@media only screen and (min-width:768px){.fragrance-banner__inner.item--right,.fragrance-banner__inner.item--bottom-right,.fragrance-banner__inner.item--top-right{text-align:right}}.fragrance-banner__inner.full-height{min-height:var(--full-height)}.fragrance-banner__inner.three-quarters-height{min-height:var(--three-quarters)}.fragrance-banner__inner.two-thirds-height{min-height:var(--two-thirds)}.fragrance-banner__inner.one-half-height{min-height:var(--one-half)}.fragrance-banner__inner.one-third-height{min-height:var(--one-third)}.fragrance-banner__inner.five-fifty-height{min-height:550px}.fragrance-banner__inner.four-fifty-height{min-height:450px}.fragrance-banner__inner.original-height,.fragrance-banner__inner.original-height .fragrance-banner__image-container,.fragrance-banner__inner.original-height .fragrance-banner__text-container,.fragrance-banner__inner.original-height .overlay{min-height:0}.fragrance-banner__mobile-layout{display:none}@media only screen and (max-width:767px){.fragrance-banner__inner{display:none!important}.fragrance-banner__mobile-layout{display:flex;flex-direction:column}.fragrance-banner__mobile-image{position:relative;height:340px;overflow:hidden}.fragrance-banner__mobile-thumbs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.fragrance-banner__mobile-thumbs::-webkit-scrollbar{display:none}.fragrance-banner__mobile-thumbs .fragrance-banner__thumb{flex:0 0 88px;height:88px;scroll-snap-align:start;transition:box-shadow .25s ease}.fragrance-banner__mobile-thumbs:hover .fragrance-banner__thumb{opacity:1;transform:none}.fragrance-banner__mobile-thumbs:hover .fragrance-banner__thumb:hover,.fragrance-banner__mobile-thumbs .fragrance-banner__thumb.is-active{transform:none;opacity:1;box-shadow:0 0 0 2px #c0392b}.fragrance-banner__mobile-thumbs .fragrance-banner__thumb:after{display:none}.fragrance-banner__mobile-text{padding:20px 16px 28px}.fragrance-banner__desc.is-active{margin:0;text-align:left;max-width:100%}.fragrance-banner__title-accent{font-size:1.5rem}.fragrance-banner__title-plain{font-size:clamp(1.5rem,7vw,2.25rem)}}.body--rounded-corners .fragrance-banner__inner{border-radius:var(--radius)}.body--rounded-corners .wrapper--full .fragrance-banner__inner{border-radius:0}#shopify-section-template--26853528600921__section_fragrance_xjnFtr .fragrance-banner__title-plain,#shopify-section-template--26853528600921__section_fragrance_xjnFtr .fragrance-banner__description{color:#fff!important}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-fragrance.css.map */