/* A single shared stage. Native scrolling advances the explanation and sample. */
.science-opening{display:block;text-align:center;max-width:980px;margin:0 auto}.science-opening h2{font-size:clamp(65px,8vw,118px);margin:30px 0}.science-opening>p:last-child{max-width:790px;margin:0 auto;font-size:22px}.science-stage{display:block;height:330svh;margin:50px calc(-1 * var(--gutter)) 0}.science-pin{position:sticky;top:0;height:100svh;min-height:740px;max-height:1100px;isolation:isolate;overflow:hidden}.science-pin .sample,.science-pin .sample:not(.webgl-ready){position:absolute;inset:0;top:0;height:100%;min-height:0;max-height:none;margin:0;background:none!important;z-index:0;overflow:visible}.science-pin #prp-3d{position:absolute;inset:20% 15% 25%;z-index:0}.science-details{position:absolute;inset:0;z-index:1;pointer-events:none}.prp-chapter{position:absolute;inset:0;min-height:0;padding:0!important;border:0!important;display:block;opacity:0;visibility:hidden;transform:translateY(22px);transition:opacity .45s ease,transform .6s ease,visibility .45s}.prp-chapter.is-current{opacity:1;visibility:visible;transform:translateY(0)}.prp-chapter .chapter-index{position:absolute;top:3.5%;left:0;right:0;text-align:center;font-size:19px;letter-spacing:.12em;margin:0}.prp-chapter .step-title{position:absolute;top:8%;left:5%;right:5%;text-align:center;font-size:clamp(46px,5.5vw,80px);line-height:1;letter-spacing:-.035em;margin:0;color:#251b1d}.prp-chapter .step-title br{display:none}.prp-chapter .step-title br:after{content:' '}.prp-chapter>p:last-child{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);width:min(700px,84%);max-width:none;text-align:center;font-size:22px;line-height:1.55;margin:0}.schematic-note{position:absolute;bottom:1.5%;left:10%;right:10%;max-width:none;margin:0;text-align:center;font-size:13px;color:#726a65}.micro-label{position:absolute;top:45%;font-size:16px;line-height:1.5;color:#7d202d;z-index:2;max-width:160px}.micro-label span{display:block;font-size:14px;color:#726a65;margin-top:5px}.micro-label-left{left:8%;text-align:right}.micro-label-right{right:8%;text-align:left}.science-stage:not(.immersive-ready){height:auto}.science-stage:not(.immersive-ready) .science-pin{position:relative;height:auto;max-height:none}.science-stage:not(.immersive-ready) .science-details{position:relative}.science-stage:not(.immersive-ready) .prp-chapter{position:relative;visibility:visible;opacity:1;transform:none;padding:35px 24px!important}.science-stage:not(.immersive-ready) .prp-chapter>*{position:static;transform:none;width:auto;margin:15px auto;text-align:center}.science-stage:not(.immersive-ready) .schematic-note{position:static}.science-stage:not(.immersive-ready) .sample{display:none}
@media(max-width:760px){.science-opening h2{font-size:13vw}.science-opening>p:last-child{font-size:20px}.science-stage{margin:30px -24px 0;height:340svh}.science-pin{min-height:740px}.science-pin #prp-3d{inset:22% -10% 32%}.prp-chapter .chapter-index{font-size:16px;top:4%}.prp-chapter .step-title{font-size:10vw;top:9%;left:8%;right:8%}.prp-chapter .step-title br{display:block}.prp-chapter>p:last-child{font-size:18px;line-height:1.45;width:88%;bottom:8%}.schematic-note{font-size:11px;left:8%;right:8%;bottom:2%}.micro-label{top:57%;font-size:12px;max-width:140px}.micro-label span{font-size:11px;margin-top:0}.micro-label-left{left:6%;text-align:left}.micro-label-right{right:6%;text-align:right}}
@media(prefers-reduced-motion:reduce){.science-stage.immersive-ready{height:auto}.science-pin{position:relative;height:auto;min-height:0;max-height:none;overflow:visible}.science-pin .sample{display:none}.science-details{position:relative}.prp-chapter{position:relative;opacity:1;visibility:visible;transform:none;transition:none;padding:35px 24px!important}.prp-chapter .chapter-index,.prp-chapter .step-title,.prp-chapter>p:last-child{position:static;transform:none;width:auto;margin:18px auto;text-align:center}.prp-chapter .step-title{font-size:42px}.prp-chapter>p:last-child{max-width:700px}.schematic-note{position:static;margin:20px}}

.hero-signature{display:flex;align-items:center;gap:24px}.hero-signature strong{font-family:Display,Arial,sans-serif;font-size:clamp(26px,3vw,44px);line-height:1.1;letter-spacing:-.025em;font-weight:800;color:#f4f0e9}.hero-signature>span{font-size:16px;letter-spacing:.08em;color:#d0cdc7}.hero h1 .title-mask>span{display:inline-block;transform-origin:40% 65%;animation:title-breathe 12s ease-in-out infinite;will-change:transform}.hero h1 .title-mask{overflow:visible;padding:5px 12px 12px 0}@keyframes title-breathe{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(7px,-6px,0) scale(1.012)}}@media(max-width:760px){.hero-signature{display:block}.hero-signature strong{display:block;font-size:28px}.hero-signature>span{display:block;font-size:14px;margin-top:10px}.hero h1 .title-mask>span{animation-name:title-breathe-mobile}@keyframes title-breathe-mobile{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,-4px,0)}}}@media(prefers-reduced-motion:reduce){.hero h1 .title-mask>span{animation:none;will-change:auto}}

@media(min-width:761px){.prp-chapter .step-title{top:12%}.prp-chapter .chapter-index{top:7%}.prp-chapter>p:last-child{bottom:12%}}

/* Remove outlined font artifacts; move broad fields of light within the title. */
.hero h1 .title-mask>span{-webkit-text-stroke:0!important;text-shadow:none!important;color:transparent!important;-webkit-text-fill-color:transparent;background:linear-gradient(115deg,#c4eaff 5%,#ffffff 25%,#79bdf0 43%,#e1c7a4 62%,#ffffff 78%,#bde7ff 95%);background-size:250% 160%;background-clip:text;-webkit-background-clip:text;animation:hero-color-flow 8s ease-in-out infinite alternate!important;filter:drop-shadow(0 0 14px #9bcbeb38);transform:none;will-change:background-position}
@keyframes hero-color-flow{from{background-position:0% 20%}to{background-position:100% 80%}}
.science-pin #prp-3d{inset:0!important}.science-pin{overflow:visible}.science-pin .sample{overflow:visible}.prp-chapter .chapter-index,.micro-label{display:none!important}.prp-chapter .step-title{top:10%}.schematic-note{font-size:12px;bottom:2%}
@media(max-width:760px){.prp-chapter .step-title{top:8%}.prp-chapter>p:last-child{bottom:9%}.schematic-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero h1 .title-mask>span{animation:none!important;background-position:40% 50%;will-change:auto}.prp-chapter .step-title{position:static}}

@media(min-width:761px){.science-pin{min-height:600px}}

/* Grounded studio scene with legible copy over the full canvas. */
.science-stage{background:#100c0e}.science-pin{background:#100c0e;overflow:hidden}.science-details{background:linear-gradient(180deg,#100c0e88,transparent 24%,transparent 62%,#100c0ee8 83%,#100c0e)}.prp-chapter .step-title{color:#f3eeea}.prp-chapter>p:last-child{color:#ded7d2}.schematic-note{color:#9d9491}.science-stage:not(.immersive-ready) .prp-chapter .step-title{color:#f3eeea}
@media(prefers-reduced-motion:reduce){.science-details{background:#100c0e}}

@media(min-width:761px){.prp-chapter>p:last-child{bottom:7%}.schematic-note{bottom:1%}}

.prp-photograph{position:absolute;inset:0;overflow:hidden}.prp-photograph img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;transform:scale(var(--scene-zoom,1));transform-origin:50% 45%;will-change:transform}.science-details{background:linear-gradient(180deg,#080606c9,transparent 26%,transparent 57%,#080606de 81%,#080606f5)}.prp-chapter .step-title{text-shadow:0 2px 25px #0008}.prp-chapter>p:last-child{bottom:6%;text-shadow:0 2px 12px #000}.science-pin .sample{display:block}.science-stage:not(.immersive-ready) .sample{display:none}
@media(max-width:760px){.prp-photograph img{object-position:50% 44%}.science-details{background:linear-gradient(180deg,#080606d9,transparent 24%,transparent 50%,#080606e8 70%,#080606)}.prp-chapter>p:last-child{bottom:5%;font-size:18px}}
@media(prefers-reduced-motion:reduce){.prp-photograph img{transform:none;will-change:auto}.science-pin .sample{position:relative;height:450px;display:block}.science-details{background:#100c0e}.prp-chapter>p:last-child{position:static}.science-stage:not(.immersive-ready) .sample{display:block}}
@media(max-width:760px){.prp-photograph{inset:12% 0 15%;mask-image:linear-gradient(transparent,#000 12%,#000 82%,transparent)}.prp-photograph img{transform-origin:50% 40%}}

.science-details{background:linear-gradient(180deg,#100c0eaa,transparent 26%,transparent 60%,#100c0ef2 86%,#100c0e)}.science-pin #prp-3d{inset:0!important}.prp-chapter>p:last-child{bottom:6%}@media(max-width:760px){.prp-chapter>p:last-child{bottom:5%}}@media(prefers-reduced-motion:reduce){.science-pin .sample{display:none}.science-details{background:#100c0e}}

.prp-video-scene{position:absolute;inset:0;overflow:hidden}.prp-video-scene video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%;pointer-events:none}.science-details{background:linear-gradient(180deg,#080606c9,transparent 27%,transparent 58%,#080606eb 82%,#080606f5)}.science-pin .sample.video-ready{display:block}.prp-chapter>p:last-child{bottom:6%}
@media(max-width:760px){.prp-video-scene{inset:13% 0 17%;mask-image:linear-gradient(transparent,#000 10%,#000 85%,transparent)}.prp-video-scene video{object-position:50% 48%}.science-details{background:linear-gradient(180deg,#08060688,transparent 24%,transparent 53%,#080606ec 75%,#080606)}.prp-chapter>p:last-child{bottom:5%}}
@media(prefers-reduced-motion:reduce){.science-pin .sample.video-ready{position:relative;display:block;height:450px}.prp-video-scene{inset:0}.science-details{background:#100c0e}.prp-chapter>p:last-child{position:static}}

.prp-video-scene{inset:19% 0 23%;mask-image:linear-gradient(transparent,#000 5%,#000 89%,transparent)}.prp-video-scene video{object-position:50% 50%}.science-details{background:linear-gradient(180deg,#100c0e22,transparent 25%,transparent 58%,#100c0ed9 83%,#100c0e)}@media(max-width:760px){.prp-video-scene{inset:20% 0 31%}.prp-video-scene video{object-position:45% 50%}.science-details{background:linear-gradient(180deg,#100c0e22,transparent 25%,transparent 53%,#100c0ee9 76%,#100c0e)}}

/* Process film: isolated equipment shares the page background, no inset panel. */
.science-stage,.science-pin{background:#100c0e}.prp-video-scene{inset:0;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent);mix-blend-mode:lighten}.prp-video-scene video{object-fit:contain;object-position:50% 50%}.science-details{background:none}.prp-chapter .step-title{top:9%}.prp-chapter>p:last-child{bottom:6%}
@media(max-width:760px){.prp-video-scene{inset:20% -20% 31%;mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)}.prp-video-scene video{object-fit:contain;object-position:center}.prp-chapter .step-title{top:8%}.prp-chapter>p:last-child{bottom:5%}}
@media(prefers-reduced-motion:reduce){.prp-video-scene{inset:0}.science-details{background:#100c0e}.prp-chapter .step-title,.prp-chapter>p:last-child{position:static}}
/* Keep the film's real frame inside the text stage and dissolve its perimeter. */
.prp-video-scene{inset:auto;left:50%;top:49%;width:min(100%,1000px);height:auto;aspect-ratio:16/9;transform:translate(-50%,-50%);mask-image:radial-gradient(ellipse 68% 70% at 50% 44%,#000 45%,transparent 76%);mix-blend-mode:lighten}
.prp-video-scene video{height:100%;object-fit:contain}
@media(max-width:760px){.prp-video-scene{inset:auto;left:50%;top:43%;width:140%;height:auto;aspect-ratio:16/9;mask-image:radial-gradient(ellipse 68% 70% at 50% 44%,#000 45%,transparent 76%)}}
@media(min-width:761px){.prp-video-scene{width:min(78vw,800px);top:49%}}
@media(max-width:760px){.prp-video-scene{width:120%;left:48%;top:43%}}