.b-hero{padding-block:0;overflow:clip;isolation:isolate;background:var(--b-bg)}.b-hero__top{position:relative;padding-top:calc(var(--b-header-top) + var(--b-header-h) + clamp(40px,7.2917vw,140px));padding-bottom:clamp(24px,1.6146vw,31px)}.b-hero__waves{position:absolute;top:0;right:0;bottom:-82px;left:0;z-index:-1;background:center top / cover no-repeat;opacity:0;pointer-events:none;transition:opacity .4s ease}.b-hero__glow{position:absolute;left:50%;bottom:calc(-1*(clamp(60px,8.54vw,164px) + 32.55vw));z-index:-2;width:108.5vw;height:65.1vw;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#bbef364d,#bbef362e 40%,#bbef3612 72%,#bbef3600);opacity:0;pointer-events:none;transition:opacity .4s ease}html[data-theme=dark] .b-hero__waves{background-image:var(--b-hero-waves);opacity:.2}html[data-theme=dark] .b-hero__glow{opacity:1}.b-hero__intro{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.b-hero__eyebrow{max-width:1047px}html[data-theme=dark] .b-hero__eyebrow{color:var(--b-heading)}.b-hero__title{max-width:min(1047px,max(54.6vw,600px));margin-top:12px}.b-hero__sub{max-width:min(765px,max(39.85vw,540px));margin-top:18px;color:var(--b-text-strong)}.b-hero__sub strong{font-weight:700;color:var(--b-heading)}html[data-theme=dark] .b-hero__sub{color:var(--b-muted)}.b-hero__services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:1292px;margin-top:clamp(36px,3.177vw,61px);border-radius:var(--b-radius-sm);background:#0b1009;filter:drop-shadow(0 0 5px rgba(187,239,54,.1));text-align:left}.b-hero__service+.b-hero__service{border-left:1px solid #535353}.b-hero__service-link{position:relative;display:flex;align-items:flex-start;gap:15px;height:100%;min-height:86px;padding:20px 60px 20px 30px;color:#fff;transition:background-color .35s ease}.b-hero__service:first-child .b-hero__service-link{border-radius:var(--b-radius-sm) 0 0 var(--b-radius-sm)}.b-hero__service:last-child .b-hero__service-link{border-radius:0 var(--b-radius-sm) var(--b-radius-sm) 0}.b-hero__service-link:hover,.b-hero__service-link:focus-visible{background-color:#bbef3612}.b-hero__service-link:focus-visible{outline:2px solid var(--b-accent);outline-offset:-2px}.b-hero__service-icon{display:flex;color:var(--b-accent);transition:transform var(--b-dur) var(--b-ease)}.b-hero__service-link:hover .b-hero__service-icon{transform:scale(1.12)}.b-hero__service-text{display:flex;flex-direction:column;gap:5px;min-width:0}.b-hero__service-title{font-weight:700;font-size:16px;line-height:normal;letter-spacing:-.03em;color:#fff}.b-hero__service-sub{font-weight:400;font-size:14px;line-height:normal;letter-spacing:-.03em;color:#aaa}.b-hero__service-arrow{position:absolute;top:13px;right:27px;display:flex;color:#fff;transition:color .3s ease}.b-hero__service-arrow .b-icon{transition:transform var(--b-dur) var(--b-ease)}.b-hero__service-link:hover .b-hero__service-arrow{color:var(--b-accent)}.b-hero__service-link:hover .b-hero__service-arrow .b-icon{transform:translate(3px,-3px) rotate(-45deg)}.b-hero__work{display:inline-flex;align-items:center;gap:6px;margin-top:clamp(24px,1.927vw,37px);font-size:16px;line-height:24px;letter-spacing:-.03em;color:var(--b-heading)}.b-hero__work .b-icon{transition:transform var(--b-dur) var(--b-ease)}.b-hero__work:hover .b-icon{transform:rotate(90deg) translate(4px)}.b-hero__next{display:block;height:0;scroll-margin-top:calc(var(--b-header-top) + var(--b-header-h))}.b-hero__showcase{position:relative;z-index:1}.b-hero__frame{position:relative;width:100%;aspect-ratio:1925 / 945;overflow:hidden;background:#000}.b-hero__media{position:absolute;top:-40px;right:0;bottom:-40px;left:0;transform-origin:50% 50%;will-change:transform}.b-hero__media>img,.b-hero__media>video,.b-hero__media .b-hero__video{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}.b-hero__search{position:absolute;top:clamp(16px,1.40625vw,27px);left:50%;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(853px,calc(100% - 2 * var(--b-gutter)));height:70px;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-hero__search:focus-within{box-shadow:0 0 0 4px #bbef3659,0 0 15px #00000040}.b-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-hero__search-input::placeholder{color:#464646;opacity:1}.b-hero__search-input::-webkit-search-cancel-button{-webkit-appearance:none}.b-hero__search-btn{flex:0 0 auto}html[data-theme=dark] .b-hero__search{background:#010101;border-color:#464646;box-shadow:none}html[data-theme=dark] .b-hero__search:focus-within{border-color:var(--b-accent)}html[data-theme=dark] .b-hero__search-input::placeholder{color:#aaa}html[data-theme=dark] .b-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-hero__services{grid-template-columns:repeat(2,minmax(0,1fr))}.b-hero__service+.b-hero__service{border-left:0}.b-hero__service:nth-child(2n){border-left:1px solid #535353}.b-hero__service:nth-child(n+3){border-top:1px solid #535353}.b-hero__service .b-hero__service-link{border-radius:0}}@media(max-width:749px){.b-hero__title br{display:none}.b-hero__services{grid-template-columns:1fr}.b-hero__service:nth-child(2n){border-left:0}.b-hero__service+.b-hero__service{border-top:1px solid #535353}.b-hero__service-link{min-height:0;padding:16px 56px 16px 20px}.b-hero__service-arrow{top:50%;right:18px;translate:0 -50%}.b-hero__frame{aspect-ratio:4 / 3}.b-hero__media>img,.b-hero__media>video,.b-hero__media .b-hero__video{object-position:22% 50%}.b-hero__search{height:56px;padding:6px 6px 6px 20px}.b-hero__search-btn{height:44px;padding-left:18px;gap:8px}}@media(max-width:420px){.b-hero__search-btn{padding:7px;gap:0;font-size:0}}@media(prefers-reduced-motion:reduce){.b-hero__media{top:0;right:0;bottom:0;left:0;transform:none!important;will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/bristm-hero.css.map */