.scroll-story.model-story{height:430svh;min-height:3000px}.model-story .story-stage{display:grid;grid-template-columns:1fr 1.6fr;grid-template-rows:auto 1fr auto;height:100svh;min-height:760px;position:sticky;top:0;gap:24px 5%;padding:36px var(--gutter)}.model-stage{position:relative;grid-column:2;grid-row:1/4;border:1px solid #c5bba9;border-radius:24px;overflow:hidden;background:#e9e4dc;min-width:0;min-height:0}.model-canvas{position:absolute;inset:0}.model-canvas canvas{width:100%;height:100%;display:block}.model-label{position:absolute;top:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;pointer-events:none}.model-label span{background:#fcfaf2eb;border:1px solid #c5bba9;border-radius:18px;padding:7px 12px;color:#3a2e1c}.model-controls{position:absolute;bottom:56px;left:20px;display:flex;gap:10px;align-items:center;background:#fffaf0e8;border:1px solid white;box-shadow:inset 0 -2px 2px #b9a78455;border-radius:28px;padding:5px}.model-controls button{min-width:44px;height:44px;border:0;background:none;border-radius:50%;font-size:20px;color:#302517}.model-controls #model-reset{font-size:12px;padding-inline:12px}.model-controls button:hover{background:#e9dfc9}.model-status{position:absolute;bottom:18px;left:20px;right:20px;font-size:11px;color:#4d402e;text-align:center;pointer-events:none}.model-warning{font-size:12px;color:#594a36;border-right:2px solid #947239;padding:8px 12px;margin-top:20px;max-width:360px;background:#fffdf5}.model-story .scene-copy{align-self:center;max-width:370px}.model-story .scene-copy h3{font-size:clamp(26px,2.7vw,39px)}.model-steps{grid-column:1;grid-row:3;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.model-steps button{min-height:46px;background:transparent;color:#4a3c29;border:1px solid #c9baa0;border-radius:22px;font-size:12px;padding:8px 10px}.model-steps button.is-active{background:#3e3322;color:#fff8eb;border-color:#3e3322}.model-fallback{width:100%;height:100%;object-fit:cover}.model-story .story-heading h2{font-size:clamp(32px,4vw,58px)}
@media(max-width:700px){.scroll-story.model-story{height:460svh;min-height:3200px}.model-story .story-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(280px,1fr) auto auto;height:100svh;min-height:760px;padding:14px 18px;gap:12px}.model-story .story-heading{grid-column:1;grid-row:1}.model-story .story-heading h2{font-size:27px}.model-story .story-heading .eyebrow{font-size:9px}.model-stage{grid-column:1;grid-row:2;min-height:280px;border-radius:20px}.model-story .scene-copy{grid-column:1;grid-row:3;max-width:none}.model-story .scene-copy h3{font-size:23px}.model-story .scene-copy p{font-size:12px;line-height:1.7;margin:8px 0}.model-story .scene-copy .eyebrow{font-size:10px;margin:0 0 8px}.model-warning{font-size:10px;line-height:1.6;margin-top:10px;padding:5px 9px}.model-steps{grid-column:1;grid-row:4;grid-template-columns:repeat(3,1fr);gap:6px}.model-steps button{min-height:38px;font-size:10px;padding:5px}.model-label{top:10px;left:10px;right:10px;font-size:8px;gap:5px}.model-label span{padding:5px 8px}.model-controls{bottom:35px;left:10px;gap:3px;padding:2px}.model-controls button{min-width:38px;height:38px}.model-controls #model-reset{font-size:10px}.model-status{bottom:9px;font-size:9px;left:8px;right:8px}}
@media(prefers-reduced-motion:reduce){.scroll-story.model-story{height:auto;min-height:0}.model-story .story-stage{position:relative}.model-canvas canvas{animation:none}}