.design-service-banner{position:relative;width:100%;aspect-ratio:3 / 1;background:var(--dsb-background);color:var(--dsb-text);isolation:isolate}.design-service-banner__image,.design-service-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.design-service-banner__image img,.design-service-banner__image svg{display:block;width:100%;height:100%;object-fit:cover}.design-service-banner__image svg{opacity:.35}.design-service-banner__image picture{display:block;width:100%;height:100%;--ds-responsive-image-position: var(--ds-image-position)}.design-service-banner__overlay{background:#000;opacity:var(--dsb-overlay)}.design-service-banner__content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,1.6vw,32px);width:100%;min-height:100%;padding:clamp(16px,2vw,40px) 5%;text-align:center;overflow-wrap:anywhere;box-sizing:border-box}.design-service-banner__eyebrow{margin:0;color:inherit;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:clamp(12px,1.4vw,26px);line-height:1.3;letter-spacing:normal;text-transform:none}.design-service-banner__divider{display:block;width:clamp(60px,9vw,180px);height:1px;flex-shrink:0;background:currentColor;opacity:.65}.design-service-banner__heading{margin:0;color:inherit;font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-size:clamp(28px,5.5vw,108px);font-weight:400;line-height:1.08;letter-spacing:-.025em;text-transform:none}.design-service-banner__description{width:100%;max-width:900px;color:inherit;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:clamp(14px,1.8vw,32px);line-height:1.35}.design-service-banner__description p{margin:0}.design-service-banner__description p+p{margin-top:.5em}.design-service-banner__description a{color:inherit;text-decoration:underline}@media(max-width:749px){.design-service-banner__image picture{--ds-responsive-image-position: var(--ds-mobile-image-position)}.design-service-banner__content{gap:6px;padding:10px 5%}.design-service-banner__eyebrow{font-size:10px}.design-service-banner__divider{width:48px}.design-service-banner__heading{font-size:clamp(16px,4.5vw,30px)}.design-service-banner__description{max-width:560px;font-size:clamp(11px,2.8vw,16px);line-height:1.25}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/design-service-banner.css.map */