/* Piel + Pelo pilot: a quieter hierarchy and three complementary photographs. */
.pdp-pilot{--product:var(--design-color-5);--product-tint:var(--design-color-6)}
.pdp-pilot .pdp-top{padding-bottom:46px}
.pdp-pilot .gallery-thumbnails{padding-bottom:0}
.pdp-pilot .gallery-slide[data-gallery-panel=editorial]>img{object-position:center;object-fit:cover}
.pdp-pilot .pdp-section-nav{margin-bottom:44px}
.skin-kicker{display:block;font-size:13px;line-height:1.5;color:var(--product);font-weight:700;margin-bottom:18px}
.skin-story{padding-bottom:92px}
.skin-story-image{overflow:hidden;border-radius:8px;aspect-ratio:1.95;background:var(--design-color-183)}
.skin-story-image img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.skin-story-copy{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start;padding-top:42px}
.skin-story-copy h2{font-size:clamp(32px,3.2vw,48px);max-width:17ch;line-height:1.12}
.skin-story-copy p{font-size:16px;line-height:1.75;max-width:50ch;color:var(--muted)}
.skin-story-copy p+p{margin-top:14px}
.pdp-pilot .pdp-ingredients{background:var(--design-color-44);padding-block:76px}
.pdp-pilot .ingredients-grid{grid-template-columns:.92fr 1.08fr;gap:8%;max-width:1392px}
.pdp-pilot .ingredients-intro h2{font-size:clamp(32px,3.3vw,46px);margin:0 0 24px}
.pdp-pilot .ingredients-intro>p{max-width:47ch;line-height:1.75}
.pdp-pilot .ingredients-intro .skin-fur-detail{width:100%;max-width:430px;aspect-ratio:1.15;object-fit:cover;object-position:center 32%;mix-blend-mode:normal;margin:30px 0 12px;border-radius:5px}
.pdp-pilot .ingredient-accordion strong{font-size:22px;line-height:1.3}
.pdp-pilot .ingredient-accordion small{font-size:12px;letter-spacing:0}
.pdp-pilot .formula-development{background:transparent;padding:12px 0;font-size:12px;line-height:1.6}
.skin-routine{background:var(--design-color-10);color:var(--design-color-131);padding-block:66px}
.skin-routine-inner{display:grid;grid-template-columns:1fr 1fr;gap:9%;max-width:1392px}
.skin-routine .skin-kicker{color:var(--design-color-184)}
.skin-routine h2{font-size:clamp(32px,3.2vw,44px)}
.skin-routine-info>p{font-size:16px;line-height:1.7;max-width:48ch}
.skin-routine dl{margin:24px 0 18px}
.skin-routine dl>div{display:grid;grid-template-columns:115px 1fr;gap:20px;padding:14px 0;border-top:1px solid var(--design-color-185);font-size:13px;line-height:1.65}
.skin-routine dt{color:var(--design-color-186)}.skin-routine dd{margin:0;max-width:36ch}
.skin-routine .text-link:hover{color:var(--design-color-70)}
.skin-science{display:grid;grid-template-columns:.92fr 1.08fr;gap:8%;max-width:1392px;padding-block:88px}
.skin-science-intro h2{font:400 clamp(28px,2.8vw,38px)/1.18 Lato,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 22px}
.skin-science-intro>p{font-size:15px;line-height:1.75;color:var(--muted);max-width:43ch;margin-bottom:22px}
.skin-study{border-top:1px solid var(--design-color-187);padding-top:22px}
.skin-study-citation{font-size:12px;color:var(--muted);margin-bottom:16px}
.skin-study h3{font:400 27px/1.3 Lato,Arial,sans-serif;letter-spacing:-.02em;margin-bottom:14px}
.skin-study-meta{font-size:12px;color:var(--product);margin-bottom:18px}
.skin-study>p:not([class]){font-size:15px;line-height:1.75;color:var(--muted);margin-bottom:22px}
.skin-study .pdp-accordion{margin-bottom:14px}
.pdp-pilot .pdp-faq{padding-block:52px;max-width:1392px;grid-template-columns:.92fr 1.08fr;gap:8%}
.pdp-pilot .pdp-faq h2{font:400 clamp(28px,2.8vw,38px)/1.2 Lato,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 20px}
.pdp-pilot .pdp-range{padding-top:38px;padding-bottom:52px}
.pdp-pilot .range-heading h2{font:400 clamp(27px,2.7vw,36px)/1.2 Lato,Arial,sans-serif;letter-spacing:-.02em}
.pdp-pilot .bondi-newsletter h2{font-size:clamp(30px,3vw,42px)}
@media(max-width:800px){
 .skin-story{padding-bottom:60px}.skin-story-image{aspect-ratio:1.55}.skin-story-copy{padding-top:30px;gap:32px}.skin-story-copy h2{font-size:34px}.skin-story-copy p{font-size:15px}
 .pdp-pilot .pdp-ingredients{padding-block:54px}.pdp-pilot .ingredients-grid{gap:32px}.skin-science{gap:32px;padding-block:60px}.skin-study h3{font-size:24px}.skin-routine-inner{gap:32px}.skin-routine{padding-block:50px}
}
@media(max-width:600px){
 .pdp-pilot .pdp-top{padding-bottom:34px}.pdp-pilot .pdp-section-nav{margin-bottom:28px}.skin-story-image{aspect-ratio:1.15}.skin-story-image img{object-position:71% center}
 .skin-story-copy,.pdp-pilot .ingredients-grid,.skin-routine-inner,.skin-science,.pdp-pilot .pdp-faq{grid-template-columns:1fr;gap:26px}
 .skin-story-copy h2{font-size:33px;max-width:17ch}.skin-story-copy h2 br{display:initial}.skin-story-copy p{font-size:15px}.skin-story{padding-bottom:44px}
 .pdp-pilot .ingredients-intro h2{font-size:34px}.pdp-pilot .ingredients-intro .skin-fur-detail{aspect-ratio:1.5;max-width:none;margin-top:22px;object-position:center 26%}.pdp-pilot .ingredients-intro>.text-link{justify-content:flex-start}
 .pdp-pilot .ingredient-accordion strong{font-size:20px}.skin-routine h2{font-size:32px}.skin-routine h2 br{display:initial}.skin-routine dl>div{grid-template-columns:95px 1fr;gap:14px}
 .skin-science{padding-block:48px}.skin-science-intro h2{font-size:31px}.skin-study h3{font-size:25px}.pdp-pilot .pdp-faq h2{font-size:31px}.pdp-pilot .pdp-faq{padding-block:38px}
 .pdp-pilot .bondi-newsletter h2{font-size:32px}.pdp-pilot .pdp-range{padding-bottom:32px}
}
