.bsb-con{--bsb-con-pin-bg: var(--bsb-black);--bsb-con-pin-color: var(--bsb-accent-promo);padding-left:var(--bsb-space-4);padding-right:var(--bsb-space-4);color:var(--bsb-text)}@media(prefers-reduced-motion:no-preference){html:has(.bsb-con){scroll-behavior:smooth}}.bsb-con__inner{max-width:1200px;margin:0 auto}@media(min-width:768px){.bsb-con{padding-left:calc(var(--bsb-space-8) + var(--bsb-space-4));padding-right:calc(var(--bsb-space-8) + var(--bsb-space-4))}.bsb-con__inner{max-width:calc(1200px - (var(--bsb-space-8) + var(--bsb-space-4)) * 2)}}.bsb-con__hero{position:relative;max-width:max(280px,min(760px,calc((100vh - var(--bsb-space-8) * 4) * var(--bsb-con-hero-ar, 1))));max-width:max(280px,min(760px,calc((100svh - var(--bsb-space-8) * 4) * var(--bsb-con-hero-ar, 1))));margin:var(--bsb-space-6) auto 0}.bsb-con__hero-img{display:block;width:100%;height:auto;border-radius:var(--bsb-radius-md)}.bsb-con__pin,.bsb-con__num{display:inline-grid;place-items:center;flex:none;width:var(--bsb-space-6);height:var(--bsb-space-6);border-radius:50%;background:var(--bsb-con-pin-bg);color:var(--bsb-con-pin-color);font-size:var(--bsb-font-xs);font-weight:800;line-height:1}.bsb-con__pin{position:absolute;left:var(--bsb-con-x, 50%);top:var(--bsb-con-y, 50%);transform:translate(-50%,-50%);text-decoration:none}.bsb-con__pin:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.bsb-con__pin:focus-visible{outline:2px solid var(--bsb-focus);outline-offset:2px}.bsb-con__details{display:grid;gap:var(--bsb-space-6);margin-top:var(--bsb-space-6)}@media(min-width:769px){.bsb-con__details{grid-template-columns:repeat(3,minmax(0,1fr))}}.bsb-con__detail{scroll-margin-top:calc(var(--bsb-space-8) * 3)}.bsb-con__detail.is-flash{position:relative;isolation:isolate}.bsb-con__detail.is-flash:before{content:"";position:absolute;inset:calc(var(--bsb-space-2) * -1);z-index:-1;border-radius:var(--bsb-radius-xs);background:var(--bsb-accent-soft);opacity:0;animation:bsb-con-flash 1.8s ease-out}.bsb-con__detail:focus{outline:none}@keyframes bsb-con-flash{0%,65%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.bsb-con__detail.is-flash:before{animation:none}}.bsb-con__media{aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--bsb-radius-md);background:var(--bsb-surface-tile)}.bsb-con__media-img{display:block;width:100%;height:100%;object-fit:cover}.bsb-con__title{display:flex;align-items:center;gap:var(--bsb-space-2);margin:var(--bsb-space-3) 0 0;font-size:var(--bsb-font-base);font-weight:700;line-height:1.3}.bsb-con__text{margin-top:var(--bsb-space-2);font-size:var(--bsb-font-sm);line-height:1.5}.bsb-con__text p{margin:0;color:inherit}.bsb-con__text p+p{margin-top:var(--bsb-space-2)}.bsb-con__video-wrap{margin-top:var(--bsb-space-4);text-align:center}.bsb-con__video{display:grid;grid-template-rows:0fr;max-width:760px;margin:0 auto;scroll-margin-bottom:calc(var(--bsb-stk-height, 0px) + var(--bsb-space-4));transition:grid-template-rows .28s cubic-bezier(.22,.8,.24,1) .12s}.bsb-con__video.is-open{grid-template-rows:1fr;transition:grid-template-rows .28s cubic-bezier(.22,.8,.24,1)}.bsb-con__video-inner{overflow:hidden;min-height:0}.bsb-con__video-el{display:block;width:100%;height:auto;aspect-ratio:var(--bsb-con-video-ar);margin-top:var(--bsb-space-2);border-radius:var(--bsb-radius-md);opacity:0;transition:opacity .12s ease-out}.bsb-con__video.is-open .bsb-con__video-el{opacity:1;transition:opacity .4s ease-out .12s}@media(prefers-reduced-motion:reduce){.bsb-con__video,.bsb-con__video.is-open,.bsb-con__video-el,.bsb-con__video.is-open .bsb-con__video-el{transition:none}}@media(min-width:900px){.bsb-con__inner--split{--bsb-con-gap: calc(var(--bsb-space-8) + var(--bsb-space-6));display:grid;grid-template-columns:calc((100% - var(--bsb-con-gap)) * var(--bsb-con-hero-w, 50) / 100) minmax(0,1fr);column-gap:var(--bsb-con-gap);align-items:center}.bsb-con__inner--split>*{grid-column:1 / -1;grid-row:1}.bsb-con__inner--split>.bsb-con__video-wrap{grid-row:3}.bsb-con__inner--split>.bsb-con__hero{grid-column:1;grid-row:2}.bsb-con__inner--split>.bsb-con__details{grid-column:2;grid-row:2;grid-template-columns:none}.bsb-con__inner--hero-right{grid-template-columns:minmax(0,1fr) calc((100% - var(--bsb-con-gap)) * var(--bsb-con-hero-w, 50) / 100)}.bsb-con__inner--hero-right>.bsb-con__hero{grid-column:2}.bsb-con__inner--hero-right>.bsb-con__details{grid-column:1}.bsb-con__inner--split .bsb-con__detail:has(>.bsb-con__media){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:"media ." "media title" "media text" "media .";column-gap:var(--bsb-space-4)}.bsb-con__inner--split .bsb-con__detail--img-right:has(>.bsb-con__media){grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:". media" "title media" "text media" ". media"}.bsb-con__inner--split .bsb-con__detail>.bsb-con__media{grid-area:media}.bsb-con__inner--split .bsb-con__detail>.bsb-con__title{grid-area:title;margin-top:0}.bsb-con__inner--split .bsb-con__detail>.bsb-con__text{grid-area:text}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/bsb-construction.css.map */