.oem-section{background:#fbfcfa;overflow-x:clip}.oem-section>.wrap{width:min(1160px,calc(100% - 80px))}.oem-section h2{font-size:32px;line-height:1.6}.oem-top-controls{display:flex;gap:13px;align-items:center}.oem-replay{font:700 11px var(--body);background:white;border:1px solid #b7cbc1;border-radius:3px;padding:10px 15px;min-height:42px;cursor:pointer}.oem-replay:hover{background:#edf5ef}.oem-replay:disabled{display:none}.oem-reader{position:relative}.oem-stage{position:relative;height:520px;isolation:isolate;background:radial-gradient(circle,#b9cec833 .7px,transparent 1px) 0 0/11px 11px}.oem-page{position:absolute;inset:0}.oem-place{position:absolute;top:0;left:0;font-size:11px;color:#6c8377;letter-spacing:.06em}.oem-art{position:absolute;left:4%;right:4%;top:24%;bottom:5%;overflow:hidden;border:2px solid #47645f;background:#fff;box-shadow:4px 5px 0 #244d4412;transform:rotate(-1deg)}.oem-art svg{display:block;width:100%;height:100%;overflow:hidden}.oem-bubble{position:absolute;z-index:5;background:white;border:2px solid #385b55;border-radius:44% 47% 43% 45%;padding:19px 29px;font-size:16px;font-weight:700;line-height:1.85;text-align:center;box-shadow:3px 4px 0 #466c5e0d}.oem-bubble small,.oem-thought small{display:block;font-size:9px;font-weight:500;color:#6e8378;margin-bottom:4px}.oem-bubble:after{content:'';position:absolute;bottom:-8px;left:30%;width:15px;height:15px;background:#fff;border-right:2px solid #385b55;border-bottom:2px solid #385b55;transform:rotate(30deg) skewY(12deg)}.oem-bubble strong{font-weight:900}.oem-visitor{left:0;top:7%;max-width:53%}.oem-host{right:0;top:8%;max-width:46%;transform:rotate(1deg)}.oem-host:after{left:65%}.oem-door .oem-art{left:7%;right:1%;top:21%;bottom:5%;transform:rotate(1deg)}.oem-chime{position:absolute;right:5%;top:3%;z-index:4;font-size:48px;font-weight:900;letter-spacing:.02em;color:#628c73;paint-order:stroke fill;-webkit-text-stroke:5px white;transform:rotate(-7deg)}.oem-its-him{left:5%;top:13%;font-size:21px;transform:rotate(-3deg)}.oem-rings{position:absolute;z-index:3;right:5%;top:27%;width:60px;height:60px;border:3px solid #729d80;border-radius:50%;opacity:0}.oem-reunion .oem-art{left:0;right:4%;top:25%;bottom:5%;mask-image:linear-gradient(90deg,#000 0% 53%,transparent 66%);transform:rotate(-2deg)}.oem-arriving-worker{position:absolute;right:0;bottom:0;width:43%;height:99%;z-index:3;pointer-events:none}.oem-arriving-worker img{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(3px 4px 2px #244d4410)}.oem-hello{right:4%;top:4%;font-size:20px;padding:16px 24px}.oem-recognition{left:0;top:7%;font-size:19px;padding:17px 27px;max-width:57%}.oem-surprised{left:22%;bottom:0;font-size:21px;padding:16px 23px;transform:rotate(-3deg)}.oem-pop{position:absolute;z-index:6;left:52%;top:33%;font-size:39px;font-weight:900;font-style:italic;paint-order:stroke fill;-webkit-text-stroke:5px #fff;color:#315e59;transform:rotate(8deg)}.oem-answer .oem-art{left:0;right:2%;top:23%;bottom:8%;transform:rotate(1deg)}.oem-explanation{right:0;top:3%;max-width:49%;font-size:15px;padding:17px 28px}.oem-understood{right:2%;bottom:2%;font-size:14px;padding:15px 23px;max-width:42%}.oem-understood:after{top:-7px;bottom:auto;transform:rotate(210deg)}.oem-thought{position:absolute;z-index:5;left:1%;bottom:0;background:#fffdeb;border:1px solid #d2bd78;border-left:4px solid #c7a760;border-radius:7px;padding:17px 24px;font-size:18px;font-weight:700;line-height:1.85;transform:rotate(-2deg)}.oem-thought:before{content:'';position:absolute;left:29%;top:-12px;width:12px;height:12px;background:#fffdeb;border:1px solid #d2bd78;border-radius:50%}.oem-chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:17px}.oem-chapters button{border:0;border-bottom:2px solid #d5e1d7;background:transparent;min-height:49px;padding:9px 6px;font:500 12px var(--body);color:#758a7d;cursor:pointer;display:flex;gap:9px;align-items:center;justify-content:center}.oem-chapters button>span{font-size:11px;border:1px solid #b9cdc0;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.oem-chapters button[aria-current]{border-bottom-color:#366653;color:#244f41;font-weight:700}.oem-chapters button[aria-current]>span{background:#366653;color:white;border-color:#366653}.oem-play-state{font-size:10px;color:#7b8a81;min-height:25px;padding-top:10px;text-align:right}.oem-takeaway{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #dce5d9;padding-top:30px;margin-top:25px}.oem-takeaway h3{font-size:23px;line-height:1.7}.oem-takeaway>div>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#688071;margin-top:12px}.oem-takeaway .button{font-size:12px}.oem-fiction{font-size:10px;margin-top:21px}.oem-story-link{font-size:11px;margin-top:14px}
.oem-animated .is-current .oem-art{animation:oem-panel .85s ease-out both}.oem-animated .is-current .oem-bubble{animation:oem-bubble .55s .25s both}.oem-animated .is-current .oem-host{animation-delay:2.3s}.oem-animated .is-current .oem-chime{animation:oem-door-chime 1.2s .3s 2 both}.oem-animated .is-current .oem-rings{animation:oem-ripple 1.2s .4s 3 both}.oem-animated .is-current .oem-its-him{animation-delay:1.1s}.oem-animated .is-current .oem-arriving-worker img{animation:oem-arrive 1.1s .2s cubic-bezier(.15,.8,.3,1) both}.oem-animated .is-current .oem-hello{animation-delay:.7s}.oem-animated .is-current .oem-recognition{animation-delay:1.3s}.oem-animated .is-current .oem-surprised{animation-delay:2.3s}.oem-animated .is-current .oem-pop{animation:oem-pop .6s 1.7s both}.oem-animated .is-current .oem-explanation{animation-delay:.4s}.oem-animated .is-current .oem-understood{animation-delay:3s}.oem-animated .is-current .oem-thought{animation:oem-thought .7s 5s both}.comic-paused .oem-reader *{animation:none!important;transition:none!important}.oem-reduced .oem-stage{height:auto}.oem-reduced .oem-page{position:relative;height:520px;margin-bottom:35px}.oem-reduced .oem-chapters,.oem-reduced~.oem-top-controls{display:none}
@keyframes oem-panel{from{opacity:.3;translate:75px 0}to{opacity:1;translate:0 0}}@keyframes oem-bubble{from{opacity:0;scale:.75;translate:0 9px}to{opacity:1;scale:1;translate:0 0}}@keyframes oem-arrive{from{opacity:0;translate:150px 20px;rotate:5deg}70%{opacity:1;translate:-5px 0;rotate:-1deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes oem-door-chime{0%{opacity:0;scale:.4}35%{opacity:1;scale:1.13;rotate:2deg}65%,100%{opacity:1;scale:1;rotate:0deg}}@keyframes oem-ripple{0%{opacity:0;scale:.3}20%{opacity:.8}100%{opacity:0;scale:2.2}}@keyframes oem-pop{0%{opacity:0;scale:.1}70%{opacity:1;scale:1.3}100%{opacity:1;scale:1}}@keyframes oem-thought{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.oem-section>.wrap{width:calc(100% - 48px)}.oem-stage{height:470px}.oem-section h2{font-size:28px}.oem-bubble{font-size:13px;padding:17px 20px}.oem-hello{font-size:17px}.oem-recognition{font-size:16px}.oem-surprised{font-size:17px}.oem-pop{font-size:33px;left:48%}.oem-explanation{font-size:12px}.oem-thought{font-size:15px;padding:15px 18px}.oem-understood{font-size:12px}.oem-takeaway h3{font-size:20px}.oem-takeaway{gap:25px}.oem-takeaway .button{font-size:11px;white-space:nowrap}.oem-chapters button{font-size:10px}}
@media(max-width:650px){.oem-section>.wrap{width:calc(100% - 36px)}.oem-section h2{font-size:25px}.oem-section .section-head{gap:15px;margin-bottom:15px}.oem-top-controls{align-self:flex-end;gap:12px}.oem-top-controls .scene-motion-toggle{font-size:9px;min-height:33px}.oem-replay{font-size:10px;min-height:35px;padding:7px 12px}.oem-stage{height:475px}.oem-place{font-size:9px;letter-spacing:0}.oem-art{top:33%;left:0;right:0;bottom:12%;border-width:2px;transform:rotate(-1deg)}.oem-bubble{font-size:11px;line-height:1.8;padding:13px 14px;border-width:1.5px}.oem-bubble small,.oem-thought small{font-size:8px}.oem-bubble:after{width:12px;height:12px;border-width:1.5px;bottom:-6px}.oem-visitor{left:0;top:6%;max-width:94%;padding:13px 17px}.oem-host{right:0;top:auto;bottom:0;max-width:94%;padding:13px 20px}.oem-host:after{top:-7px;bottom:auto;transform:rotate(210deg)}.oem-door .oem-art{left:0;right:0;top:30%;bottom:8%;transform:rotate(1deg)}.oem-chime{font-size:33px;top:9%;right:0;-webkit-text-stroke-width:4px}.oem-rings{top:37%;right:1%;width:35px;height:35px}.oem-its-him{top:auto;bottom:1%;left:1%;font-size:16px;padding:15px 20px}.oem-its-him:after{top:-7px;bottom:auto;transform:rotate(210deg)}.oem-reunion .oem-art{left:0;right:0;top:32%;bottom:10%}.oem-arriving-worker{right:-8%;bottom:4%;width:58%;height:73%}.oem-hello{right:0;top:5%;font-size:15px;padding:12px 18px}.oem-recognition{left:0;top:19%;font-size:13px;max-width:88%;padding:13px 19px}.oem-surprised{left:0;bottom:0;font-size:17px;padding:13px 20px}.oem-pop{left:48%;top:42%;font-size:26px;-webkit-text-stroke-width:4px}.oem-answer .oem-art{left:0;right:0;top:32%;bottom:16%}.oem-explanation{right:0;top:5%;font-size:11px;max-width:92%;padding:12px 18px}.oem-understood{right:0;bottom:17%;font-size:10px;padding:12px 14px;max-width:57%}.oem-thought{left:0;bottom:0;padding:13px 17px;font-size:13px;line-height:1.75;max-width:98%}.oem-chapters{gap:6px;margin-top:15px}.oem-chapters button{flex-direction:column;gap:5px;font-size:8px;padding:6px 0;min-height:57px}.oem-chapters button>span{width:22px;height:22px;font-size:10px}.oem-play-state{font-size:9px;text-align:left;line-height:1.8;padding-top:10px;min-height:42px}.oem-takeaway{display:block;padding-top:23px;margin-top:15px}.oem-takeaway h3{font-size:20px}.oem-takeaway>div>p:not(.eyebrow){font-size:12px;margin-top:10px}.oem-takeaway .button{font-size:11px;margin-top:20px;min-height:45px}.oem-fiction{font-size:9px;line-height:1.9}.oem-reduced .oem-page{height:475px;margin-bottom:30px}}
@media(max-width:370px){.oem-section h2{font-size:23px}.oem-visitor,.oem-host{font-size:10px}.oem-stage,.oem-reduced .oem-page{height:455px}.oem-recognition{font-size:12px}.oem-explanation{font-size:10px}.oem-thought{font-size:12px}.oem-pop{font-size:24px}.oem-chime{font-size:29px}}
.oem-reunion .oem-art{width:61%;right:auto;mask-image:none}
@media(min-width:651px){.oem-hello{right:0;top:0}}
@media(max-width:650px){.oem-reunion .oem-art{width:72%}.oem-pop{left:30%;top:62%}}
/* Speaker-specific positions: every tail terminates beside its own character. */
.oem-chime{left:3%;right:auto;top:5%}
.oem-its-him{left:51%;top:11%}
.oem-its-him:after{left:45%}
.oem-recognition:after{left:65%}
.oem-surprised{left:34%}
.oem-surprised:after{left:85%;top:-8px;bottom:auto;transform:rotate(270deg)}
.oem-answer-speaker{position:absolute;z-index:4;top:4%;right:0;width:18%;height:165px;overflow:hidden;border:2px solid #486560;border-radius:3px;background:#edf4ee;transform:rotate(2deg)}
.oem-answer-speaker img{display:block;width:145%;max-width:none;height:auto;transform:translate(-16%,-4%)}
.oem-explanation{left:35%;right:21%;top:4%;max-width:none;font-size:15px;padding:15px 23px}
.oem-explanation:after{left:auto;right:-9px;top:40%;bottom:auto;width:16px;height:16px;transform:rotate(-45deg)}
.oem-understood{left:47%;right:auto;bottom:2%;max-width:43%;font-size:14px;padding:14px 22px}
.oem-understood:after{left:60%;top:-8px;bottom:auto;transform:rotate(210deg)}
.oem-its-him small,.oem-understood small{color:#527a63;font-weight:700}
.oem-explanation small,.oem-hello small{color:#365d68;font-weight:700}
.oem-animated .is-current .oem-answer-speaker{animation:oem-bubble .6s .2s both}
.oem-animated .is-current .oem-understood{animation-delay:5s}
.oem-animated .is-current .oem-thought{animation-delay:8s}
@media(max-width:1000px){.oem-answer-speaker{height:140px}.oem-explanation{left:31%;font-size:12px;padding:13px 18px}.oem-understood{font-size:12px}}
@media(max-width:650px){
 .oem-chime{left:0;right:auto;top:5%}
 .oem-door .oem-art{top:38%}
 .oem-its-him{left:auto;right:0;top:19%;bottom:auto;font-size:15px;padding:12px 19px}
 .oem-its-him:after{left:32%;top:auto;bottom:-7px;transform:rotate(60deg)}
 .oem-recognition:after{left:28%}
 .oem-surprised{left:0;font-size:15px;padding:11px 18px}
 .oem-answer-speaker{top:4%;right:0;width:25%;height:112px;border-width:1.5px}
 .oem-answer-speaker img{width:185%;transform:translate(-23%,-5%)}
 .oem-explanation{left:0;right:30%;top:4%;max-width:none;font-size:11px;padding:12px 14px}
 .oem-explanation:after{left:auto;right:-7px;top:43%;bottom:auto;width:12px;height:12px;transform:rotate(-45deg)}
 .oem-answer .oem-art{top:36%;bottom:18%}
 .oem-understood{left:auto;right:0;bottom:21%;max-width:69%;font-size:11px;padding:12px 14px}
 .oem-understood:after{left:53%;top:-7px;bottom:auto;transform:rotate(210deg)}
}
@media(max-width:370px){.oem-its-him{font-size:14px}.oem-explanation,.oem-understood{font-size:10px}.oem-answer-speaker{height:105px}}
@media(prefers-reduced-motion:reduce){.oem-reader *{animation:none!important;transition:none!important}.oem-rings{display:none}}
