.story-hero{border:2px solid color-mix(in srgb, var(--c-brand) 30%, transparent);background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--c-xp) 30%, transparent), transparent 70%), color-mix(in srgb, var(--c-brand) 10%, var(--c-background));border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:32px 20px;display:flex}.story-hero-text{flex:260px;min-width:0}.story-title{overflow-wrap:anywhere;margin:0;font-size:clamp(2.25rem,9vw,3.75rem);font-weight:800;line-height:1.05}.story-sub{color:var(--c-text-muted);margin:12px 0 0;font-size:1.25rem}.story-mascot{flex:0 0 140px;width:140px;height:140px}.story-idea{padding:8px 4px}.story-idea [data-lines]{gap:14px;display:grid}.story-idea p{margin:0;font-size:clamp(1.375rem,5vw,2.125rem);font-weight:800;line-height:1.2}.story-idea p:nth-child(2n){color:var(--c-brand-text)}.story-h2{margin:0 0 16px;font-size:1.5rem;font-weight:800}.story-cards{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.story-cards{grid-template-columns:repeat(3,1fr)}}.story-card{background:var(--c-surface);border:2px solid var(--c-border);min-width:0;box-shadow:0 4px 0 var(--c-neutral-shadow);border-radius:20px;padding:20px}.story-card h3{margin:12px 0 6px;font-size:1.125rem;font-weight:800}.story-card p{color:var(--c-text-muted);margin:0}.story-num{background:var(--c-brand);width:36px;height:36px;color:var(--c-on-brand);box-shadow:0 3px 0 var(--c-brand-shadow);border-radius:50%;place-items:center;font-weight:800;display:grid}.story-card:nth-child(2) .story-num{background:var(--c-selected);color:var(--c-on-selected);box-shadow:0 3px 0 var(--c-selected-shadow)}.story-card:nth-child(3) .story-num{background:var(--c-success);color:var(--c-on-success);box-shadow:0 3px 0 var(--c-success-shadow)}.story-count{margin:0 0 16px;font-size:1.25rem;font-weight:700}.story-group{margin-top:12px}.story-group-label{color:var(--c-text-muted);margin:0 0 8px;font-size:1rem;font-weight:800}.story-paths{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.story-paths a{background:var(--c-key-idea);color:var(--c-key-idea-text);border-radius:999px;padding:8px 16px;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block}.story-paths a:hover{box-shadow:0 3px 0 var(--c-brand-shadow);transform:translateY(-2px)}.story-built p{background:var(--c-value-soft);border-radius:16px;margin:0;padding:16px 20px;font-weight:700}.story-cta{justify-content:center;display:flex}.story-btn-wrap{max-width:100%;display:inline-block}.story-btn{background:var(--c-brand);max-width:100%;color:var(--c-on-brand);text-align:center;box-shadow:0 5px 0 var(--c-brand-shadow);border-radius:16px;padding:16px 32px;font-size:1.1875rem;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-block}.story-btn:active{box-shadow:0 0 0 var(--c-brand-shadow);transform:translateY(5px)}