.ny-shade-matching-banner{--ny-smb-bg: #8b5e3c;--ny-smb-text: #ffffff;--ny-smb-btn-bg: #5bc0de;--ny-smb-btn-text: #ffffff;position:relative;background-color:var(--ny-smb-bg);color:var(--ny-smb-text);width:100%;overflow:hidden;isolation:isolate;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ny-shade-matching-banner--has-image{min-height:320px}.ny-shade-matching-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.ny-shade-matching-banner__bg-img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.ny-shade-matching-banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--ny-smb-bg) 96%,transparent) 0%,color-mix(in srgb,var(--ny-smb-bg) 72%,transparent) 32%,color-mix(in srgb,var(--ny-smb-bg) 28%,transparent) 58%,transparent 85%)}.ny-shade-matching-banner__inner{position:relative;z-index:2;max-width:1240px;margin:0 auto}.ny-shade-matching-banner--has-image .ny-shade-matching-banner__inner{min-height:320px}.ny-shade-matching-banner__content{max-width:52rem;padding:2.5rem 2rem 2.5rem 2.5rem;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;min-height:280px}.ny-shade-matching-banner--has-image .ny-shade-matching-banner__content{min-height:530px}.ny-shade-matching-banner__heading,.ny-shade-matching-banner__bg__heading{margin:0 0 1.75rem;font-family:scotch-text-compressed,Times New Roman,Times,serif;font-size:clamp(1.75rem,4.5vw,3.25rem);font-weight:300;font-style:normal;line-height:1.05;letter-spacing:.04em;text-transform:uppercase;color:var(--ny-smb-text)}.ny-shade-matching-banner__locations{display:flex;flex-direction:column;gap:1.75rem}.ny-shade-matching-banner__loc-title{display:block;font-family:scotch-text-compressed,Times New Roman,Times,serif;font-size:1.5rem;font-weight:300;font-style:normal;line-height:1;margin-bottom:.35rem;color:var(--ny-smb-text)}.ny-shade-matching-banner__loc-detail{margin:0 0 .85rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;font-style:normal;line-height:1.5;color:var(--ny-smb-text)}.ny-shade-matching-banner__cta{display:inline-block;align-self:flex-start;padding:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;font-style:normal;line-height:1;letter-spacing:1.12px;text-align:center;text-decoration:none;text-transform:uppercase;color:var(--ny-smb-btn-text);background-color:var(--ny-smb-btn-bg);border:none;transition:opacity .2s ease,transform .2s ease}.ny-shade-matching-banner__cta:hover,.ny-shade-matching-banner__cta:focus{opacity:.92;color:var(--ny-smb-btn-text)}@media(max-width:749px){.ny-shade-matching-banner--has-image{min-height:0}.ny-shade-matching-banner__scrim{background:linear-gradient(180deg,color-mix(in srgb,var(--ny-smb-bg) 88%,transparent) 0%,color-mix(in srgb,var(--ny-smb-bg) 55%,transparent) 42%,color-mix(in srgb,var(--ny-smb-bg) 22%,transparent) 68%,transparent 100%)}.ny-shade-matching-banner__content{padding:2rem 1.25rem;min-height:260px}.ny-shade-matching-banner--has-image .ny-shade-matching-banner__content{min-height:300px}.ny-shade-matching-banner__heading,.ny-shade-matching-banner__bg__heading{margin-bottom:1.25rem;font-size:clamp(1.5rem,6vw,2.25rem)}}@supports not (background: color-mix(in srgb,red,blue)){.ny-shade-matching-banner__scrim{background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.2) 45%,transparent 78%)}@media(max-width:749px){.ny-shade-matching-banner__scrim{background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.15) 55%,transparent 100%)}}}@media(max-width:749px){.ny-shade-matching-banner__bg{position:relative;aspect-ratio:1}.ny-shade-matching-banner__bg .ny-shade-matching-banner__bg-img{object-position:center right}.ny-shade-matching-banner--has-image .ny-shade-matching-banner__content *{color:#000!important}.ny-shade-matching-banner__locations,.ny-shade-matching-banner__heading,.ny-shade-matching-banner__bg__heading{text-align:center}.ny-shade-matching-banner__heading{display:none}.ny-shade-matching-banner__bg__heading{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#fff;text-transform:unset}}
/*# sourceMappingURL=/cdn/shop/t/226/assets/ny-shade-matching-banner.css.map */