.how-to-works{--htw-title-gap: clamp(26px, calc(30px + (var(--max-vw) - 375px) * .015), 61px);--htw-card-gap: 20px;--htw-plate-inset: clamp(12.8px, calc(15px + (var(--max-vw) - 375px) * .015), 20px);--htw-plate-gap: clamp(8.5px, calc(10px + (var(--max-vw) - 375px) * .015), 20px);--htw-plate-radius: clamp(9.5px, calc(11.141907px + (var(--max-vw) - 375px) * .015), 15px);--htw-photo-radius: clamp(12.68px, calc(14.855876px + (var(--max-vw) - 375px) * .015), 20px);--htw-chip-pad-y: clamp(6.34px, calc(7.427938px + (var(--max-vw) - 375px) * .015), 10px);--htw-chip-pad-x: clamp(12.68px, calc(14.855876px + (var(--max-vw) - 375px) * .015), 20px);--htw-chip-gap: clamp(6.97px, calc(8.170732px + (var(--max-vw) - 375px) * .015), 11px);--htw-plate-blur: 12.33px;display:flex;flex-direction:column;align-items:center;gap:var(--htw-title-gap)}.how-to-works__title{width:100%;text-align:center;font-family:var(--font-display);font-size:var(--text-h2-slider);font-weight:500;line-height:var(--lh-h2-slider);letter-spacing:var(--ls-h2);color:var(--color-ink)}.how-to-works__title .script-accent{color:var(--color-hero-accent)}.how-to-works__row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--htw-card-gap)}.how-to-works__card{position:relative;width:100%;aspect-ratio:451 / 582}.how-to-works__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--htw-photo-radius)}.how-to-works__plate{position:absolute;left:var(--htw-plate-inset);right:var(--htw-plate-inset);bottom:var(--htw-plate-inset);display:flex;flex-direction:column;align-items:flex-start;gap:var(--htw-plate-gap);padding:var(--htw-plate-inset);border-radius:var(--htw-plate-radius);background:var(--color-ink-35);-webkit-backdrop-filter:blur(var(--htw-plate-blur));backdrop-filter:blur(var(--htw-plate-blur))}.how-to-works__chip{justify-content:flex-start;gap:var(--htw-chip-gap);padding:calc(var(--htw-chip-pad-y) - 1px) calc(var(--htw-chip-pad-x) - 1px);border:1px solid var(--color-white);border-radius:var(--radius-full);font-size:var(--htw-chip-size, var(--text-step));line-height:1.1;color:var(--color-white);white-space:nowrap}.how-to-works__body{width:100%;font-family:var(--font-body);font-size:var(--htw-body-size, var(--text-body-lg));font-weight:400;line-height:var(--lh-body);color:var(--color-white)}.how-to-works__body-lead{font-weight:400}@media(max-width:767px){.how-to-works__card:nth-child(2) .how-to-works__plate{min-height:132px}}@media(min-width:768px){.how-to-works__row{flex-direction:row}.how-to-works__card{flex:0 0 calc((100% - 2 * var(--htw-card-gap)) / 3);container-type:inline-size;--htw-plate-inset: 4.43459cqw;--htw-plate-gap: 4.65632cqw;--htw-plate-radius: 3.32594cqw;--htw-photo-radius: 4.43459cqw;--htw-chip-pad-y: 2.21729cqw;--htw-chip-pad-x: 4.43459cqw;--htw-chip-gap: 2.43902cqw;--htw-chip-size: 3.99113cqw;--htw-body-size: 4.43459cqw}.how-to-works__plate{background:var(--color-ink-30)}.how-to-works__body-lead,.how-to-works__body--medium{font-weight:400}}@media(min-width:768px)and (max-width:1023px){.how-to-works{--htw-title-gap: clamp(35.88px, calc(30px + (var(--max-vw) - 768px) * .025), 42.67px);--htw-plate-blur: 6.5px}.how-to-works__title{font-size:clamp(26.67px,calc(50px * (var(--max-vw) / var(--vw-base))),50px)}}@media(min-width:1024px){.how-to-works{--htw-title-gap: clamp(42.67px, calc(80px * (var(--max-vw) / var(--vw-base))), 80px);--htw-plate-blur: 6.5px}.how-to-works__card:nth-child(2) .how-to-works__plate{min-height:clamp(70.4px,calc(132px * (var(--max-vw) / var(--vw-base))),132px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/nooa-how-to-works.css.map */