/* First the customer's assumption, then the interruption, then the question. */
.story-intro .intro-heading{display:block;position:relative;margin-bottom:18px}.story-intro .intro-heading .eyebrow{font-size:11px;margin-bottom:11px}.story-intro .intro-heading .intro-premise{font:900 clamp(40px,5.2vw,68px)/1.4 var(--body);letter-spacing:.015em;max-width:none;color:#243f49}.intro-heading .intro-premise .opening-lead{display:block;font:700 22px/1.5 var(--body);letter-spacing:.06em;margin-bottom:5px}.story-intro .intro-heading .intro-premise em{font:inherit;color:#243f49;display:block;white-space:nowrap}.opening-punctuation{font-size:1.18em;letter-spacing:-.08em;margin-left:4px;display:inline-block;color:#315e4f;text-shadow:3px 3px 0 #f4e5ac}.intro-heading .intro-controls{position:absolute;right:0;top:0}.hero-comic .intro-stop{left:44%;right:auto;top:-5%;font-size:39px;white-space:nowrap;padding:31px 39px;line-height:1.3;letter-spacing:.02em;background:#fff1b8;color:#264f45}.hero-comic{margin-top:40px}
.choice-question{position:relative;display:grid;grid-template-columns:125px 1fr 230px;gap:25px;align-items:center;padding:28px 0 15px;margin-top:12px;isolation:isolate}.big-question-mark{font:900 182px/.95 var(--body);color:#2d5b4b;text-align:center;letter-spacing:-.08em;transform:rotate(-9deg);text-shadow:9px 7px 0 #f3e4a5;position:relative;z-index:0;transform-origin:50% 75%}.choice-question h2{font-family:var(--body);line-height:1.5;letter-spacing:.025em;color:#243f49}.choice-question h2>span{display:block;font-size:24px;font-weight:700;margin-bottom:3px}.choice-question h2>strong{font-size:38px;font-weight:900;background:linear-gradient(0deg,#f9efc2 0 25%,transparent 25%);padding-bottom:3px}.question-mobile-break{display:none}.question-next{display:flex;flex-direction:column;align-items:center;gap:15px}.question-answer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:102px;width:100%;padding:12px 22px 22px;background:#2d5b4b;color:#fff;border-radius:55% 45% 50% 44% / 46% 51% 44% 50%;transform:rotate(-4deg);box-shadow:5px 5px 0 #dde8de;transition:transform .2s,background .2s}.question-answer:after{content:'';position:absolute;left:48%;bottom:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #2d5b4b}.question-answer>strong{font-size:28px;font-weight:900;letter-spacing:.05em;line-height:1.5}.question-answer>span{font-size:11px;letter-spacing:.02em}.question-answer>i{position:absolute;bottom:8px;left:calc(50% - 4px);width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}.question-answer:hover{background:#234a3e;transform:rotate(-2deg) translateY(3px)}.question-answer:hover:after{border-top-color:#234a3e}.question-shortcut{font-size:11px;min-height:35px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b0c5b6;color:#4b6c5d}.story-intro .intro-footer{padding-top:4px;display:block}.story-intro .story-note{display:block;text-align:right;font-size:9px}.choice-guide{display:block;padding-block:25px 27px}.choice-route{grid-template-columns:repeat(4,1fr);max-width:940px;margin-left:auto;margin-right:auto}.choice-route a{min-height:85px}.choice-question.is-in-view .big-question-mark{animation:question-punch .65s cubic-bezier(.17,.75,.3,1.1) both}.choice-question.is-in-view .question-answer>i{animation:question-down 1.5s .6s 3}
@keyframes question-punch{0%{scale:.7;rotate:-9deg}65%{scale:1.1;rotate:3deg}100%{scale:1;rotate:0deg}}@keyframes question-down{0%,100%{translate:0 0}50%{translate:0 5px}}
@media(max-width:1000px){.story-intro .intro-heading .intro-premise{font-size:39px}.intro-heading .intro-premise .opening-lead{font-size:19px}.hero-comic .intro-stop{font-size:31px;padding:28px 32px;left:43%}.choice-question{grid-template-columns:90px 1fr 175px;gap:18px}.big-question-mark{font-size:132px}.choice-question h2>span{font-size:20px}.choice-question h2>strong{font-size:27px}.question-answer>strong{font-size:24px}.question-answer>span{font-size:10px}.question-answer{min-height:95px;padding-inline:15px}.question-shortcut{font-size:10px}}
@media(max-width:650px){
 .story-intro .intro-heading .eyebrow{font-size:9px;margin-bottom:8px}.story-intro .intro-heading .intro-premise{font-size:33px;line-height:1.4;letter-spacing:0;white-space:normal}.intro-heading .intro-premise .opening-lead{font-size:16px;letter-spacing:.02em;margin-bottom:6px}.story-intro .intro-heading .intro-premise em{font:inherit;white-space:normal}.opening-punctuation{font-size:1.15em;margin-left:3px}.intro-heading .intro-controls{position:static;flex-direction:row;width:auto;align-items:center;gap:14px;margin-top:12px}.intro-controls .hero-replay{padding-inline:10px}.intro-heading .intro-controls .scene-motion-toggle{min-height:32px;padding-inline:4px}.hero-comic{margin-top:42px}.hero-comic .intro-stop{left:auto;right:0;top:-11%;font-size:26px;padding:24px 24px;letter-spacing:0}.hero-comic .intro-a{max-width:51%;padding:12px 10px;font-size:10px}.hero-comic .intro-a small{font-size:7px}.hero-comic .intro-b,.hero-comic .intro-b strong{font-size:11px}
 .choice-question{grid-template-columns:65px 1fr;gap:5px 14px;padding:18px 0 8px;margin-top:0}.big-question-mark{font-size:115px;text-shadow:6px 5px 0 #f3e4a5;align-self:center;grid-row:1;letter-spacing:-.1em}.choice-question h2{line-height:1.45;letter-spacing:0}.choice-question h2>span{font-size:17px;margin-bottom:3px}.choice-question h2>strong{font-size:26px;line-height:1.55;box-decoration-break:clone;-webkit-box-decoration-break:clone}.question-mobile-break{display:block}.question-next{grid-column:1/-1;flex-direction:row;gap:15px;align-items:center;margin-top:14px}.question-answer{min-height:77px;max-width:185px;padding:8px 15px 18px;box-shadow:4px 4px 0 #dde8de;transform:rotate(-3deg)}.question-answer>strong{font-size:25px}.question-answer>span{font-size:10px}.question-answer>i{width:7px;height:7px;bottom:7px}.question-answer:after{border-width:8px 8px 12px;bottom:-8px}.question-shortcut{font-size:10px;text-align:center;line-height:1.8;max-width:110px;min-height:44px}.story-intro .intro-footer{padding-top:9px}.story-intro .story-note{font-size:7px}.choice-guide{padding-block:20px}.choice-route{grid-template-columns:repeat(2,1fr);margin-top:0}.choice-route a{min-height:57px}
}
@media(max-width:370px){.story-intro .intro-heading .intro-premise{font-size:30px}.intro-heading .intro-premise .opening-lead{font-size:15px}.hero-comic .intro-stop{font-size:24px;padding:23px 22px}.hero-comic .intro-a{font-size:9px}.choice-question{grid-template-columns:57px 1fr;gap:5px 12px}.big-question-mark{font-size:105px}.choice-question h2>strong{font-size:24px}.choice-question h2>span{font-size:16px}.question-answer{max-width:175px}.question-answer>strong{font-size:23px}.question-shortcut{font-size:9px}}
.comic-paused .choice-question *{animation:none!important}
@media(prefers-reduced-motion:reduce){.choice-question *{animation:none!important;transition:none!important}}