.b2b-header{max-width:1640px;margin:0 auto;padding:0 40px}@media(max-width:749px){.b2b-header{padding:0 20px}}.b2b-header__top{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media screen and (min-width:750px){.b2b-header__top{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start;margin-bottom:48px}}.b2b-header__heading{font-family:var(--font-heading);font-size:clamp(1.875rem,3vw,2.625rem);font-weight:400;line-height:1.15;letter-spacing:-.01em;margin:0;color:#68563e;max-width:800px}.b2b-header__desc-wrap{display:flex;align-items:flex-end;align-self:end;margin-left:auto}.b2b-header__desc{font-size:.85rem;line-height:1.55;color:var(--color-text);max-width:400px}.b2b-header__desc p{margin:0}.b2b-header__media-row{display:flex;flex-direction:column;gap:12px}@media screen and (min-width:750px){.b2b-header__media-row{display:grid;grid-template-columns:3fr 1fr;gap:24px;align-items:stretch}}.b2b-header__media{position:relative;overflow:hidden;background-color:#e0e0e0}.b2b-header__media--1,.b2b-header__media--2{aspect-ratio:16 / 9}@media screen and (min-width:750px){.b2b-header__media--1,.b2b-header__media--2{aspect-ratio:auto;max-height:420px}}.b2b-header__img,.b2b-header__video{width:100%;height:100%;object-fit:cover;display:block}.b2b-header__placeholder{width:100%;height:100%;min-height:300px;background:#dce8ec}.b2b-header__controls{position:absolute;top:12px;right:12px;z-index:4;display:flex;gap:6px}.b2b-header__control-btn{width:32px;height:32px;border-radius:10px;background:#ffffff40;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.b2b-header__control-btn:hover{background:#fff6}.b2b-header__icon-pause{display:none}.b2b-header__icon-play,.is-playing .b2b-header__icon-pause{display:block}.is-playing .b2b-header__icon-play,.b2b-header__icon-unmuted{display:none}.b2b-header__icon-muted,.is-unmuted .b2b-header__icon-unmuted{display:block}.is-unmuted .b2b-header__icon-muted{display:none}@media screen and (min-width:990px)and (max-width:1699.98px){.b2b-header__top{gap:64px;margin-bottom:64px}.b2b-header__media-row{gap:32px}.b2b-header__heading{font-size:clamp(1.875rem,2.6vw,2.375rem);letter-spacing:-.01em}.b2b-header__desc{font-size:.78rem;max-width:62ch;line-height:1.6}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-custom-b2b-header.css.map */