/* Approved second chapter. Three narrative panels, with the loss panel
   enlarged and red as the explicit user-requested emotional exception.
   Ink, paper, type and borders inherited from the approved first screen.
   No copy over faces, no additional unapproved chapters. */
html{scroll-behavior:smooth}
main{scroll-behavior:smooth}
.story-button{text-decoration:none;color:var(--ink)}
.origin-story{margin-top:25px;padding:28px 15px 35px;border-top:5px solid var(--ink);scroll-margin-top:84px;outline:none}
.origin-story:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}
.story-heading{margin:0 0 25px}
.story-heading h2{font-size:clamp(30px,3.5vw,52px);font-weight:900;line-height:1.05;letter-spacing:-.055em;margin:0;width:fit-content}
.story-heading h2 span{position:relative;isolation:isolate}
.story-heading h2 span:after{content:'';position:absolute;left:2%;right:-2%;bottom:-5px;height:7px;z-index:-1;background:var(--yellow);transform:rotate(-2deg)}
.story-panels{display:grid;grid-template-columns:1fr 1.14fr 1fr;gap:16px;align-items:start;padding-top:8px}
.story-panel{min-width:0;border:3px solid var(--ink);background:var(--paper);box-shadow:4px 5px 0 var(--ink)}
.success-panel{transform:rotate(-1deg);margin-top:10px}
.loss-panel{transform:rotate(.7deg);border-color:#732821}
.new-path-panel{transform:rotate(-.7deg);margin-top:18px}
.scene-art{aspect-ratio:4/3;overflow:hidden;border-bottom:3px solid var(--ink);background:#313629}
.scene-art img{display:block;width:100%;height:100%;object-fit:cover}
.loss-panel .scene-art{border-color:#732821}
.scene-copy{padding:20px 18px 22px}
.scene-copy h3{display:inline-block;font-family:Cocoa,Onest,sans-serif;font-weight:400;font-size:clamp(18px,1.7vw,24px);line-height:1.15;letter-spacing:-.03em;padding:7px 10px;background:var(--yellow);border:2px solid var(--ink);transform:rotate(-2deg);margin:0 0 15px}
.loss-panel h3{background:#a22b25;border-color:#732821;color:#fff6eb;transform:rotate(1deg)}
.scene-copy p{font-size:clamp(14px,1.2vw,17px);line-height:1.6;margin:0}
@media(min-width:768px) and (max-width:1023px){.origin-story{padding-inline:8px}.story-panels{gap:11px}.scene-copy{padding:15px 12px 18px}.scene-copy h3{font-size:17px;padding:6px}.scene-copy p{font-size:13px}.story-heading h2{font-size:36px}}
@media(max-width:767px){
  .origin-story{padding:24px 10px 30px;margin-top:8px;scroll-margin-top:8px;border-top-width:4px}
  .story-heading{margin-bottom:24px}.story-heading h2{font-size:clamp(27px,7.8vw,39px)}
  .story-panels{grid-template-columns:1fr;gap:28px;padding:0 3px}
  .story-panel{border-width:2px;box-shadow:3px 4px 0 var(--ink);margin-top:0}
  .scene-art{border-bottom-width:2px}.scene-copy{padding:18px 16px 21px}.scene-copy h3{font-size:21px}.scene-copy p{font-size:14px;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){html,main{scroll-behavior:auto}}