.learning-story{background:#f4ebe3;padding:0 7% 85px}.learning-story-frame{display:grid;grid-template-columns:.85fr 1.15fr;max-width:1300px;margin:auto;border:1px solid #aa94705e;border-radius:10px;overflow:hidden;background:#071a27;box-shadow:0 15px 40px #07243418}.learning-story-intro{padding:40px;background:linear-gradient(90deg,#041327eb,#041327a8),url('/assets/hero-portals.webp') 55% center/cover;color:#f4ebe3}.learning-story-intro .eyebrow{color:#c9cdb4;font-size:9px;letter-spacing:.17em}.learning-story-intro h2{font:clamp(35px,4vw,54px)/1.1 Editorial,Georgia,serif;margin:24px 0}.learning-story-intro h2 em{color:#c5d0bb}.learning-story-intro>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:310px;color:#d0d7cd}.story-duration{display:block;font-size:8px;letter-spacing:.12em;color:#b6c1b6;margin-top:30px}.learning-story-stage{padding:38px 40px;color:#f4ebe3;scroll-margin-top:110px}.learning-story-stage>.eyebrow{color:#b8cbb9;font-size:9px;letter-spacing:.17em}.learning-story-stage h3{font:32px/1.15 Editorial,Georgia,serif;margin:20px 0 14px}.learning-story-stage>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#d0d8d2}.learning-story-stage:focus{outline:none}#learning-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}#learning-choices button{background:#f4ebe3;color:#17392e;border:1px solid #b4bea5;border-radius:5px;text-align:left;padding:18px;font-size:12px;line-height:1.6;transition:background .2s,transform .2s}#learning-choices button span{display:block;font-size:8px;letter-spacing:.12em;color:#527567;margin-bottom:9px}#learning-choices button:hover{background:#dce3d4;transform:translateY(-2px)}#learning-ending p{font-size:13px;line-height:1.85;color:#d0d8d2;margin-top:14px}#learning-ending .story-philosophy{border-left:2px solid #bda66c;padding-left:17px;margin-top:20px}#learning-ending .story-link{display:inline-flex;align-items:center;gap:20px;background:#527567;color:#fff8e9;padding:14px 18px;border-radius:4px;margin-top:23px;font-size:12px}#learning-ending .story-note{font-size:10px;color:#b3bfb7}#learning-restart{background:none;border:0;border-bottom:1px solid #b8cbb955;color:#c4d1be;margin-top:18px;padding:4px 0;font-size:11px}#learning-ending[hidden],#learning-restart[hidden],#learning-choices[hidden]{display:none}.learning-story button:focus-visible,.learning-story a:focus-visible{outline:2px solid #d5bd86;outline-offset:4px}@media(max-width:760px){.learning-story{padding:0 6% 55px}.learning-story-frame{grid-template-columns:1fr}.learning-story-intro,.learning-story-stage{padding:28px 24px}.learning-story-intro h2{font-size:39px;margin:18px 0}.story-duration{margin-top:18px}.learning-story-intro>p:not(.eyebrow){max-width:none}#learning-choices{grid-template-columns:1fr}.learning-story-stage h3{font-size:30px}}@media(prefers-reduced-motion:reduce){#learning-choices button{transition:none}#learning-choices button:hover{transform:none}}

.story-sound{display:block;margin-top:18px;padding:5px 0;background:none;border:0;border-bottom:1px solid #b8cbb955;color:#c4d1be;font-size:11px;cursor:pointer}