.suit-banners{padding-block:var(--section-space-top) var(--section-space-bottom);background:#f4f2ed}.suit-banners__inner{width:min(calc(100% - 32px),var(--content-width));margin-inline:auto}.suit-banners__inner--full{width:100%;max-width:none}.suit-banners__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);align-items:end;gap:32px;margin:0 auto 30px;padding-inline:clamp(20px,4vw,64px)}.suit-banners__heading{max-width:760px;margin:0;color:#171714;font-size:clamp(2rem,4vw,4.5rem);font-weight:500;letter-spacing:-.045em;line-height:.98}.suit-banners__intro{max-width:520px;color:#5a584f;font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.6}.suit-banners__intro p{margin:0}.suit-banners__list{display:grid;gap:var(--banner-gap)}.suit-banner{position:relative;isolation:isolate;min-height:var(--banner-height);overflow:hidden;background:#20211f}.suit-banner__image,.suit-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% var(--desktop-focal-y);transition:scale .7s cubic-bezier(.2,.75,.25,1)}.suit-banner__placeholder{background:#2b2c29;fill:#74756f}.suit-banner__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgb(6 7 7 / var(--overlay-opacity)) 0%,rgb(6 7 7 / .38) 37%,transparent 72%);pointer-events:none}.suit-banner--right .suit-banner__shade{background:linear-gradient(270deg,rgb(6 7 7 / var(--overlay-opacity)) 0%,rgb(6 7 7 / .38) 37%,transparent 72%)}.suit-banner__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:min(48%,650px);min-height:var(--banner-height);padding:clamp(32px,5vw,84px);color:var(--text-color)}.suit-banner--right .suit-banner__content{align-items:flex-start;margin-left:auto}.suit-banner__eyebrow{margin:0 0 14px;color:var(--accent-color);font-size:.75rem;font-weight:700;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}.suit-banner__heading{max-width:12ch;margin:0;color:inherit;font-size:clamp(2.2rem,4.8vw,5.6rem);font-weight:500;letter-spacing:-.05em;line-height:.93;text-wrap:balance}.suit-banner__body{max-width:40ch;margin-top:22px;color:color-mix(in srgb,var(--text-color),transparent 18%);font-size:clamp(.95rem,1.2vw,1.12rem);line-height:1.55}.suit-banner__body p{margin:0}.suit-banner__button{display:inline-flex;align-items:center;justify-content:space-between;min-width:210px;margin-top:30px;padding:15px 18px;border:1px solid var(--accent-color);background:var(--accent-color);color:#171714;font-size:.78rem;font-weight:700;letter-spacing:.1em;line-height:1;text-decoration:none;text-transform:uppercase;transition:background-color .18s ease,color .18s ease,transform .18s ease}.suit-banner__arrow{margin-left:20px;font-size:1.1rem;transition:transform .18s ease}.suit-banner__button:hover{background:transparent;color:var(--text-color);transform:translateY(-2px)}.suit-banner__button:hover .suit-banner__arrow{transform:translate(4px)}.suit-banner__button:focus-visible{outline:3px solid var(--text-color);outline-offset:4px}@media(hover:hover){.suit-banner:hover .suit-banner__image{scale:1.025}}@media(max-width:749px){.suit-banners__inner{width:100%}.suit-banners__header{grid-template-columns:1fr;gap:16px;margin-bottom:22px;padding-inline:20px}.suit-banner{min-height:max(500px,72svh)}.suit-banner__image,.suit-banner__placeholder{object-position:var(--mobile-focal-x) var(--mobile-focal-y)}.suit-banner__shade,.suit-banner--right .suit-banner__shade{background:linear-gradient(0deg,rgb(6 7 7 / .92) 0%,rgb(6 7 7 / .54) 44%,transparent 75%)}.suit-banner__content,.suit-banner--right .suit-banner__content{justify-content:flex-end;width:100%;min-height:max(500px,72svh);margin:0;padding:34px 22px}.suit-banner__heading{max-width:10ch;font-size:clamp(2.5rem,14vw,4.4rem)}.suit-banner__body{max-width:34ch;margin-top:16px}.suit-banner__button{width:100%;margin-top:24px}}@media(prefers-reduced-motion:reduce){.suit-banner__image,.suit-banner__button,.suit-banner__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/compiled_assets/styles.css.map?subset=AAAAAAAAAAAQ */
