body .pp-prototype.pp-why-page{color:var(--navy);background:var(--paper, #fffefa)}body .pp-prototype.pp-why-page :is(#how-it-works,#testing-quality){scroll-margin-top:110px}body .pp-prototype.pp-why-page :is(.why-reference-hero,.why-reference-card,.why-reference-use,.why-reference-close){width:min(1320px,calc(100% - 80px));margin:0 auto;padding:64px 0;background:transparent;border:0;border-radius:0;box-shadow:none}body .pp-prototype.pp-why-page :is(.why-reference-hero,.why-reference-wearable,.why-reference-quality,.why-reference-anatomy){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;height:auto;min-height:0}body .pp-prototype.pp-why-page .why-reference-hero{padding-top:40px}body .pp-prototype.pp-why-page :is(.why-reference-hero-copy,.why-reference-wearable-copy,.why-reference-quality-copy,.why-reference-anatomy-copy){min-width:0;padding:0}body .pp-prototype.pp-why-page h1{margin:0 0 24px;max-width:10ch;color:var(--navy);font-size:clamp(44px,5.4vw,78px);font-weight:500;line-height:1.02;letter-spacing:-.04em;text-wrap:balance}body .pp-prototype.pp-why-page h2{margin:0 0 20px;color:var(--navy);font-size:clamp(32px,3.8vw,52px);font-weight:500;line-height:1.06;letter-spacing:-.035em;text-wrap:balance}body .pp-prototype.pp-why-page :is(.lede,.why-reference-wearable-copy>p:last-child,.why-reference-anatomy-copy>p,.why-reference-quality-copy>p:not(.eyebrow),.why-reference-use-heading>p){margin:0;max-width:48ch;color:var(--muted);font-size:18px;line-height:1.55}body .pp-prototype.pp-why-page .eyebrow{margin:0 0 20px}body .pp-prototype.pp-why-page :is(.why-reference-hero-actions,.why-reference-quality-copy>.button){margin-top:24px}body .pp-prototype.pp-why-page .button{width:fit-content;min-height:48px}body .pp-prototype.pp-why-page .why-reference-assurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}body .pp-prototype.pp-why-page .why-reference-assurance>:is(span,a){display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;text-align:center;color:var(--navy);text-decoration:none}body .pp-prototype.pp-why-page .why-reference-assurance a:hover strong{text-decoration:underline;text-underline-offset:3px}body .pp-prototype.pp-why-page .why-reference-assurance img{display:block;width:24px;height:24px;object-fit:contain}body .pp-prototype.pp-why-page .why-reference-assurance strong{max-width:12ch;font-size:14px;line-height:1.35;font-weight:600}body .pp-prototype.pp-why-page :is(.why-reference-hero-media,.why-reference-wearable-media,.why-reference-quality-media){margin:0;min-height:0;overflow:hidden;border-radius:16px;height:auto}body .pp-prototype.pp-why-page :is(.why-reference-hero-media,.why-reference-wearable-media){aspect-ratio:1.08}body .pp-prototype.pp-why-page .why-reference-quality-media{aspect-ratio:1.6}body .pp-prototype.pp-why-page :is(.why-reference-hero-media,.why-reference-wearable-media,.why-reference-quality-media) img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}body .pp-prototype.pp-why-page .why-reference-hero-media picture{display:block;width:100%;height:100%}body .pp-prototype.pp-why-page .why-reference-wearable-media img{object-position:center 50%}body .pp-prototype.pp-why-page .why-reference-anatomy{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}body .pp-prototype.pp-why-page .why-reference-anatomy:after{content:none}body .pp-prototype.pp-why-page .why-reference-anatomy-visual{position:relative;inset:auto;width:100%;max-width:560px;height:auto;min-height:0;margin:0;grid-row:auto;justify-self:end}body .pp-prototype.pp-why-page .why-reference-anatomy-visual picture{display:block;width:100%}body .pp-prototype.pp-why-page .why-reference-anatomy-visual img{display:block;position:static;width:100%;height:auto;object-fit:contain}body .pp-prototype.pp-why-page .why-layer-connectors{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;stroke:var(--navy)}body .pp-prototype.pp-why-page .why-layer-connectors-desktop{display:none}body .pp-prototype.pp-why-page .why-layer-connectors path{vector-effect:non-scaling-stroke;stroke-width:1}body .pp-prototype.pp-why-page .why-layer-names span{position:absolute;left:0;width:37.5%;transform:translateY(-50%);color:var(--navy);font-size:18px;font-weight:600;line-height:1.3}body .pp-prototype.pp-why-page .why-layer-names span:nth-child(1){top:27.512%}body .pp-prototype.pp-why-page .why-layer-names span:nth-child(2){top:49.442%}body .pp-prototype.pp-why-page .why-layer-names span:nth-child(3){top:69.936%}body .pp-prototype.pp-why-page .why-reference-use-inner{padding:0}body .pp-prototype.pp-why-page .why-reference-use-heading{margin:0 0 32px;padding:0;text-align:left}body .pp-prototype.pp-why-page .why-reference-use-heading h2{margin-bottom:0}body .pp-prototype.pp-why-page .why-reference-use-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}body .pp-prototype.pp-why-page .why-reference-use-gallery figure{display:block;margin:0;min-width:0;background:transparent;border:0;border-radius:0;box-shadow:none}body .pp-prototype.pp-why-page .why-reference-use-gallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px}body .pp-prototype.pp-why-page .why-reference-use-gallery figcaption{min-height:0;padding:20px 0 0}body .pp-prototype.pp-why-page .why-reference-use-gallery strong{display:block;font-size:22px;line-height:1.2;font-weight:600;text-transform:none;letter-spacing:-.02em}body .pp-prototype.pp-why-page .why-reference-use-gallery p{margin:10px 0 0;max-width:32ch;color:var(--muted);font-size:16px;line-height:1.5}body .pp-prototype.pp-why-page .why-reference-close{text-align:center;border-top:1px solid var(--line)}body .pp-prototype.pp-why-page .why-reference-close .container{width:100%}body .pp-prototype.pp-why-page .why-reference-close h2 br{display:none}body .pp-prototype.pp-why-page .why-reference-close h2{max-width:22ch;margin-inline:auto}body .pp-prototype.pp-why-page a:focus-visible{outline:2px solid var(--navy);outline-offset:5px}body .pp-prototype.pp-why-page .why-reference-hero-media img{object-position:center 58%}body .pp-prototype.pp-why-page .why-use-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0;list-style:none}body .pp-prototype.pp-why-page .why-use-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:18px;margin:0;padding:24px 0 0;border-top:1px solid var(--line)}body .pp-prototype.pp-why-page .why-use-number{padding-top:2px;color:var(--navy);font-size:16px;line-height:1.5;font-weight:600;font-variant-numeric:tabular-nums}body .pp-prototype.pp-why-page .why-use-steps h3{margin:0 0 8px;color:var(--navy);font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-.02em}body .pp-prototype.pp-why-page .why-use-steps p{margin:0;max-width:30ch;color:#4d5871;font-size:16px;line-height:1.5}body .pp-prototype.pp-why-page .why-reference-anatomy-visual:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--paper, #fffefa),transparent 8%,transparent 92%,var(--paper, #fffefa)),linear-gradient(0deg,var(--paper, #fffefa),transparent 10%,transparent 90%,var(--paper, #fffefa));pointer-events:none;content:""}body .pp-prototype.pp-why-page :is(.why-layer-connectors,.why-layer-names span){z-index:1}body .pp-prototype.pp-why-page .why-quality-details{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:24px;color:var(--navy);font-size:14px;line-height:1.4}body .pp-prototype.pp-why-page .why-lab-report{display:grid;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:20px;min-width:0;padding:28px;color:var(--navy);background:#f1f0fa;border:1px solid var(--line);border-radius:16px;text-decoration:none}body .pp-prototype.pp-why-page .why-lab-report:hover{border-color:var(--navy)}body .pp-prototype.pp-why-page .why-lab-report img{display:block;width:36px;height:36px;object-fit:contain}body .pp-prototype.pp-why-page .why-lab-report-copy{display:grid;min-width:0;gap:6px}body .pp-prototype.pp-why-page .why-lab-report-copy strong{font-size:20px;line-height:1.25;font-weight:600}body .pp-prototype.pp-why-page .why-lab-report-copy>span:not(.visually-hidden){color:#4d5871;font-size:14px;line-height:1.45}body .pp-prototype.pp-why-page .why-lab-report-arrow{font-size:24px;line-height:1}body .pp-prototype.pp-why-page .why-reference-close .container{display:grid;justify-items:center;gap:6px}body .pp-prototype.pp-why-page .why-reference-close .button{min-width:240px;max-width:100%}body .pp-prototype.pp-why-page .why-guarantee{display:inline-flex;align-items:center;min-height:44px;color:var(--navy);font-size:14px;line-height:1.4;text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){body .pp-prototype.pp-why-page :is(.why-reference-hero,.why-reference-card,.why-reference-use,.why-reference-close){width:calc(100% - 40px);padding:36px 0}body .pp-prototype.pp-why-page :is(.why-reference-hero,.why-reference-wearable,.why-reference-quality,.why-reference-anatomy){grid-template-columns:minmax(0,1fr);gap:24px}body .pp-prototype.pp-why-page .why-reference-hero{padding-top:24px}body .pp-prototype.pp-why-page .why-reference-hero-copy{order:1}body .pp-prototype.pp-why-page .why-reference-hero-media{order:0;aspect-ratio:1.4}body .pp-prototype.pp-why-page .why-reference-hero-copy .eyebrow{margin-bottom:12px}body .pp-prototype.pp-why-page h1{font-size:clamp(40px,10.6vw,48px);margin-bottom:16px}body .pp-prototype.pp-why-page h2{font-size:32px}body .pp-prototype.pp-why-page :is(.lede,.why-reference-wearable-copy>p:last-child,.why-reference-anatomy-copy>p,.why-reference-quality-copy>p:not(.eyebrow),.why-reference-use-heading>p){font-size:16px;line-height:1.5}body .pp-prototype.pp-why-page .why-reference-assurance{gap:10px}body .pp-prototype.pp-why-page .why-reference-wearable-media{height:280px;aspect-ratio:auto}body .pp-prototype.pp-why-page .why-reference-anatomy-copy{grid-row:auto;grid-column:auto;padding:0}body .pp-prototype.pp-why-page .why-layer-names span{font-size:16px}body .pp-prototype.pp-why-page .why-reference-use-gallery{grid-template-columns:minmax(0,1fr);gap:24px}body .pp-prototype.pp-why-page .why-reference-use-gallery figure{display:grid;grid-template-columns:minmax(88px,32%) minmax(0,1fr);gap:18px;align-items:center}body .pp-prototype.pp-why-page .why-reference-use-gallery img{height:auto;min-height:0;aspect-ratio:4 / 5;border-radius:12px}body .pp-prototype.pp-why-page .why-reference-use-gallery figcaption{padding:0}body .pp-prototype.pp-why-page .why-reference-use-gallery strong{font-size:20px}body .pp-prototype.pp-why-page .why-reference-use-gallery p{font-size:16px}body .pp-prototype.pp-why-page .button{width:100%;justify-content:center;gap:18px;font-size:16px}body .pp-prototype.pp-why-page .why-reference-use-heading{margin-bottom:20px}body .pp-prototype.pp-why-page .why-reference-use-heading .eyebrow{margin-bottom:12px}body .pp-prototype.pp-why-page .why-use-steps{grid-template-columns:minmax(0,1fr);gap:0}body .pp-prototype.pp-why-page .why-use-steps li{grid-template-columns:28px minmax(0,1fr);gap:16px;padding:16px 0}body .pp-prototype.pp-why-page .why-use-steps li:last-child{padding-bottom:0}body .pp-prototype.pp-why-page .why-use-steps h3{font-size:20px}body .pp-prototype.pp-why-page .why-use-steps p{max-width:none}body .pp-prototype.pp-why-page .why-lab-report{gap:12px;padding:20px}body .pp-prototype.pp-why-page .why-lab-report-copy strong{font-size:18px}body .pp-prototype.pp-why-page .why-reference-close{padding-block:28px}}@media(max-width:360px){body .pp-prototype.pp-why-page .why-layer-names span{font-size:15px}}@media(min-width:761px){body .pp-prototype.pp-why-page :is(.why-reference-hero,.why-reference-card,.why-reference-use,.why-reference-close){width:min(1184px,calc(100% - 96px));padding-block:48px}body .pp-prototype.pp-why-page .why-reference-hero{gap:64px;padding-top:40px;padding-bottom:48px}body .pp-prototype.pp-why-page h1{margin-bottom:20px;font-size:clamp(48px,4.8vw,68px)}body .pp-prototype.pp-why-page h2{font-size:clamp(34px,3.3vw,44px);line-height:1.08}body .pp-prototype.pp-why-page .why-reference-hero-copy{max-width:480px}body .pp-prototype.pp-why-page .lede{max-width:35ch;color:#4d5871;font-size:19px}body .pp-prototype.pp-why-page .why-reference-hero-media{aspect-ratio:4 / 3}body .pp-prototype.pp-why-page .why-reference-hero-media img{object-position:center}body .pp-prototype.pp-why-page .why-reference-use{border-top:1px solid var(--line);padding-top:36px;padding-bottom:40px}body .pp-prototype.pp-why-page .why-reference-use-heading{margin-bottom:28px}body .pp-prototype.pp-why-page .why-reference-use-heading p.eyebrow{margin-bottom:12px;color:var(--navy);font-size:12px;line-height:1.4;letter-spacing:.12em}body .pp-prototype.pp-why-page .why-use-steps{gap:32px}body .pp-prototype.pp-why-page .why-use-steps li{grid-template-columns:28px minmax(0,1fr);gap:14px;padding-top:20px;align-content:start}body .pp-prototype.pp-why-page .why-use-steps p{max-width:31ch}body .pp-prototype.pp-why-page .why-reference-anatomy{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;padding-top:32px;padding-bottom:40px}body .pp-prototype.pp-why-page .why-reference-anatomy-copy>p{max-width:41ch;color:#4d5871;font-size:17px}body .pp-prototype.pp-why-page .why-reference-anatomy-visual{max-width:654px}body .pp-prototype.pp-why-page .why-layer-connectors-mobile{display:none}body .pp-prototype.pp-why-page .why-layer-connectors-desktop{display:block}body .pp-prototype.pp-why-page .why-layer-names span{left:.5%;width:35%;font-size:17px;line-height:1.2}body .pp-prototype.pp-why-page .why-layer-names span:nth-child(1){top:33.298%}body .pp-prototype.pp-why-page .why-layer-names span:nth-child(2){top:50.74%}body .pp-prototype.pp-why-page .why-layer-names span:nth-child(3){top:70.296%}body .pp-prototype.pp-why-page .why-reference-quality{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;border-top:1px solid var(--line)}body .pp-prototype.pp-why-page .why-reference-quality-copy>p:not(.eyebrow){max-width:43ch;color:#4d5871;font-size:17px}body .pp-prototype.pp-why-page .why-quality-details{margin-top:20px}body .pp-prototype.pp-why-page .why-lab-report{width:100%;max-width:440px;justify-self:end;padding:24px}body .pp-prototype.pp-why-page .why-reference-close{padding-block:32px}}@media(min-width:761px)and (max-width:999px){body .pp-prototype.pp-why-page :is(.why-reference-hero,.why-reference-card,.why-reference-use,.why-reference-close){width:calc(100% - 64px)}body .pp-prototype.pp-why-page :is(.why-reference-hero,.why-reference-quality){gap:32px}body .pp-prototype.pp-why-page .why-reference-anatomy{grid-template-columns:minmax(0,1fr);gap:12px}body .pp-prototype.pp-why-page .why-reference-anatomy-copy>p{max-width:56ch}body .pp-prototype.pp-why-page .why-reference-anatomy-visual{justify-self:center}body .pp-prototype.pp-why-page .why-use-steps{gap:24px}body .pp-prototype.pp-why-page .why-use-steps li{grid-template-columns:minmax(0,1fr);gap:8px}body .pp-prototype.pp-why-page .why-lab-report{grid-template-columns:28px minmax(0,1fr) 18px;gap:12px;padding:20px}body .pp-prototype.pp-why-page .why-lab-report img{width:28px;height:28px}body .pp-prototype.pp-why-page .why-lab-report-copy strong{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/pp-why-pure-patch.css.map */