/* Story and illustration example on the public homepage. */
.image-feature{color:var(--gold)}
.about-side-note{margin-top:24px;color:var(--body-copy);font-size:13px;line-height:2.1}
.about-copy .intro strong+strong{margin-left:.15em}
.experience-v2{padding-top:88px;padding-bottom:70px}
.demo-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:72px;margin-bottom:38px}
.demo-heading h2{margin-top:19px}
.demo-introduction{color:var(--body-copy);font-size:14px;line-height:2.1;padding-bottom:7px}
.demo-introduction p+p{margin-top:15px}
.demo-introduction p:first-child{color:var(--ivory);font-size:16px}
.demo-sequence{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:22px 0;margin-bottom:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#c5cbc8;font-size:12px}
.demo-sequence b{font-family:var(--font-brand);font-weight:400;color:var(--gold);margin-right:12px;font-size:15px}
.demo-sequence i{font-style:normal;color:#9b998b}
.story-preview-v2{overflow:visible;background:#111925;border-color:#bdaa7752}
.story-preview-v2 .story-topline{padding:19px 32px}
.story-preview-v2 .story-topline small{font-size:10px;letter-spacing:.05em}
.chapter-heading{padding:35px 38px 32px;border-bottom:1px solid #ffffff09;background:radial-gradient(ellipse at 85% 30%,#1b393f80,transparent 65%),#121d29;position:relative}
.chapter-heading .scene-chapter{font-size:10px;letter-spacing:.12em}
.chapter-heading>p{font-family:var(--font-mincho);font-size:28px;line-height:1.7;color:var(--ivory);margin:11px 0 12px}
.chapter-meta{font-size:10px;color:#a5b0b7;letter-spacing:.08em}
.story-opening{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:34px 38px;align-items:start}
.story-preview-v2 .story-turn{font-size:14px;line-height:2.2;color:#d1d7dc;letter-spacing:.025em}
.story-preview-v2 .story-turn .speaker{font-size:11px;color:#d1bd8c;margin-bottom:19px}
.story-preview-v2 .story-turn p+p{margin-top:18px}
.generated-scene{position:sticky;top:24px;align-self:start;margin-top:1px;border:1px solid #a8bbbd3b;background:#0d1722;border-radius:3px;overflow:hidden}
.generated-scene-label{display:flex;gap:8px;align-items:center;padding:12px 15px;font-size:10px;color:#c2dcd6;letter-spacing:.06em;background:#14232c}
.generated-scene-label>span:last-child{margin-left:auto;color:#aebcbf;font-size:9px;border:1px solid #c6d4ce30;padding:0 5px;border-radius:2px}
.image-status-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#a3d1c9;box-shadow:0 0 10px #89d1bc60}
.generated-scene>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-bottom:1px solid var(--line)}
.generated-scene>figcaption{padding:21px 21px 19px;line-height:1.9}
.generated-scene figcaption>span{display:block;color:#a6babf;font-size:10px;margin-bottom:9px}
.generated-scene figcaption>strong{font-family:var(--font-mincho);font-size:18px;display:block;font-weight:400;color:#e9d6ad;line-height:1.8}
.generated-scene figcaption>p{color:#abbac4;font-size:12px;line-height:2;margin-top:11px}
.generation-explanation{display:flex;gap:15px;align-items:center;border-top:1px solid #c0d6d012;padding:16px 21px;color:#a7c0c4;line-height:1.9;font-size:11px;background:#14232c70}
.generation-explanation>span{font-size:25px;color:var(--gold)}
.story-response{padding:0 38px 32px;max-width:870px;margin:0 auto}
.story-response .player-turn{font-size:14px;line-height:2.1;margin:0 0 32px;padding:21px 44px 21px 23px}
.story-response .player-turn .speaker{font-size:11px;margin-bottom:12px}
.story-response .continuation{border-top:1px solid var(--line);padding-top:29px}
.story-next{margin-top:32px;padding-top:22px;border-top:1px solid #c4ceb122}
.story-next .choice-label{font-size:12px;color:var(--ivory);margin:0 0 15px}
.story-next .example-choices{font-size:11px;line-height:1.9}
.story-next .example-choices span{padding:10px 12px}
.story-next .free-input-example{font-size:11px;padding:12px 15px;gap:12px}
.story-preview-v2 .story-caption{font-size:11px;line-height:1.9;padding:17px 20px;color:#a9bfc3;border-radius:0 0 4px 4px}
.demo-disclosure{margin-top:19px;max-width:920px;color:#939eaa;font-size:10px;line-height:2}
@media(max-width:1100px){.story-opening{gap:26px;padding:29px 28px}.story-preview-v2 .story-turn{font-size:13px}.story-response{max-width:780px;padding:0 28px 30px}.demo-heading{gap:40px}.generated-scene figcaption>strong{font-size:17px}.generated-scene>figcaption{padding:19px 17px}}
@media(max-width:1000px){.demo-heading{grid-template-columns:1fr;gap:25px}.experience-v2{padding-top:62px;padding-bottom:55px}.story-opening{grid-template-columns:1fr;gap:28px;padding:29px}.generated-scene{position:static;max-width:610px;width:100%;margin:0 auto}.story-preview-v2 .story-turn{font-size:14px;line-height:2.2}.demo-sequence{gap:12px 17px;font-size:11px}.demo-sequence b{font-size:13px;margin-right:7px}.story-response{padding:0 29px 30px}.chapter-heading{padding:28px 29px}.chapter-heading>p{font-size:26px}.story-next .example-choices{flex-direction:column}.story-next .example-choices span{text-align:left}.demo-introduction{font-size:13px}.demo-introduction p:first-child{font-size:15px}.about-side-note{font-size:12px}.story-preview-v2 .story-topline{padding:17px 23px}.story-preview-v2 .story-topline small{font-size:9px}}
@media(max-width:600px){.experience-v2{width:calc(100% - 32px)}.demo-heading{padding:0 6px}.demo-heading h2{font-size:28px}.demo-sequence{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:19px 6px}.demo-sequence i{display:none}.story-preview-v2 .story-topline{padding:14px 18px;font-size:13px}.story-preview-v2 .story-topline small{font-size:8px}.chapter-heading{padding:24px 19px}.chapter-heading>p{font-size:24px}.chapter-meta{font-size:9px}.story-opening{padding:25px 19px;gap:26px}.story-preview-v2 .story-turn{font-size:13px;line-height:2.2}.story-preview-v2 .story-turn p+p{margin-top:17px}.story-preview-v2 .story-turn .speaker{font-size:10px}.story-response{padding:0 19px 26px}.story-response .player-turn{font-size:13px;padding:18px 27px 18px 16px}.story-response .player-turn .speaker{font-size:10px}.story-response .turn-arrow{right:10px}.generated-scene-label{font-size:9px;padding:11px 12px}.generated-scene>figcaption{padding:17px 15px}.generated-scene figcaption>strong{font-size:17px}.generated-scene figcaption>p{font-size:11px}.generation-explanation{padding:13px 15px;font-size:10px}.story-next .free-input-example{font-size:10px}.story-preview-v2 .story-caption{font-size:10px;padding:14px 16px}.demo-disclosure{padding:0 6px;font-size:9px}.closing-section h2{max-width:15em;margin-left:auto;margin-right:auto;font-size:24px}}