:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#111619;color-scheme:dark;--accent:#ff6a28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffae7f;outline-offset:5px}header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;padding:24px 4vw;background:linear-gradient(#0a1018b0,transparent)}.logo{font-size:35px;font-weight:800;letter-spacing:-3px}.logo span{color:var(--accent)}.logo b{font-size:11px;letter-spacing:3px;margin-left:15px;vertical-align:middle}.prototype{font-size:8px;letter-spacing:2px;color:#d2d6d8;margin-left:30px}header button{background:none;border:0;color:white;margin-left:auto;font-size:11px}header button span{color:var(--accent);margin-left:12px}.chapter{height:165vh;position:relative}.stage{height:100vh;position:sticky;top:0;overflow:hidden;background:#08111b}.art{position:absolute;inset:0;overflow:hidden}.art img{height:100%;width:100%;object-fit:cover;object-position:center;transform:scale(var(--zoom,1));will-change:transform}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#060d158c,transparent 50%,#070d15e8),linear-gradient(90deg,#060c1557,transparent 70%)}.scene-heading{position:absolute;top:17vh;left:6vw;right:5vw;max-width:900px;transform:translateY(var(--lift,0px))}.kicker{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:600;margin:0 0 18px}.scene-heading h1,.scene-heading h2{font-size:clamp(34px,4.5vw,70px);font-weight:500;letter-spacing:-2.5px;line-height:1.05;margin:0;text-shadow:0 2px 40px #0006}.intro{font-size:14px;line-height:1.6;color:#e0e3e5;margin-top:20px}.event{position:absolute;left:6vw;right:6vw;bottom:10vh;display:grid;grid-template-columns:38px 1fr 1fr;gap:24px;align-items:start;padding-top:25px;border-top:1px solid #ffffff45}.event-number{font-size:18px;color:#ff9259;font-weight:300}.event-label,.system>span{font-size:8px;letter-spacing:1.8px;color:#d4dbdf;margin:2px 0 10px;display:block}.event-copy h2{font-size:20px;line-height:1.2;font-weight:400;letter-spacing:-.4px;margin:0 0 8px}.event-next{font-size:11px;color:#bfc9ce;line-height:1.5;margin:0;opacity:var(--reveal,.3);transform:translateY(calc((1 - var(--reveal,.3))*8px))}.system{padding-left:25px;border-left:1px solid #ffffff30}.system>span{color:#ff965e}.system p{font-size:14px;line-height:1.5;margin:0 0 9px}.system small{font-size:8px;color:#b3bec6}.callout{position:absolute;display:flex;gap:13px;align-items:center;filter:drop-shadow(0 3px 10px #0008)}.callout .pin{width:12px;height:12px;background:var(--accent);border:3px solid #fff;border-radius:20px;box-shadow:0 0 0 9px #ff6a2830}.callout div{background:#101a20df;backdrop-filter:blur(12px);border:1px solid #ffffff40;border-radius:9px;padding:11px 14px}.callout b{font-size:11px;font-weight:500}.callout small{display:block;font-size:8px;color:#bac4ca;margin-top:5px}[data-place=delivery]{left:54%;top:53%}[data-place=rfid]{left:37%;top:56%}[data-place=qualification]{left:38%;top:55%}.scroll-cue{position:absolute;bottom:3.5vh;left:6vw;font-size:9px;letter-spacing:.3px;color:#d5dce0;display:flex;align-items:center;gap:12px}.scroll-cue span{font-size:22px;color:var(--accent)}.position{position:fixed;bottom:3.5vh;right:4vw;z-index:10;display:flex;gap:8px;font-size:16px}.position i{font-size:9px;font-style:normal;color:#adb9c1;align-self:end;padding-bottom:2px}.identity,.evidence{position:absolute;right:6vw;top:38vh;width:240px;padding:22px;background:#f4f6f4ed;color:#24343c;border:1px solid #fff;border-radius:14px;box-shadow:0 15px 50px #0003;opacity:var(--reveal,.4);transform:translateY(calc((1 - var(--reveal,.4))*20px))}.identity-label,.evidence>span{font-size:7px;letter-spacing:1.4px;color:#576b77;display:block}.identity strong{display:block;font-size:23px;font-weight:400;margin:17px 0}.identity>div{display:flex;justify-content:space-between;font-size:10px;padding:10px 0;border-top:1px solid #c7d0d4}.identity>div b{font-weight:400}.identity .identity-status{display:block;color:#356548;font-size:10px}.identity i{display:inline-block;width:5px;height:5px;background:#5c976b;border-radius:10px;margin-right:5px}.evidence{width:275px;top:39vh}.evidence>div{font-size:12px;padding-top:12px}.evidence i{font-style:normal;display:block;color:var(--accent);font-size:20px;margin-top:10px}.evidence-last{font-weight:600;color:#b44a19}.afterword{padding:110px 8vw 80px;background:#f3f4f1;color:#1a2a32}.afterword h2{font-size:clamp(27px,3.6vw,50px);line-height:1.15;letter-spacing:-1.3px;font-weight:400;max-width:1000px}.afterword>p:not(.kicker){max-width:650px;font-size:15px;line-height:1.8;color:#60717c}.honest{margin:35px 0;max-width:650px;border-top:1px solid #bbc6cb;padding-top:24px}.honest b{display:block;font-size:13px;margin-bottom:9px}.honest span{font-size:12px;line-height:1.7;color:#60717c}.afterword button{border:1px solid #adb8bd;border-radius:30px;background:none;color:#31434e;padding:10px 15px;font-size:11px}.afterword>a{font-size:11px;margin-left:25px}dialog{background:#f3f4f1;color:#24323b;border:0;border-radius:20px;width:90vw;max-width:650px;max-height:85vh;padding:40px}dialog::backdrop{background:#07121bcc;backdrop-filter:blur(10px)}dialog h2{font-size:30px;letter-spacing:-1px;line-height:1.1;font-weight:400}dialog p{font-size:13px;line-height:1.8;color:#536674}dialog a{color:#b34a1b;text-decoration:underline}.close{position:absolute;right:15px;top:10px;font-size:28px;background:none;border:0;color:#24323b}.skip{position:fixed;top:-100px;z-index:100;background:white;color:black;padding:12px}.skip:focus{top:5px}
@media(max-width:800px){header{padding:18px 6vw}.logo{font-size:28px}.logo b{font-size:8px;letter-spacing:2px;margin-left:10px}.prototype{display:none}header button{font-size:9px}.chapter{height:145svh}.stage{height:100svh}.scene-heading{top:13svh;left:7vw;right:7vw;max-width:none}.kicker{font-size:8px;letter-spacing:1.5px;margin-bottom:13px}.scene-heading h1,.scene-heading h2{font-size:clamp(31px,8.7vw,43px);letter-spacing:-1.2px;line-height:1.08}.intro{font-size:11px;line-height:1.5;margin-top:15px}.art{inset:0}.art img{object-position:50% 50%}.shade{background:linear-gradient(180deg,#08111be3 0%,#08111bad 24%,#08111b00 45%,#08111b25 57%,#08111bef 76%,#08111b 100%)}.event{left:7vw;right:7vw;bottom:8svh;grid-template-columns:22px 1fr;gap:12px;padding-top:15px}.event-number{font-size:14px}.event-label{font-size:7px;margin-bottom:8px}.event-copy h2{font-size:17px;line-height:1.2;margin-bottom:7px}.event-next{font-size:9px;line-height:1.4}.system{grid-column:2;padding:11px 0 0;margin-top:0;border-left:0;border-top:1px solid #ffffff30}.system>span{font-size:7px;margin-bottom:7px}.system p{font-size:11px;line-height:1.4;margin-bottom:5px}.system small{font-size:7px}.callout{gap:9px}.callout .pin{width:10px;height:10px;border-width:2px;box-shadow:0 0 0 6px #ff6a2828}.callout div{padding:8px 10px;border-radius:7px}.callout b{font-size:9px}.callout small{font-size:7px;max-width:165px}.callout[data-place]{left:9%;top:49%}.identity,.evidence{right:6vw;top:43%;padding:13px;width:150px;border-radius:10px;box-shadow:0 10px 35px #0003}.identity-label,.evidence>span{font-size:5px;letter-spacing:.6px}.identity strong{font-size:16px;margin:10px 0}.identity>div{font-size:7px;padding:7px 0}.identity .identity-status{font-size:7px}.evidence>div{font-size:8px;padding-top:8px}.evidence i{font-size:12px;margin-top:5px}#receiving .callout,#qualification .callout{left:7%;top:56%}#receiving .callout div,#qualification .callout div{max-width:155px}#receiving .callout small,#qualification .callout small{font-size:6px}.scroll-cue{left:7vw;bottom:2.8svh;font-size:7px;max-width:70%}.scroll-cue span{font-size:17px}.position{right:6vw;bottom:3svh;font-size:13px}.position i{font-size:7px}.afterword{padding:70px 7vw 60px}.afterword h2{font-size:30px}.afterword>p:not(.kicker){font-size:12px}.honest span{font-size:10px}dialog{padding:30px 25px}dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art img,.scene-heading,.event-next,.identity,.evidence{transform:none!important;opacity:1!important}}
.chapter.confirmed .callout .pin{box-shadow:0 0 0 12px #ff6a2828,0 0 35px #ff6a2877}.chapter.confirmed .identity-status{background:#dce9dd}.chapter.confirmed .evidence-last{border-top:1px solid #d4b09a;margin-top:8px}
@media(max-width:800px){#receiving .art{top:-12svh;bottom:12svh}#receiving .art img{object-position:52% 65%}}
@media(max-width:800px){.identity,.evidence{display:none}#qualification .art img{object-position:58% 50%}}

[data-place=laundry]{left:37%;top:58%}#laundry .scene-heading{max-width:850px}#laundry .intro{max-width:420px}
@media(max-width:800px){#laundry .art img{object-position:53% 50%}#laundry .scene-heading h2{font-size:32px}#laundry .callout{left:7%;top:52%}#laundry .event-next{font-size:10px}#laundry .system small{font-size:8px;line-height:1.5;display:block}}

.full-frame{display:none}@media(max-width:800px){#laundry .art{top:29svh;bottom:30svh}#laundry .art img{object-fit:contain;object-position:center;transform:none!important}#laundry .art .shade{background:linear-gradient(0deg,#08111b66,transparent 28%)}#laundry .callout{display:none}#laundry .full-frame{display:block;position:absolute;left:7vw;bottom:33svh;font-size:10px;color:#ffac80}#laundry .scene-heading h2{font-size:30px;letter-spacing:-1px}}

#clean-laundry .scene-heading{max-width:1000px}#clean-laundry .full-frame{display:block;position:absolute;right:6vw;top:12vh;font-size:11px;color:#ffac80}#clean-laundry .shade{background:linear-gradient(180deg,#060d15b0,transparent 53%,#070d15ed),linear-gradient(90deg,#060c1560,transparent 75%)}
@media(max-width:800px){#clean-laundry .art{top:29svh;bottom:30svh}#clean-laundry .art img{object-fit:contain;object-position:center;transform:none!important}#clean-laundry .art .shade{background:linear-gradient(0deg,#08111b66,transparent 28%)}#clean-laundry .full-frame{left:7vw;right:auto;top:auto;bottom:33svh;font-size:10px}#clean-laundry .scene-heading h2{font-size:28px;letter-spacing:-1px}#clean-laundry .event-next{font-size:10px}#clean-laundry .system small{font-size:8px;line-height:1.5;display:block}}


#qualification .scene-heading{max-width:1000px}#qualification .full-frame{display:block;position:absolute;right:6vw;top:12vh;font-size:11px;color:#ffac80}#qualification .shade{background:linear-gradient(180deg,#060d15b0,transparent 53%,#070d15ed),linear-gradient(90deg,#060c1560,transparent 75%)}
@media(max-width:800px){#qualification .art{top:29svh;bottom:30svh}#qualification .art img{object-fit:contain;object-position:center;transform:none!important}#qualification .art .shade{background:linear-gradient(0deg,#08111b66,transparent 28%)}#qualification .full-frame{left:7vw;right:auto;top:auto;bottom:33svh;font-size:10px}#qualification .scene-heading h2{font-size:28px;letter-spacing:-1px}#qualification .event-next{font-size:10px}#qualification .system small{font-size:8px;line-height:1.5;display:block}}

@media(max-width:800px){#qualification .callout{display:none}}


#office-control .scene-heading{max-width:1000px}#office-control .full-frame{display:block;position:absolute;right:6vw;top:12vh;font-size:11px;color:#ffac80}#office-control .shade{background:linear-gradient(180deg,#060d15b0,transparent 53%,#070d15ed),linear-gradient(90deg,#060c1560,transparent 75%)}
@media(max-width:800px){#office-control .art{top:29svh;bottom:30svh}#office-control .art img{object-fit:contain;object-position:center;transform:none!important}#office-control .art .shade{background:linear-gradient(0deg,#08111b66,transparent 28%)}#office-control .full-frame{left:7vw;right:auto;top:auto;bottom:33svh;font-size:10px}#office-control .scene-heading h2{font-size:28px;letter-spacing:-1px}#office-control .event-next{font-size:10px}#office-control .system small{font-size:8px;line-height:1.5;display:block}}


@media(max-width:800px){#office-control .scene-heading h2{font-size:27px}#office-control .intro{font-size:10px}#office-control .intro br{display:none}}


#address-storage .scene-heading{max-width:1000px}#address-storage .full-frame{display:block;position:absolute;right:6vw;top:12vh;font-size:11px;color:#ffac80}#address-storage .shade{background:linear-gradient(180deg,#060d15b0,transparent 53%,#070d15ed),linear-gradient(90deg,#060c1560,transparent 75%)}
@media(max-width:800px){#address-storage .art{top:29svh;bottom:30svh}#address-storage .art img{object-fit:contain;object-position:center;transform:none!important}#address-storage .art .shade{background:linear-gradient(0deg,#08111b66,transparent 28%)}#address-storage .full-frame{left:7vw;right:auto;top:auto;bottom:33svh;font-size:10px}#address-storage .scene-heading h2{font-size:28px;letter-spacing:-1px}#address-storage .event-next{font-size:10px}#address-storage .system small{font-size:8px;line-height:1.5;display:block}}


#address-storage .art img{transform:none!important}body.reduced-motion #address-storage{height:100svh}body.reduced-motion #address-storage .stage{position:relative}@media(prefers-reduced-motion:reduce){#address-storage{height:100svh}#address-storage .stage{position:relative}}

#laundry .scene-heading{max-width:1000px}#laundry .scene-heading h2{font-size:clamp(32px,4vw,60px)}#laundry .intro{max-width:650px}@media(max-width:800px){#laundry .scene-heading h2{font-size:24px;line-height:1.1}#laundry .intro{font-size:10px;line-height:1.45;margin-top:12px}#laundry .art{top:35svh;bottom:30svh}}

#qualification .system p{font-size:12px}#qualification .system small{display:block;line-height:1.5}@media(max-width:800px){#qualification .system p{font-size:10px;line-height:1.4}#qualification .system small{font-size:7px}#qualification .event{bottom:6svh}}


#fitting .scene-heading{max-width:1000px}#fitting .full-frame{display:block;position:absolute;right:6vw;top:12vh;font-size:11px;color:#ffac80}#fitting .shade{background:linear-gradient(180deg,#060d15b0,transparent 53%,#070d15ed),linear-gradient(90deg,#060c1560,transparent 75%)}
@media(max-width:800px){#fitting .art{top:29svh;bottom:30svh}#fitting .art img{object-fit:contain;object-position:center;transform:none!important}#fitting .art .shade{background:linear-gradient(0deg,#08111b66,transparent 28%)}#fitting .full-frame{left:7vw;right:auto;top:auto;bottom:33svh;font-size:10px}#fitting .scene-heading h2{font-size:28px;letter-spacing:-1px}#fitting .event-next{font-size:10px}#fitting .system small{font-size:8px;line-height:1.5;display:block}}


#fitting .intro{max-width:650px}#fitting .system small{display:block;line-height:1.45}@media(max-width:800px){#fitting .scene-heading h2{font-size:27px}#fitting .intro{font-size:10px;line-height:1.4}#fitting .art{top:34svh;bottom:30svh}#fitting .system p{font-size:10px}#fitting .system small{font-size:7px}}

.kts-visual{position:absolute;height:100%;width:auto;aspect-ratio:1672/941;left:50%;top:50%;transform:translate(-50%,-50%)}#access-check .art img{transform:none!important;width:100%;height:100%;object-fit:fill}.scan-line{position:absolute;left:36.5%;width:12%;top:var(--scan-y,16%);height:3px;background:#ffb36b;box-shadow:0 0 17px 7px #ff9d434d;pointer-events:none}.gate-status{position:absolute;left:78.45%;top:43.5%;width:2.8%;height:3.25%;background:#101215;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#fa4556;font-size:clamp(12px,1.7vw,28px);line-height:1;font-weight:bold}.access-allowed .gate-status{color:#75e3a3}.access-finished .scan-line{display:none}.kts-demo{position:absolute;right:6vw;top:48%;width:260px;background:#0c1822ee;border:1px solid #ffffff35;border-radius:12px;padding:16px}.kts-demo label{display:block;font-size:9px;color:#ffab72;margin-bottom:8px}.kts-demo select{font:inherit;font-size:11px;width:100%;padding:8px;background:#1e303d;color:white;border:1px solid #657782;border-radius:6px}.kts-demo strong{display:block;font-size:13px;font-weight:400;line-height:1.4;margin-top:12px;color:#ffb66f}.access-allowed .kts-demo strong{color:#8ee7b2}body.reduced-motion #access-check .scan-line{display:none}#access-check .system p{font-size:12px}
@media(max-width:800px){#access-check .scene-heading h2{font-size:25px}#access-check .intro{font-size:10px}#access-check .art{top:29svh;bottom:32svh}#access-check .art .shade{background:none}#access-check .kts-visual{height:auto;width:100%}.gate-status{font-size:8px;border-radius:1px}.kts-demo{top:61%;left:7vw;right:7vw;width:auto;padding:9px 12px;display:grid;grid-template-columns:1fr 1.5fr;gap:5px 8px;align-items:center}.kts-demo label{font-size:8px;margin:0}.kts-demo select{font-size:9px;padding:5px}.kts-demo strong{grid-column:1/-1;font-size:10px;margin-top:0}.scan-line{height:2px;box-shadow:0 0 8px 3px #ff9d434d}#access-check .event{bottom:5svh}#access-check .event-copy h2{font-size:15px}#access-check .event-next{font-size:8px}#access-check .system p{font-size:9px}#access-check .system small{font-size:7px}}
.kts-visual{width:177.6833vh;height:100vh}@media(max-width:800px){#access-check .kts-visual{width:100vw;height:56.2799vw}}
@media(max-width:800px){.kts-demo{display:block;width:86vw}.kts-demo label{display:inline-block;width:31%;vertical-align:middle}.kts-demo select{display:inline-block;width:67%;vertical-align:middle}.kts-demo strong{margin-top:7px;display:block}}

/* Approved production montage: native vertical scroll, no video or slider. */
#production{height:650vh;height:650svh}#production .stage{height:100vh;height:100svh}.production-window{position:absolute;inset:0;overflow:hidden;touch-action:pan-y}.production-film{display:flex;width:max-content;height:100%;will-change:transform}.production-panel{height:100%;width:auto;max-width:none;flex:none}.production-bridge{height:100%;width:25.5048vh;width:25.5048svh;position:relative;overflow:hidden;flex:none}.production-bridge img{position:absolute;left:50%;height:100%;width:auto;max-width:none;transform:translateX(-50%)}.production-bridge.bridge-2 img{top:.6376%}.production-window .shade{pointer-events:none}.production-skip{position:absolute;right:6vw;top:12vh;color:#ffac80;font-size:11px}.production-route{margin:24px 0;font-size:13px;line-height:1.8}.production-route summary{cursor:pointer}.production-route a{margin-right:16px;color:#a84517}body.reduced-motion #production{height:100svh}body.reduced-motion #production .production-film{will-change:auto}body.reduced-motion #production .stage{position:relative}
@media(max-width:800px){#production .scene-heading{top:12svh}#production .scene-heading h1{font-size:32px}#production .intro{font-size:10px;margin-top:12px}.production-window{top:30svh;bottom:auto;height:37svh}.production-bridge{width:9.4368vh;width:9.4368svh}.production-window .shade{background:none}#production .event{bottom:8svh;grid-template-columns:22px 1fr}#production .system{display:none}#production .event-copy h2{font-size:19px}#production .event-next{font-size:11px}#production .production-skip{top:26svh;right:7vw;font-size:10px}#production .scroll-cue{bottom:3svh;font-size:8px}}
@media(prefers-reduced-motion:reduce){#production{height:100svh}#production .stage{position:relative}.production-film{will-change:auto}}

/* Match storage frame sizing; keep KTS overlay in the image coordinate system. */
#access-check .kts-visual{width:max(100vw,177.6833vh);height:max(100vh,56.2799vw)}
@media(max-width:800px){#access-check .art{top:29svh;bottom:30svh}#access-check .kts-visual{width:min(100vw,72.8502svh);height:min(56.2799vw,41svh)}}
.gate-status{left:79.45%;top:43.30%;width:3.15%;height:2.65%;border-radius:0;transform:skewX(-42deg) rotate(3deg);font-size:clamp(10px,1.45vw,24px)}
@media(max-width:800px){.gate-status{font-size:7px}}
/* v16 uses one continuous image, historical panels are not rendered. */
.production-film>.production-single{display:block;flex:none;height:100%;width:auto;max-width:none}
/* Restored stainless tripod indicator; coordinates tied to 1672 × 941 image. */
.gate-status{left:78.35%;top:43.36%;width:2.63%;height:3.40%;border-radius:3px;transform:none}
@media(max-width:800px){.gate-status{border-radius:1px}}

.qualification-program{padding:48px 7vw;background:#14212a;color:#eef2f4;border-top:1px solid #ffffff24}.qualification-program h2{font-size:clamp(24px,3vw,36px);font-weight:400;line-height:1.2;margin:0 0 22px}.qualification-program>p:not(.kicker){max-width:950px;font-size:16px;line-height:1.7}.qualification-program .qualification-program-note{color:#b9c7cf;font-size:13px!important}@media(max-width:800px){.qualification-program{padding:36px 7vw}.qualification-program>p:not(.kicker){font-size:14px;line-height:1.65}}

.receiving-frame{position:absolute;left:50%;top:50%;width:1672px;height:941px;transform:translate(-50%,-50%) scale(var(--frame-fit,1));transform-origin:center}#receiving .receiving-frame img{width:1672px;height:941px;transform:none!important;object-fit:fill}.uhf-screen{position:absolute;left:0;top:0;width:260px;height:500px;background:#f3f7fc;color:#1c3048;padding:12px 10px;font-family:Arial,sans-serif;transform-origin:0 0;transform:matrix3d(0.6645772797661502,-0.0878760461434065,0,-0.00022358324778591688,-0.06939968332956345,0.9303596471386564,0,-4.704817914498982e-05,0,0,1,0,1143.0,150.0,0,1);overflow:hidden;border-radius:5px}.uhf-screen>b{display:block;font-size:19px;margin-bottom:17px;line-height:1.1}.uhf-screen>b i{float:right;font-size:10px;background:#ff730b;color:white;padding:3px;font-style:normal}.uhf-count{font-size:15px;padding:5px 0;border-bottom:1px solid #d9e1eb}.uhf-count strong{float:right;font-size:21px;color:#111}.uhf-count.pending,.uhf-count.pending strong{color:#e65a10}.uhf-list-heading{font-size:10px;background:#e1e7ee;margin-top:14px;padding:4px}.uhf-list-heading span{float:right;padding-right:12px}#uhf-rows{height:270px;overflow:hidden}#uhf-rows>div{font-size:11px;line-height:17px;white-space:nowrap;border-bottom:1px solid #e9eef3}#uhf-rows i{color:#19aa57;font-style:normal}#uhf-rows span{float:right;color:#30805b;font-size:10px}.uhf-screen-note{font-size:10px;color:#dd5b16;border-top:1px solid #d8e0e9;padding-top:4px}#receiving .system p{font-size:12px}#receiving .system small{font-size:9px;line-height:1.5;display:block}@media(max-width:800px){#receiving .art{top:29svh;bottom:30svh}#receiving .shade{background:none}#receiving .scene-heading h2{font-size:28px}#receiving .full-frame{left:7vw;right:auto;top:auto;bottom:33svh;font-size:10px}#receiving .event-copy h2{font-size:16px}#receiving .event-next{font-size:11px}#receiving .system p{font-size:10px}#receiving .system small{font-size:8px}}

.production-film{position:relative}.production-note{position:absolute;top:36%;transform:translateX(-50%);width:260px;padding:13px 16px;background:#0d1c28ed;border:1px solid #f18a4b;border-radius:10px;color:white;pointer-events:none}.production-note[hidden]{display:none}.production-note b{font-size:15px;color:#ffb080;display:block;line-height:1.3}.production-note span{font-size:12px;line-height:1.5;display:block;margin-top:6px}.production-note:after{content:"";position:absolute;left:50%;top:100%;height:22px;width:1px;background:#ff9b60}@media(max-width:800px){.production-note{top:4%;width:170px;padding:8px 10px}.production-note b{font-size:11px}.production-note span{font-size:9px;margin-top:4px}.production-note:after{height:12px}}

.qualification-program a{color:#ffb080}.qualification-program ul{max-width:950px;font-size:16px;line-height:1.8;padding-left:22px}#sterilization .scene-heading h2{font-size:clamp(30px,4.3vw,62px)}#sterilization .art img{transform:none!important}#audit-documentation .system p,#sterilization .system p{font-size:12px}#audit-documentation .system small,#sterilization .system small{font-size:9px;line-height:1.5;display:block}@media(max-width:800px){#sterilization .art,#audit-documentation .art{top:29svh;bottom:30svh}#sterilization .art img,#audit-documentation .art img{object-fit:contain;transform:none!important}#sterilization .art .shade,#audit-documentation .art .shade{background:none}#sterilization .scene-heading h2{font-size:25px}#audit-documentation .scene-heading h2{font-size:28px}#sterilization .intro,#audit-documentation .intro{font-size:10px}#sterilization .event-copy h2,#audit-documentation .event-copy h2{font-size:16px}#sterilization .event-next,#audit-documentation .event-next{font-size:10px}#sterilization .full-frame,#audit-documentation .full-frame{left:7vw;right:auto;top:auto;bottom:33svh;font-size:10px}#sterilization .system p,#audit-documentation .system p{font-size:10px}#sterilization .system small,#audit-documentation .system small{font-size:8px}.qualification-program ul{font-size:14px}}

#office-control .event-next{max-width:540px;font-size:12px;line-height:1.6}@media(max-width:800px){#office-control .event-next{font-size:10px;line-height:1.5}}

#receiving .full-frame,#sterilization .full-frame,#audit-documentation .full-frame{display:block;position:absolute;color:#ffac80}#audit-documentation .audit-frame{position:absolute;inset:0;transform:none!important}#audit-documentation .audit-frame-1,#audit-documentation .audit-frame-2{opacity:0}@media(min-width:801px){#receiving .full-frame,#sterilization .full-frame,#audit-documentation .full-frame{top:12vh;right:6vw;font-size:11px}}

/* v19 desktop readability. Photo geometry and mobile cascade stay unchanged. */
@media(min-width:801px){
 header button{font-size:16px}.prototype{font-size:14px;letter-spacing:1px}.logo b{font-size:14px}
 .kicker{font-size:14px;line-height:1.45;letter-spacing:1.5px;margin-bottom:14px}
 .scene-heading{top:16vh;max-width:min(900px,68vw)}
 .intro{font-size:18px;line-height:1.5;max-width:640px;color:#f0f3f5}
 .event{bottom:5vh;gap:22px;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);padding:18px 22px;background:#08131de8;border:1px solid #ffffff35;border-radius:14px}
 .event-copy,.system{min-width:0;overflow-wrap:break-word}
 .event-label,.system>span{font-size:14px;line-height:1.4;letter-spacing:1px;margin:0 0 9px;color:#dfe7ed}
 .system>span{color:#ffac80}.event-copy h2{font-size:24px;line-height:1.3;margin-bottom:10px}
 .event-next,#office-control .event-next{font-size:18px;line-height:1.5;color:#e2e9ed;opacity:1;transform:none;max-width:65ch}
 .system{padding-left:22px}.system p,#access-check .system p,#receiving .system p,#audit-documentation .system p,#sterilization .system p{font-size:18px;line-height:1.5;max-width:65ch;color:#f3f6f7}
 .system small,#receiving .system small,#audit-documentation .system small,#sterilization .system small{display:block;font-size:14px;line-height:1.5;color:#cdd9e1}
 .full-frame,#clean-laundry .full-frame,#receiving .full-frame,#sterilization .full-frame,#audit-documentation .full-frame,.production-skip{font-size:16px!important}
 .callout b{font-size:16px}.callout small{font-size:14px;line-height:1.45;max-width:240px}
 .scroll-cue{font-size:14px;bottom:1.2vh}.position{bottom:1.2vh;font-size:18px}.position i{font-size:14px}
 .evidence{width:290px;right:5vw;top:37vh;padding:18px}.evidence>span{font-size:14px;line-height:1.4;letter-spacing:.5px}.evidence>div{font-size:16px;line-height:1.45}.evidence i{font-size:22px}
 .kts-demo{top:35vh;right:6vw;width:290px;padding:16px}.kts-demo label{font-size:14px;line-height:1.4}.kts-demo select{font-size:16px}.kts-demo strong{font-size:18px;line-height:1.45}
 .production-note b{font-size:18px}.production-note span{font-size:16px;line-height:1.45}.production-note{width:310px}
 .qualification-program>p:not(.kicker),.qualification-program ul{font-size:18px;line-height:1.6;max-width:72ch}.qualification-program .qualification-program-note{font-size:16px!important}
 .afterword>p:not(.kicker){font-size:18px;line-height:1.6}.honest b{font-size:18px}.honest span{font-size:16px;line-height:1.6}.afterword button,.afterword>a,.production-route{font-size:16px}
 dialog p{font-size:18px;line-height:1.6}
}
@media(min-width:801px) and (max-height:820px){
 .scene-heading{top:15vh}.scene-heading h1,.scene-heading h2,#sterilization .scene-heading h2{font-size:48px;line-height:1.08;letter-spacing:-1.8px}
 .intro{margin-top:14px}.event{bottom:5vh;padding:14px 18px}.event-copy h2{font-size:22px}.event-label,.system>span{margin-bottom:6px}.kts-demo{top:34vh}
}

/* Evidence is below the photo: it can never cover the Helmke monitor. */
.qualification-program .evidence{position:static;display:block;width:auto;max-width:900px;margin:0 0 36px;padding:20px;opacity:1;transform:none}.qualification-program .evidence>span{font-size:14px}.qualification-program .evidence>div{font-size:18px;line-height:1.5}.qualification-program .evidence i{display:inline-block;margin:6px 0}
@media(min-width:801px){.chapter .system p{font-size:18px;line-height:1.5}.chapter .system small{font-size:14px;line-height:1.5}.kts-demo{top:18vh}.kts-demo select{height:auto;min-height:44px;padding:8px;line-height:1.4}[data-place=laundry]{left:51%;top:51%}}
@media(min-width:801px){#qualification .system p,#clean-laundry .system p,#laundry .system p{font-size:18px;line-height:1.5}#qualification .system small,#clean-laundry .system small,#laundry .system small{font-size:14px;line-height:1.5}}
/* v21: preserve larger desktop type, restore original lightweight separators. */
@media(min-width:801px){.event{background:transparent;border:0;border-top:1px solid #ffffff45;border-radius:0;padding:25px 0 0;box-shadow:none}.system{border-left:1px solid #ffffff35}}

/* v27: mirrored approved KTS; coordinates stay in the image plane. */
#access-check .scan-line{left:52.5%;width:10%;}
#access-check .gate-status{left:19.14%;top:43.36%;width:2.63%;height:3.40%;transform:none;}
@media(min-width:801px){
 #access-check .scene-heading{top:12vh;max-width:min(44vw,650px);right:auto;}
 #access-check .scene-heading h2{font-size:clamp(32px,3vw,48px);line-height:1.12;letter-spacing:-1.2px;}
 #access-check .intro{font-size:18px;line-height:1.5;}
 #access-check .kts-demo{left:31vw;right:auto;top:46vh;width:clamp(220px,18vw,280px);}
}
/* Individually placed captions remain inside the panorama, not in a shared bottom panel. */
#production .production-legacy{display:none!important}#production .production-window{top:var(--header-height);bottom:0;height:auto}#production .shade{background:none}#production .scene-heading{top:calc(var(--header-height) + 18px);left:3vw;max-width:340px;pointer-events:none}#production .scene-heading h1{font-size:26px;line-height:1.15;text-shadow:0 1px 8px #0009}#production .intro{display:none}#production .kicker{font-size:12px}#production .production-skip{top:auto;bottom:18px;font-size:14px;background:#101820c9;padding:7px 10px;border-radius:4px}
.production-caption{position:absolute;transform:translate(-50%,-50%);width:310px;max-width:80vw;background:#fffef4ef;color:#16232c;padding:12px 16px;border-left:3px solid #ef762f;border-radius:4px;box-shadow:0 4px 16px #0002;z-index:4}.production-caption[hidden]{display:none}.production-caption .caption-number{font-size:12px;color:#9a450b;font-weight:700}.production-caption h2{font-size:18px;line-height:1.25;margin:5px 0}.production-caption p{font-size:15px;line-height:1.4;margin:6px 0}.production-caption summary{font-size:13px;color:#8e3e08;cursor:pointer}.production-caption details[open]{max-height:180px;overflow:auto}.production-caption details p{font-size:14px}.production-quality{position:absolute;left:20px;bottom:14px;max-width:330px;color:#14212a;background:#fffffff0;border-radius:4px;padding:10px 12px;z-index:4;font-size:12px;line-height:1.45}.production-quality b,.production-quality span{display:block}.production-quality summary{cursor:pointer;color:#8e3e08}.production-quality p{margin:6px 0}.production-quality b{font-size:13px}
@media(max-width:800px){#production .production-window{top:var(--header-height);bottom:0;height:auto}#production .scene-heading{top:calc(var(--header-height) + 12px);left:6vw;max-width:230px}#production .scene-heading h1{font-size:20px}#production .kicker{font-size:10px}.production-caption{width:250px;padding:10px 12px}.production-caption h2{font-size:16px}.production-caption p{font-size:14px}.production-caption details[open]{max-height:170px}.production-quality{max-width:250px;left:14px;bottom:12px;font-size:11px}.production-quality b{font-size:12px}#production .production-skip{right:14px;bottom:125px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.production-caption{transition:none}}
.production-quality{top:14px;bottom:auto;left:auto;right:20px;max-width:310px}#production .production-skip{bottom:14px}#production .scene-heading{max-width:260px}
@media(max-width:800px){#production .scene-heading{display:none}.production-quality{top:12px;right:14px;left:14px;max-width:none}.production-caption{max-width:78vw}.production-quality details[open]{max-height:120px;overflow:auto}}
.production-caption[data-production-caption="9"]{transform:translate(-100%,-50%)}
#production{height:100vh;height:100svh}#production .stage{height:100vh;height:100svh}#production .scroll-hint{display:none}.panorama-controls{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;background:#fffffff2;padding:8px 12px;border-radius:4px;z-index:8;color:#18232b;max-width:96%;white-space:nowrap}.panorama-controls button,.panorama-controls a{font-size:14px;line-height:1.3;padding:7px 9px;color:#713005;background:transparent;border:1px solid #d3a181;border-radius:4px;cursor:pointer;text-decoration:none}.panorama-controls button:focus-visible,.panorama-controls a:focus-visible{outline:3px solid #f47b32;outline-offset:2px}.panorama-controls span{font-size:13px}.panorama-controls [hidden]{display:none}.panorama-controls button:disabled{opacity:.45;cursor:default}body.reduced-motion #production .production-film{transform:var(--unused,none);will-change:auto}
@media(max-width:800px){.panorama-controls{bottom:8px;padding:6px;gap:4px;flex-wrap:wrap;width:max-content;max-width:94%}.panorama-controls button,.panorama-controls a{font-size:12px;padding:6px}.panorama-controls span{font-size:12px}.production-caption{top:72%!important}.production-caption[data-production-caption="9"]{transform:translate(-90%,-50%)}}
@media(max-width:800px){.production-caption{top:22%!important}.production-quality{padding:7px 10px}.production-quality span{font-size:10px}.production-caption details[open]{max-height:200px}}


/* First frame is the absolute left edge; no centering or scroll-driven transform. */
#production{--header-height:80px}#production .production-film{left:0;right:auto;margin:0;transform:translate3d(0,0,0);justify-content:flex-start}#production .production-single{object-position:left center;transform:none}#production .production-caption[data-production-caption]{transform:translate(-50%,-50%)}
@media(max-width:800px){#production{--header-height:72px}.production-caption{top:20%!important}}
/* v30: persistent navigation, final production chapter and accessible controls */
:root{--site-header-height:88px}html{scroll-padding-top:var(--site-header-height)}.site-header{min-height:var(--site-header-height);padding:14px 3vw;gap:26px;background:#0e1824f5;border-bottom:1px solid #ffffff26;box-shadow:0 4px 20px #0003;backdrop-filter:blur(14px)}.site-header .logo{flex-shrink:0}.screen-progress{min-width:115px;font-size:12px;color:#e1e8ee}.screen-progress b{color:#fff;font-variant-numeric:tabular-nums}.screen-progress progress{display:block;width:100%;height:4px;margin-top:9px;accent-color:#ff7a38;border:0;border-radius:4px}.screen-progress progress::-webkit-progress-bar{background:#ffffff26;border-radius:4px}.screen-progress progress::-webkit-progress-value{background:#ff7a38;border-radius:4px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.header-actions a,.site-header .header-actions button{font-size:13px;white-space:nowrap;margin:0;line-height:1.3;padding:10px 0}.header-actions .request-link{background:#ed682b;border-radius:5px;color:#fff;padding:12px 16px}.header-actions button{color:#fff}.site-header #screen-navigation{position:absolute;right:3vw;top:calc(100% + 8px);width:min(420px,94vw);max-height:70svh;overflow:auto;background:#152230;border:1px solid #586470;border-radius:10px;padding:12px;box-shadow:0 15px 60px #0007}.site-header #screen-navigation[hidden]{display:none}#screen-navigation a{display:block;padding:11px 12px;border-radius:5px;font-size:14px}#screen-navigation a:hover,#screen-navigation a[aria-current="step"]{background:#ffffff16;color:#ffac80}.chapter{scroll-margin-top:0}.scene-heading{top:max(16vh,calc(var(--site-header-height) + 25px))}.production-story{padding:85px 7vw 55px;background:#ecf0ee;color:#152935}.production-story h2{font-size:clamp(30px,4vw,52px);font-weight:400;letter-spacing:-1.3px;line-height:1.13;margin:20px 0}.production-story>p:not(.kicker){max-width:840px;font-size:17px;line-height:1.7}.production-story .kicker{color:#a44317}#production{--header-height:var(--site-header-height)}#production .scene-heading{display:block;left:22px;top:calc(var(--site-header-height) + 16px);max-width:360px;padding:12px 14px;border-radius:5px;background:#0c182bd9}#production .scene-heading h2{font-size:23px;letter-spacing:-.5px;line-height:1.2}#production .scene-heading .kicker{font-size:10px;margin-bottom:8px}#production .production-quality{top:135px}.afterword>button{margin:6px 6px 6px 0}.site-footer{padding:50px 7vw;background:#101c28;color:#e1e8ee;font-size:14px;line-height:1.7}.site-footer h2{font-size:30px;font-weight:400}.site-footer a{text-decoration:underline;text-underline-offset:4px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact-grid p{margin:8px 0}.footer-links{display:flex;flex-wrap:wrap;gap:14px 24px;margin:32px 0 12px}.footer-links button{background:none;border:0;color:inherit;font-size:14px;text-decoration:underline}.legal-text{max-width:850px}.muted{color:#b2c1cd}.contact-action{display:inline-block;padding:12px 18px;background:#eb682d;color:white;border-radius:5px;text-decoration:none!important;margin:10px 0}.cookie-banner{position:fixed;z-index:40;bottom:14px;left:14px;right:14px;max-width:680px;margin:auto;background:#f5f6f3;color:#162b39;border:1px solid #bbc5ca;border-radius:10px;padding:18px;box-shadow:0 8px 35px #0006;font-size:13px;line-height:1.5}.cookie-banner p{margin:0 0 10px}.cookie-banner a{color:#9c3e13;text-decoration:underline}.cookie-banner button{padding:9px 13px;border:1px solid #9faeb7;border-radius:5px;background:transparent;color:#203441}.cookie-banner button.primary{background:#203441;color:white}.cookie-banner[hidden]{display:none}.cookie-actions{display:flex;flex-wrap:wrap;gap:8px}.legal-modal{max-width:850px}.legal-modal h3{margin-top:24px}.legal-modal li{font-size:14px;line-height:1.7}.legal-modal .dialog-close{position:sticky;top:0;float:right;background:#e2e8e8;border:0;padding:8px 12px;color:#132b39;border-radius:5px}.legal-modal h2{clear:both}#request{scroll-margin-top:calc(var(--site-header-height) + 20px)}
@media(max-width:1050px){.site-header{gap:16px}.logo b{display:none}.header-actions{gap:12px}}
@media(max-width:800px){:root{--site-header-height:120px}.site-header{padding:10px 4vw;display:grid;grid-template-columns:1fr auto;gap:9px 16px}.site-header .logo{font-size:27px;line-height:1.1}.screen-progress{min-width:130px;text-align:right;font-size:12px}.header-actions{grid-column:1/-1;margin:0;justify-content:space-between;gap:6px}.header-actions a,.site-header .header-actions button{font-size:11px;white-space:normal;padding:7px 2px}.header-actions .request-link{padding:9px 10px}.site-header #screen-navigation{right:3vw}.scene-heading{top:calc(var(--site-header-height) + 20px)}.production-story{padding:50px 7vw 35px}.production-story>p:not(.kicker){font-size:15px}#production .scene-heading{display:block;top:calc(var(--site-header-height) + 12px);left:12px;right:12px;max-width:none;padding:10px 12px}#production .scene-heading h2{font-size:18px;line-height:1.15}#production .scene-heading .kicker{display:none}#production .production-quality{top:auto;bottom:70px;font-size:10px;left:12px;right:12px}.production-caption{top:43%!important}.contact-grid{grid-template-columns:1fr;gap:24px}.site-footer{padding:35px 7vw}.cookie-banner{bottom:8px;left:8px;right:8px;padding:14px}.legal-modal{padding:22px}.legal-modal h2{font-size:25px}.panorama-controls{flex-wrap:wrap;white-space:normal;width:max-content;max-width:96%;gap:5px}.panorama-controls button,.panorama-controls a{font-size:12px;padding:6px}.panorama-controls #pan-continue{flex-basis:100%;text-align:center}.production-caption details[open]{max-height:160px}}
@media(max-width:360px){.header-actions a,.site-header .header-actions button{font-size:10px}.header-actions .request-link{padding:9px 7px}.production-caption{width:230px}}
.consent-label{display:block;font-size:13px;line-height:1.7}.consent-label input{width:18px;height:18px;vertical-align:middle;margin-right:8px;accent-color:#ed682b}.contact-action{border:0;font-size:14px;cursor:pointer}.contact-action:disabled{opacity:.4;cursor:not-allowed}
/* v30 readability: independent photo, caption and control rows; never stretch beyond source height. */
#production .stage{display:grid;grid-template-rows:auto minmax(180px,1fr) auto auto;padding:calc(var(--site-header-height) + 16px) 3vw 16px;gap:12px;overflow:hidden;height:max(100svh,760px)}#production{height:max(100svh,760px)}#production .scene-heading{position:static;grid-row:1;max-width:none;padding:0;background:none;transform:none;pointer-events:auto}#production .scene-heading h2{font-size:clamp(22px,2.5vw,34px);line-height:1.1}#production .scene-heading h2 br{display:none}#production .scene-heading .kicker{margin:0 0 7px}#production .production-window{position:relative;inset:auto;grid-row:2;height:100%;max-height:724px;align-self:center;width:100%;background:#c4c6c6;border-radius:6px}#production .production-film{height:100%;max-height:724px;filter:none;backdrop-filter:none}#production .production-single{image-rendering:auto;filter:none;opacity:1;max-height:724px}#production .production-caption-tray{grid-row:3;min-height:135px;background:#fffef7;color:#172a38;border-left:4px solid #ed682b;border-radius:5px;overflow:auto;max-height:235px}#production .production-caption{position:static;left:auto!important;top:auto!important;transform:none!important;width:auto;max-width:none;padding:15px 20px;background:none;border:0;box-shadow:none;margin:0;border-radius:0}#production .production-caption h2{font-size:21px}#production .production-caption p{font-size:16px;margin:6px 0}#production .production-caption details[open]{max-height:110px;overflow:auto}#production .panorama-controls{position:static;grid-row:4;transform:none;max-width:none;width:100%;margin:0;white-space:normal;flex-wrap:wrap;background:#e8edef;padding:8px;min-height:49px}.production-control-note{padding:28px 7vw;background:#e8eeeb;color:#19313e}.production-control-note .production-quality{position:static;background:none;color:inherit;max-width:900px;padding:0;font-size:15px}.production-control-note .production-quality b{font-size:18px}.production-control-note .production-quality span{font-size:14px}.production-control-note details{margin-top:8px}.production-control-note details[open]{max-height:none}#production .scroll-cue{display:none}#production .panorama-controls #pan-continue{flex-basis:auto}
@media(max-width:800px){#production,#production .stage{height:max(100svh,820px)}#production .stage{padding:calc(var(--site-header-height) + 12px) 12px 12px;gap:10px;grid-template-rows:auto minmax(200px,1fr) auto auto}#production .scene-heading{display:block;inset:auto;padding:0}#production .scene-heading h2{font-size:22px;line-height:1.18}#production .production-caption-tray{min-height:170px;max-height:265px}#production .production-caption{padding:12px 14px}#production .production-caption h2{font-size:19px;line-height:1.2}#production .production-caption p{font-size:15px;line-height:1.45}#production .production-caption summary{font-size:14px}#production .production-caption details[open]{max-height:110px}#production .panorama-controls{gap:6px;padding:8px;min-height:50px}#production .panorama-controls button,#production .panorama-controls a{font-size:13px;padding:7px 9px}.production-control-note{padding:24px 7vw}}

/* Unified process / LSI pair on every scene. */
.event-label,.system>span,.column-title{color:#ffad83;font-weight:700;letter-spacing:1px;font-size:13px;line-height:1.4}.event .system{color:#fff}.production-caption-tray{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:14px 18px}.production-process{min-width:0}.production-system{border-left:1px solid #a9b8ba;padding-left:20px;font-size:16px;line-height:1.5}.production-system small{font-size:12px;color:#526774}.production-caption-tray .column-title{color:#9b441b;margin:0 0 8px}.production-system>p:not(.column-title){margin:0 0 8px}#production .production-caption{padding:0}.uhf-screen-note{font-size:14px}#receiving .scene-heading{max-width:900px}#receiving .scene-heading h2{font-size:clamp(30px,3.6vw,56px)}
@media(max-width:800px){.event-label,.system>span{font-size:11px;font-weight:700}.production-caption-tray{grid-template-columns:1fr;gap:14px;padding:14px}#production .production-caption-tray{max-height:345px;min-height:250px}.production-system{border-left:0;border-top:1px solid #a9b8ba;padding:12px 0 0;font-size:14px}.production-caption-tray .column-title{font-size:12px}.production-system small{font-size:11px}#production,#production .stage{height:max(100svh,950px)}#receiving .scene-heading h2{font-size:29px}#receiving .event{bottom:3svh}.system small{font-size:9px;line-height:1.35}.system p{font-size:13px;line-height:1.45}.event-next{font-size:11px;line-height:1.4}}
/* v31: a dedicated, readable continuation strip on every scene. */
.chapter-cue{position:absolute;bottom:14px;left:6vw;right:6vw;z-index:6;display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 16px;border:1px solid #ed8c575c;border-radius:6px;background:#111e2bf2;color:#fff;font-size:14px;line-height:1.35;overflow:hidden;isolation:isolate}.chapter-cue>span{position:relative;z-index:1}.chapter-cue>span:first-child{color:#ffad83;font-size:22px}.chapter-cue::after{content:"";position:absolute;inset:-50% auto -50% -45%;width:30%;background:linear-gradient(100deg,transparent,#ffd6b82b,transparent);transform:skewX(-15deg);pointer-events:none;animation:cue-sheen 7s ease-in-out infinite}.chapter:not(#production) .stage{min-height:760px}.chapter-cue:hover{border-color:#ffad83}.chapter-cue:focus-visible{outline:3px solid #ffad83;outline-offset:2px}@keyframes cue-sheen{0%,60%{left:-45%}85%,100%{left:115%}}
#production .stage{grid-template-rows:auto minmax(180px,1fr) auto auto auto;height:max(100svh,830px)}#production{height:max(100svh,830px)}#production .chapter-cue{position:relative;inset:auto;grid-row:5;width:100%;margin:0;min-height:44px}
@media(max-width:800px){.chapter-cue{left:7vw;right:7vw;font-size:12px;bottom:12px;padding:9px 12px;min-height:44px}.chapter:not(#production) .stage{min-height:850px}#production,#production .stage{height:max(100svh,1020px)}#production .stage{grid-template-rows:auto minmax(200px,1fr) auto auto auto}}
@media(prefers-reduced-motion:reduce){.chapter-cue::after{animation:none;display:none}}
body.reduced-motion .chapter-cue::after{animation:none;display:none}
/* Cover the panorama window at every stop; translation is clamped to actual image width. */
#production .production-window{overflow:hidden;background:#08111b}#production .production-film{max-height:none;align-items:center}#production .production-single{max-height:none;flex-shrink:0;object-fit:cover}
.chapter:not(#production){min-height:760px}@media(max-width:800px){.chapter:not(#production){min-height:850px}}
@media(max-width:800px){.header-actions{flex-wrap:wrap;justify-content:flex-start;gap:4px 12px}:root{--site-header-height:140px}.site-header{min-height:140px}}
/* v32: navigation in the centre, request at the far right, menu beside count. */
.site-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.header-left{display:flex;align-items:center;gap:24px}.screen-progress{min-width:110px}.screen-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.site-header #screen-menu{margin:0;padding:3px 6px;font-size:22px;line-height:1;min-width:32px;min-height:32px}.site-header .header-actions{margin:0;justify-content:center;gap:22px}.header-request{display:block;text-align:center;background:#ed682b;color:white;border-radius:5px;padding:12px 16px;white-space:nowrap;font-size:13px;line-height:1.3}.screen-progress progress{margin-top:4px}
@media(max-width:1050px){.header-left{gap:16px}.site-header{gap:14px}.site-header .header-actions{gap:16px}}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto;gap:9px 12px;min-height:140px}.header-left{grid-column:1/-1;justify-content:space-between;gap:16px}.screen-progress{min-width:110px}.site-header .header-actions{grid-column:1;margin:0;justify-content:flex-start;flex-wrap:nowrap;gap:14px}.site-header .header-actions a{font-size:12px;white-space:nowrap}.header-request{grid-column:2;padding:11px 12px;font-size:12px}.site-header .logo{font-size:27px}.site-header .logo b{display:none}.screen-controls{justify-content:space-between}.screen-progress{text-align:left}}
@media(max-width:360px){.site-header .header-actions{gap:9px}.site-header .header-actions a{font-size:11px}.header-request{font-size:11px;padding:10px}}
/* v33: one stable, numbered zone tied to the active explanation. No blinking cards. */
.production-zone-map{position:absolute;top:50%;left:0;transform:translateY(-50%);pointer-events:none;overflow:visible;z-index:3}.production-zone-region{fill:#ff9c4324;stroke:#ffb16a;stroke-width:2;vector-effect:non-scaling-stroke}.production-zone-pin{fill:#f17932;stroke:white;stroke-width:2.5;filter:drop-shadow(0 2px 4px #0009)}.production-zone-number{fill:#fff;font:bold 14px Arial,sans-serif}.production-zone-connector{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.production-zone-line{fill:none;stroke:#ffb16a;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 1px 2px #0009)}.production-zone-reference{grid-column:1/-1;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #b5c0c4;padding-bottom:10px;margin-bottom:0}.production-zone-reference>span{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#cf5a24;color:white;font-size:16px;font-weight:bold;border:2px solid #fff}.production-zone-reference strong{font-size:15px;line-height:1.35;display:block}.production-zone-reference p{font-size:12px;color:#506574;margin:4px 0 0;line-height:1.4}#production .production-caption-tray{position:relative;z-index:4;min-height:230px;max-height:340px;gap:10px 20px}#production .panorama-controls,#production .chapter-cue{position:relative;z-index:4}#production,#production .stage{height:max(100svh,950px)}#production .production-caption{transition:none;animation:none}.production-caption .caption-number{font-weight:bold;color:#9b441b}
@media(max-width:800px){#production,#production .stage{height:max(100svh,1170px)}#production .production-caption-tray{min-height:330px;max-height:460px}.production-zone-reference{gap:10px}.production-zone-reference strong{font-size:14px}.production-zone-reference p{font-size:11px}.production-zone-reference>span{width:34px;height:34px;font-size:14px}}
/* Requested 150% navigation type and spacing; mobile uses its own full row. */
.site-header .header-actions{gap:33px}.site-header .header-actions a{font-size:19.5px}
@media(max-width:1000px){:root{--site-header-height:180px}.site-header{min-height:180px;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;padding:10px 4vw;gap:7px 12px}.header-left{display:contents}.site-header .logo{grid-column:1;grid-row:1}.screen-progress{grid-column:1;grid-row:2;max-width:112px;min-width:105px;text-align:left}.header-request{grid-column:2;grid-row:1;justify-self:end;font-size:12px;padding:11px}.site-header .header-actions{grid-column:1/-1;grid-row:3;justify-content:center;gap:21px;flex-wrap:nowrap}.site-header .header-actions a{font-size:18px}.site-header .logo b{display:none}}
/* v34: plain left-aligned cue; light moves only over letter glyphs.
   Old sweep lasted 25% of 7s = 1.75s. A continuous 3.5s sweep is twice as slow. */
.chapter:not(#production) .chapter-cue{justify-content:flex-start;left:6vw;right:auto;bottom:18px;width:auto;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;isolation:auto;gap:10px;cursor:default;font-size:14px;line-height:1.5}
.chapter:not(#production) .chapter-cue::after{display:none;animation:none}.chapter:not(#production) .chapter-cue>span:first-child{font-size:22px;color:#ffad83}.chapter:not(#production) .cue-letter-shine{color:#d6e0e9;background:linear-gradient(100deg,#c7d3df 0%,#c7d3df 39%,#fff1d0 47%,#fff 50%,#ffd8ad 53%,#c7d3df 61%,#c7d3df 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:cue-letter-beam 3.5s linear infinite}@keyframes cue-letter-beam{from{background-position:100% 50%}to{background-position:0% 50%}}
@media(max-width:1000px){.chapter:not(#production) .chapter-cue{left:7vw;right:7vw;font-size:12px;bottom:17px;gap:9px}.chapter:not(#production) .chapter-cue>span:first-child{font-size:20px}}
@media(prefers-reduced-motion:reduce){.chapter:not(#production) .cue-letter-shine{animation:none;background:none;color:#d6e0e9;-webkit-text-fill-color:currentColor}}
body.reduced-motion .chapter:not(#production) .cue-letter-shine{animation:none;background:none;color:#d6e0e9;-webkit-text-fill-color:currentColor}
#clean-laundry .scene-heading{max-width:900px}#clean-laundry .scene-heading h2{font-size:clamp(30px,3.5vw,48px);line-height:1.12;letter-spacing:-1px}#clean-laundry .event-next{max-width:60ch}@media(max-width:1000px){#clean-laundry .scene-heading h2{font-size:29px;line-height:1.16}}
/* Approved 22 Oct fitting view: full monitor on the right, no mirror transform. */
#fitting .art img{object-fit:contain;object-position:center center;transform:none!important;filter:none}#fitting .art{background:#101923}#fitting .scene-heading{max-width:49vw}#fitting .scene-heading h2{font-size:clamp(30px,3.7vw,50px)}#fitting .intro{max-width:46vw}
@media(max-width:1000px){#fitting .scene-heading{max-width:none;right:7vw}#fitting .scene-heading h2{font-size:29px}#fitting .intro{max-width:none;font-size:12px}#fitting .art img{object-position:center 48%}}
/* Latest uncompressed Helmke preparation view; no blur or scroll zoom. */
#qualification .art img{object-fit:contain;object-position:center center;transform:none!important;filter:none}#qualification .art{background:#101923}#qualification .scene-heading{max-width:55vw}
@media(max-width:1000px){#qualification .scene-heading{max-width:none;right:7vw}#qualification .art img{object-position:center 48%}}
#sterilization .art img{object-fit:contain;object-position:center center;transform:none!important;filter:none}#sterilization .art{background:#101923}#sterilization .scene-heading{max-width:56vw}#sterilization .scene-heading h2{font-size:clamp(29px,3.4vw,46px)}
@media(max-width:1000px){#sterilization .scene-heading{max-width:none;right:7vw}#sterilization .scene-heading h2{font-size:28px}#sterilization .art img{object-position:center 48%}}
/* Original presentation interfaces are inside the physical monitor screens.
   Text lives in separate rows, never over the monitors. */
#office-control{min-height:1100px;height:auto}#office-control .stage{height:max(100svh,1100px);display:grid;grid-template-rows:auto minmax(280px,1fr) auto auto;gap:16px;padding:calc(var(--site-header-height) + 20px) 6vw 20px;box-sizing:border-box;background:#101923}
#office-control .scene-heading{position:relative;inset:auto;grid-row:1;max-width:none;transform:none;opacity:1}#office-control .scene-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.1}#office-control .scene-heading .intro{font-size:15px;margin-top:8px}
#office-control .office-art{position:relative;inset:auto;grid-row:2;min-height:280px;overflow:hidden;background:#101923}#office-control .office-plane{position:absolute;width:1672px;height:941px;left:50%;top:50%;transform-origin:center}
#office-control .office-photo{position:absolute;inset:0;width:1672px;height:941px;object-fit:fill;transform:none!important;filter:none}
#office-control .office-screen-mask{position:absolute;inset:0;width:1672px;height:941px;overflow:hidden}
#office-control .office-screen-left{clip-path:polygon(18.96% 21.04%,56.58% 21.04%,56.52% 70.03%,29.78% 68.97%,27.93% 64.19%,25.6% 60.57%,23.68% 56.43%,21.71% 52.82%,19.08% 49.42%)}
#office-control .office-screen-right{clip-path:polygon(58.01% 21.04%,96.29% 21.04%,96.17% 72.26%,58.01% 70.03%)}
#office-control .office-screen{position:absolute;inset:0;width:1000px;height:1000px;max-width:none;object-fit:contain;background:#f6f6ed;transform-origin:0 0;filter:none}
#office-control .event{position:relative;inset:auto;grid-row:3;width:100%;max-width:none;transform:none;opacity:1;margin:0}#office-control .chapter-cue{position:relative;inset:auto;grid-row:4;margin-top:4px}
@media(max-width:1000px){#office-control .stage{height:max(100svh,1250px);padding-left:7vw;padding-right:7vw;grid-template-rows:auto minmax(230px,1fr) auto auto}#office-control .office-art{min-height:230px}#office-control .scene-heading h2{font-size:28px}#office-control .scene-heading .intro{font-size:12px}#office-control .event{max-height:none}}
#zone-control{min-height:1150px;height:auto}#zone-control .stage{height:max(100svh,1150px);display:grid;grid-template-rows:auto minmax(270px,1fr) auto auto auto;gap:14px;padding:calc(var(--site-header-height) + 20px) 6vw 20px;box-sizing:border-box;background:#101923}#zone-control .scene-heading{position:relative;inset:auto;grid-row:1;max-width:none;transform:none;opacity:1}#zone-control .scene-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.1}#zone-control .intro{font-size:15px}#zone-control .zone-art{position:relative;inset:auto;grid-row:2;display:flex;align-items:center;justify-content:center;min-height:270px;overflow:hidden}#zone-control .zone-visual{position:relative;width:min(100%,calc(45vh * 1672 / 941));aspect-ratio:1672/941}#zone-control .zone-visual>img{position:absolute;inset:0;width:100%;height:100%;transform:none!important;filter:none;object-fit:contain}#zone-control .zone-monitor{position:absolute;left:53.2%;top:20.5%;width:41%;height:37%;display:flex;flex-direction:column;justify-content:center;padding:2%;box-sizing:border-box;color:white;background:#10233b;font-size:clamp(8px,1.1vw,16px);line-height:1.3}#zone-control .zone-monitor strong{color:#ffb18b;font-size:1.1em}#zone-control .zone-monitor small{font-size:.6em;margin-bottom:7px;letter-spacing:.05em}#zone-control .zone-monitor p{font-size:.7em;margin-top:8px}#zone-control .zone-scenarios{grid-row:3;display:flex;align-items:center;gap:12px;font-size:14px}#zone-mode{max-width:100%;padding:10px;background:#172535;color:#fff;border:1px solid #647489;border-radius:5px}#zone-control .event{position:relative;inset:auto;grid-row:4;max-width:none;width:100%;transform:none;opacity:1;margin:0}#zone-control .chapter-cue{position:relative;inset:auto;grid-row:5}
@media(max-width:1000px){#zone-control .stage{height:max(100svh,1310px);padding-left:7vw;padding-right:7vw;grid-template-rows:auto minmax(210px,1fr) auto auto auto}#zone-control .zone-art{min-height:210px}#zone-control .zone-visual{width:100%}#zone-control .zone-monitor{font-size:clamp(7px,1.7vw,12px)}#zone-control .zone-monitor p{display:none}#zone-control .event{max-height:none}#zone-control .scene-heading h2{font-size:28px}#zone-control .zone-scenarios{align-items:flex-start;flex-direction:column;gap:7px}}

.zone-mobile-alert{display:none}@media(max-width:1000px){#zone-control .zone-mobile-alert{display:block;margin:4px 0;color:#ffb18b;font-size:15px;line-height:1.4}}#kts-screen-note{display:block;margin-top:10px;font-size:11px;line-height:1.4;color:#c9d3df}
@media(max-width:800px){#kts-screen-note{grid-column:1/-1;font-size:10px;margin:4px 0 0}}
/* v35 QA: the selector, source note and explanations occupy separate rows. */
#access-check{min-height:1350px;height:auto}#access-check .stage{height:max(100svh,1350px);display:grid;grid-template-rows:auto minmax(330px,1fr) auto auto auto;gap:16px;padding:calc(var(--site-header-height) + 20px) 6vw 20px;box-sizing:border-box;background:#101923}
#access-check .scene-heading{position:relative;inset:auto;grid-row:1;max-width:none;transform:none;opacity:1}#access-check .scene-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.1}#access-check .intro{font-size:15px}
#access-check .art{position:relative;inset:auto;grid-row:2;min-height:330px;overflow:hidden}#access-check .kts-visual{width:min(100%,calc(55vh * 1672 / 941));height:auto;aspect-ratio:1672/941}#access-check .kts-visual>img:first-child{width:100%;height:100%;object-fit:contain;transform:none!important;filter:none}#access-check .shade{display:none}
#access-check .kts-demo{position:relative;inset:auto;grid-row:3;width:100%;max-width:none;display:grid;grid-template-columns:180px minmax(200px,1fr);gap:8px 18px;padding:14px 18px;box-sizing:border-box;margin:0}#access-check .kts-demo label{width:auto;font-size:14px;margin:0}#access-check .kts-demo select{width:100%;font-size:15px}#access-check .kts-demo strong{grid-column:1/-1;margin:0;font-size:16px}#access-check #kts-screen-note{grid-column:1/-1;margin:0;font-size:12px;line-height:1.4}
#access-check .event{position:relative;inset:auto;grid-row:4;width:100%;max-width:none;max-height:none;transform:none;opacity:1;margin:0}#access-check .chapter-cue{position:relative;inset:auto;grid-row:5;margin:0}
@media(max-width:1000px){#access-check .stage{height:max(100svh,1430px);padding-left:7vw;padding-right:7vw;grid-template-rows:auto minmax(210px,1fr) auto auto auto}#access-check .art{min-height:210px}#access-check .kts-visual{width:100%;height:auto}#access-check .scene-heading h2{font-size:28px}#access-check .kts-demo{grid-template-columns:1fr;padding:12px}#access-check .kts-demo label,#access-check .kts-demo select{display:block;width:100%}#access-check .kts-demo strong{font-size:14px}}
/* Relative grid rows must not inherit the original absolute centring offsets. */
#production .panorama-controls,#production .chapter-cue{inset:auto;transform:none;box-sizing:border-box;min-width:0}
/* v37: authentic interfaces at full available width, not inside small photo monitors. */
#office-control .stage{height:auto;min-height:1100px;grid-template-rows:auto auto auto auto;padding-left:3vw;padding-right:3vw;gap:22px}#office-control .office-gallery{min-height:0;overflow:visible;background:none}#office-control .office-gallery figure{margin:0;width:100%}#office-control .office-full{position:relative;inset:auto;display:block;width:100%;height:auto;max-width:none;object-fit:contain;transform:none!important;filter:none}#office-control .office-full[hidden]{display:none!important}#office-control figcaption{font-size:13px;line-height:1.5;color:#becbd7;margin-top:10px}.office-view-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.office-view-tabs button{font-size:16px;padding:11px 18px;border:1px solid #6d8090;color:#e8eef3;background:#162637;border-radius:5px;cursor:pointer}.office-view-tabs button[aria-pressed=true]{background:#e86d2e;border-color:#e86d2e;color:#fff}.office-view-tabs button:focus-visible{outline:3px solid #ffbf87;outline-offset:3px}
@media(max-width:1000px){#office-control .stage{height:auto;min-height:100svh;padding-left:3vw;padding-right:3vw;grid-template-rows:auto auto auto auto}#office-control .office-gallery{min-height:0}.office-view-tabs button{font-size:14px;padding:10px 15px}}
/* v37: example notification follows the original cream/yellow LS-I / 1C visual language. */
#zone-control .zone-art{overflow:hidden}#zone-control .zone-visual{width:100%;max-width:none;height:auto;aspect-ratio:1672/941}#zone-control .zone-lsi-ui{position:absolute;left:0;top:0;width:900px;height:560px;padding:0;display:block;box-sizing:border-box;background:#fffef0;color:#30352e;font:22px/1.35 Arial,sans-serif;transform-origin:0 0;overflow:hidden;border:2px solid #999c90}
.zone-ui-title{height:44px;box-sizing:border-box;padding:7px 18px;background:linear-gradient(#eef0ed,#c9ccc9);font-size:21px;white-space:nowrap}.zone-ui-toolbar{padding:13px 18px;background:#f8e998;border-bottom:1px solid #c9b96b;font-size:20px}.zone-ui-toolbar span{float:right;color:#4a6245}.zone-ui-body{display:grid;grid-template-columns:175px 1fr;height:calc(100% - 98px)}.zone-ui-body aside{background:#fbec9d;border-right:1px solid #cdbf78;padding:22px 14px;font-size:18px;line-height:2.4}.zone-ui-body aside b{display:inline-block;background:#fffde7;margin-left:-14px;padding:0 14px;white-space:nowrap}.zone-ui-card{padding:16px 22px}.zone-ui-card h3{font-size:25px;color:#377c4a;margin:0 0 14px;font-weight:normal}.zone-person{display:flex;gap:12px;align-items:center;border-bottom:1px solid #d8d8c5;padding-bottom:12px;margin-bottom:14px}.zone-person svg{width:44px;height:54px;fill:#6f8b8e}.zone-person b{font-size:23px}.zone-person span{display:block;font-size:17px;color:#6a6e65}.zone-ui-card dl{display:grid;grid-template-columns:135px 1fr;gap:10px 14px;margin:0;font-size:20px}.zone-ui-card dt{color:#6c7268}.zone-ui-card dd{margin:0}.zone-ui-card .zone-ui-warning{color:#9a3022;font-weight:bold;background:#fff0df;padding:8px;line-height:1.3}#zone-control .zone-lsi-ui #zone-rule{display:block;font-size:17px;line-height:1.3;color:#686d62;margin:12px 0}.zone-ui-actions{display:inline-block;padding:8px 12px;background:#f5e5a1;border:1px solid #c1b36b;font-size:17px;border-radius:3px}
#zone-control .stage{height:auto;min-height:1150px;grid-template-rows:auto auto auto auto auto}#zone-control .zone-art{min-height:0;aspect-ratio:1672/941}#zone-control .zone-scenarios{flex-wrap:wrap}.zone-mobile-alert{max-width:100%}
@media(max-width:1000px){#zone-control .stage{height:auto;min-height:100svh;grid-template-rows:auto auto auto auto auto}#zone-control .zone-art{min-height:0}#zone-control .zone-lsi-ui{font-size:22px}#zone-control .zone-mobile-alert{display:block;font-size:16px}#zone-control .zone-lsi-ui #zone-rule{display:block;font-size:17px}}
/* v38 regression: grid event rows must override the legacy absolute bottom offset. */

/* v40: restore the photographed two-monitor scene at full available width.
   640x470 plane preserves the physical display aspect before perspective mapping. */
#office-control .office-art{position:relative;grid-row:2;width:100%;height:auto;aspect-ratio:1672/941;min-height:0;overflow:hidden;background:#101923}
#office-control .office-screen{width:640px;height:470px;object-fit:contain;image-rendering:auto;background:#fffef0}
@media(max-width:1000px){#office-control .office-art{min-height:0;aspect-ratio:1672/941}}
/* v41: full-bleed scene windows, with readable descriptions in separate rows. */
#access-check .stage,#zone-control .stage{height:auto;min-height:100svh;padding-left:0;padding-right:0;grid-template-rows:auto auto auto auto auto}
#access-check .scene-heading,#zone-control .scene-heading{margin-left:6vw;margin-right:6vw}
#access-check .art,#zone-control .zone-art{width:100%;height:calc(100svh - var(--site-header-height));min-height:480px;aspect-ratio:auto;overflow:hidden}
#access-check .kts-visual,#zone-control .zone-visual{position:absolute;left:50%;top:50%;width:max(100%,calc(max(480px,100svh - var(--site-header-height)) * 1672 / 941));height:auto;max-width:none;aspect-ratio:1672/941;transform:translate(-50%,-50%)}
#access-check .kts-demo,#access-check .event,#zone-control .zone-scenarios,#zone-control .event{width:88%;margin-left:6%;margin-right:6%}
#access-check .chapter-cue,#zone-control .chapter-cue{margin-left:6vw;margin-right:6vw}
#sterilization .scene-heading{left:auto;right:6vw;max-width:48vw;text-align:right}
@media(max-width:1000px){#access-check .stage,#zone-control .stage{padding-left:0;padding-right:0}#access-check .scene-heading,#zone-control .scene-heading{margin-left:7vw;margin-right:7vw}#access-check .kts-visual{left:70%;transform:translate(-70%,-50%)}#zone-control .zone-visual{left:74%;transform:translate(-74%,-50%)}#access-check .kts-demo,#access-check .event,#zone-control .zone-scenarios,#zone-control .event{width:86%;margin-left:7%;margin-right:7%}#sterilization .scene-heading{left:auto;right:7vw;max-width:68vw;text-align:right}#sterilization .scene-heading h2{font-size:clamp(23px,5vw,28px)}}

/* v42: three opaque field interiors mask baked-in values in every scroll state.
   SVG and raster share contain + center alignment at every viewport. */
#fitting .art img{object-position:center center}
#fitting .fitting-fields{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;transform:none;filter:none}

/* v44: unloading changes composition and heading side together. */
#sterilization [data-sterilization-frame][hidden]{display:none!important}
#sterilization.sterilization-unloading .scene-heading{left:6vw;right:auto;max-width:48vw;text-align:left}
@media(max-width:1000px){#sterilization.sterilization-unloading .scene-heading{left:7vw;right:auto;max-width:68vw}}

/* v44: restore one cinematic access scene; controls sit beside the turnstile. */
#access-check{height:165svh;min-height:0}
#access-check .stage{position:sticky;top:0;height:100svh;min-height:0;display:block;padding:0;background:#101923}
#access-check .art{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto}
#access-check .kts-visual{left:50%;top:50%;width:max(100%,calc(100svh * 1672 / 941));height:auto;transform:translate(-50%,-50%)}
#access-check .shade{display:block;background:linear-gradient(180deg,#07111aab,transparent 40%,#07111ac9 83%,#07111aef)}
#access-check .scene-heading{position:absolute;left:6vw;right:auto;top:calc(var(--site-header-height) + 25px);max-width:44vw;margin:0}
#access-check .scene-heading h2{font-size:clamp(28px,3vw,42px)}
#access-check .kts-demo{position:absolute;left:31vw;right:auto;top:44svh;width:clamp(220px,20vw,270px);display:block;margin:0;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
#access-check .kts-demo label,#access-check #kts-mode,#access-check #kts-screen-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#access-check .kts-scenario-buttons{display:flex;flex-wrap:wrap;gap:6px}
#access-check .kts-scenario-buttons button{padding:7px 10px;font:12px/1.3 Arial,sans-serif;border:1px solid #ffffff8a;border-radius:5px;background:#122332db;color:white;cursor:pointer}
#access-check .kts-scenario-buttons button[aria-pressed="true"]{background:#e96925;border-color:#ffb080}
#access-check .kts-demo strong{font-size:16px;line-height:1.3;margin:9px 0 0;text-shadow:0 1px 5px #000}
#access-check .event{position:absolute;width:auto;margin:0;max-height:none}
#access-check .chapter-cue{position:absolute;left:6vw;right:auto;bottom:20px;margin:0}
#access-check .kts-visual #kts-monitor-plane{position:absolute;left:0;top:0;width:1000px;height:1000px;overflow:hidden;background:#eee;transform-origin:0 0;z-index:2}
@media(max-width:1000px){
 #access-check .scene-heading{left:7vw;right:7vw;top:calc(var(--site-header-height) + 14px);max-width:none}
 #access-check .scene-heading h2{font-size:clamp(23px,4vw,30px)}
 #access-check .intro{font-size:13px}
 #access-check .kts-visual{width:max(100%,calc(100svh * 1672 / 941));left:65%;transform:translate(-65%,-50%)}
 #access-check .kts-demo{left:7vw;top:44svh;width:44vw}
 #access-check .kts-scenario-buttons button{font-size:11px;padding:6px}
 #access-check .kts-demo strong{font-size:13px}
 #access-check .event{}
 #access-check .event-copy h2{font-size:17px}#access-check .event-next,#access-check .system p{font-size:12px;line-height:1.35}#access-check .system small{font-size:9px}
 #access-check .chapter-cue{left:7vw;bottom:18px}
}
@media(max-width:700px) and (orientation:portrait){
 #access-check .kts-visual{width:100%;height:auto;left:50%;top:44%;transform:translate(-50%,-50%)}
 #access-check .kts-demo{top:55svh;left:7vw;width:70vw}
 #access-check .kts-scenario-buttons{gap:4px}
 #access-check .kts-scenario-buttons button{font-size:10px;padding:5px}
 #access-check .event{}
 #access-check .event-copy h2{font-size:15px}
 #access-check .system small{display:none}
}

/* v45: native vector clipping avoids double resampling through a CSS 3D plane. */
#access-check .kts-visual svg#kts-monitor-plane{position:absolute;inset:0;width:100%;height:100%;overflow:visible;background:none;transform:none!important;filter:none;z-index:2}

#access-check .kts-visual svg#kts-monitor-plane image{image-rendering:auto;filter:none}

/* Slide 07: two full-frame layers, clipped by scroll progress rather than a timer.
   Keep the shared shade and readable narrative above both unchanged photographs. */
#sterilization .art>[data-sterilization-frame]{position:absolute;inset:0;transition:none;animation:none}