.c-featured-pro{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;height:80svh;background-color:color-mix(in srgb,var(--c-featured-pro-portrait-placeholder, var(--color-shadow)) var(--c-featured-pro-portrait-placeholder-opacity, 30%),var(--c-featured-pro-bg, var(--color-supporting)));background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed;color:var(--c-featured-pro-fg, var(--color-white));--btn-yellow-bg: var(--c-featured-pro-accent, var(--color-accent));--btn-yellow-border: var(--c-featured-pro-accent, var(--color-accent));--btn-yellow-outline-fg: var(--c-featured-pro-accent, var(--color-accent));--btn-yellow-outline-border: var(--c-featured-pro-accent, var(--color-accent));clip-path:inset(30% 0);transition:clip-path .8s ease-in-out}.c-featured-pro[data-revealed=true]{clip-path:inset(0)}.c-featured-pro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--c-featured-pro-overlay, var(--color-shadow)) var(--c-featured-pro-overlay-opacity, 40%),transparent);pointer-events:none;z-index:1}.c-featured-pro__portrait{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-end;width:auto;height:55svh;order:1;flex-shrink:0}.c-featured-pro__product-img{position:relative;width:auto;height:100%;max-width:none}.c-featured-pro__content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--3xl-spacing) var(--lg-gutter) 0}.c-featured-pro__eyebrow-row{align-self:stretch;display:flex;align-items:center;gap:var(--sm-spacing)}.c-featured-pro__eyebrow-row:after{content:"";flex:1;height:1px;background:var(--c-featured-pro-accent, var(--color-accent));transform:scaleX(0);transform-origin:left;transition:transform .9s ease-in-out}.c-featured-pro__eyebrow{font-family:var(--font-heading);font-style:italic;font-weight:700;font-size:var(--md-font-size);line-height:1;color:var(--c-featured-pro-fg, var(--color-white));letter-spacing:.04em;opacity:0;transition:opacity .5s ease-in-out}.c-featured-pro__headline{margin:var(--md-spacing) 0;font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:clamp(var(--xl-font-size),4vw,var(--2xl-font-size-plus));line-height:1.1;color:var(--c-featured-pro-fg, var(--color-white));opacity:0;transform:translate(-1.5rem);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.c-featured-pro__quote{display:flex;gap:var(--sm-spacing);margin-bottom:var(--2xl-spacing)}.c-featured-pro__quote:before{content:"";flex:0 0 1px;width:1px;align-self:stretch;background:var(--c-featured-pro-accent, var(--color-accent));transform:scaleY(0);transform-origin:top;transition:transform .9s ease-in-out}.c-featured-pro__quote-text{flex:1;margin:0;max-width:none;font-family:var(--font-body);font-weight:300;font-size:var(--sm-font-size);line-height:1.5;color:var(--c-featured-pro-quote-fg, var(--cyan-300));opacity:0;transform:translate(-1.5rem);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.c-featured-pro__ctas{display:flex;flex-direction:column;gap:var(--lg-spacing);width:100%}.c-featured-pro__ctas .c-yellow-cta,.c-featured-pro__ctas .c-yellow-cta-outline{width:100%;padding:var(--md-spacing) var(--lg-spacing);opacity:0;transform:scale(.95);transition:opacity .4s ease-in-out,transform .4s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}.c-featured-pro[data-revealed=true] .c-featured-pro__eyebrow{opacity:1;transition-delay:.3s}.c-featured-pro[data-revealed=true] .c-featured-pro__eyebrow-row:after{transform:scaleX(1);transition-delay:.5s}.c-featured-pro[data-revealed=true] .c-featured-pro__headline{opacity:1;transform:translate(0);transition-delay:.7s}.c-featured-pro[data-revealed=true] .c-featured-pro__quote:before{transform:scaleY(1);transition-delay:.9s}.c-featured-pro[data-revealed=true] .c-featured-pro__quote-text{opacity:1;transform:translate(0);transition-delay:1.1s}.c-featured-pro[data-revealed=true] .c-featured-pro__ctas .c-yellow-cta{opacity:1;transform:scale(1);transition-delay:1.3s}.c-featured-pro[data-revealed=true] .c-featured-pro__ctas .c-yellow-cta-outline{opacity:1;transform:scale(1);transition-delay:1.5s}@media(min-width:900px){.c-featured-pro{display:grid;grid-template-columns:1fr 1fr}.c-featured-pro__portrait{height:100%;order:0}.c-featured-pro__product-img{position:absolute;inset-block-end:0;inset-inline-end:0}.c-featured-pro__content{padding:var(--3xl-spacing)}.c-featured-pro__quote{margin-bottom:var(--2xl-spacing)}.c-featured-pro__quote-text{padding:var(--md-spacing) var(--xsm-font-size);font-size:var(--sm-font-size)}.c-featured-pro__ctas{flex-direction:row}}@media(max-width:899px){.c-featured-pro{background-attachment:scroll}}@media(prefers-reduced-motion:reduce){.c-featured-pro{clip-path:inset(0);transition:none;background-attachment:scroll}.c-featured-pro__eyebrow,.c-featured-pro__headline,.c-featured-pro__quote-text,.c-featured-pro__ctas .c-yellow-cta,.c-featured-pro__ctas .c-yellow-cta-outline{opacity:1;transform:none;transition:none}.c-featured-pro__eyebrow-row:after{transform:scaleX(1);transition:none}.c-featured-pro__quote:before{transform:scaleY(1);transition:none}}@media(min-width:1513px){.c-featured-pro{padding-inline:var(--lg-gutter)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-common-featured-pro.css.map */