.phase4c-header{max-width:1220px;margin:auto;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.phase4c-header nav{display:flex;align-items:center;gap:1rem}.phase4c-header nav a:not(.button){color:var(--muted);font-size:.83rem;font-weight:800;text-decoration:none}.phase4c-header nav a[aria-current=page]{color:var(--primary)}.story-hero,.story-origin,.story-first,.story-timeline,.then-now,.story-future,.community-page,.support-page,.phase4c-footer{width:min(1160px,calc(100% - 2.5rem));margin-inline:auto}.story-hero{min-height:76vh;padding:clamp(4rem,9vw,8rem) 0;display:grid;grid-template-columns:1.3fr .7fr;gap:4rem;align-items:center}.story-hero h1,.community-page>header h1,.support-page>section h1{margin:.5rem 0;font:650 clamp(3.4rem,8vw,7.2rem)/.9 Georgia,serif;letter-spacing:-.06em}.story-hero h1 span{color:var(--primary)}.story-date{font-size:1.35rem}.story-hero .lead{max-width:750px;color:var(--muted);font-size:1.1rem;line-height:1.75}.story-hero aside{padding:2rem;border: 1px solid var(--qwt-border, #e7e0d2);border-radius:30px;background: var(--qwt-surface, #f8f6f2);transform:rotate(1deg)}.story-hero aside>span{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:var(--primary)}.story-hero blockquote{margin:2rem 0;font:650 2rem/1.25 Georgia,serif}.story-origin{margin-block:2rem 7rem;padding:3rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;border-radius:30px;background: var(--qwt-surface, #0a362b);color: var(--qwt-text, #fff)}.story-origin h2,.story-first h2,.story-timeline h2,.then-now h2,.story-future h2{font:650 clamp(2.3rem,5vw,4.3rem)/1 Georgia,serif;letter-spacing:-.045em}.story-origin>p{color: var(--qwt-text, #e6dfd2);line-height:1.8}.story-first{padding:2rem 0 7rem}.story-first header{max-width:820px}.story-first header>p:last-child,.story-future>p{color:var(--muted);line-height:1.7}.history-gallery{margin-top:2.5rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;align-items:start}.history-shot{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background: var(--qwt-bg, #fff);text-align:left;cursor:zoom-in}.history-shot img{display:block;width:100%;max-height:520px;object-fit:contain;background: var(--qwt-surface, #f8f7f3)}.history-shot span{display:block;padding:1rem;font-weight:800}.history-note{color:var(--muted);font-size:.85rem}.story-timeline{padding:5rem 0}.story-timeline header{max-width:780px}.story-timeline ol{margin:3rem 0 0;padding:0;list-style:none}.story-timeline li{padding:2rem 0;display:grid;grid-template-columns:110px 1fr;gap:2rem;border-top:1px solid var(--line);opacity:.4;transform:translateY(16px);transition:.4s ease}.story-timeline li.visible{opacity:1;transform:none}.story-timeline li>b{color: var(--qwt-text-muted, #e0d8c8);font:700 3.8rem Georgia,serif}.story-timeline li span{color:var(--primary);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.story-timeline h3{margin:.45rem 0;font:650 2rem Georgia,serif}.story-timeline li p{max-width:760px;color:var(--muted);line-height:1.7}.then-now{margin-block:5rem;padding:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;border-radius:34px;background: var(--qwt-surface, #f8f7f3)}.then-now>span{font-size:2.5rem;color:var(--primary)}.then-now h2{font-size:2.4rem}.then-now li{margin:.65rem 0;color:var(--muted)}.story-future{margin-block:7rem;padding:clamp(2.5rem,6vw,5rem);border:1px solid var(--line);border-radius:34px;text-align:center}.story-future>p{max-width:800px;margin-inline:auto}.story-future .actions{justify-content:center}.story-lightbox{max-width:min(1000px,94vw);padding:1rem;border:0;border-radius:24px;background: var(--qwt-bg, #fff)}.story-lightbox::backdrop{background: var(--qwt-bg, rgba(3, 17, 14, 0.85))}.story-lightbox img{display:block;max-width:100%;max-height:80vh;margin:auto}.story-lightbox button{float:right;width:42px;height:42px;border-radius:50%;font-size:1.5rem}.story-lightbox p{text-align:center;font-weight:800}.phase4c-footer{margin-top:5rem;padding:3rem 0;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;border-top:1px solid var(--line)}.phase4c-footer>div{display:grid;gap:.7rem}.phase4c-footer a{color:var(--muted)}.community-page,.support-page{padding:clamp(4rem,8vw,7rem) 0}.community-page>header,.support-page>section{max-width:850px}.community-page>header h1,.support-page>section h1{font-size:clamp(3.2rem,7vw,6rem)}.community-page>header>p:last-child,.support-page>section>p:last-child{color:var(--muted);font-size:1.08rem;line-height:1.7}.community-notice{margin:2rem 0;padding:1rem 1.2rem;display:flex;gap:.8rem;border-left:4px solid var(--primary);background: var(--qwt-surface, #f8f7f3)}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.community-card{padding:1.5rem;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;background: var(--qwt-bg, #fff)}.community-card-top,.community-actions,.community-creator{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.community-card-top span{color:var(--primary);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.community-card h2{font:650 1.8rem Georgia,serif}.community-card>p{color:var(--muted);line-height:1.55}.community-creator{justify-content:flex-start;margin-top:auto}.community-creator img{width:30px;height:30px;border-radius:50%;object-fit:cover}.community-card dl{display:flex;gap:2rem}.community-card dl div{display:grid}.community-card dt{font-size:.7rem;color:var(--muted)}.community-card dd{margin:0;font-weight:800}.community-actions>a:last-child{font-size:.78rem;color:var(--muted)}.creator-public-head{margin-bottom:2rem;padding:2rem;display:flex;gap:1.5rem;border-radius:26px;background: var(--qwt-surface, #f8f7f3)}.creator-public-head>img{width:100px;height:100px;border-radius:28px;object-fit:cover}.creator-public-head h1{margin:.2rem 0;font:650 3rem Georgia,serif}.creator-links{display:flex;gap:.6rem;flex-wrap:wrap}.creator-links a{padding:.45rem .7rem;border:1px solid var(--line);border-radius:999px;background: var(--qwt-bg, #fff)}.support-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem}.support-page>section{grid-column:1/-1}.support-form{padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;border:1px solid var(--line);border-radius:28px}.support-form label{display:grid;gap:.45rem;font-weight:800}.support-form .wide,.support-form button,.support-form [role=status],.support-context{grid-column:1/-1}.support-form input,.support-form select,.support-form textarea{width:100%}.support-boundary{padding:2rem;border-radius:24px;background: var(--qwt-surface, #f8f7f3)}.support-boundary p{color:var(--muted);line-height:1.65}@media(max-width:900px){.story-hero,.story-origin,.support-page{grid-template-columns:1fr}.history-gallery,.community-grid{grid-template-columns:repeat(2,1fr)}.phase4c-header nav a:not(.button){display:none}.phase4c-footer{grid-template-columns:1fr 1fr}.then-now{grid-template-columns:1fr}.then-now>span{transform:rotate(90deg);justify-self:start}}@media(max-width:620px){.story-hero,.story-origin,.story-first,.story-timeline,.then-now,.story-future,.community-page,.support-page,.phase4c-footer{width:min(100% - 1.4rem,1160px)}.history-gallery,.community-grid{grid-template-columns:1fr}.story-timeline li{grid-template-columns:60px 1fr;gap:.8rem}.story-timeline li>b{font-size:2.3rem}.story-origin{padding:1.5rem}.phase4c-footer{grid-template-columns:1fr}.support-form{grid-template-columns:1fr;padding:1.2rem}.creator-public-head{display:grid}}@media(prefers-reduced-motion:reduce){.story-timeline li{opacity:1;transform:none;transition:none}}

/* Story page: long-form chapters (light by default, matte in dark mode) */
.story-chapters{width:min(820px,calc(100% - 2.5rem));margin:0 auto}
.story-chapter{padding:3.2rem 0;border-top:1px solid var(--line)}
.story-chapter:first-child{border-top:0}
.story-chapter h2{margin:.4rem 0 1.1rem;font:650 clamp(2rem,4.4vw,3.1rem)/1.06 Georgia,serif;letter-spacing:-.04em}
.story-chapter p{margin:0 0 1.15rem;font-size:1.1rem;line-height:1.85;color:var(--muted)}
.story-pull{padding:1.2rem 1.5rem;border-left: 4px solid var(--primary,var(--qwt-border, #1B8166));border-radius:0 18px 18px 0;background: var(--qwt-surface-hover, rgba(27,129,102,.08));color: var(--legacy-ink,var(--qwt-text, #071A21))!important;font:650 1.35rem/1.45 Georgia,serif!important}
.story-letter{margin-bottom:1rem;padding:2.6rem clamp(1.2rem,4vw,2.6rem);border:1px solid var(--line)!important;border-radius:32px;background: linear-gradient(135deg,var(--qwt-surface-hover, rgba(27,129,102,.1)),var(--qwt-surface-hover, rgba(149,224,204,.12)))}
.story-first .history-gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
html[data-theme="dark"] .story-pull{background: var(--qwt-surface-hover, rgba(59,173,142,.12));color: var(--qwt-text, #ECE9E2)!important}
html[data-theme="dark"] .story-letter{background: linear-gradient(135deg,var(--qwt-surface, #1a1a1c),var(--qwt-surface, #121213))}
html[data-theme="dark"] .story-origin,html[data-theme="dark"] .story-hero aside{background: var(--qwt-surface, #151516);border-color: var(--qwt-border, #2a2a2d)}
.phase4c-header .brand{display:inline-flex;align-items:center;gap:.6rem}.phase4c-header .brand img{width:36px;height:36px;object-fit:contain}