.expert-showcase{--expert-gutter: var(--space-20);display:flex;flex-direction:column;gap:var(--space-40);color:var(--color-foreground)}.expert-showcase__top{display:flex;flex-direction:column;gap:var(--space-40);padding-inline:var(--expert-gutter)}.expert-showcase__content{display:contents}.expert-showcase__intro{display:flex;flex-direction:column;gap:var(--space-16);order:1}.expert-showcase__heading{max-inline-size:34.4375rem;margin:0;color:inherit;font-family:var(--font-family-primary);font-weight:var(--font-weight-primary-regular);font-optical-sizing:auto;font-size:var(--font-size-heading-3);line-height:round(nearest,calc(var(--line-height-96) * 1em),.0625rem);letter-spacing:var(--letter-spacing-0);text-wrap:balance}.expert-showcase__text{max-inline-size:17.5625rem;font-weight:var(--font-weight-primary-regular);font-optical-sizing:auto;font-size:var(--font-size-text-3);line-height:round(nearest,calc(var(--line-height-120) * 1em),.0625rem)}.expert-showcase__text p{margin:0}.expert-showcase__text br{display:none}.expert-showcase__video{position:relative;display:block;order:2;aspect-ratio:335 / 240;overflow:hidden;border-radius:var(--radius-16);background-color:var(--primary-jet-black)}.expert-showcase__video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 78%,rgb(0 0 0 / .6));pointer-events:none}.expert-showcase__video-media{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.expert-showcase__caption{position:absolute;inset-block-end:var(--space-20);inset-inline-start:var(--space-20);z-index:var(--layer-flat);display:flex;flex-direction:column;gap:var(--space-8);max-inline-size:14.6875rem;color:var(--text-2)}.expert-showcase__caption-title{margin:0;font-weight:var(--font-weight-primary-regular);font-optical-sizing:auto;font-size:var(--font-size-text-1);line-height:round(nearest,calc(var(--line-height-120) * 1em),.0625rem)}.expert-showcase__caption-subtitle{margin:0;font-weight:var(--font-weight-primary-semi-bold);font-optical-sizing:none;font-size:var(--font-size-utility-5);line-height:var(--line-height-100);text-transform:uppercase}.expert-showcase__logos{display:flex;justify-content:space-between;align-items:center;gap:var(--space-16);order:3}.brand-logo{block-size:calc(var(--brand-logo-height) * .677)}.brand-logo__image{display:block;inline-size:auto;block-size:100%}.brand-logo__image--placeholder{inline-size:4rem}.expert-showcase__track{display:flex;gap:var(--space-16);padding-inline:var(--expert-gutter);overflow-x:auto;overflow-y:hidden;scroll-padding-inline:var(--expert-gutter);scroll-snap-type:x mandatory;scrollbar-width:none}.expert-showcase__track::-webkit-scrollbar{display:none}.expert-showcase__track[data-dragging]{scroll-snap-type:none;cursor:grabbing}.expert-showcase__button--desktop{display:none}.expert-showcase__button--mobile,.expert-showcase__button--mobile:hover{--button-color: var(--text-1);--button-background-color: transparent;--button-border-color: var(--stroke-1);--button-border-width: var(--stroke-width-1);--button-focus-outline-color: var(--stroke-4)}.expert-showcase__button--mobile{inline-size:auto;margin-inline:var(--expert-gutter)}.expert-showcase__button--desktop,.expert-showcase__button--desktop:hover{--button-color: var(--text-2);--button-background-color: var(--button-3);--button-border-color: var(--button-3);--button-focus-outline-color: var(--stroke-4)}@media(hover:hover){.expert-showcase__button--mobile:hover{--button-background-color: var(--surface-1);box-shadow:inset 0 0 0 var(--stroke-width-1) var(--stroke-1),var(--effect-red-glow)}.expert-showcase__button--desktop:hover{box-shadow:var(--effect-red-glow)}}.expert-card{display:flex;flex:0 0 20rem;flex-direction:column;overflow:hidden;border-radius:var(--radius-16);background-color:var(--surface-1);color:var(--text-1);scroll-snap-align:start}.expert-card__photo{position:relative;flex:none;block-size:10.5rem}.expert-card__photo-image{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 20%}.expert-card__panel{position:relative;display:flex;flex:1;flex-direction:column;gap:var(--space-16);min-block-size:15.625rem;padding:var(--space-24);background-color:var(--surface-5)}.expert-card__panel>:not(.expert-card__product-image){position:relative}.expert-card__product-image{position:absolute;inset-block-end:-2.4%;inset-inline-end:-5.6%;inline-size:53.5%;block-size:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.expert-card__header{display:flex;justify-content:space-between;align-items:flex-start}.expert-card__heading{display:flex;flex-direction:column;gap:var(--space-8)}.expert-card__name{margin:0;color:inherit;font-family:var(--font-family-primary);font-weight:var(--font-weight-primary-regular);font-optical-sizing:auto;font-size:var(--font-size-text-1);line-height:round(nearest,calc(var(--line-height-120) * 1em),.0625rem);letter-spacing:var(--letter-spacing-0)}.expert-card__role{margin:0;font-weight:var(--font-weight-primary-semi-bold);font-optical-sizing:none;font-size:var(--font-size-utility-5);line-height:var(--line-height-100);text-transform:uppercase}.expert-card__toggle{display:flex;flex:none;justify-content:center;align-items:center;inline-size:var(--space-32);block-size:var(--space-32);padding:0;border:0;border-radius:var(--radius-pill);background-color:var(--button-3);color:var(--text-2);cursor:pointer;transition:box-shadow var(--motion-dissolve-duration) var(--motion-dissolve-easing)}.expert-card__toggle .svg-wrapper,.expert-card__toggle svg{inline-size:var(--space-24);block-size:var(--space-24)}.expert-card__text{flex:1;max-inline-size:11.125rem;margin:0;font-weight:var(--font-weight-primary-regular);font-optical-sizing:auto;font-size:var(--font-size-text-4);line-height:round(nearest,calc(var(--line-height-120) * 1em),.0625rem)}.expert-card__text--quote{text-indent:-.45em}.expert-card__break{display:none}.expert-card__link{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-8);color:inherit;font-weight:var(--font-weight-primary-semi-bold);font-optical-sizing:none;font-size:var(--font-size-utility-3);line-height:var(--line-height-100);text-decoration:none;text-transform:uppercase}.expert-card__link-text{text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-position:from-font}.expert-card__link .svg-wrapper,.expert-card__link svg{inline-size:var(--space-20);block-size:var(--space-20)}@media(hover:hover){.expert-card__toggle:hover{box-shadow:var(--effect-red-glow)}}.expert-bio{--expert-bio-padding: var(--space-20);position:fixed;inset-block:0;inset-inline:auto 0;inline-size:min(32.3125rem,100%);max-inline-size:100%;block-size:100dvh;max-block-size:100dvh;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;border:0;background-color:var(--surface-1);color:var(--text-1)}.expert-bio:focus-visible{outline:none}.expert-bio[open]{animation:expert-bio-in var(--animation-speed-slow) var(--animation-timing-fade-in)}.expert-bio.is-closing{animation:expert-bio-out var(--animation-speed-slow) var(--animation-timing-fade-out) forwards}@keyframes expert-bio-in{0%{translate:100% 0}}@keyframes expert-bio-out{to{translate:100% 0}}.expert-bio::backdrop{background-color:color-mix(in srgb,var(--primary-jet-black) 50%,transparent)}.expert-bio__inner{position:relative;min-block-size:100%}.expert-bio__close{position:absolute;inset-block-start:var(--space-24);inset-inline-end:var(--space-24);z-index:1;display:grid;place-items:center;inline-size:var(--space-24);block-size:var(--space-24);padding:0;border:0;background:none;color:var(--icons-1);cursor:pointer}.expert-bio__close .svg-wrapper,.expert-bio__close svg{inline-size:var(--space-24);block-size:var(--space-24)}.expert-bio__close path{stroke-width:2;stroke-linecap:square}.expert-bio__hero{position:relative;aspect-ratio:517 / 260;overflow:hidden;background-color:var(--surface-5)}.expert-bio__cover{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:top}.expert-bio__intro{position:absolute;inset-inline:0;inset-block-end:0;display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-16);padding:var(--space-24) var(--expert-bio-padding);background:linear-gradient(to bottom,transparent,rgb(0 0 0 / .6) 51.5%);color:var(--text-2)}.expert-bio__heading{display:flex;flex:1 1 0;flex-direction:column;gap:var(--space-8);min-inline-size:0}.expert-bio__name{margin:0;color:inherit;font-family:var(--font-family-primary);font-weight:var(--font-weight-primary-regular);font-optical-sizing:auto;font-size:var(--font-size-heading-6);line-height:round(nearest,calc(var(--line-height-112) * 1em),.0625rem);letter-spacing:var(--letter-spacing-0)}.expert-bio__role{margin:0;font-size:var(--font-size-text-4);line-height:round(nearest,calc(var(--line-height-120) * 1em),.0625rem)}.expert-bio__social{display:flex;gap:var(--space-16);margin:0;padding:0;list-style:none}.expert-bio__social-link{display:block;color:inherit}.expert-bio__social-icon{display:block;inline-size:var(--space-16);block-size:var(--space-16);fill:currentColor}.expert-bio__body{display:flex;flex-direction:column;gap:var(--space-32);padding:var(--space-48) var(--expert-bio-padding)}.expert-bio__about,.expert-bio__description{display:flex;flex-direction:column;gap:var(--space-16)}.expert-bio__caption{margin:0;font-size:var(--font-size-text-1);line-height:round(nearest,calc(var(--line-height-120) * 1em),.0625rem);text-wrap:balance}.expert-bio__description,.expert-bio__value{font-size:var(--font-size-text-3);line-height:round(nearest,calc(var(--line-height-120) * 1em),.0625rem)}.expert-bio__description>*,.expert-bio__value{margin:0}.expert-bio__group{display:flex;flex-direction:column;gap:var(--space-12)}.expert-bio__label{margin:0;color:inherit;font-family:var(--font-family-primary);font-weight:var(--font-weight-primary-semi-bold);font-optical-sizing:none;font-size:var(--font-size-utility-3);line-height:var(--line-height-100);letter-spacing:var(--letter-spacing-0);text-transform:uppercase}.expert-bio__list{display:flex;flex-direction:column;gap:var(--space-8)}.expert-bio__device{padding-inline:var(--space-12) var(--space-24);border-radius:var(--radius-8);background-color:var(--surface-5)}.expert-bio__fact{margin:0;padding:var(--space-16);border-radius:var(--radius-8);background-color:var(--surface-5);font-size:var(--font-size-text-4);line-height:round(nearest,calc(var(--line-height-120) * 1em),.0625rem)}@media(prefers-reduced-motion:reduce){.expert-card__toggle{transition:none}.expert-bio[open],.expert-bio.is-closing{animation:none}}@media screen and (min-width:750px){.expert-showcase{--expert-gutter: max(var(--space-56), (100% - var(--page-content-width) + var(--space-112)) / 2)}.expert-showcase__text{max-inline-size:31.6875rem;font-size:var(--font-size-text-2)}.expert-showcase__video{aspect-ratio:664 / 486}.expert-showcase__caption{inset-block-end:var(--space-32);inset-inline-start:var(--space-32)}.expert-showcase__caption-title{font-size:var(--font-size-heading-6);line-height:round(nearest,calc(var(--line-height-112) * 1em),.0625rem)}.expert-showcase__logos{flex-wrap:wrap;justify-content:flex-start;gap:var(--space-24) var(--space-56)}.brand-logo{block-size:var(--brand-logo-height)}.expert-showcase__button--desktop{display:grid;order:4;align-self:flex-start}.expert-showcase__button--mobile{display:none}.expert-card{flex-basis:41rem;flex-direction:row;block-size:23.25rem}.expert-card__photo{flex-basis:13rem;block-size:auto;overflow:hidden}.expert-card__photo-image{object-position:14%;scale:1.05;transform-origin:bottom}.expert-card__panel{min-block-size:0;padding:var(--space-32)}.expert-card__product-image{inset-block-end:0;inset-inline-end:-11.15%;inline-size:68.74%}.expert-card__name{font-size:var(--font-size-heading-6);line-height:round(nearest,calc(var(--line-height-112) * 1em),.0625rem)}.expert-card__text{max-inline-size:15.4375rem}.expert-card__break{display:inline}.expert-bio{--expert-bio-padding: var(--space-40)}}@media screen and (min-width:990px){.expert-showcase__top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:0}.expert-showcase__top>*,.expert-showcase__content>*{order:0}.expert-showcase__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-56);padding-inline-end:var(--space-32)}.expert-showcase__intro{gap:var(--space-20)}}@media screen and (min-width:990px)and (max-width:1199px){.brand-logo{block-size:calc(var(--brand-logo-height) * .677)}}@media screen and (min-width:1200px){.expert-showcase__text br{display:inline}}@media screen and (min-width:750px)and (max-width:1439px){.expert-showcase__logos{align-self:stretch;justify-content:space-between;column-gap:var(--space-24)}}
/*# sourceMappingURL=/cdn/shop/t/141/assets/expert-showcase.css.map */