.b-svc-hero{--b-svc-hero-fg: var(--b-heading);--b-svc-hero-shade: 244, 244, 244;--b-svc-hero-tag: var(--b-heading);--b-svc-hero-badge: var(--b-text);--b-svc-hero-badge-border: var(--b-line);z-index:2;padding-block:0;overflow-x:clip;isolation:isolate}html[data-theme=dark] .b-svc-hero{--b-svc-hero-shade: 10, 10, 10;--b-svc-hero-tag: var(--b-accent);--b-svc-hero-badge: var(--b-muted);--b-svc-hero-badge-border: var(--b-muted)}.b-svc-hero--search{padding-bottom:0}.b-svc-hero__glow{position:absolute;left:62.01vw;top:27.81vw;z-index:-1;width:140vw;height:96.4vw;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,#bbef3616,#bbef3611 25%,#bbef3608 46%,#bbef3603 70%,#bbef3600);pointer-events:none;opacity:0;transition:opacity .4s ease}html[data-theme=dark] .b-svc-hero__glow{opacity:1}.b-svc-hero__stage{position:relative;display:flex;align-items:flex-start;min-height:clamp(640px,50.16vw,963px);overflow:hidden;background:rgb(var(--b-svc-hero-shade));color:var(--b-svc-hero-fg)}.b-svc-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:var(--b-svc-hero-dim, .3)}html:not([data-theme=dark]) .b-svc-hero__bg{opacity:calc(var(--b-svc-hero-dim, .3) * .5);filter:grayscale(1)}.b-svc-hero__media{position:absolute;top:-40px;right:0;bottom:-40px;left:0;will-change:transform}.b-svc-hero__media>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}.b-svc-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(var(--b-svc-hero-shade)),rgba(var(--b-svc-hero-shade),.6),rgba(var(--b-svc-hero-shade),0));pointer-events:none}.b-svc-hero__content{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(32px,3.125vw,60px);padding-top:calc(var(--b-header-top) + var(--b-header-h) + clamp(40px,8.333vw,160px));padding-bottom:clamp(120px,10.417vw,200px)}.b-svc-hero__main{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:min(1047px,60%)}.b-svc-hero__eyebrow{color:var(--b-svc-hero-fg)}.b-svc-hero__title{max-width:11.64em;color:var(--b-svc-hero-fg)}.b-svc-hero__tags{display:flex;flex-wrap:wrap;gap:18px;margin-top:clamp(28px,3.125vw,48px)}.b-svc-hero__tag-inner{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:10px 30px;border:1px solid var(--b-svc-hero-tag);border-radius:var(--b-radius-pill);font-size:12px;line-height:1.3;letter-spacing:-.03em;text-transform:uppercase;color:var(--b-svc-hero-tag);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.b-svc-hero__tag-inner:hover{background:var(--b-accent);border-color:var(--b-accent);color:#000}.b-svc-hero__aside{display:flex;flex-direction:column;align-items:flex-start;width:min(572px,32%);margin-top:clamp(0px,9.115vw,175px)}.b-svc-hero__badge{display:inline-flex;align-items:center;padding:5px 30px;border:1px solid var(--b-svc-hero-badge-border);border-radius:12px;font-size:12px;line-height:16px;letter-spacing:-.03em;color:var(--b-svc-hero-badge)}.b-svc-hero__text{margin-top:30px;font-weight:700;font-size:clamp(17px,1.0417vw,20px);line-height:1.5;letter-spacing:-.03em;color:var(--b-svc-hero-fg)}.b-svc-hero__actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:clamp(32px,3.125vw,60px)}.b-svc-hero__search{position:absolute;left:50%;bottom:-18px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(853px,calc(100% - 2 * var(--b-gutter)));height:72px;padding:10px 10px 10px 30px;border-radius:var(--b-radius-pill);border:1px solid transparent;background:#fff;box-shadow:0 0 15px #00000040;translate:-50% 0;transition:box-shadow .3s ease,border-color .3s ease,background-color .3s ease}.b-svc-hero__search:focus-within{box-shadow:0 0 0 4px #bbef3659,0 0 15px #00000040}.b-svc-hero__search-input{flex:1 1 auto;min-width:0;height:100%;padding:0;border:0;background:transparent;font-family:var(--b-font);font-size:14px;line-height:normal;color:var(--b-heading);outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}.b-svc-hero__search-input::placeholder{color:#464646;opacity:1}.b-svc-hero__search-input::-webkit-search-cancel-button{-webkit-appearance:none}.b-svc-hero__search-btn{flex:0 0 auto}html[data-theme=dark] .b-svc-hero__search{background:#010101;border-color:#464646;box-shadow:none}html[data-theme=dark] .b-svc-hero__search:focus-within{border-color:var(--b-accent)}html[data-theme=dark] .b-svc-hero__search-input::placeholder{color:#aaa}html[data-theme=dark] .b-svc-hero__search-btn{--b-btn-bg: #ffffff;--b-btn-fg: #000000;--b-btn-dot-bg: #010101;--b-btn-dot-fg: var(--b-accent)}@media(max-width:1199px){.b-svc-hero__content{flex-direction:column;gap:40px}.b-svc-hero__main{width:min(860px,100%)}.b-svc-hero__aside{width:min(600px,100%);margin-top:0}}@media(max-width:749px){.b-svc-hero__stage{min-height:0}.b-svc-hero__content{padding-top:calc(var(--b-header-top) + var(--b-header-h) + 36px);padding-bottom:96px}.b-svc-hero__tags{gap:10px;margin-top:20px}.b-svc-hero__tag-inner{min-height:34px;padding:8px 18px}.b-svc-hero__text{margin-top:20px}.b-svc-hero__actions{gap:12px;margin-top:28px}.b-svc-hero__search{height:56px;padding:6px 6px 6px 20px;bottom:-14px}.b-svc-hero__search-btn{height:44px;padding-left:18px;gap:8px}}@media(max-width:420px){.b-svc-hero__search-btn{padding:7px;gap:0;font-size:0}}@media(prefers-reduced-motion:reduce){.b-svc-hero__media{top:0;right:0;bottom:0;left:0;transform:none!important;will-change:auto}}.b-svc-hero--stacked .b-svc-hero__main{width:min(995px,100%)}.b-svc-hero--stacked .b-svc-hero__eyebrow{color:var(--b-eyebrow)}.b-svc-hero--stacked .b-svc-hero__title{max-width:11.06em}.b-svc-hero--stacked .b-svc-hero__text{margin-top:6px}.b-svc-hero--stacked .b-svc-hero__actions{margin-top:28px}@media(max-width:749px){.b-svc-hero--stacked .b-svc-hero__text{margin-top:8px}.b-svc-hero--stacked .b-svc-hero__actions{margin-top:16px}}.b-svc-hero__text--rich{font-weight:500}.b-svc-hero__text--rich p+p{margin-top:10px}.b-svc-hero__text--rich :is(strong,b){font-weight:700}.b-svc-hero--waves .b-svc-hero__glow{display:none}.b-svc-hero--waves .b-svc-hero__stage{background:var(--b-bg)}.b-svc-hero__waves{position:absolute;top:-13px;right:0;bottom:0;left:0;background:center top / cover no-repeat;opacity:0;pointer-events:none;transition:opacity .4s ease}html[data-theme=dark] .b-svc-hero__waves{background-image:var(--b-svc-hero-waves);opacity:.2}.b-svc-hero--waves .b-svc-hero__content{padding-top:calc(var(--b-header-top) + var(--b-header-h) + clamp(40px,11.04vw,212px));padding-bottom:clamp(96px,7.55vw,145px)}.b-svc-hero--waves.b-svc-hero--stacked .b-svc-hero__main{width:min(1172px,100%)}@media(min-width:1200px){.b-svc-hero--waves.b-svc-hero--stacked .b-svc-hero__main{width:min(1172px,61.05vw)}}.b-svc-hero--waves.b-svc-hero--stacked .b-svc-hero__title{max-width:13.03em}@media(max-width:749px){.b-svc-hero--waves .b-svc-hero__content{padding-top:calc(var(--b-header-top) + var(--b-header-h) + 36px);padding-bottom:64px}.b-svc-hero__waves{background-position:70% top}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/bristm-service-hero.css.map */