.bb-why{--space-why-record: clamp(16px, 1vw + 12px, 24px);--space-why-copy: clamp(20px, 1vw + 16px, 24px);--height-why-media: clamp(360px, 30vw + 200px, 480px);--position-why-image: right center;--width-why-text: 556px;--font-size-why-number: var(--font-size-20);--font-size-why-point-title: var(--font-size-15);--font-size-why-title: var(--font-size-24);--font-size-why-text: var(--font-size-14);--font-size-why-point-body: var(--font-size-16);display:flex;flex-direction:column;align-items:center;gap:var(--space-stack-lg);padding:var(--space-section-block-lg) var(--space-page-inline);font-family:var(--font-family-body)}.bb-why p,.bb-why h3,.bb-why h4{margin:0}.bb-why__header{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;text-wrap:balance}.bb-why__records{display:flex;flex-direction:column;gap:var(--space-stack-lg);width:100%}.bb-why__record{display:flex;flex-direction:column;gap:var(--space-why-record);padding:var(--space-why-record);border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-surface-raised)}.bb-why__media{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:var(--height-why-media);overflow:hidden;border-radius:var(--radius-card);background:var(--color-surface-scrim)}.bb-why__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:var(--position-why-image);transition:scale var(--duration-hover-zoom) var(--motion-ease-out)}.bb-why__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to bottom,transparent,var(--color-surface-scrim))}.bb-why__record--plain{gap:var(--space-stack-lg);padding:0;border:0;background:none}.bb-why__media--plain{min-height:0;overflow:visible;border-radius:0;background:none}.bb-why__media--plain:before{content:none}.bb-why__media--plain .bb-why__copy{padding:0}@media(hover:hover){.bb-why__record:hover .bb-why__image{scale:var(--scale-hover-zoom)}}.bb-why__copy{display:flex;flex-direction:column;gap:10px;padding:var(--space-why-copy)}.bb-why__copy .bb-eyebrow{margin-bottom:2px}.bb-why .bb-why__title{max-width:var(--width-why-text);font-size:var(--font-size-why-title);line-height:1.25;text-wrap:balance}.bb-why__text{max-width:var(--width-why-text);color:var(--color-text-secondary);font-size:var(--font-size-why-text);line-height:1.5}.bb-why__content{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.bb-why__points{width:100%;margin:0;padding:0}.bb-why__point{position:relative;display:flex;align-items:flex-start;gap:16px;padding-block:16px;border-bottom:var(--border-width-hairline) solid var(--color-border-subtle)}.bb-why__point:after{content:"";position:absolute;right:0;bottom:calc(-1 * var(--border-width-hairline));left:0;height:var(--border-width-hairline);background:var(--color-border-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-reveal) var(--motion-ease-out)}.bb-why__number{flex-shrink:0;min-width:2ch;color:var(--color-text-tertiary);font-family:var(--font-family-display);font-size:var(--font-size-why-number);font-style:italic;line-height:1.2;transition:color var(--motion-duration-fast) var(--motion-ease-out),translate var(--motion-duration-fast) var(--motion-ease-out)}@media(hover:hover){.bb-why__point:hover:after{transform:scaleX(1)}.bb-why__point:hover .bb-why__number{color:var(--color-text-eyebrow);translate:var(--distance-nudge) 0}}.bb-why__point-text{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.bb-why .bb-why__point-title{color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-why-point-title);font-weight:500;line-height:1.2;letter-spacing:0;text-transform:none}.bb-why__point-body{color:var(--color-text-tertiary);font-size:var(--font-size-why-point-body);line-height:1.6}@media screen and (min-width:1150px){.bb-why__record{flex-direction:row}.bb-why__media,.bb-why__content{flex:1 1 0;min-width:0}.bb-why__media{min-height:0}}@media screen and (max-width:699px){.bb-why{--font-size-why-point-body: var(--font-size-15)}.bb-why__content .bb-button{width:100%}}@media screen and (min-width:700px){.bb-why__record--plain .bb-why__points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(var(--space-why-record) * 3)}}@media screen and (min-width:1150px){.bb-why__record--plain{flex-direction:column}.bb-why__record--plain .bb-why__media,.bb-why__record--plain .bb-why__content{flex:none}.bb-why__record--plain .bb-why__points{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/section-bb-why.css.map */