.bb-mech__head{display:grid;gap:var(--bb-space-5);grid-template-columns:minmax(0,1fr);margin-block-end:var(--bb-space-7)}.bb-mech__intro>*+*{margin-block-start:var(--bb-space-5)}.bb-mech__panels{display:flex;gap:var(--bb-bento-gap);list-style:none;margin:0;overflow-x:auto;overscroll-behavior-x:contain;padding:0 var(--bb-bento-gap);scroll-padding-inline:var(--bb-bento-gap);scroll-snap-type:x mandatory;scrollbar-width:none}.bb-mech__panels::-webkit-scrollbar{display:none}.bb-mech__panel{border-radius:var(--bb-radius-panel);color:var(--bb-color-text-on-dark);flex:0 0 84%;isolation:isolate;overflow:hidden;position:relative;scroll-snap-align:start}.bb-mech__panel .bb-media{--bb-media-ratio: 3 / 4;height:100%}.bb-mech__panel .bb-media:after{background:var(--bb-scrim-rise);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.bb-mech__copy{bottom:0;left:0;padding:var(--bb-space-4);position:absolute;right:0}.bb-mech__num{display:block;font-size:var(--bb-text-sm);margin-block-end:var(--bb-space-1)}.bb-mech__title{color:inherit;font-family:var(--bb-font-heading);font-size:var(--bb-text-2xl);font-synthesis:none;font-weight:var(--bb-weight-heading);letter-spacing:0;line-height:var(--bb-leading-tight);margin:0}.bb-mech__body{font-size:var(--bb-text-base);line-height:var(--bb-leading-snug);margin:var(--bb-space-2) 0 0;max-width:38rem}.bb-mech__more .bb-link{display:inline-block;margin-block-start:var(--bb-space-2)}@media(min-width:990px){.bb-mech__head{align-items:end;gap:var(--bb-space-8);grid-template-columns:minmax(0,2fr) minmax(0,1fr);margin-block-end:var(--bb-space-8)}.bb-mech__panels{height:clamp(52rem,54vw,80rem);overflow:visible;scroll-snap-type:none}.bb-mech__panel{flex:1 1 0;min-width:0;transition:flex-grow .6s var(--bb-ease)}.bb-mech__panel:first-child,.bb-mech__panels:hover .bb-mech__panel:hover,.bb-mech__panels .bb-mech__panel:focus-within,.bb-mech__panels .bb-mech__panel:focus-visible{flex-grow:3}.bb-mech__panels:hover .bb-mech__panel:first-child:not(:hover){flex-grow:1}.bb-mech__panel .bb-media{aspect-ratio:auto}.bb-mech__copy{padding:var(--bb-space-5)}.bb-mech__more{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .6s var(--bb-ease),opacity .4s var(--bb-ease)}.bb-mech__more>div{min-height:0;overflow:hidden}.bb-mech__panel:first-child .bb-mech__more,.bb-mech__panels:hover .bb-mech__panel:hover .bb-mech__more,.bb-mech__panels .bb-mech__panel:focus-within .bb-mech__more,.bb-mech__panels .bb-mech__panel:focus-visible .bb-mech__more{grid-template-rows:1fr;opacity:1}.bb-mech__panels:hover .bb-mech__panel:first-child:not(:hover) .bb-mech__more{grid-template-rows:0fr;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/bb-mechanism.css.map */