.how-page{--mvc-gutter:48px;--mvc-section-tight:clamp(64px, 6vw, 80px);--mvc-section-standard:clamp(80px, 7vw, 96px);--mvc-section-emphasis:clamp(96px, 8vw, 112px);background:var(--color-page-background)}.how-wrapper{width:min(100% - 252px,1440px);margin-inline:auto}.how-demos{padding:var(--mvc-section-emphasis) 0}.how-demos__intro{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:end;gap:clamp(32px,7vw,112px);margin-bottom:clamp(48px,5vw,72px);display:grid}.how-demos__heading>p,.how-demos__copy>span{font-size:var(--type-heading-small);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);text-transform:uppercase}.how-demos__heading h2{font:italic var(--weight-regular) var(--type-section-title) / var(--leading-section-title) var(--display);letter-spacing:var(--tracking-heading);text-transform:uppercase;text-wrap:balance;margin-top:20px}.how-demos__intro>span{max-width:44ch;font:var(--weight-regular) var(--type-lead) / var(--leading-lead) var(--display)}.how-demos__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.how-method{aspect-ratio:8/5;background:var(--color-surface-primary);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;min-width:0;display:grid}.how-method--powder .how-video{order:2}.how-demos__copy{min-height:100%;color:var(--color-text-primary);flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(32px,3.5vw,52px);display:flex}.how-demos__copy h3{max-width:12ch;font:italic var(--weight-regular) var(--type-subsection-title) / var(--leading-subsection-title) var(--display);letter-spacing:var(--tracking-heading);text-transform:uppercase;margin-top:24px}.how-demos__copy p{max-width:36ch;font-size:var(--type-body);line-height:var(--leading-body);text-wrap:pretty;margin-top:24px}.how-video{background:var(--color-page-background);width:100%;height:100%;position:relative;overflow:hidden}#root .how-method:not(.how-method--powder)>.how-video{border-radius:12px 0 0 12px}#root .how-method--powder>.how-video{border-radius:0 12px 12px 0}.how-video video{object-fit:cover;width:100%;height:100%}.how-article-thesis{margin-top:var(--mvc-section-emphasis)}.how-article{margin-bottom:var(--mvc-section-emphasis)}.how-ages{margin-bottom:var(--mvc-section-emphasis);background:var(--color-page-background)}.how-ages__intro{padding:var(--mvc-section-emphasis) 0;background:var(--color-surface-highlight);color:var(--color-text-on-highlight)}.how-ages__intro-inner{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end;gap:clamp(48px,7vw,112px);display:grid}.how-ages__intro-inner>div:first-child>p{font-size:var(--type-lead);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-body);text-transform:uppercase;margin-bottom:24px}.how-ages__intro h2{max-width:880px;font:italic var(--weight-regular) var(--type-section-title) / var(--leading-section-title) var(--display);letter-spacing:var(--tracking-heading);text-transform:uppercase;text-wrap:balance}.how-ages__intro-copy{padding-bottom:4px}.how-ages__intro-copy>p{max-width:44ch;font:var(--weight-regular) var(--type-lead) / var(--leading-lead) var(--display);text-wrap:pretty}.how-ages__intro .ng-button{width:max-content;margin-top:30px}.how-ages__list{border-bottom:1px solid var(--color-border-subtle)}.how-age-story{border-top:1px solid var(--color-border-subtle);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:24px;min-height:510px;padding:clamp(56px,6vw,88px) 0;display:grid}.how-age-story figure{aspect-ratio:5/3;background:var(--color-surface-secondary);grid-column:1/8;overflow:hidden}.how-age-story img{object-fit:cover;object-position:center 34%;width:100%;height:100%;transition:transform var(--motion-duration-standard) var(--motion-ease-out)}@media (hover:hover) and (pointer:fine){.how-age-story:hover img{transform:scale(1.025)}}.how-age-story__copy{grid-column:9/-1;align-self:center}.how-age-story:nth-child(2n) figure{grid-column:6/-1}.how-age-story:nth-child(2n) .how-age-story__copy{grid-area:1/1/auto/5}.how-age-story__copy>span{font-size:var(--type-body);font-weight:var(--weight-semibold)}.how-age-story h3{max-width:12ch;font:italic var(--weight-regular) var(--type-subsection-title) / var(--leading-subsection-title) var(--display);letter-spacing:var(--tracking-heading);text-wrap:balance;margin-top:28px}.how-age-story p{max-width:38ch;font-size:var(--type-body);line-height:var(--leading-body);text-wrap:pretty;margin-top:20px}.how-faq-heading{text-align:center;flex-direction:column;align-items:center;min-height:170px;margin-bottom:96px;display:flex}.how-faq-heading p{font-size:var(--type-heading-small);line-height:var(--leading-heading-small);font-weight:var(--weight-medium);text-transform:uppercase;margin-bottom:18px}.how-faq-heading h2{font:italic var(--weight-regular) var(--type-section-title) / var(--leading-section-title) var(--display);letter-spacing:var(--tracking-heading);text-transform:uppercase}.how-faq{margin-bottom:96px}.how-faq>h2{font-size:var(--type-section-title);line-height:var(--leading-section-title);font-weight:var(--weight-medium);text-transform:uppercase;margin-bottom:24px}.how-faq__item{border-top:1px solid var(--color-border-subtle)}.how-faq__item:last-child{border-bottom:1px solid var(--color-border-subtle)}.how-faq__item>button{text-align:left;width:100%;min-height:55px;font-size:var(--type-button);line-height:var(--leading-ui);justify-content:space-between;align-items:center;gap:24px;display:flex}.how-faq__plus{flex:0 0 16px;width:16px;height:16px;transition:transform .4s cubic-bezier(.4,0,0,1);position:relative}.how-faq__plus:before,.how-faq__plus:after{content:"";background:currentColor;width:12px;height:1px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.how-faq__plus:after{transform:translate(-50%,-50%)rotate(90deg)}.how-faq__item.is-open .how-faq__plus{transform:rotate(45deg)}.how-faq__answer{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.4,0,0,1),opacity .3s cubic-bezier(.4,0,0,1),transform .6s cubic-bezier(.4,0,0,1),padding .6s cubic-bezier(.4,0,0,1);display:grid;transform:translateY(-24px)}.how-faq__answer>div{overflow:hidden}.how-faq__answer p{max-width:820px;font-size:var(--type-body);line-height:var(--leading-body)}.how-faq__answer p+p{margin-top:14px}.how-faq__answer ul{font-size:var(--type-body);line-height:var(--leading-body);margin:14px 0;padding-left:22px}.how-faq__item.is-open .how-faq__answer{opacity:1;grid-template-rows:1fr;padding:0 0 28px;transform:translateY(0)}.how-article .mvc-decision__choice{min-width:0;font-size:var(--type-body-large);flex-direction:column;align-items:flex-start;gap:10px;line-height:1.6;display:flex}.how-article .mvc-decision__choice strong{font-family:var(--display);font-size:var(--type-body-large);font-weight:var(--weight-medium)}.how-article .mvc-decision__choice .ng-button{grid-column:auto;width:max-content;margin-top:12px}@media (width<=1020px){.how-wrapper{width:calc(100% - 48px)}.how-method{aspect-ratio:auto;grid-template-columns:1fr}.how-method--powder .how-video{order:initial}#root .how-method:not(.how-method--powder)>.how-video,#root .how-method--powder>.how-video{border-radius:12px 12px 0 0}.how-video{aspect-ratio:4/5;height:auto}.how-demos__copy{min-height:330px}}@media (width<=760px){.how-page{--mvc-gutter:16px;--mvc-section-tight:48px;--mvc-section-standard:72px;--mvc-section-emphasis:80px}.how-wrapper{width:calc(100% - 32px)}.how-article .mvc-decision{grid-template-columns:minmax(0,1fr)}.how-article .mvc-decision__choice .ng-button,.how-article .mvc-decision__quiz{width:100%;max-width:100%}.how-demos__intro{grid-template-columns:1fr;gap:16px}.how-demos__heading h2{font-size:var(--type-section-title);margin-top:8px}.how-demos__intro>span{font-size:var(--type-lead);margin-top:8px}.how-demos__grid{grid-template-columns:1fr;gap:16px}.how-demos__copy{min-height:300px}.how-demos__copy h3{font-size:var(--type-subsection-title)}.how-article{margin-bottom:var(--mvc-section-emphasis)}.how-ages__intro-inner{grid-template-columns:1fr;gap:32px}.how-ages__intro-inner>div:first-child>p{margin-bottom:18px}.how-ages__intro h2{font-size:var(--type-section-title)}.how-ages__intro-copy>p{font-size:var(--type-lead)}.how-age-story{grid-template-columns:1fr;gap:0;min-height:0;padding:48px 0}.how-age-story figure,.how-age-story:nth-child(2n) figure{aspect-ratio:4/3;grid-area:1/1}.how-age-story__copy,.how-age-story:nth-child(2n) .how-age-story__copy{grid-area:2/1;margin-top:28px}.how-age-story h3{font-size:var(--type-subsection-title);margin-top:18px}.how-age-story p{font-size:var(--type-body);margin-top:14px}.how-faq-heading{min-height:117px;margin-bottom:24px}.how-faq-heading p{font-size:var(--type-heading-small);line-height:var(--leading-heading-small);margin-bottom:8px}.how-faq-heading h2{font-size:var(--type-section-title);line-height:var(--leading-section-title);margin-bottom:8px}.how-faq{margin-bottom:80px}.how-faq>h2{font-size:var(--type-section-title)}.how-faq__item>button{min-height:71px;font-size:var(--type-button);line-height:var(--leading-ui)}.how-faq__answer p{font-size:var(--type-body);line-height:var(--leading-body)}}@media (prefers-reduced-motion:reduce){.how-faq__answer,.how-faq__plus,.how-age-story img{transition:none}}