.banner.banner--flos-hero{--flos-carbon: #121212;--flos-gold: #c6a16b;--flos-ivory: #f3ebdd;--flos-heading-size: clamp(2.9rem, 2.7vw, 6rem);display:grid;grid-template-columns:minmax(0,1fr);min-height:0;background:var(--flos-carbon);color:var(--flos-ivory)}.banner.banner--flos-hero:before{display:none}.banner.banner--flos-hero .banner__media{grid-area:1 / 1;position:relative;height:auto;min-width:0}.banner.banner--flos-hero .banner__media>img{display:block;position:relative;width:100%;height:auto;max-width:100%;object-fit:contain}.banner.banner--flos-hero .banner__content{grid-area:1 / 1;min-height:0;max-width:none;padding:clamp(2.8rem,3.5vw,7.2rem) 0}.banner.banner--flos-hero .banner__box{width:37%;min-width:0;max-width:none;margin-inline-start:9.5%;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--flos-ivory)}.banner.banner--flos-hero .banner__box:after{display:none}.banner.banner--flos-hero .banner__heading{margin:0;color:var(--flos-ivory);font-family:Georgia,Times New Roman,serif;font-size:calc(var(--flos-heading-size) * var(--flos-heading-scale, 1));font-weight:400;line-height:1.19;letter-spacing:-.025em}.banner.banner--flos-hero .banner__heading.h2{--flos-heading-scale: .85}.banner.banner--flos-hero .banner__heading.h0{--flos-heading-scale: 1.1}.banner.banner--flos-hero .banner__heading.hxl{--flos-heading-scale: 1.2}.banner.banner--flos-hero .banner__heading.hxxl{--flos-heading-scale: 1.3}.banner.banner--flos-hero .banner__heading em{color:var(--flos-gold);font-style:normal}.banner.banner--flos-hero .banner__heading em:not(:first-child):before{content:"";display:block}.banner.banner--flos-hero .banner__text{margin-top:clamp(2.4rem,2.3vw,4rem);padding-top:clamp(1.6rem,1.5vw,2.4rem);border-top:1px solid rgb(198 161 107 / 38%);color:#f3ebddd1;font-size:clamp(1.6rem,1.2vw,2rem);line-height:1.65;letter-spacing:.015em}.banner.banner--flos-hero .banner__text p{margin:0}.banner.banner--flos-hero .banner__text em{display:block;font-style:normal}.banner.banner--flos-hero .banner__buttons{display:flex;align-items:center;gap:clamp(2rem,1.8vw,3.2rem);max-width:none;margin-top:clamp(2.4rem,1.8vw,3.2rem)}.banner.banner--flos-hero .banner__buttons .button{min-height:5.4rem;min-width:0;padding:1.4rem 2.4rem;gap:1.8rem;border:1px solid var(--flos-gold);border-radius:0;background:var(--flos-gold);box-shadow:none;color:var(--flos-carbon);font-size:1.35rem;font-weight:600;line-height:1.4;letter-spacing:.1em;text-align:center;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.banner.banner--flos-hero .banner__buttons .button:before,.banner.banner--flos-hero .banner__buttons .button:after{display:none}.banner.banner--flos-hero .banner__buttons .button--secondary{min-height:4.8rem;padding:0;gap:1rem;border:0;border-bottom:1px solid rgb(198 161 107 / 65%);background:transparent;color:var(--flos-ivory);font-size:1.2rem;letter-spacing:.08em}.banner.banner--flos-hero .flos-cta-icon{display:inline-flex;flex:0 0 1.6rem;width:1.6rem;transition:transform .16s ease}.banner.banner--flos-hero .flos-cta-icon svg{display:block;width:100%;height:1.2rem}@media(hover:hover){.banner.banner--flos-hero .banner__buttons .button:hover{border-color:#d8b883;background:#d8b883;color:var(--flos-carbon)}.banner.banner--flos-hero .banner__buttons .button--secondary:hover{border-bottom-color:var(--flos-gold);background:transparent;color:var(--flos-gold)}.banner.banner--flos-hero .button:hover .flos-cta-icon{transform:translate(2px)}}.banner.banner--flos-hero .banner__buttons .button:focus-visible{outline:2px solid var(--flos-ivory);outline-offset:4px;box-shadow:none}.banner.banner--flos-hero.scroll-trigger,.banner.banner--flos-hero .scroll-trigger{opacity:1;transform:none;animation:none}@media screen and (max-width:1099px){.banner.banner--flos-hero{--flos-heading-size: clamp(2.2rem, 6.6vw, 4.2rem);display:flex;flex-direction:column;flex-wrap:nowrap}.banner.banner--flos-hero.banner--mobile-bottom .banner__media{flex:none;height:auto}.banner.banner--flos-hero .banner__content{min-height:0;padding:2.8rem clamp(2.4rem,7.5vw,5.6rem) 3.2rem}.banner.banner--flos-hero .banner__box{width:100%;max-width:64rem;margin-inline:auto;padding:0;text-align:center}.banner.banner--flos-hero .banner__text{font-size:1.6rem;padding-top:1.8rem}.banner.banner--flos-hero .banner__buttons{justify-content:center}}@media screen and (min-width:1100px)and (max-width:1279px){.banner.banner--flos-hero .banner__buttons .button{padding-inline:1.8rem;gap:1.2rem;font-size:1.2rem}.banner.banner--flos-hero .banner__buttons .button--secondary{padding-inline:0;gap:.8rem;font-size:1.1rem}}@media screen and (max-width:599px){.banner.banner--flos-hero .banner__buttons{flex-direction:column;gap:.8rem}.banner.banner--flos-hero .banner__buttons .button{width:100%;min-height:5.4rem}.banner.banner--flos-hero .banner__buttons .button--secondary{width:auto;min-height:4.8rem}}@media(prefers-reduced-motion:reduce){.banner.banner--flos-hero .banner__buttons .button,.banner.banner--flos-hero .flos-cta-icon,.banner.banner--flos-hero .button:hover .flos-cta-icon{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/flos-image-banner.css.map */