.story{margin:12px 5% 64px;padding:28px 30px 15px;border:1.5px solid #242421;border-radius:7px;background:#f1eee3;scroll-margin-top:20px}.story-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid #c9c6bb}.story-progress{font-size:9px;letter-spacing:1px}.story-scene{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;padding:30px 0}.story h2{font-size:clamp(33px,4vw,59px);letter-spacing:-2px;line-height:1.02;margin:0 0 24px}.story h2 em{font-family:Georgia,serif;font-weight:400}.story h2:focus{outline:none}.story p{font-size:14px;line-height:1.65;max-width:530px}.story .human-speech{font-family:Georgia,serif;font-size:clamp(21px,2.5vw,30px);line-height:1.35}.story-art{position:relative;text-align:center}.story-art>svg{width:100%;max-height:350px}.rock-caption{display:block;font-family:'Comic Sans MS','Segoe Print',cursive;font-size:12px;transform:rotate(-3deg)}.door-prompt{font-weight:700}.door-prompt span{font-weight:400;font-size:11px;margin-left:10px}.story-doors{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 28px}.story-doors button{background:var(--door);border:1.5px solid #242421;border-radius:70px 70px 3px 3px;text-align:left;min-height:190px;padding:35px 22px 18px;display:flex;flex-direction:column;gap:20px;box-shadow:3px 4px #242421;transition:transform .2s}.story-doors button:hover{transform:translateY(-6px) rotate(-1deg)}.story-doors small{font-size:9px;letter-spacing:1px}.story-doors strong{font-size:21px;letter-spacing:-.5px}.story-doors button>span{margin-top:auto;align-self:flex-end;font-size:22px}.patient-door{border-top:1px dashed #a7a395;padding:17px 0;font-size:11px}.patient-door summary{cursor:pointer;padding:10px 0}.patient-door button{margin-right:25px}.patient-door p{font-size:12px}.story-margin{border-top:1px solid #c9c6bb;padding:10px 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.story-margin .text-button{font-size:10px}.story-margin #story-restart{margin-left:auto}.story-margin #plant-line{font-size:11px;font-family:Georgia,serif}.story-choices{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}.story-choice{border:1px solid #242421;background:#fffdf6;border-radius:4px;padding:17px 22px;font-size:13px}.story-choice[aria-pressed=true]{background:#242421;color:white}.story-next{padding:12px 0 25px}.story-next p{font-family:Georgia,serif;font-style:italic}.mountain-art{text-align:center;overflow:hidden;padding:15px}.mountain-art svg{width:80%;transition:transform .5s;transform-origin:center bottom}.mountain-art.near-mountain svg{transform:scale(1.3)}.mountain-art span{display:block;font-size:9px;letter-spacing:1px;margin-top:18px}.story-ending{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:35px 0}.guide-preview svg{width:100%;height:auto;display:block;box-shadow:6px 8px 0 #24242125;transform:rotate(2deg)}.guide-note{font-size:10px;line-height:1.6;display:block}.story-exit{display:inline-block;font-size:14px;text-decoration:underline;text-underline-offset:5px;margin:5px 0 30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wobbly .human-body{animation:human-wobble .8s ease-in-out 4 alternate;transform-origin:center bottom}@keyframes human-wobble{to{transform:rotate(4deg)}}.hero.story-hero h1{font-size:clamp(55px,7vw,100px);letter-spacing:-5px}.story-hero .hero-aside{padding-top:45px}.story-hero .hero-bottom{flex-wrap:wrap}.story-hero .hero-bottom .text-button{font-size:12px}@media(max-width:700px){.story{padding:22px;margin:10px 6% 40px}.story-scene,.story-ending{grid-template-columns:1fr;gap:15px}.story-scene{padding:25px 0}.story h2{font-size:37px}.story-art>svg{max-height:245px}.story-doors{gap:10px}.story-doors button{padding:27px 12px 13px;min-height:175px}.story-doors strong{font-size:16px}.story-top{gap:14px}.story-progress{font-size:7px;white-space:nowrap}.door-prompt span{display:block;margin:5px 0 0}.guide-preview{max-width:350px;margin:auto}.story-choices .primary{line-height:1.5}.hero.story-hero h1{font-size:clamp(45px,10vw,68px);letter-spacing:-3px}}@media(max-width:420px){.story-doors{grid-template-columns:1fr}.story-doors button{border-radius:36px 36px 3px 3px;min-height:120px;padding:20px;gap:10px}.story-doors strong{font-size:21px}.story-doors button>span{margin-top:-27px}.story-top{flex-direction:column;gap:9px}.story-choice{width:100%;text-align:left}.story h2{font-size:33px}.story-margin #story-restart{margin-left:0}}@media(prefers-reduced-motion:reduce){.wobbly .human-body{animation:none}.mountain-art svg{transition:none}}