.dio-about-hero,.dio-about-story,.dio-about-pillars,.dio-about-cta{overflow:hidden;overflow:clip}.dio-about-hero{position:relative;min-height:var(--about-hero-height-mobile);display:grid;isolation:isolate;color:var(--dio-text);background:var(--dio-bg)}.dio-about-hero__media,.dio-about-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.dio-about-hero__media{z-index:-2}.dio-about-hero__media picture,.dio-about-hero__image,.dio-about-hero__placeholder{width:100%;height:100%;display:block}.dio-about-hero__image,.dio-about-hero__placeholder{object-fit:var(--about-hero-image-fit);object-position:var(--about-hero-image-position)}.dio-about-hero__overlay{z-index:-1;background:var(--about-hero-overlay);opacity:var(--about-hero-overlay-opacity);pointer-events:none}.dio-about-hero__inner{z-index:1;width:min(100% - 3.2rem,var(--page-width));min-height:inherit;display:grid;align-items:center;justify-items:center;margin-inline:auto;padding-block:var(--about-hero-padding-top-mobile) var(--about-hero-padding-bottom-mobile)}.dio-about-hero__copy{position:relative;width:min(100%,var(--about-hero-copy-width-mobile));display:flex;flex-direction:column;align-items:flex-start;text-align:left}.dio-about-hero__copy>*{position:relative;z-index:1}.dio-about-hero--copy-gradient .dio-about-hero__copy:before{position:absolute;z-index:0;top:-3rem;right:-3rem;bottom:-3rem;left:-3rem;background:linear-gradient(90deg,color-mix(in srgb,var(--about-hero-copy-gradient) var(--about-hero-copy-gradient-strength),transparent),transparent);content:"";pointer-events:none}.dio-about-hero--mobile-text-center .dio-about-hero__copy{align-items:center;text-align:center}.dio-about-hero--mobile-text-center .dio-about-hero__copy:before{background:radial-gradient(circle,color-mix(in srgb,var(--about-hero-copy-gradient) var(--about-hero-copy-gradient-strength),transparent),transparent 72%)}.dio-about-hero--mobile-text-right .dio-about-hero__copy{align-items:flex-end;text-align:right}.dio-about-hero--mobile-text-right .dio-about-hero__copy:before{background:linear-gradient(270deg,color-mix(in srgb,var(--about-hero-copy-gradient) var(--about-hero-copy-gradient-strength),transparent),transparent)}.dio-about-hero--mobile-top-left .dio-about-hero__inner,.dio-about-hero--mobile-top-center .dio-about-hero__inner,.dio-about-hero--mobile-top-right .dio-about-hero__inner{align-items:start}.dio-about-hero--mobile-bottom-left .dio-about-hero__inner,.dio-about-hero--mobile-bottom-center .dio-about-hero__inner,.dio-about-hero--mobile-bottom-right .dio-about-hero__inner{align-items:end}.dio-about-hero--mobile-top-left .dio-about-hero__inner,.dio-about-hero--mobile-center-left .dio-about-hero__inner,.dio-about-hero--mobile-bottom-left .dio-about-hero__inner{justify-items:start}.dio-about-hero--mobile-top-right .dio-about-hero__inner,.dio-about-hero--mobile-center-right .dio-about-hero__inner,.dio-about-hero--mobile-bottom-right .dio-about-hero__inner{justify-items:end}.dio-about-hero__eyebrow,.dio-about-story__eyebrow,.dio-about-pillars__eyebrow,.dio-about-cta__eyebrow{font-size:var(--about-eyebrow-size-mobile)}.dio-about-hero__heading{max-width:none;font-size:var(--about-hero-heading-size-mobile)}.dio-about-hero__introduction{max-width:64rem;margin-top:2rem;font-size:var(--about-hero-body-size-mobile);line-height:1.6}.dio-about-hero__introduction>*{margin-block:0}.dio-about-hero__note{max-width:58rem;margin:1.6rem 0 0;color:color-mix(in srgb,currentColor 64%,transparent);font-size:1.2rem;line-height:1.6}.dio-about-hero__actions,.dio-about-cta__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.8rem}.dio-about-hero--mobile-text-center .dio-about-hero__actions,.dio-about-cta--mobile-center .dio-about-cta__actions{justify-content:center}.dio-about-hero--mobile-text-right .dio-about-hero__actions,.dio-about-cta--mobile-right .dio-about-cta__actions{justify-content:flex-end}.dio-about-story{color:var(--dio-text);background:var(--dio-bg)}.dio-about-story__inner{width:min(100% - 3.2rem,var(--about-story-max-width));display:grid;gap:var(--about-story-gap-mobile, 32px);align-items:var(--about-story-vertical);margin-inline:auto;padding-block:var(--about-story-padding-top-mobile) var(--about-story-padding-bottom-mobile)}.dio-about-story__media{min-width:0;overflow:hidden;aspect-ratio:var(--about-story-image-ratio);border:var(--about-story-border-width) solid var(--about-story-border);border-radius:var(--about-story-radius);background:var(--about-story-surface)}.dio-about-story__media picture,.dio-about-story__image{width:100%;height:100%;display:block}.dio-about-story__image{object-fit:var(--about-story-image-fit);object-position:var(--about-story-image-position)}.dio-about-story__content{width:min(100%,var(--about-story-copy-max));min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.dio-about-story--mobile-center .dio-about-story__content{align-items:center;margin-inline:auto;text-align:center}.dio-about-story--mobile-right .dio-about-story__content{align-items:flex-end;margin-left:auto;text-align:right}.dio-about-story--mobile-copy-first .dio-about-story__content{order:-1}.dio-about-story__heading,.dio-about-pillars__heading{max-width:none;font-size:var(--about-heading-size-mobile)}.dio-about-story__body,.dio-about-pillars__introduction,.dio-about-cta__body{margin-top:1.8rem;color:color-mix(in srgb,currentColor 72%,transparent);font-size:var(--about-body-size-mobile);line-height:1.65}.dio-about-story__body>*,.dio-about-pillars__introduction>*,.dio-about-cta__body>*{margin-block:0}.dio-about-story__body>*+*,.dio-about-pillars__introduction>*+*,.dio-about-cta__body>*+*{margin-top:1.2rem}.dio-about-story__quote{max-width:56rem;margin:2.4rem 0 0;padding:0 0 0 1.8rem;border-left:.3rem solid var(--dio-accent);color:inherit;font-family:var(--font-heading-family);font-size:calc(var(--about-body-size-mobile) * 1.15);line-height:1.35}.dio-about-story--mobile-center .dio-about-story__quote{padding:1.6rem 0 0;border-top:.3rem solid var(--dio-accent);border-left:0}.dio-about-story--mobile-right .dio-about-story__quote{padding:0 1.8rem 0 0;border-right:.3rem solid var(--dio-accent);border-left:0}.dio-about-story__note{max-width:58rem;margin:2rem 0 0;color:color-mix(in srgb,currentColor 54%,transparent);font-size:1.2rem;line-height:1.6}.dio-about-story__button{margin-top:2.8rem}.dio-about-story--statement .dio-about-story__content{width:min(100%,var(--about-story-copy-max))}.dio-about-story--statement:not(.dio-about-story--no-media) .dio-about-story__content{order:-1}.dio-about-pillars{color:var(--dio-text);background:var(--dio-bg)}.dio-about-pillars__inner{width:min(100% - 3.2rem,var(--about-pillars-max-width));margin-inline:auto;padding-block:var(--about-pillars-padding-top-mobile) var(--about-pillars-padding-bottom-mobile)}.dio-about-pillars__header{max-width:78rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.dio-about-pillars--center .dio-about-pillars__header{align-items:center;margin-inline:auto;text-align:center}.dio-about-pillars--right .dio-about-pillars__header{align-items:flex-end;margin-left:auto;text-align:right}.dio-about-pillars__grid{display:grid;grid-template-columns:repeat(var(--about-pillars-columns-mobile),minmax(0,1fr));gap:var(--about-pillars-row-gap) var(--about-pillars-card-gap);margin:4rem 0 0;padding:0;list-style:none}.dio-about-pillars:not(.dio-about-pillars--equal-height) .dio-about-pillars__grid{align-items:start}.dio-about-pillars__card{min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column;padding:clamp(2rem,4vw,3.2rem);border:var(--about-card-border-width) solid var(--about-card-border);border-radius:var(--about-card-radius);color:var(--about-card-text);background:var(--about-card-bg)}.dio-about-pillars:not(.dio-about-pillars--equal-height) .dio-about-pillars__card{height:auto}.dio-about-pillars__card--center{align-items:center;text-align:center}.dio-about-pillars__card--right{align-items:flex-end;text-align:right}.dio-about-pillars__media{width:100%;overflow:hidden;aspect-ratio:4 / 3;margin-bottom:2.4rem;border-radius:max(0px,calc(var(--about-card-radius) - var(--about-card-border-width)));background:color-mix(in srgb,var(--about-card-bg) 84%,white)}.dio-about-pillars__media picture,.dio-about-pillars__image{width:100%;height:100%;display:block}.dio-about-pillars__image{object-fit:cover}.dio-about-pillars__icon{width:3.2rem;height:3.2rem;display:inline-flex;margin-bottom:2.4rem;color:var(--about-card-accent)}.dio-about-pillars__icon svg{width:100%;height:100%}.dio-about-pillars__index{margin:0 0 1.2rem;color:var(--about-card-accent);font-size:var(--about-card-eyebrow-size-mobile);font-weight:700;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.dio-about-pillars__card h3{margin:0;color:inherit;font-family:var(--font-heading-family);font-size:var(--about-card-heading-size-mobile);letter-spacing:0;line-height:1.08;overflow-wrap:anywhere}.dio-about-pillars__text{margin-top:1.4rem;color:color-mix(in srgb,currentColor 70%,transparent);font-size:var(--about-card-body-size-mobile);line-height:1.6}.dio-about-pillars__text>*{margin-block:0}.dio-about-pillars__link{align-self:inherit;margin-top:auto;padding-top:2.4rem;color:var(--about-card-accent);font-weight:700;text-underline-offset:.4rem}.dio-about-pillars__link:focus-visible{outline:.3rem solid var(--about-card-accent);outline-offset:.3rem}.dio-about-cta{color:var(--dio-text);background:var(--dio-bg)}.dio-about-cta__inner{width:min(100% - 3.2rem,var(--about-cta-max-width));margin-inline:auto;padding-block:var(--about-cta-padding-top-mobile) var(--about-cta-padding-bottom-mobile)}.dio-about-cta__panel{display:flex;flex-direction:column;align-items:flex-start;padding:var(--about-cta-panel-padding-mobile);border:var(--about-cta-border-width) solid var(--about-cta-border);border-radius:var(--about-cta-radius);background:var(--about-cta-surface);text-align:left}.dio-about-cta--mobile-center .dio-about-cta__panel{align-items:center;text-align:center}.dio-about-cta--mobile-right .dio-about-cta__panel{align-items:flex-end;text-align:right}.dio-about-cta__heading{max-width:none;font-size:var(--about-cta-heading-size-mobile)}.dio-about-cta__body{max-width:68rem}@media screen and (max-width:479px){.dio-about-pillars__grid{grid-template-columns:minmax(0,1fr)}.dio-about-hero__actions,.dio-about-cta__actions{width:100%;flex-direction:column}.dio-about-hero__actions .dio-button,.dio-about-cta__actions .dio-button{width:100%}}@media screen and (min-width:750px){.dio-about-hero{min-height:var(--about-hero-height-desktop)}.dio-about-hero__inner,.dio-about-story__inner,.dio-about-pillars__inner,.dio-about-cta__inner{width:min(100% - 6.4rem,var(--page-width))}.dio-about-story__inner{width:min(100% - 6.4rem,var(--about-story-max-width))}.dio-about-pillars__inner{width:min(100% - 6.4rem,var(--about-pillars-max-width))}.dio-about-cta__inner{width:min(100% - 6.4rem,var(--about-cta-max-width))}.dio-about-hero__inner{padding-block:var(--about-hero-padding-top-desktop) var(--about-hero-padding-bottom-desktop)}.dio-about-hero__copy{width:min(100%,var(--about-hero-copy-width-desktop))}.dio-about-hero__eyebrow,.dio-about-story__eyebrow,.dio-about-pillars__eyebrow,.dio-about-cta__eyebrow{font-size:var(--about-eyebrow-size-desktop)}.dio-about-hero__heading{font-size:var(--about-hero-heading-size-desktop)}.dio-about-hero__introduction{font-size:var(--about-hero-body-size-desktop)}.dio-about-story__inner{gap:var(--about-story-gap-desktop);padding-block:var(--about-story-padding-top-desktop) var(--about-story-padding-bottom-desktop)}.dio-about-story--split:not(.dio-about-story--no-media) .dio-about-story__inner{grid-template-columns:minmax(0,var(--about-story-media-width)) minmax(0,1fr)}.dio-about-story--media-right.dio-about-story--split .dio-about-story__media{order:2}.dio-about-story--media-right.dio-about-story--split .dio-about-story__content{order:1}.dio-about-story--image-above .dio-about-story__media,.dio-about-story--image-above .dio-about-story__content,.dio-about-story--statement .dio-about-story__media,.dio-about-story--statement .dio-about-story__content{width:min(100%,var(--about-story-copy-max));margin-inline:auto}.dio-about-story--image-above .dio-about-story__media{width:100%}.dio-about-story__heading,.dio-about-pillars__heading{font-size:var(--about-heading-size-desktop)}.dio-about-story__body,.dio-about-pillars__introduction,.dio-about-cta__body{font-size:var(--about-body-size-desktop)}.dio-about-story--desktop-center .dio-about-story__content{align-items:center;margin-inline:auto;text-align:center}.dio-about-story--desktop-right .dio-about-story__content{align-items:flex-end;margin-left:auto;text-align:right}.dio-about-story--desktop-left .dio-about-story__content{align-items:flex-start;margin-right:auto;margin-left:0;text-align:left}.dio-about-story--desktop-center .dio-about-story__quote{padding:1.6rem 0 0;border-top:.3rem solid var(--dio-accent);border-left:0}.dio-about-story--desktop-right .dio-about-story__quote{padding:0 1.8rem 0 0;border-right:.3rem solid var(--dio-accent);border-left:0}.dio-about-story--desktop-left .dio-about-story__quote{padding:0 0 0 1.8rem;border-top:0;border-right:0;border-left:.3rem solid var(--dio-accent)}.dio-about-pillars__inner{padding-block:var(--about-pillars-padding-top-desktop) var(--about-pillars-padding-bottom-desktop)}.dio-about-pillars__grid{grid-template-columns:repeat(var(--about-pillars-columns-desktop),minmax(0,1fr))}.dio-about-pillars__index{font-size:var(--about-card-eyebrow-size-desktop)}.dio-about-pillars__card h3{font-size:var(--about-card-heading-size-desktop)}.dio-about-pillars__text{font-size:var(--about-card-body-size-desktop)}.dio-about-cta__inner{padding-block:var(--about-cta-padding-top-desktop) var(--about-cta-padding-bottom-desktop)}.dio-about-cta__panel{padding:var(--about-cta-panel-padding-desktop)}.dio-about-cta--desktop-center .dio-about-cta__panel{align-items:center;text-align:center}.dio-about-cta--desktop-right .dio-about-cta__panel{align-items:flex-end;text-align:right}.dio-about-cta--desktop-left .dio-about-cta__panel{align-items:flex-start;text-align:left}.dio-about-cta--desktop-center .dio-about-cta__actions{justify-content:center}.dio-about-cta--desktop-right .dio-about-cta__actions{justify-content:flex-end}.dio-about-cta--desktop-left .dio-about-cta__actions{justify-content:flex-start}.dio-about-cta__heading{font-size:var(--about-cta-heading-size-desktop)}}@media screen and (min-width:990px){.dio-about-hero--desktop-top-left .dio-about-hero__inner,.dio-about-hero--desktop-top-center .dio-about-hero__inner,.dio-about-hero--desktop-top-right .dio-about-hero__inner{align-items:start}.dio-about-hero--desktop-center-left .dio-about-hero__inner,.dio-about-hero--desktop-center-center .dio-about-hero__inner,.dio-about-hero--desktop-center-right .dio-about-hero__inner{align-items:center}.dio-about-hero--desktop-bottom-left .dio-about-hero__inner,.dio-about-hero--desktop-bottom-center .dio-about-hero__inner,.dio-about-hero--desktop-bottom-right .dio-about-hero__inner{align-items:end}.dio-about-hero--desktop-top-left .dio-about-hero__inner,.dio-about-hero--desktop-center-left .dio-about-hero__inner,.dio-about-hero--desktop-bottom-left .dio-about-hero__inner{justify-items:start}.dio-about-hero--desktop-top-center .dio-about-hero__inner,.dio-about-hero--desktop-center-center .dio-about-hero__inner,.dio-about-hero--desktop-bottom-center .dio-about-hero__inner{justify-items:center}.dio-about-hero--desktop-top-right .dio-about-hero__inner,.dio-about-hero--desktop-center-right .dio-about-hero__inner,.dio-about-hero--desktop-bottom-right .dio-about-hero__inner{justify-items:end}.dio-about-hero--desktop-text-left .dio-about-hero__copy{align-items:flex-start;text-align:left}.dio-about-hero--desktop-text-left .dio-about-hero__copy:before{background:linear-gradient(90deg,color-mix(in srgb,var(--about-hero-copy-gradient) var(--about-hero-copy-gradient-strength),transparent),transparent)}.dio-about-hero--desktop-text-center .dio-about-hero__copy{align-items:center;text-align:center}.dio-about-hero--desktop-text-center .dio-about-hero__copy:before{background:radial-gradient(circle,color-mix(in srgb,var(--about-hero-copy-gradient) var(--about-hero-copy-gradient-strength),transparent),transparent 72%)}.dio-about-hero--desktop-text-right .dio-about-hero__copy{align-items:flex-end;text-align:right}.dio-about-hero--desktop-text-right .dio-about-hero__copy:before{background:linear-gradient(270deg,color-mix(in srgb,var(--about-hero-copy-gradient) var(--about-hero-copy-gradient-strength),transparent),transparent)}.dio-about-hero--desktop-text-left .dio-about-hero__actions{justify-content:flex-start}.dio-about-hero--desktop-text-center .dio-about-hero__actions{justify-content:center}.dio-about-hero--desktop-text-right .dio-about-hero__actions{justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.dio-about-hero .dio-button,.dio-about-story .dio-button,.dio-about-cta .dio-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-3dio-about.css.map */