/* One photograph carries each principle from feeling to understanding. */
.science-storytelling{background:var(--background,#f2f2f2);color:var(--brand,#385950);font-family:'Albert Sans',Arial,sans-serif;position:relative}
.science-storytelling,.science-storytelling *{overflow-anchor:none}
.science-sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.science-chapter{position:relative;padding:0 0 64px}
.science-scene{position:relative;width:100%;max-width:1800px;margin:auto;padding:0 4%}
.science-chapter-label{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.12em;font-weight:500}
.science-scene-image{position:relative;margin:0;width:100%;height:calc(100svh - var(--local-nav-height) - 112px);min-height:380px;overflow:hidden;border-radius:12px;background:#dce2dc;isolation:isolate}
.science-scene-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--photo-position,50% 50%)}
.science-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(10,19,14,.15) 55%,rgba(10,19,14,.7));pointer-events:none}
.science-scene-image figcaption{position:absolute;bottom:8%;left:5%;right:5%;color:#fff}
.science-scene-image h3{font-size:clamp(42px,5.2vw,76px);font-weight:500;line-height:1.04;letter-spacing:-.045em;margin:0 0 25px;max-width:750px;color:#fff;text-wrap:balance}
.science-read{display:inline-flex;align-items:center;gap:30px;font-size:13px;color:#fff;padding:8px 0;border-bottom:1px solid #ffffff70}
.science-read span{font-size:19px}
.science-explanation{padding:70px 0;max-width:640px;margin:auto}
.science-explanation h4{font-size:clamp(32px,3.25vw,49px);font-weight:600;line-height:1.1;letter-spacing:-.035em;margin:0 0 25px;color:var(--brand);text-wrap:balance}
.science-why{font-size:17px;line-height:1.75;color:#5b7066;margin:0 0 30px}
.science-connection{border-top:1px solid #ced6d0;padding-top:22px;font-size:15px;line-height:1.65;color:#5b7066;margin:0 0 29px}
.science-connection strong{display:block;color:var(--brand);font-size:12px;font-weight:600;margin-bottom:8px}
.science-evidence>a{display:inline-flex;align-items:center;gap:18px;font-size:12px;padding:5px 0;border-bottom:1px solid #9cafa4}
.science-evidence p{font-size:10px;line-height:1.5;margin:10px 0 0;color:#738379;max-width:340px}
.science-scroll-cue{display:none}
.science-detail-anchor{position:absolute;top:calc(100svh - var(--local-nav-height));left:0}
.science-storytelling :focus-visible{outline:2px solid currentColor;outline-offset:6px}
/* JS enhances native vertical scrolling; it never captures the wheel. */
.science-storytelling.is-enhanced .science-chapter{height:calc(200svh - 2 * var(--local-nav-height));padding:0}
.is-enhanced .science-scene{position:sticky;top:var(--local-nav-height);height:calc(100svh - var(--local-nav-height));padding:0;overflow:hidden;--reveal:0;--image-opacity:1;--progress:0}
.is-enhanced .science-chapter-label{position:absolute;left:4%;right:4%;top:0;height:64px;z-index:3}
.is-enhanced .science-scene-image{position:absolute;left:var(--image-x,4%);top:var(--image-y,64px);width:var(--image-w,92%);height:var(--image-h,calc(100% - 104px));min-height:0;margin:0;will-change:width,height,left,top;border-radius:12px}
.is-enhanced .science-image-shade{opacity:var(--image-opacity)}
.is-enhanced .science-scene-image figcaption{opacity:var(--image-opacity);transform:translateY(calc((1 - var(--image-opacity)) * 16px))}
.is-enhanced .science-explanation{position:absolute;left:55%;top:50%;width:36%;max-width:540px;margin:0;padding:0;opacity:var(--reveal);transform:translateY(calc(-50% + (1 - var(--reveal)) * 22px));pointer-events:none}
.is-enhanced .science-scene.is-reading .science-explanation{pointer-events:auto}
.is-enhanced .science-scroll-cue{position:absolute;bottom:16px;left:4%;right:4%;display:flex;align-items:center;justify-content:center;gap:12px;font-size:8px;letter-spacing:.12em;color:#657b6e}
.science-scroll-cue i{width:80px;height:2px;background:#d2dad4;overflow:hidden}
.science-scroll-cue b{display:block;width:100%;height:100%;background:#385950;transform:scaleX(var(--progress));transform-origin:left}
#science-conversation{--photo-position:50% 50%}
#science-care{--photo-position:55% 50%}
@media(min-width:1800px){.science-explanation h4{font-size:52px}.science-why{font-size:19px}}
@media(max-width:900px) and (min-width:651px){.science-explanation h4{font-size:32px}.science-why{font-size:15px;line-height:1.6;margin-bottom:22px}.science-connection{font-size:14px;margin-bottom:20px;padding-top:18px}.is-enhanced .science-explanation{left:53%;width:41%}}
@media(max-width:650px){
 .science-chapter{padding-bottom:34px}.science-scene{padding:0 20px}.science-chapter-label{height:58px;font-size:8px;letter-spacing:.09em;gap:8px}.science-scene-image{height:calc(100svh - var(--local-nav-height) - 100px);min-height:360px;border-radius:9px}.science-scene-image h3{font-size:clamp(34px,9vw,48px);max-width:100%;letter-spacing:-.04em;margin-bottom:20px}.science-scene-image figcaption{left:7%;right:7%;bottom:8%}.science-read{font-size:12px;gap:24px}.science-explanation{padding:50px 0 10px}.science-explanation h4{font-size:30px;margin-bottom:18px}.science-why{font-size:15px;line-height:1.65;margin-bottom:20px}.science-connection{font-size:14px;line-height:1.6;padding-top:17px;margin-bottom:19px}.science-connection strong{font-size:11px;margin-bottom:5px}.science-evidence>a{font-size:11px}.science-evidence p{font-size:9px;margin-top:7px}
 .is-enhanced .science-chapter-label{left:20px;right:20px;height:56px}.is-enhanced .science-scene-image{border-radius:9px}.is-enhanced .science-explanation{left:24px;top:var(--copy-y,38%);width:calc(100% - 48px);max-width:none;transform:translateY(calc((1 - var(--reveal)) * 18px))}.is-enhanced .science-explanation h4{font-size:clamp(24px,6.6vw,30px);margin-bottom:14px}.is-enhanced .science-why{font-size:14px;line-height:1.6;margin-bottom:16px}.is-enhanced .science-connection{padding-top:14px;font-size:13px;line-height:1.55;margin-bottom:15px}.is-enhanced .science-evidence p{max-width:none}.is-enhanced .science-scroll-cue{bottom:12px;font-size:7px}.science-scene-image img{object-position:56% 50%}
}
@media(prefers-reduced-motion:reduce){.science-scene-image{height:calc(100svh - var(--local-nav-height) - 112px)}.science-explanation{min-height:70svh;display:flex;flex-direction:column;justify-content:center}}
@media(max-width:650px){#science-conversation .science-scene-image img{object-position:34% 50%}}