/* Advanced Skincare follows the established editorial rhythm. */
.product-biocare{--applied-accent:#426d51}
[data-theme=dark] .product-biocare{--applied-accent:#bad69f}
.product-biocare .site-header:not(.is-scrolled){background:transparent;color:var(--ink);border-bottom-color:rgba(var(--page-rgb),.4);backdrop-filter:none}
.product-biocare .site-header:not(.is-scrolled) nav{background:transparent}
.product-biocare .skincare-hero-film>:is(img,video){object-position:64% center}
.product-biocare main .animal-hero h1{font-size:clamp(72px,7.8vw,120px)}
.product-biocare main .animal-hero-caption{max-width:32ch;margin-inline:auto}
.product-biocare main>.skincare-formulation{background:var(--surface)}
.product-biocare .skincare-breakthrough-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:stretch}
.product-biocare .skincare-material-image{margin:0;overflow:hidden;border-radius:16px;min-width:0;align-self:center}
.product-biocare .skincare-material-image>.section-motion{aspect-ratio:1;border-radius:inherit}
.product-biocare .skincare-material-image .section-motion>:is(img,video){object-position:center}
.product-biocare .skincare-priorities{display:grid;grid-template-columns:1fr;gap:36px;align-content:center;padding-block:10px}
.product-biocare main .skincare-priorities h3{font-family:'Optima Hero',Optima,var(--font-body);font-size:36px;line-height:1.3;font-weight:400;margin:0}
.product-biocare main .skincare-priorities p{font-size:17px;line-height:1.8;color:var(--muted);margin:12px 0 0;max-width:42ch}
.product-biocare .skincare-priorities>.text-link{justify-self:start;margin-top:4px;font-size:15px}
.product-biocare main>.skincare-ritual{background:var(--canvas)}
.product-biocare .skincare-ritual-image{margin:0;overflow:hidden;border-radius:16px;background:var(--surface)}
.product-biocare .skincare-ritual-image>img{display:block;width:100%;height:auto;aspect-ratio:2;object-fit:cover}
.product-biocare .skincare-ritual-copy{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:56px;align-items:start}
.product-biocare main .skincare-ritual-copy h3{font-family:'Optima Hero',Optima,var(--font-body);font-size:clamp(30px,3vw,44px);font-weight:400;line-height:1.4;letter-spacing:-.01em;margin:0}
.product-biocare main .skincare-ritual-copy p{font-size:18px;line-height:1.85;color:var(--muted);margin:0 0 24px;max-width:51ch}
.product-biocare main>.skincare-evidence{background:var(--surface)}
.product-biocare .skincare-study-card{background:var(--canvas)}
.product-biocare main>.feed-closing-partnership{background:var(--canvas)}
.product-biocare main>.skincare-faq{background:var(--surface)}
.product-biocare .skincare-study-partner{isolation:isolate;background:var(--canvas)}
.product-biocare .animal-partner-logo--wintershine{width:74px;height:64px;position:relative}
.product-biocare .animal-partner-logo--wintershine img{position:absolute;width:98px;height:98px;max-width:none;left:-12px;top:-18px;filter:none;opacity:1}
[data-theme=dark] .product-biocare .animal-partner-logo--wintershine img{filter:invert(1) hue-rotate(180deg) brightness(1.4)}
.product-biocare .skincare-study-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 40px}
.product-biocare .skincare-study-toolbar[hidden]{display:none}
.product-biocare .skincare-study-toolbar>span{font-size:14px;line-height:1.6;color:var(--muted)}
.product-biocare .skincare-time-controls{display:flex;gap:6px;padding:5px;background:var(--surface);border-radius:99px}
.product-biocare .skincare-time-controls button{font:inherit;font-size:14px;line-height:1.6;border:0;padding:10px 22px;min-height:44px;color:var(--muted);background:transparent;border-radius:99px;cursor:pointer}
.product-biocare .skincare-time-controls button[aria-pressed=true]{color:var(--canvas);background:var(--ink)}
.product-biocare .skincare-time-controls button:focus-visible{outline:2px solid var(--applied-accent);outline-offset:3px}
.product-biocare .skincare-microscopy{display:grid;grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:40px;padding:40px;background:#080c15}
.product-biocare .skincare-micrograph{margin:0;min-width:0}
/* Viewports select unchanged 24h and 72h panels from the original embedded report image. */
.product-biocare .skincare-microscopy-view{position:relative;aspect-ratio:330/180;overflow:hidden;background:#030510}
.product-biocare .skincare-microscopy-view img{position:absolute;display:block;width:403.333333%;max-width:none;height:auto;left:-109.393939%;top:-42.222222%}
.product-biocare .skincare-micrograph--formulation .skincare-microscopy-view img{top:-147.222222%}
.product-biocare [data-study-time="72"] .skincare-microscopy-view img{left:-212.121212%}
.product-biocare .skincare-micrograph figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:20px;color:#f0f2f6;font-family:var(--font-body);font-size:16px;line-height:1.6}
.product-biocare .skincare-micrograph figcaption>span:last-child{color:#a9b3c3;font-size:13px;flex:none}
.product-biocare .skincare-study-results{padding-top:28px}
.product-biocare .skincare-microscopy-legend{display:flex;flex-wrap:wrap;gap:12px 28px;color:var(--muted);font-size:12px;line-height:1.7}
.product-biocare .skincare-microscopy-legend>span{display:flex;gap:8px;align-items:center}
.product-biocare .skincare-microscopy-legend i{width:7px;height:7px;border-radius:50%;display:block;flex:none}
.product-biocare .skincare-legend-orange{background:#df8743}
.product-biocare .skincare-legend-blue{background:#547ae4}
.product-biocare .skincare-study-result{display:grid;grid-template-columns:.7fr 1.3fr;gap:72px;align-items:center;padding:44px 0 36px}
.product-biocare main .skincare-study-stat>p:last-child{font-size:14px;line-height:1.7;color:var(--muted);margin:14px 0 0}
.product-biocare main .animal-metric-value>[data-study-hour-value]{font:inherit;letter-spacing:inherit;margin:0}
.product-biocare main .skincare-study-observation h4{font-family:'Optima Hero',Optima,var(--font-body);font-size:clamp(27px,2.8vw,40px);line-height:1.35;font-weight:400;margin:0;max-width:24ch}
.product-biocare main .skincare-study-observation p{font-size:17px;line-height:1.8;color:var(--muted);margin:16px 0 0;max-width:47ch}
.product-biocare main .skincare-study-source{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 14px}
.product-biocare .feed-closing-panorama>img{display:block;width:100%;height:auto}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.product-biocare :is(.skincare-material-image,.skincare-ritual-image)>img{transition:transform 1.8s ease}.product-biocare :is(.skincare-material-image,.skincare-ritual-image):hover>img{transform:scale(1.015)}}
@media(max-width:1100px){
 .product-biocare .skincare-breakthrough-layout{gap:48px}
 .product-biocare .skincare-ritual-copy{gap:56px}
 .product-biocare .skincare-microscopy{padding:32px;gap:24px}
 .product-biocare .skincare-study-result{gap:40px}
}
@media(max-width:900px){
 .product-biocare .site-header:not(.is-scrolled) nav.is-open{background:var(--canvas)}
 .product-biocare .skincare-formulation .feed-closing-heading{align-items:start;flex-direction:column;gap:24px}
 .product-biocare .skincare-formulation .feed-closing-heading>p{max-width:none}
 .product-biocare .skincare-breakthrough-layout{grid-template-columns:1fr;gap:40px}
 .product-biocare .skincare-priorities{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}
 .product-biocare .skincare-priorities>.text-link{grid-column:1/-1}
 .product-biocare .skincare-ritual .feed-closing-heading{flex-direction:column;align-items:start;gap:24px}
 .product-biocare .skincare-ritual-copy{gap:40px}
 .product-biocare .skincare-priorities{gap:28px}
 .product-biocare main .skincare-priorities h3{font-size:30px;min-height:2.6em}
 .product-biocare main .skincare-priorities p{font-size:16px}
 .product-biocare .skincare-micrograph figcaption{font-size:14px}
 .product-biocare .skincare-study-result{grid-template-columns:.65fr 1.35fr;gap:32px}
}
@media(max-width:600px){
 .product-biocare .skincare-hero-film>:is(img,video){object-position:72% center}
 .product-biocare main .animal-hero h1{font-size:clamp(43px,11.8vw,70px);line-height:1.15}
 .product-biocare .skincare-material-image{border-radius:12px}
 .product-biocare .skincare-priorities{grid-template-columns:1fr;gap:32px;margin:0}
 .product-biocare main .skincare-priorities h3{font-size:32px;min-height:0}
 .product-biocare main .skincare-priorities p{margin-top:12px;font-size:17px;max-width:40ch}
 .product-biocare .skincare-microscopy{grid-template-columns:1fr;gap:30px;padding:24px}
 .product-biocare .skincare-study-toolbar{flex-direction:column;align-items:start;gap:16px;padding:24px}
 .product-biocare .skincare-time-controls{width:100%}
 .product-biocare .skincare-time-controls button{flex:1;padding-inline:14px}
 .product-biocare .skincare-ritual-image{border-radius:12px}
 .product-biocare .skincare-ritual-image>img{aspect-ratio:1.2;object-position:76% center}
 .product-biocare .skincare-ritual-copy{grid-template-columns:1fr;gap:24px;margin-top:36px}
 .product-biocare main .skincare-ritual-copy h3{font-size:31px}
 .product-biocare main .skincare-ritual-copy p{font-size:17px}
 .product-biocare .skincare-micrograph figcaption{padding-top:12px;font-size:14px}
 .product-biocare .skincare-study-results{padding-top:24px}
 .product-biocare .skincare-microscopy-legend{font-size:11px;gap:8px 18px}
 .product-biocare .skincare-study-result{grid-template-columns:1fr;gap:26px;padding-block:32px}
 .product-biocare main .skincare-study-observation h4{font-size:28px}
 .product-biocare main .skincare-study-observation p{font-size:16px;margin-top:14px}
 .product-biocare .feed-closing-panorama>img{aspect-ratio:1.49;object-fit:cover;object-position:35% center}
}