.blog-cats{display:flex;justify-content:center;padding-block:var(--section-padding-block);padding-inline:var(--page-margin);background-color:var(--color-light-grey);overflow:clip}.blog-cats__inner{display:flex;flex-direction:column;gap:48px;align-items:center;width:1200px;max-width:100%}.blog-cats__heading{margin:0;text-align:center}.blog-cats__tags{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;width:588px;max-width:100%}@media(max-width:899px){.blog-cats{padding-inline:16px}.blog-cats__inner{gap:32px}}.blog-hero{display:flex;gap:var(--grid-gutter);align-items:flex-start;padding-block:48px;padding-inline:var(--page-margin)}.blog-hero__aside{display:flex;flex:0 0 auto;flex-direction:column;gap:48px;width:384px}.blog-hero__intro{display:flex;flex-direction:column;gap:var(--grid-gutter)}.blog-hero__heading{margin:0;font-size:56px;font-weight:var(--font-primary--weight);line-height:1;letter-spacing:var(--letter-spacing-heading)}.blog-hero__description{line-height:var(--line-height-body)}.blog-hero__links{display:flex;flex-direction:column;gap:16px}.blog-hero__links-label{display:flex;gap:10px;align-items:center;opacity:.4;font-size:var(--font-size-small);line-height:var(--line-height-body)}.blog-hero__links-chevron{display:flex}.blog-hero__links-chevron svg{width:14px;height:14px;transform:rotate(90deg)}.blog-hero__links-list{margin:0;padding:0;list-style:none}.big-link{display:flex;gap:11px;align-items:center;padding-block:12px;border-block-start:1px solid var(--color-stroke);color:var(--color-foreground);text-decoration:none}.big-link__icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-button);background-color:var(--color-light-grey)}.big-link__icon svg{width:24px;height:24px}.big-link__label{line-height:var(--line-height-body)}.big-link:hover .big-link__label{text-decoration:underline;text-underline-offset:3px}.blog-hero__featured{flex:1 1 auto;min-width:0}.blog-hero__empty{padding-block:96px;color:var(--color-text-muted);text-align:center}@media(max-width:1199px){.blog-hero{flex-direction:column}.blog-hero__aside,.blog-hero__featured{width:100%}.blog-hero__heading{font-size:40px}}@media(max-width:899px){.blog-hero{padding-inline:16px}.blog-hero__heading{font-size:32px}}.blog-list{display:flex;flex-direction:column;gap:64px;padding-block:48px 96px;padding-inline:var(--page-margin)}.blog-list__head{display:flex;flex-direction:column;gap:var(--grid-gutter);align-items:flex-start}.blog-list__heading{width:384px;max-width:100%;margin:0}.blog-list__filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.blog-list__body{display:flex;flex-direction:column;gap:48px;align-items:center}.blog-list__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 8px;width:100%}.blog-list__empty{padding-block:48px;color:var(--color-text-muted)}.btn-solid{display:inline-flex;align-items:center;justify-content:center;padding:11px 12px;border:0;border-radius:var(--radius-button);background-color:var(--color-foreground);color:var(--color-background);font-size:var(--font-size-small);line-height:var(--line-height-body);text-decoration:none;cursor:pointer}.btn-solid:hover{background-color:color-mix(in srgb,var(--color-foreground) 85%,#fff)}[data-busy] .btn-solid{opacity:.6;pointer-events:none}@media(max-width:1199px){.blog-list__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:899px){.blog-list{gap:40px;padding-inline:16px}.blog-list__grid{grid-template-columns:1fr;gap:40px}}.blog-trending{display:flex;justify-content:center;padding-block:var(--section-padding-block);padding-inline:var(--page-margin)}.blog-trending__inner{display:flex;flex-direction:column;gap:48px;align-items:center;width:1200px;max-width:100%}.blog-trending__header{display:flex;flex-direction:column;gap:var(--grid-gutter);align-items:center;width:440px;max-width:100%;text-align:center}.blog-trending__heading{margin:0}.blog-trending__description{color:var(--color-text-muted);line-height:var(--line-height-body)}.blog-trending__columns{display:flex;gap:var(--grid-gutter);align-items:flex-start;width:100%}.blog-trending__column{flex:1 1 0;min-width:0}@media(max-width:899px){.blog-trending{padding-inline:16px}.blog-trending__columns{flex-direction:column;gap:0}.blog-trending__inner{gap:32px}}.collection-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.collections{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--collection-card-size),100%),1fr));gap:var(--grid-gap)}.collections--compact{--collection-card-size: 160px}.collections--full{--collection-card-size: 280px}.collection-card{display:flex;flex-direction:column;width:100%}.coming-soon{--cs-bg: rgb(21 21 19);--cs-bg-bottom: rgb(18 14 12);--stage-height: 768px;--stage-offset: max(0px, calc((100svh - var(--stage-height)) / 2));--follow: .35;--frame-left: max( var(--page-margin), calc(var(--page-margin) + (100% - 1440px) * var(--follow)) );position:relative;min-height:100svh;background-color:var(--cs-bg);background-image:linear-gradient(180deg,var(--cs-bg) 0%,var(--cs-bg-bottom) 100%);color:#fff;overflow:clip}.coming-soon__backdrop{position:absolute;bottom:var(--stage-offset);right:min(-147px,calc(100% - 1587px));left:auto;width:1587px;height:var(--stage-height);background-image:var(--cs-bg-image);background-repeat:no-repeat;background-size:100% 100%;mask-image:linear-gradient(90deg,transparent 0,#000 260px),linear-gradient(180deg,transparent 0,#000 140px,#000 calc(100% - 100px),transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 260px),linear-gradient(180deg,transparent 0,#000 140px,#000 calc(100% - 100px),transparent 100%);-webkit-mask-composite:source-in}.coming-soon__logo{position:absolute;top:24px;left:var(--frame-left);z-index:2;display:block;color:#fff}.coming-soon__logo svg{display:block;width:95.898px;height:26px}.coming-soon__content{position:absolute;bottom:var(--stage-offset);left:var(--frame-left);z-index:1;display:flex;flex-direction:column;gap:var(--grid-gutter);width:508px;padding-block:var(--section-padding-block)}.coming-soon__text{display:flex;flex-direction:column;gap:12px}.coming-soon__eyebrow{font-size:var(--font-size-body);font-weight:500;line-height:var(--line-height-ui);letter-spacing:var(--letter-spacing-ui)}.coming-soon__heading{margin:0;font-size:56px;font-weight:var(--font-primary--weight);line-height:1;letter-spacing:var(--letter-spacing-heading);overflow-wrap:break-word}.coming-soon__signup{display:flex;flex-direction:column;gap:8px;width:588px;max-width:100%}.coming-soon__form-label{font-size:var(--font-size-body);line-height:var(--line-height-ui);letter-spacing:var(--letter-spacing-ui)}.coming-soon__form{display:flex;flex-direction:column;gap:8px;margin:0}.coming-soon__row{display:flex;gap:8px;align-items:center}.coming-soon__field{position:relative;flex:0 0 auto;width:434px;max-width:100%;height:80px;border:1px solid rgb(255 255 255 / .1);border-radius:var(--radius-button);background-color:#fff}.coming-soon__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:4px 8px 42px;border:0;background:none;color:var(--color-foreground);font-size:var(--font-size-body);line-height:var(--line-height-ui);letter-spacing:var(--letter-spacing-ui)}.coming-soon__input:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.coming-soon__label{position:absolute;bottom:8px;left:8px;color:var(--color-foreground);font-size:var(--font-size-body);line-height:var(--line-height-ui);letter-spacing:var(--letter-spacing-ui);pointer-events:none;transition:font-size .15s ease,opacity .15s ease}.coming-soon__input:not(:placeholder-shown)~.coming-soon__label,.coming-soon__input:focus~.coming-soon__label{font-size:var(--font-size-small);line-height:var(--line-height-body);opacity:.5}.coming-soon__submit{display:flex;flex:0 0 auto;align-items:flex-end;width:146px;height:80px;padding:0 24px 8px 8px;border:0;border-radius:var(--radius-button);background-color:var(--color-accent);color:#fff;font-size:var(--font-size-body);line-height:var(--line-height-ui);letter-spacing:var(--letter-spacing-ui);text-align:start;white-space:nowrap;cursor:pointer;transition:background-color .15s ease}.coming-soon__submit:hover{background-color:color-mix(in srgb,var(--color-accent) 88%,#000)}.coming-soon__feedback:empty{display:block}.coming-soon__feedback{min-height:18px;opacity:0;font-size:var(--font-size-small);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-ui);transition:opacity .2s ease}.coming-soon__feedback.is-visible{opacity:1}.coming-soon__feedback.is-error{color:var(--color-accent)}[data-busy] .coming-soon__submit{opacity:.6;pointer-events:none}@media(max-width:1023px){.coming-soon{display:flex;flex-direction:column;justify-content:flex-end;gap:40px;min-height:100svh}.coming-soon__backdrop{position:static;flex:0 0 auto;align-self:flex-end;width:172%;height:auto;aspect-ratio:1587 / 768}.coming-soon__content{position:static;width:100%;max-width:588px;padding-block-start:0;padding-inline:0}.coming-soon__heading{font-size:40px}}@media(max-width:899px){.coming-soon__logo{left:16px}.coming-soon__content{padding-inline:16px;padding-block-end:48px}.coming-soon__signup{width:100%}.coming-soon__row{flex-wrap:wrap}.coming-soon__field,.coming-soon__submit{width:100%}.coming-soon__heading{font-size:32px}}@media(prefers-reduced-motion:reduce){.coming-soon__feedback,.coming-soon__label,.coming-soon__submit{transition:none}}.custom-section{position:relative;overflow:hidden;width:100%}.custom-section__background{position:absolute;width:100%;height:100%;z-index:-1;overflow:hidden}.custom-section__background img{position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-section__content{display:grid;grid-template-columns:var(--content-grid)}.custom-section__content>*{grid-column:2}.faq{display:grid;grid-template-columns:var(--content-grid)}.faq__inner{grid-column:2;padding-block:var(--section-padding-block)}.faq__heading{margin-block-end:var(--grid-gutter);text-align:center}.faq__item{position:relative;display:grid;grid-template-columns:1fr;column-gap:var(--grid-gutter);padding-inline-end:44px;border-block-start:1px solid var(--color-stroke)}.faq__item[open]{grid-template-columns:566px 1fr}.faq__item:last-child{border-block-end:1px solid var(--color-stroke)}.faq__question{grid-column:1;grid-row:1;padding-block:20px;cursor:pointer;list-style:none}.faq__question::-webkit-details-marker{display:none}.faq__question:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.faq__chevron{position:absolute;top:20px;right:0;width:20px;height:20px;transition:transform .2s ease}.faq__item[open] .faq__chevron{transform:rotate(180deg)}.faq__answer{grid-column:2;grid-row:1;padding-block:20px;color:var(--color-text-muted)}.faq__answer>:first-child{margin-block-start:0}.faq__answer>:last-child{margin-block-end:0}@media(max-width:1023px){.faq__item[open]{grid-template-columns:1fr}.faq__answer{grid-column:1;grid-row:2;padding-block:0 20px}}footer{display:flex;justify-content:space-between;margin-top:2rem}footer a{text-decoration:none;color:var(--color-foreground)}footer .footer__links,footer .footer__payment{display:flex;gap:1rem}.header{--header-inset: var(--page-margin)}.header--full{--header-inset: 24px}.header__inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;padding-block:24px;padding-inline:var(--header-inset)}.header__nav{display:flex;flex:1 0 0;gap:var(--grid-gutter);min-width:0}.header__link{color:var(--color-foreground);font-size:var(--font-size-small);line-height:var(--line-height-ui);letter-spacing:var(--letter-spacing-ui);text-decoration:none;white-space:nowrap}.header__link:hover{text-decoration:underline;text-underline-offset:3px}.header__logo{display:block;flex:0 0 auto;color:var(--color-foreground)}.header__logo svg{display:block;width:95.898px;height:26px}.header__actions{display:flex;flex:1 0 0;gap:8px;justify-content:flex-end;min-width:0}.header__disclosure{display:none;position:relative}.header__toggle{list-style:none}.header__toggle::-webkit-details-marker{display:none}.header__disclosure[open] .header__toggle .btn-arrow__chip svg{transform:rotate(90deg)}.header__panel{position:absolute;z-index:2;top:calc(100% + 12px);right:0;display:grid;gap:12px;min-width:240px;padding:16px;border:1px solid var(--color-stroke);background-color:var(--color-background)}.header__panel-link{color:var(--color-foreground);font-size:var(--font-size-body);line-height:var(--line-height-ui);letter-spacing:var(--letter-spacing-ui);text-decoration:none}.header__panel-actions{display:grid;gap:8px;margin-block-start:4px}@media(max-width:899px){.header{background-color:var(--color-light-grey);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header__inner{min-height:64px;padding-block:12px;padding-inline:16px}.header__logo svg{width:88.522px;height:24px}.header__nav,.header__secondary,.header__cta{display:none}.header__disclosure{display:block}.header__actions{flex:0 0 auto}}.welcome{display:grid;grid-template-columns:var(--content-grid);background-color:#f6f6f7;padding:72px 0}.welcome-content{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:0 24px}.welcome-description{max-width:80ch;line-height:1.4;margin-top:1.5rem}.icon{width:300px}.highlights{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:50px}@media(max-width:1100px){.highlights{grid-template-columns:1fr}}.highlight{display:flex;flex-direction:column;height:100%;padding:24px;border-radius:8px;background-color:#eef3ff;color:#5c5f62;line-height:1.4}.highlight>*+*{margin-top:1rem}.highlight h3{font-size:1rem;color:#202223}.highlight-description{flex:1 1}.highlight a{display:flex;width:fit-content;background-color:#fafbfb;box-shadow:#0003 0 -3px inset,#ffffffe6 0 2px inset;border:1px solid rgb(140,145,150);border-radius:4px;color:#5c5f62;padding:3px 10px 5px;text-decoration:none}.hero{position:relative;min-height:768px;overflow:clip}.hero--light-grey{background-color:var(--color-light-grey)}.hero--white{background-color:var(--color-background)}.hero--dark{background-color:var(--color-dark);color:var(--color-on-dark)}.hero__content{position:absolute;bottom:0;left:var(--page-margin);display:flex;flex-direction:column;gap:var(--grid-gutter);width:508px;padding-block:var(--section-padding-block)}.hero__text,.hero__cta{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.hero__eyebrow{font-size:var(--font-size-body);font-weight:500;line-height:var(--line-height-ui);letter-spacing:var(--letter-spacing-ui)}.hero__heading{margin:0;font-size:56px;font-weight:var(--font-primary--weight);line-height:1;letter-spacing:var(--letter-spacing-heading);text-wrap:balance}.hero__caption{color:var(--color-text-muted);font-size:var(--font-size-small);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-ui)}.hero--dark .hero__caption{color:var(--color-on-dark-muted)}.hero__stage{position:absolute;bottom:-3.42px;left:calc(50% + 18.57px);display:flex;align-items:center;justify-content:center;width:620.467px;height:724.418px;pointer-events:none}.hero__rotor{flex:none;transform:rotate(107deg)}.hero__frame{position:relative;width:616.808px;height:460.24px;overflow:hidden}.hero__image{position:absolute;top:-47.15%;left:-81.25%;width:260.26%;height:196.2%;max-width:none}.hero-seq__pin{position:relative}.hero-seq[data-ready]{--pin-h: max(768px, 100svh);display:block;height:calc(var(--pin-h) + var(--travel, 90vh))}.hero-seq[data-ready] .hero-seq__pin{position:sticky;top:0;height:var(--pin-h)}.hero-seq[data-ready] .hero{min-height:0;height:100%}.hero-seq[data-ready] .hero__stage{transform:translate(calc(var(--p, 0) * -532.8px),calc(var(--p, 0) * (358.79px - var(--pin-h) / 2))) scale(calc(1 + var(--p, 0) * (var(--end-scale, 1.1) - 1)))}.hero-seq[data-ready] .hero__rotor{transform:rotate(calc(107deg * (1 - var(--p, 0))))}.hero-seq[data-ready] .hero__content{opacity:calc(1 - var(--p-out, 0));transform:translateY(calc(var(--p-out, 0) * -24px))}.hero__outro{position:absolute;top:50%;left:calc(50% + 216px);display:flex;flex-direction:column;gap:12px;width:384px;opacity:0;transform:translateY(calc(-50% + 24px));visibility:hidden}.hero-seq[data-ready] .hero__outro{opacity:var(--p-in, 0);transform:translateY(calc(-50% + (1 - var(--p-in, 0)) * 24px));visibility:visible}.hero__outro-heading{margin:0;font-size:var(--font-size-h4);font-weight:var(--font-primary--weight);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.hero__outro-text{color:var(--color-text-muted);font-size:var(--font-size-body);line-height:var(--line-height-body)}.hero--dark .hero__outro-text{color:var(--color-on-dark-muted)}@media(max-width:1199px){.hero{min-height:0;display:flex;flex-direction:column;gap:32px;padding-block-start:32px}.hero__stage{position:static;align-self:center;width:min(480px,100%);height:auto;aspect-ratio:620.467 / 724.418}.hero__rotor{transform:none;width:100%;height:100%}.hero__frame{width:100%;height:100%}.hero__image{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.hero__content{position:static;width:auto;padding-block:0 var(--section-padding-block);padding-inline:var(--page-margin)}.hero__heading{font-size:40px}}@media(max-width:899px){.hero__content{padding-inline:16px}.hero__heading{font-size:32px}}.key-numbers{display:grid;grid-template-columns:var(--content-grid);background-color:var(--color-dark);color:var(--color-on-dark)}.key-numbers__inner{grid-column:2;padding-block:var(--section-padding-block)}.key-numbers__heading{margin-block-end:64px;text-align:center}.key-numbers__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:96px;margin:0;padding:0;list-style:none}.key-numbers__item{position:relative;text-align:center}.key-numbers__item+.key-numbers__item:before{content:"";position:absolute;inset-block:0;inset-inline-start:-48px;width:1px;background-color:var(--color-stroke-on-dark)}.key-numbers__icon{width:36px;height:36px;margin-inline:auto;margin-block-end:4px}.key-numbers__value,.key-numbers__label{margin-block-end:4px}.key-numbers__detail{color:var(--color-on-dark-muted)}@media(max-width:1023px){.key-numbers__grid{grid-template-columns:1fr 1fr;gap:48px}.key-numbers__item+.key-numbers__item:before{display:none}.key-numbers__heading{margin-block-end:48px}}@media(max-width:599px){.key-numbers__grid{grid-template-columns:1fr}}.media-carousel{display:grid;grid-template-columns:var(--content-grid);padding-block:var(--section-padding-block);row-gap:56px}.media-carousel>*{grid-column:2}.media-carousel>.full-width{grid-column:1 / -1}.media-carousel__header{text-align:center}.media-carousel__heading{margin-block-start:12px}.media-carousel__card{width:var(--card-width, 486px);max-width:80vw}.media-carousel__media{overflow:clip;background-color:var(--color-light-grey)}.media-carousel__card--square .media-carousel__media{aspect-ratio:1 / 1}.media-carousel__card--portrait .media-carousel__media{aspect-ratio:4 / 5}.media-carousel__card--landscape .media-carousel__media{aspect-ratio:4 / 3}.media-carousel__image,.media-carousel__placeholder{width:100%;height:100%;object-fit:cover}.media-carousel__title{margin-block-start:8px}.media-carousel__text{margin-block-start:4px;color:var(--color-text-muted)}.media-carousel__footer{--carousel-inset: calc((100% - var(--content-width)) / 2);display:flex;align-items:center;justify-content:space-between;gap:var(--grid-gutter);margin-block-start:48px;padding-inline:var(--carousel-inset)}.media-carousel__footer:has(.btn-arrow){justify-content:center}.media-carousel__footer:has(.btn-arrow) .carousel__controls{position:absolute;right:var(--carousel-inset)}.media-carousel__footer:has(.btn-arrow){position:relative}@media(max-width:767px){.media-carousel{row-gap:32px}.media-carousel__footer{flex-direction:column;align-items:stretch}.media-carousel__footer:has(.btn-arrow) .carousel__controls{position:static;right:auto;justify-content:center}}.pricing{display:grid;grid-template-columns:var(--content-grid)}.pricing--white{background-color:var(--color-background)}.pricing--light-grey{background-color:var(--color-light-grey)}.pricing--dark{background-color:var(--color-dark);color:var(--color-on-dark)}.pricing--dark .text-muted{color:var(--color-on-dark-muted)}.pricing--dark .pricing__card{background-color:#ffffff0f}.pricing--dark .pricing__divider{border-color:var(--color-stroke-on-dark)}.pricing__inner{grid-column:2;padding-block:var(--section-padding-block)}.pricing__header{max-width:588px;margin-inline:auto;text-align:center}.pricing__heading{margin-block-start:12px}.pricing__subheading{margin-block-start:24px}.pricing__card{width:min(var(--card-width, 384px),100%);margin-block-start:48px;margin-inline:auto;padding:24px;background-color:var(--color-light-grey)}.pricing--light-grey .pricing__card{background-color:var(--color-background)}.pricing__badge{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.2;letter-spacing:-.01em;color:var(--color-accent)}.pricing__badge svg{width:13px;height:13px}.pricing__product{margin-block-start:29px}.pricing__prices{display:flex;align-items:baseline;gap:4px;margin-block-start:4px}.pricing__price{font-size:var(--font-size-h4);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.pricing__compare{font-size:24px;line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-muted)}.pricing__shipping{margin-block-start:8px}.pricing__description{margin-block-start:48px}.pricing__cta{margin-block-start:24px}.pricing__secure{display:flex;align-items:center;gap:4px;margin-block-start:8px}.pricing__secure svg{width:18px;height:18px}.pricing__divider{margin-block:24px 0;border:0;border-block-start:1px solid var(--color-stroke)}.pricing__included{margin-block-start:24px}.pricing__list{display:grid;gap:8px;margin:21px 0 0;padding:0;list-style:none}.pricing__list-item{display:flex;align-items:center;gap:6px}.pricing__list-item svg{flex:0 0 auto;width:18px;height:18px}.search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.search-results .prev,.search-results .page,.search-results .next{grid-column:1 / -1}.use-case{--media-backdrop: #0e0e0e;--media-width: 792px;--media-height: 556px;display:block;background-color:var(--color-background)}.use-case__inner{display:flex;flex-direction:column;gap:48px;align-items:center;padding-block:var(--section-padding-block);padding-inline:var(--page-margin)}.use-case__header{display:flex;flex-direction:column;gap:var(--grid-gutter);width:508px;max-width:100%;text-align:center}.use-case__heading{margin:0}.use-case__subheading{line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-ui)}.use-case__pin{--pin-active: 1;width:100%;height:calc(var(--media-height) + (var(--steps) - 1) * var(--step-height))}.use-case__sticky{position:sticky;top:max(24px,calc(50vh - var(--media-height) / 2))}.use-case__row{display:flex;gap:var(--grid-gutter);align-items:flex-start;justify-content:center}.use-case__media{position:relative;flex:0 0 auto;width:var(--media-width);height:var(--media-height);border-radius:4px;background-color:var(--media-backdrop);overflow:clip}.use-case__pane{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease}.use-case__pane.is-active{opacity:1}.use-case__image{position:absolute;top:calc(50% - .5px);left:50%;width:988px;height:555px;max-width:none;object-fit:cover;transform:translate(-50%,-50%)}.use-case__list{display:flex;flex:0 0 auto;flex-direction:column;justify-content:space-between;align-items:flex-start;width:384px;height:var(--media-height)}.use-case__tabs{display:flex;flex-direction:column;width:100%}.use-case__tab{width:100%;padding:16px 0;border:0;border-block-start:1px solid var(--color-stroke);background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.use-case__tab-inner{display:flex;flex-direction:column;gap:4px;opacity:.5;transition:opacity .25s ease}.use-case__tab.is-active .use-case__tab-inner{opacity:1}.use-case__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.use-case__tab-text{line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-ui)}@media(max-width:1199px){.use-case__pin{--pin-active: 0;height:auto}.use-case__sticky{position:static}.use-case__row{flex-direction:column;align-items:stretch}.use-case__media{width:100%;height:auto;aspect-ratio:792 / 556}.use-case__image{top:0;left:0;width:100%;height:100%;transform:none}.use-case__list{width:100%;height:auto;gap:var(--grid-gutter)}}@media(max-width:899px){.use-case__inner{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.use-case__pin{--pin-active: 0;height:auto}.use-case__sticky{position:static}.use-case__pane,.use-case__tab-inner{transition:none}}.group{display:flex;flex-wrap:nowrap;overflow:hidden;width:100%}.group--horizontal{flex-direction:row;justify-content:space-between;align-items:center;padding:0 var(--padding)}.group--vertical{flex-direction:column;align-items:var(--alignment);padding:var(--padding) 0}.text{text-align:var(--text-align)}.text--title{font-size:2rem;font-weight:700}.text--subtitle{font-size:1.5rem}.image{display:block;position:relative;overflow:hidden;width:100%;height:auto}.image>img{width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */