@layer properties,theme,base;@layer components{.method-steps__item{opacity:.6}.method-steps,.method-steps__item:not(:last-child){margin-bottom:2rem}.method-steps__item--active{opacity:1;padding-block:.8rem}.method-steps__header{cursor:pointer;text-align:left;align-items:flex-end;width:100%;min-height:2rem;padding-left:6rem;display:flex;position:relative}.method-steps__number{position:absolute;bottom:0;left:0}.method-steps__title{position:relative}.method-steps__item--active .method-steps__title{font-family:var(--font-mono);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);text-transform:none}.method-steps__content{max-height:0;transition:max-height var(--semantic-motion-duration-2xl) var(--semantic-motion-ease-enter);padding-left:6rem;overflow:hidden}.method-steps__item--active .method-steps__content{max-height:22rem}.method-steps__content-inner{position:relative}.method-steps__progress{background-color:var(--component-method-progress-track);width:1px;position:absolute;top:1.6rem;bottom:0;left:-5.4rem}.method-steps__progress-bar{background-color:var(--component-method-progress-fill);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}.method-steps__description{opacity:0;transition:opacity var(--component-method-motion-step-fade);padding-top:1.6rem}.method-steps__item--active .method-steps__description{opacity:1;transition-delay:var(--component-method-motion-step-delay)}@media (min-width:1280px){.method-steps{margin-bottom:0}.method-steps__item:not(:last-child){margin-bottom:3.6rem}.method-steps__item--active{padding-block:2.4rem}.method-steps__header{min-height:2.8rem}.method-steps__progress{width:2px;top:2.6rem}.method-steps__description{width:44rem;padding-top:2.6rem}}@media not all and (min-width:1280px){.method-steps{overflow-anchor:none;width:100%;margin-bottom:0}.method-steps__item{opacity:1}.method-steps__item--active{padding-block:0}.method-steps__header{padding-block:1.2rem;align-items:center;height:auto;min-height:4.4rem;padding-left:4rem}.method-steps__number{top:1.2rem;bottom:auto}.method-steps__content{padding-left:4rem;transition:none}.method-steps__item--active .method-steps__content{max-height:none;overflow:visible}.method-steps__progress{display:none}.method-steps__description{width:auto;max-width:64rem;padding-top:.8rem;transition:none}}@media (prefers-reduced-motion:reduce){.method-steps__content,.method-steps__description{transition-duration:0s}}@media (prefers-contrast:more){@media (min-width:1280px){.method-steps__item:not(.method-steps__item--active){opacity:.7}}}}
@layer properties,theme,base;@layer components{.method-video__stage{--method-video-fade:var(--spacing-method-video-fade);--method-video-fade-ramp:transparent 0, #00000059 calc(var(--method-video-fade) * .4), #000 var(--method-video-fade);--method-video-fade-top:linear-gradient(to bottom, var(--method-video-fade-ramp));--method-video-fade-bottom:linear-gradient(to top, var(--method-video-fade-ramp));-webkit-mask-image:var(--method-video-fade-top), var(--method-video-fade-bottom);-webkit-mask-composite:source-in;-webkit-mask-image:var(--method-video-fade-top), var(--method-video-fade-bottom);mask-image:var(--method-video-fade-top), var(--method-video-fade-bottom);-webkit-mask-composite:source-in;mask-composite:intersect}@media (min-width:1280px){.method-video__stage{--method-video-fade-left:linear-gradient(to right, var(--method-video-fade-ramp));-webkit-mask-image:var(--method-video-fade-top), var(--method-video-fade-left), var(--method-video-fade-bottom);-webkit-mask-image:var(--method-video-fade-top), var(--method-video-fade-left), var(--method-video-fade-bottom);mask-image:var(--method-video-fade-top), var(--method-video-fade-left), var(--method-video-fade-bottom)}}}
@layer properties,theme,base;@layer components{.stack{width:100%;padding-inline:var(--spacing-side);grid-template-columns:repeat(6,minmax(0,1fr));column-gap:.8rem;display:grid;position:relative}.stack__desktop{display:none}.stack__compact-description{color:var(--semantic-color-fg-muted);font-size:var(--text-label-lg);font-weight:var(--font-weight-medium);line-height:var(--text-label-lg--line-height);grid-column:2/span 5;margin-bottom:6.4rem}.stack__compact-description b,.stack__description b{color:var(--theme-fg)}.stack__list-wrap{grid-column:2/span 5;position:relative}.stack__list,.stack__title{font-family:var(--font-display);font-size:var(--text-stack-list);font-weight:var(--font-weight-black);letter-spacing:var(--text-stack-list--letter-spacing);line-height:var(--text-stack-list--line-height);text-transform:uppercase}.stack__title{display:none}.stack__item{position:relative}.stack__category{opacity:.5;font-family:var(--font-mono);font-size:var(--text-stack-category);font-weight:var(--font-weight-medium);letter-spacing:var(--text-stack-category--letter-spacing);line-height:var(--text-stack-category--line-height);white-space:nowrap;margin-right:2rem;position:absolute;top:.2rem;right:100%}.stack__compact-info{display:none}.stack__mark{color:var(--theme-accent);flex-direction:row;align-items:center;gap:1.2rem;display:flex}.stack__mark-index{width:2.8rem;height:2.8rem;font-family:var(--font-mono);font-size:var(--text-stack-mark-index);font-weight:var(--font-weight-medium);letter-spacing:var(--text-stack-mark-index--letter-spacing);line-height:var(--text-stack-mark-index--line-height);border:.1rem solid;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.stack__mark-index:before{opacity:.28;content:"";border:.1rem solid;border-radius:50%;position:absolute;inset:.35rem}.stack__mark-word{font-family:var(--font-display);font-size:var(--text-stack-mark-word);font-weight:var(--font-weight-black);letter-spacing:var(--text-stack-mark-word--letter-spacing);line-height:var(--text-stack-mark-word--line-height);text-transform:uppercase;white-space:nowrap;margin:0}@media not all and (min-width:1280px){.stack{grid-template-columns:minmax(0,1fr)}.stack__compact-description,.stack__list-wrap{grid-column:1}.stack__compact-description{max-width:64rem;font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height);margin-bottom:3.2rem}.stack__item-button{width:100%;min-height:var(--spacing-touch);text-align:left;cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.8rem 1.6rem;padding-block:1.2rem;display:flex}.stack__item-button[aria-pressed=true]{color:var(--theme-accent)}.stack__category{opacity:.75;margin:0;position:static}.stack__compact-info{font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height);grid-column:1;gap:2.4rem;margin-top:3.2rem;display:grid}.stack__compact-info .stack__mark{max-width:100%}.stack__compact-info .stack__mark-word{font-size:var(--text-stack-mark-word-compact)}}@media (min-width:1280px){.stack{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:5.5rem}.stack__desktop{width:100%;height:100%;display:block;position:absolute;inset:0}.stack__sticky{z-index:1;width:var(--container-main);column-gap:var(--spacing-gutter);pointer-events:none;grid-template-columns:repeat(16,minmax(0,1fr));max-width:100%;margin-inline:auto;display:grid;position:sticky;top:50lvh}.stack__descriptions{font-size:var(--text-stack-description);font-weight:var(--font-weight-medium);line-height:var(--text-stack-description--line-height);grid-column:2/span 5;position:relative}.stack__description{opacity:0;width:100%;color:var(--semantic-color-fg-muted);pointer-events:auto;position:absolute;top:0;left:0}.stack__description--active{opacity:1}.stack__logo{z-index:1;pointer-events:auto;grid-column:span 2/-1;width:85%;margin-left:auto;position:relative}.stack__mark{opacity:0;width:100%;transition:opacity var(--component-stack-motion-highlight) var(--semantic-motion-ease-settle);justify-content:flex-end;position:absolute;top:0;right:0}.stack__mark--active{opacity:1}.stack__mark-index{width:3.2rem;height:3.2rem}.stack__compact-description{display:none}.stack__list-wrap{grid-column:2/span 1}.stack__title{display:block;position:absolute;top:-.9em;left:0}.stack__item{cursor:pointer;transition:color var(--component-stack-motion-highlight) var(--semantic-motion-ease-settle)}.stack__item--active{color:var(--theme-accent)}.stack__item--active .stack__category{opacity:1}.stack__category{top:.3rem}}@media (prefers-reduced-motion:reduce){.stack__mark,.stack__item{transition:none}}}
