main:has(> .story) { max-width: 760px; }
.story { font-family: Georgia, "Iowan Old Style", "Palatino Linotype", serif; animation: story-in .6s ease both; }
.story-hero { text-align: center; padding: 20px 0 36px; }
.story-mark { width: 84px; height: 84px; margin: 0 auto 14px; display: block; }
.story h1 { margin: 0 auto; max-width: 15ch; color: var(--primary); font-size: clamp(2.2rem, 7vw, 3.6rem); line-height: 1.08; letter-spacing: -.01em; font-weight: 600; text-wrap: balance; }
.story-subtitle { margin: 16px auto 0; max-width: 34em; color: var(--muted); font-size: clamp(1.05rem, 2.6vw, 1.25rem); font-style: italic; line-height: 1.5; }
.story-rule { display: block; width: 64px; height: 3px; margin: 26px auto 0; border-radius: 3px; background: var(--accent); }
.story-body { padding: clamp(22px, 5vw, 48px); background: var(--surface); border: 1px solid var(--border); border-radius: 18px; box-shadow: 0 10px 30px var(--shadow); }
.story-p { margin: 0 0 1.35em; font-size: clamp(1.05rem, 2.2vw, 1.2rem); line-height: 1.78; color: var(--text); overflow-wrap: break-word; }
.story-first::first-letter { float: left; margin: .06em .1em 0 0; color: var(--accent-dark); font-size: 3.7em; line-height: .85; font-weight: 600; }
.story-emphasis { margin: 1.6em 0; color: var(--primary); font-size: clamp(1.25rem, 3.4vw, 1.6rem); line-height: 1.4; font-weight: 600; text-align: center; text-wrap: balance; }
.story-quote { margin: 1.8em 0; padding: 6px 0 6px 22px; border-left: 4px solid var(--accent); }
.story-quote p { margin: 0; color: var(--primary); font-size: clamp(1.15rem, 2.8vw, 1.4rem); font-style: italic; line-height: 1.55; }
.story-purpose { margin: 2em 0 .4em; padding: 22px 24px; border: 1px solid var(--border); border-left: 5px solid var(--primary); border-radius: 12px; background: var(--highlight); }
.story-purpose p { margin: 0; color: var(--primary); font-size: clamp(1.1rem, 2.6vw, 1.3rem); line-height: 1.6; font-weight: 600; }
.story-closing { text-align: center; padding: 44px 8px 8px; }
.story-closing-text { margin: 0 auto; max-width: 30em; font-size: 1.15rem; line-height: 1.7; }
.story-motto { margin: 22px 0 6px; color: var(--primary); font-size: clamp(1.5rem, 5vw, 2.1rem); font-weight: 600; line-height: 1.2; text-wrap: balance; }
.story-tagline { margin: 0; color: var(--accent-dark); font-style: italic; }
.story-founder { display: inline-block; margin: 22px 0 0; padding-top: 14px; border-top: 1px solid var(--border); color: var(--muted); font-weight: 600; letter-spacing: .04em; }
@keyframes story-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .story { animation: none; } }
@media (max-width: 640px) { .story-body { border-radius: 14px; } .story-mark { width: 68px; height: 68px; } }