.gyb{--gyb-ink:#0c0c0f;--gyb-muted:#74747d;--gyb-line:#dadbe2;color:var(--gyb-ink);background:#fff;overflow:hidden}.gyb *{box-sizing:border-box}.gyb h2,.gyb h3,.gyb p{margin-top:0}.gyb h2{margin-bottom:10px;font-size:24px;line-height:1.3;letter-spacing:-.02em}.gyb h3{margin-bottom:8px;font-size:18px;line-height:1.45}.gyb p{line-height:1.6}.gyb__full{width:100%}.gyb__section{width:min(100% - 40px,1350px);margin:auto;padding:30px 0}.gyb__copy{color:var(--gyb-muted);font-size:14px;line-height:1.65}.gyb__eyebrow{margin-bottom:6px;font-size:14px;font-weight:700}.gyb__heading{max-width:720px;margin:0 auto 24px;text-align:center}.gyb__intro{margin:0 20px;padding:40px 24px;text-align:center;color:#fff;background:linear-gradient(180deg,#25263d,#72769a)}.gyb__intro h2{font-size:20px}.gyb__intro .gyb__copy{max-width:820px;margin:auto;color:#fff}.gyb__statement{padding:20px;text-align:center}.gyb__statement p{margin:0;color:transparent;background:linear-gradient(180deg,#c533cd,#d2deff 90%);-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:900;line-height:1.2}.gyb__statement h2{margin:0}.gyb__split{display:grid;gap:28px}.gyb__media{display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed #8e8e98;border-radius:12px;background:linear-gradient(145deg,#eeeef2,#d7d7de);color:#41414a;text-align:center}.gyb__media img,.gyb__media picture{width:100%;height:100%;object-fit:cover}.gyb__media picture img{display:block}.gyb__scroll{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gyb__scroll::-webkit-scrollbar,.gyb__carousel::-webkit-scrollbar{display:none}.gyb__benefit{flex:0 0 120px;scroll-snap-align:start;text-align:center}.gyb__media--benefit{width:120px;height:120px;border:0;border-radius:0;background:#b9b9c0;color:#fff}.gyb__benefit h3{margin:12px 0 4px;font-size:15px}.gyb__benefit p{font-size:12px;color:var(--gyb-muted)}.gyb__result-copy{text-align:center}.gyb__pill{display:inline-block;margin-top:14px;padding:3px 20px;border:1px solid;border-radius:30px;font-weight:700}.gyb__media--result{width:100%;aspect-ratio:313/240}.gyb__result-metric{text-align:center}.gyb__metric{display:block;color:#b73cc7;font-size:56px;line-height:1.1}.gyb__result-metric p{font-size:20px;font-weight:700}.gyb__carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gyb__slide{min-width:100%;align-items:center;scroll-snap-align:start}.gyb__media--mode{height:300px;border-radius:20px}.gyb__slide>div:last-child{text-align:center}.gyb__slide>div:last-child h3{color:#c533cd;font-size:22px}.gyb__controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px;color:var(--gyb-muted)}.gyb__controls button{width:42px;height:42px;border:1px solid var(--gyb-line);border-radius:50%;background:#fff;font-size:24px}.gyb__principles{position:relative;display:flex;min-height:404px;align-items:center;justify-content:center;padding:40px;color:#fff;background:linear-gradient(150deg,#9696a3,#4a4a5b);text-align:center}.gyb__principles>div{position:relative;z-index:1;max-width:760px}.gyb__principles .gyb__copy{color:#fff}.gyb__principles>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gyb__tech-grid{display:grid;gap:14px}.gyb__media--tech{height:300px;border-radius:20px}.gyb__media--compare{height:100px;border-radius:0}.gyb__compare-copy{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:12px;text-align:center;font-size:12px}.gyb__safety{display:grid;grid-template-columns:156px 1fr;gap:10px}.gyb__safety-item{min-width:0}.gyb__safety-item h3{margin:8px 0 0;text-align:center;font-size:15px}.gyb__safety-item--1{grid-column:1/-1}.gyb__safety-item--1 .gyb__media{height:160px}.gyb__safety-item--2 .gyb__media{height:383px}.gyb__safety-stack{display:grid;gap:10px}.gyb__safety-stack .gyb__safety-item:first-child .gyb__media{height:210px}.gyb__safety-stack .gyb__safety-item:last-child .gyb__media{height:155px}.gyb__media--lifestyle{position:relative;height:430px;color:#fff;background:linear-gradient(145deg,#81818d,#c1c1c8)}.gyb__overlay{position:absolute;inset:auto 20px 24px;text-align:center}.gyb__overlay div{font-size:14px}.gyb__cards{padding-top:20px}.gyb__cards article{flex:0 0 217px;scroll-snap-align:start}.gyb__cards h3{margin-top:16px;text-align:center}.gyb__cards p{color:var(--gyb-muted);font-size:14px;text-align:center}.gyb__media--card{height:291px}.gyb__serum-head{display:grid;gap:18px}.gyb__serum-head>h2{text-align:center}.gyb__media--serum{height:240px;color:#fff;background:linear-gradient(145deg,#293143,#8673aa)}.gyb__serum-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gyb__serum-tabs span{display:grid;min-height:114px;place-items:center;padding:7px;border:1px dashed #8e8e98;border-radius:12px;background:linear-gradient(145deg,#eeeef2,#d7d7de);text-align:center;font-size:12px}.gyb__serum-flow{max-width:620px;margin:18px auto 0;padding:10px 14px;border-radius:999px;background:#f3eafa;color:#713983;text-align:center;font-size:12px;font-weight:700}.gyb__scroll-hint{text-align:center;color:var(--gyb-muted);font-size:12px}.gyb__serum-cards article{display:grid;flex:0 0 243px;gap:16px;scroll-snap-align:start}.gyb__media--serum-card{height:301px}.gyb__metric--small{font-size:42px;color:#07571d}.gyb__me-time{display:grid;gap:12px}.gyb__me-time article{display:grid;grid-template-columns:145px 1fr;overflow:hidden;border:1px solid var(--gyb-line);border-radius:18px}.gyb__me-time .gyb__media{height:132px;border:0;border-right:1px dashed #8e8e98;border-radius:0}.gyb__me-time article>div:last-child{align-self:center;padding:16px}.gyb__me-time article p{color:var(--gyb-muted);font-size:12px}.gyb__faq{max-width:900px;padding-top:50px}.gyb__faq>h2{text-align:center;font-size:32px}.gyb__faq details{border-bottom:1px solid var(--gyb-line)}.gyb__faq summary{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:0;font-weight:700;cursor:pointer;list-style:none}.gyb__faq summary:after{content:"+";font-size:22px;font-weight:400}.gyb__faq details[open] summary:after{content:"\2212"}.gyb__faq details>div{padding:0 28px 18px 0;color:var(--gyb-muted)}@media(min-width:1000px){.gyb h2{font-size:42px}.gyb__section{width:min(100% - 96px,1350px);padding:56px 0}.gyb__intro{min-height:280px;margin:0;padding:64px max(15%,120px)}.gyb__intro h2{font-size:42px}.gyb__intro .gyb__copy{font-size:17px}.gyb__statement{padding:44px 20px 32px}.gyb__statement p{font-size:58px}.gyb__statement h2{font-size:34px}.gyb__benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;overflow:visible}.gyb__benefit{width:100%}.gyb__media--benefit{width:100%;height:auto;min-height:210px}.gyb__result{grid-template-columns:minmax(360px,.8fr) minmax(480px,1.2fr);grid-template-areas:"copy image" "metric image";align-items:center;gap:24px 72px}.gyb__result-copy{grid-area:copy;text-align:left}.gyb__media--result{grid-area:image}.gyb__result-metric{grid-area:metric;text-align:left}.gyb__metric{font-size:64px}.gyb__slide{grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);grid-template-areas:"copy image";gap:64px}.gyb__slide .gyb__media--mode{grid-area:image;height:520px}.gyb__slide>div:last-child{grid-area:copy;text-align:left}.gyb__slide>div:last-child h3{font-size:38px}.gyb__principles{min-height:360px;padding-inline:24%}.gyb__principles h2{font-size:48px}.gyb__tech-grid{grid-template-columns:1fr 1fr;gap:20px 32px}.gyb__media--tech{height:420px}.gyb__media--compare{height:290px}.gyb__compare-copy{min-height:110px;align-items:center;border:1px solid var(--gyb-line);border-radius:12px;font-size:14px}.gyb__safety{grid-template-columns:.82fr 1fr 1fr;gap:18px}.gyb__safety-item--1{grid-column:auto}.gyb__safety-item--1 .gyb__media,.gyb__safety-item--2 .gyb__media{height:430px}.gyb__safety-stack .gyb__safety-item:first-child .gyb__media,.gyb__safety-stack .gyb__safety-item:last-child .gyb__media{height:206px}.gyb__media--lifestyle{height:380px}.gyb__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;overflow:visible;padding-top:28px}.gyb__cards article{width:100%}.gyb__media--card{height:300px}.gyb__serum-head{grid-template-columns:minmax(460px,1fr) minmax(460px,1fr);grid-template-areas:"hero title" "hero tabs";gap:22px 48px;align-items:center}.gyb__media--serum{grid-area:hero;min-height:480px}.gyb__serum-head>h2{grid-area:title;margin:0;text-align:left;font-size:38px}.gyb__serum-tabs{grid-area:tabs}.gyb__serum-tabs span{min-height:150px}.gyb__serum-flow{margin-top:32px;font-size:14px}.gyb__serum-cards{gap:24px;padding-top:28px}.gyb__serum-cards article{grid-template-columns:250px 1fr;flex:0 0 calc(50% - 12px);align-items:center;overflow:hidden;border:1px solid var(--gyb-line);border-radius:18px}.gyb__media--serum-card{width:250px;height:360px;border:0;border-right:1px dashed #8e8e98;border-radius:0}.gyb__serum-cards article>div:last-child{padding:24px}.gyb__me-time{grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.gyb__me-time article{grid-template-columns:220px 1fr;min-height:180px}.gyb__me-time .gyb__media{height:180px}.gyb__me-time article>div:last-child{padding:24px}.gyb__faq{padding-top:80px}.gyb__faq>h2{font-size:52px}.gyb__faq summary{min-height:76px;font-size:18px}}.gyb__media--benefit{position:relative;flex-direction:column;gap:6px;padding:10px}.gyb__media-copy{position:relative;z-index:1}.gyb__media-copy h3{margin:0;font-size:15px}.gyb__media-copy p{margin:3px 0 0;color:#fff;font-size:12px}.gyb__media--benefit>img+.gyb__media-copy{position:absolute;inset:auto 8px 8px;padding:6px;background:#0000006b}.gyb__safety-item .gyb__media{position:relative;flex-direction:column;gap:8px}.gyb__safety-item h3{position:relative;z-index:1;margin:0;text-align:center;font-size:15px}.gyb__safety-item .gyb__media>img+h3{position:absolute;inset:auto 12px 12px;padding:6px 10px;background:#ffffffd1}.gyb__intro{position:relative;min-height:350px;overflow:hidden}.gyb__intro>picture,.gyb__intro>picture img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gyb__intro-content{position:relative;z-index:1}.gyb__intro-content small,.gyb__principles small{display:inline-block;margin-top:16px;padding:4px 9px;border-radius:999px;background:#00000073;font-size:11px}.gyb__serum-tab{display:grid;min-height:114px;place-items:center;overflow:hidden;border:1px dashed #8e8e98;border-radius:12px;background:linear-gradient(145deg,#eeeef2,#d7d7de);text-align:center;font-size:12px}.gyb__serum-tab img{width:100%;height:100%;object-fit:cover}@media(min-width:1000px){.gyb__intro{min-height:450px}.gyb__serum-tab{min-height:150px}.gyb__me-time article{grid-template-columns:minmax(0,3fr) minmax(0,2fr);min-height:220px}.gyb__me-time .gyb__media{height:220px}.gyb__me-time article>div:last-child{max-width:270px}}.gyb__results .gyb__heading{margin-bottom:12px;text-align:center}.gyb__results-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:24px}.gyb__results-track::-webkit-scrollbar{display:none}.gyb__results-card{flex:0 0 100%;min-width:0;scroll-snap-align:start;text-align:center;scroll-snap-stop:always}.gyb__results-card .gyb__pill{margin:0 0 18px;padding:2px 22px;font-size:14px;line-height:1.5}.gyb__results-image{width:100%;max-width:600px;margin:0 auto 24px;aspect-ratio:313/240;border:0;border-radius:18px}.gyb__results-image img{display:block;width:100%;height:100%;object-fit:cover}.gyb__results-number{display:block;font-size:clamp(48px,8vw,76px);font-weight:900;line-height:1.15;letter-spacing:-.04em;color:#b73cc7;background:linear-gradient(180deg,#bc42ca 10%,#cbb6e8 85%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gyb__results-label{margin:8px 0 0;font-size:18px;font-weight:700;line-height:1.5}.gyb__results-controls:not([hidden]){display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.gyb__results-controls>button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:inherit;font-size:26px;cursor:pointer}.gyb__results-dots{display:flex;gap:0}.gyb__results-dots button{display:grid;place-items:center;width:28px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.gyb__results-dots button:before{content:"";width:5px;height:5px;border-radius:50%;background:#c2c2c2}.gyb__results-dots button[aria-current=true]:before{background:#161616}.gyb__results button:focus-visible,.gyb__results-track:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(min-width:1000px){.gyb__results-track{max-width:680px;margin:auto}.gyb__results-label{font-size:22px}}.gyb--reference .gyb__intro{display:flex;align-items:center;justify-content:center}.gyb--reference .gyb__intro-content{width:100%;text-align:center}.gyb--reference .gyb__intro-content .gyb__copy{margin-inline:auto}.gyb--reference .gyb__media--benefit{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:1;padding:0;border:0;gap:0;overflow:hidden}.gyb--reference .gyb__media--benefit>img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.gyb--reference .gyb__media--benefit>img+.gyb__media-copy{position:absolute;inset:auto 0 0;padding:12px 8px;background:linear-gradient(transparent,#000000b8);color:#fff}@media(max-width:999px){.gyb--reference .gyb__benefits{gap:16px}.gyb--reference .gyb__benefit{flex:0 0 calc((100% - 16px)/2);min-width:0}}@media(min-width:1000px){.gyb--reference .gyb__media--benefit{aspect-ratio:646 / 420}}.gyb--reference .gyb__section{padding-block:24px}.gyb--reference .gyb__heading{margin-bottom:18px}.gyb--reference .gyb__intro{min-height:320px;border-radius:6px}.gyb--reference .gyb__statement{padding:22px 20px}.gyb--reference .gyb__benefits{gap:16px}.gyb--reference .gyb__benefit{flex:0 0 120px}.gyb--reference .gyb__media--benefit{width:120px;height:120px;aspect-ratio:1}.gyb--reference .gyb__media--benefit .gyb__media-copy{inset:auto 0 0;padding:8px 4px}.gyb--reference .gyb__results-image{margin-bottom:18px}.gyb--reference .gyb__modes-reference .gyb__heading{padding:28px 18px;min-height:150px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#57334e,#9c627f);border-radius:6px;color:#fff}.gyb--reference .gyb__modes-reference .gyb__heading .gyb__copy{color:inherit}.gyb--reference .gyb__modes-reference .gyb__slide{display:flex;flex-direction:column;gap:20px}.gyb--reference .gyb__modes-reference .gyb__media--mode{width:100%;height:auto;aspect-ratio:670/900;border:0;border-radius:12px}.gyb--reference .gyb__modes-reference .gyb__media--mode picture{display:block}.gyb--reference .gyb__modes-reference .gyb__media--mode img{display:block;object-fit:cover}.gyb--reference .gyb__modes-reference .gyb__slide>div:last-child{width:100%;text-align:center}.gyb--reference .gyb__modes-reference h3{color:#d534bb}.gyb--reference .gyb__mode-subtitle{margin:0 0 8px;font-weight:700;color:#111}.gyb--reference .gyb__principles{min-height:380px;border-radius:6px}.gyb--reference .gyb__tech-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;text-align:center}.gyb--reference .gyb__tech-portrait{height:auto;aspect-ratio:670/820;border:0;border-radius:14px}.gyb--reference .gyb__tech-portrait img{object-fit:contain}.gyb--reference .gyb__tech-slide h3{margin:14px 0 8px}.gyb--reference .gyb__tech-strip{aspect-ratio:670/220;margin-top:14px;border:0;border-radius:0}.gyb--reference .gyb__tech-strip img{object-fit:contain}.gyb--reference .gyb__compare-copy{min-height:0;border:0;padding:10px 0;gap:12px}.gyb--reference .gyb__safety{grid-template-columns:1fr 1fr;gap:10px}.gyb--reference .gyb__safety-item--1 .gyb__media{height:auto;aspect-ratio:670/320}.gyb--reference .gyb__safety-item--2 .gyb__media{height:auto;aspect-ratio:312/766}.gyb--reference .gyb__safety-stack .gyb__safety-item:first-child .gyb__media{height:auto;aspect-ratio:338/420}.gyb--reference .gyb__safety-stack .gyb__safety-item:last-child .gyb__media{height:auto;aspect-ratio:338/310}.gyb--reference .gyb__media--lifestyle{height:auto;aspect-ratio:670/760;border:0;border-radius:6px}.gyb--reference .gyb__overlay{top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:24px}.gyb--reference .gyb__cards{display:flex;gap:16px;overflow-x:auto;padding-top:20px}.gyb--reference .gyb__cards article{flex:0 0 72%;min-width:0}.gyb--reference .gyb__media--card{height:auto;aspect-ratio:434/582;border:0}.gyb--reference .gyb__serum-head{display:flex;flex-direction:column;gap:20px}.gyb--reference .gyb__media--serum{width:100%;height:auto;min-height:0;aspect-ratio:670/480;border:0;border-radius:0}.gyb--reference .gyb__serum-head>h2{margin:0}.gyb--reference .gyb__serum-tabs{display:flex;gap:12px;width:100%;overflow-x:auto}.gyb--reference .gyb__serum-tab{flex:0 0 24%;min-height:0;aspect-ratio:1;border:0;border-radius:0;background:#fff}.gyb--reference .gyb__serum-tab img{object-fit:contain}.gyb--reference .gyb__serum-flow:empty{display:none}.gyb--reference .gyb__serum-cards{gap:20px;padding-top:18px}.gyb--reference .gyb__serum-cards article{display:flex;flex-direction:column;flex:0 0 82%;gap:14px;border:0;border-radius:0;text-align:center;overflow:visible}.gyb--reference .gyb__media--serum-card{width:100%;height:auto;aspect-ratio:486/602;border:0;border-radius:12px}.gyb--reference .gyb__serum-cards article>div:last-child{padding:0}.gyb--reference .gyb__serum-metric-label{margin-top:8px;color:#111;font-weight:700}.gyb--reference .gyb__me-time{display:block}.gyb--reference .gyb__me-time article{display:grid;grid-template-columns:1fr 1fr;min-height:0;border:0;border-radius:0;overflow:visible;margin:0}.gyb--reference .gyb__me-time .gyb__media{height:auto;aspect-ratio:290/264;border:0;border-radius:12px}.gyb--reference .gyb__me-time article>div:last-child{padding:12px;max-width:none}.gyb--reference .gyb__me-time article:nth-child(2n) .gyb__media{grid-column:2;grid-row:1}.gyb--reference .gyb__me-time article:nth-child(2n)>div:last-child{grid-column:1;grid-row:1}.gyb--reference .gyb__controls{gap:10px;margin-top:10px}.gyb--reference .gyb__controls>button{border:0;width:44px;height:44px;background:transparent}.gyb--reference .gyb__navdots{display:flex;align-items:center}.gyb--reference .gyb__navdots button{display:grid;place-items:center;width:26px;height:44px;padding:0;border:0;background:transparent}.gyb--reference .gyb__navdots button:before{content:"";height:4px;width:4px;border-radius:50%;background:#ccc}.gyb--reference .gyb__navdots button[aria-current=true]:before{background:#111}.gyb--reference button:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(min-width:1000px){.gyb--reference .gyb__section{padding-block:48px}.gyb--reference .gyb__benefit,.gyb--reference .gyb__media--benefit{width:100%;height:auto;aspect-ratio:646/420}.gyb--reference .gyb__modes-reference .gyb__carousel,.gyb--reference .gyb__technology-reference .gyb__carousel{max-width:680px;margin-inline:auto}.gyb--reference .gyb__principles{min-height:500px}.gyb--reference .gyb__safety{grid-template-columns:.82fr 1fr 1fr}.gyb--reference .gyb__safety-item--1 .gyb__media,.gyb--reference .gyb__safety-item--2 .gyb__media{height:430px;aspect-ratio:auto}.gyb--reference .gyb__safety-stack .gyb__safety-item:first-child .gyb__media,.gyb--reference .gyb__safety-stack .gyb__safety-item:last-child .gyb__media{height:210px;aspect-ratio:auto}.gyb--reference .gyb__media--lifestyle{aspect-ratio:2688/760}.gyb--reference .gyb__cards article{flex-basis:calc((100% - 48px)/4)}.gyb--reference .gyb__serum-head{max-width:900px;margin:auto}.gyb--reference .gyb__media--serum{aspect-ratio:1296/700}.gyb--reference .gyb__serum-tabs{justify-content:center}.gyb--reference .gyb__serum-tab{flex-basis:16%}.gyb--reference .gyb__serum-cards article{flex-basis:calc((100% - 60px)/4)}.gyb--reference .gyb__me-time{max-width:900px;margin-inline:auto}.gyb--reference .gyb__me-time article>div:last-child{padding:32px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/gyb-details.css.map */