.built-different{--bd-line-color: var(--Stroke, #CDCDCD);--bd-dot-color: rgb(var(--color-lime));--bd-dot-ring: rgb(var(--color-leaf-green));position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(var(--background-differs-from-previous) * var(--calculated-section-spacing-block-start));width:100%}.built-different__title{text-align:center;word-break:break-word;color:var(--bd-heading-color, rgb(var(--color-dark-gray)))}.built-different__title strong,.built-different__title b{color:var(--bd-heading-accent, rgb(var(--color-lime)));font-weight:inherit}.built-different__stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.built-different__media{position:relative;flex:0 0 auto;width:var(--bd-media-width, 498px);max-width:100%;aspect-ratio:var(--bd-media-ratio, 498 / 654);border-radius:var(--bd-media-radius, 40px);overflow:hidden;background:rgb(var(--color-white));border:1px solid rgb(var(--color-light-gray) / .6)}.built-different__media img,.built-different__media video,.built-different__media .placeholder{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.built-different__label{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:3;display:inline-flex;align-items:center;padding:.5625rem 1.3125rem;border-radius:999px;background:rgb(var(--color-white));border:1px solid rgb(var(--color-light-gray) / .6);color:rgb(var(--color-gray));white-space:nowrap}.built-different__feature{display:flex;flex-direction:column;gap:2rem}.built-different__feature-line{position:relative;width:100%;height:1px;background:var(--bd-line-color)}.built-different__feature-dot{position:absolute;top:50%;width:8px;height:8px;border-radius:4px;background:var(--bd-dot-color);box-shadow:0 0 0 1px var(--bd-dot-ring),0 0 0 4px rgb(var(--color-white));transform:translateY(-50%)}.built-different__feature-body{display:flex;flex-direction:column;gap:.5rem;padding-inline:4rem}.built-different__feature-title{margin:0;font-weight:700;font-size:var(--text-h4);line-height:1;letter-spacing:-1px;color:var(--bd-feature-title-color, rgb(var(--color-dark-gray)))}.built-different__feature-text{margin:0;font-family:var(--text-font-family);font-size:var(--text-base);line-height:1.5;color:var(--bd-feature-text-color, rgb(var(--color-dark-gray)))}.built-different__feature-text>:first-child{margin-block-start:0}.built-different__feature-text>:last-child{margin-block-end:0}@media screen and (min-width:1000px){.built-different__features{display:contents}.built-different__feature{position:absolute;top:var(--bd-feature-top, 96px);width:var(--bd-feature-width, 415px);gap:2rem}.built-different__feature--left{right:calc(50% + (var(--bd-media-width, 498px) / 2));align-items:flex-end}.built-different__feature--right{left:calc(50% + (var(--bd-media-width, 498px) / 2));align-items:flex-start}.built-different__feature--left .built-different__feature-dot{right:-3.81px}.built-different__feature--right .built-different__feature-dot{left:-3.81px}.built-different__feature--left .built-different__feature-title,.built-different__feature--left .built-different__feature-text{text-align:right}.built-different__feature--right .built-different__feature-title,.built-different__feature--right .built-different__feature-text{text-align:left}}@media(max-width:1400px)and (min-width:1000px){.built-different__feature-body{padding-inline:2rem}.built-different__media{--bd-media-width: 350px !important}.built-different__feature{--bd-media-width: 350px !important;--bd-feature-width: 300px !important}.built-different__feature:first-child{--bd-feature-top: 50px !important}.built-different__feature:nth-child(2){--bd-feature-top: 250px !important}.built-different__feature:nth-child(3){--bd-feature-top: 60px !important}.built-different__feature:last-child{--bd-feature-top: 280px !important}}@media screen and (max-width:999px){.built-different__stage{flex-direction:column;gap:2.5rem}.built-different__media{width:100%;aspect-ratio:var(--bd-media-ratio-mobile, 343 / 371)}.built-different__features{display:flex;flex-direction:column;gap:2rem;width:100%}.built-different__feature{width:100%;align-items:center;text-align:center}.built-different__feature-dot{left:50%;transform:translate(-50%,-50%)}.built-different__feature-body{align-items:center;padding-inline:1.5rem}.built-different__feature-title,.built-different__feature-text{text-align:center}.built-different__feature-line{width:calc(100% - 6rem)}}@media screen and (max-width:699px){.built-different__title{font-size:var(--text-h2)}.built-different__media{border-radius:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/is--built-different.css.map */
