/* Experimental effects only. Existing brand styles are inherited. */
.lab-image{position:relative;overflow:hidden;isolation:isolate}
.lab-image>.formula-macro{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 65%;transform:scale(1.32);opacity:var(--macro-progress,0);pointer-events:none}
.formula-specimen{position:absolute;z-index:3;top:22px;left:22px;right:22px;color:var(--bone);font-family:var(--mono);font-size:10px;letter-spacing:.06em;line-height:1.6;text-shadow:0 1px 5px #0008;pointer-events:none}
.formula-specimen::before{content:"";display:block;width:72px;height:2px;margin-bottom:10px;background:#245cff;transform:scaleX(0);transform-origin:left}
.lab-image.effect-entered .formula-specimen::before{animation:specimen-line .5s ease-out both}
@keyframes specimen-line{to{transform:scaleX(1)}}
.benefit-editorial img{transform:translateY(var(--portrait-drift,0px)) scale(1.045)}
.product-visual.product-still{position:relative;isolation:isolate;overflow:hidden}
.development-note{margin-top:24px;border-top:1px solid #11121644;border-bottom:1px solid #11121644;padding:16px 0}
.development-note summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;font-family:var(--mono);font-size:12px;color:var(--ink)}
.development-note summary::-webkit-details-marker{display:none}
.development-note summary::after{content:"+";color:var(--cobalt);font-size:20px}
.development-note[open] summary::after{content:"−"}
.development-note p{font-size:14px;line-height:1.65;margin:16px 0 0;max-width:440px}
@media(prefers-reduced-motion:reduce){
 .formula-macro{display:none!important}
 .formula-specimen::before{transform:none;animation:none!important}
 .benefit-editorial img{transform:none!important}
}
.formula-specimen{right:auto;max-width:calc(100% - 44px);padding:12px 14px;background:#111216d9;text-shadow:none}

/* Image-integrated development caption: follows the macro reveal. */
.formula-specimen{top:auto;bottom:64px;left:24px;right:24px;max-width:none;padding:0;background:none;color:#202322;text-shadow:none;font-size:11px;line-height:1.65;letter-spacing:.14em;mix-blend-mode:multiply;opacity:clamp(0,calc(var(--macro-progress,0) * 2),1);filter:blur(calc(3px - var(--macro-progress,0) * 4px));transform:rotate(-2deg);transform-origin:left bottom}
.formula-specimen::before{display:none}
@media(prefers-reduced-motion:reduce){.formula-specimen{opacity:1;filter:none}}

/* Keep editorial captions clear above both photo layers. */
.lab-image::after{content:"";position:absolute;inset:auto 0 0;height:145px;background:linear-gradient(transparent,rgba(12,15,17,.66));z-index:2;pointer-events:none}
.lab-image figcaption{z-index:4;left:24px;right:24px;bottom:22px;color:#fff;font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.08em;text-shadow:none}
.formula-specimen{z-index:4;color:#fff;mix-blend-mode:normal;bottom:66px;font-size:12px;letter-spacing:.09em;filter:blur(max(0px,calc(1px - var(--macro-progress,0) * 2px)));opacity:clamp(.65,calc(.65 + var(--macro-progress,0)),1);transform:none}
@media(prefers-reduced-motion:reduce){.formula-specimen{opacity:1;filter:none}}
