/* V1.8 — reference-inspired About page, real HTML text and separate image assets */
.story-hero{min-height:355px;border:1px solid #402564;border-radius:13px;background:linear-gradient(90deg,#050614 0%,#050614f5 21%,#050614b5 37%,#05061414 61%),url('../assets/about-dual-wolves.webp') right center / auto 100% no-repeat,#08071a;display:flex;align-items:center;overflow:hidden}
.story-hero-shade{max-width:520px;padding:37px 3.3%}
.story-hero h1{font-size:clamp(45px,4vw,73px);font-style:italic;letter-spacing:-2px;line-height:1.02;margin:20px 0}
.story-hero h1 em{color:#b16aff}.story-hero p{color:#d2cde2;font-size:14px;line-height:1.65;max-width:440px;margin-bottom:21px}
.story-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:12px;margin-top:12px;align-items:stretch}
.story-panel{border:1px solid #372459;border-radius:12px;background:linear-gradient(150deg,#0a0c23,#08091b);padding:22px;min-width:0}
.story-narrative{padding:27px 28px}.story-narrative h2,.story-values h2,.story-future h2{font-size:clamp(26px,2.4vw,39px);font-style:italic;letter-spacing:-1px;margin:10px 0 19px}
.story-narrative p{font-size:13px;line-height:1.72;color:#c5c8df;margin:0 0 12px}.story-narrative strong{color:#fff}
.story-quote{margin-top:16px;border:1px solid #512b82;border-radius:10px;background:#170d32;padding:19px;color:#d8b6ff;font-size:13px;font-style:italic;line-height:1.55}.story-quote small{display:block;font-size:11px;font-style:normal;color:#a7a6c4;margin-top:10px}
.story-founder{padding:14px;display:flex;flex-direction:column}.story-founder img{width:100%;height:170px;object-fit:cover;border-radius:9px}.story-founder-copy{display:flex;flex-direction:column;flex:1;padding:12px 4px 0}.story-founder h3{font-size:18px;margin:0 0 6px}.story-founder span{color:#c28aff;font-size:11px;font-weight:800;letter-spacing:1px}.story-founder p{font-size:12px;color:#b9bdd4;line-height:1.65;margin:13px 0}.story-founder blockquote{font-size:12px;color:#e0b6ff;line-height:1.5;font-style:italic;background:#160d31;border:1px solid #372058;border-radius:9px;padding:14px;margin:auto 0 0}
.story-values{margin-top:12px;display:grid;grid-template-columns:1fr 1.6fr;gap:30px;align-items:center;background:#090a1f;border:1px solid #372459;border-radius:12px;padding:29px 32px}
.story-values p,.story-future p{font-size:13px;line-height:1.65;color:#b6bcd5}.story-value-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.story-value-cards>div{padding:18px 12px;background:#10112b;border:1px solid #342459;border-radius:9px;display:flex;flex-direction:column;gap:7px}.story-value-cards strong{color:#a65bff;font-size:22px}.story-value-cards b{font-size:12px}.story-value-cards small{font-size:10px;color:#aab2cd}
.story-future{margin-top:12px;padding:31px 34px;border:1px solid #372459;border-radius:12px;background:radial-gradient(ellipse at 85% 10%,#2a14535e,transparent 55%),#08091b}.story-future h2{margin-bottom:8px}.story-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.story-steps>div{border-top:1px solid #5c388a;padding:15px 8px;display:flex;flex-direction:column;gap:5px}.story-steps b{font-size:22px;color:#b366ff}.story-steps strong{font-size:13px}.story-steps small{color:#aeb6ce;font-size:11px}
@media(max-width:1100px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-narrative{grid-column:span 2}.story-hero{background-size:auto 100%}.story-values{grid-template-columns:1fr}.story-value-cards{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.story-hero{min-height:430px;background-image:linear-gradient(90deg,#050614ef,#050614a8 75%),url('../assets/about-dual-wolves.webp');background-position:center,right center;background-size:100% 100%,auto 100%}.story-hero-shade{padding:25px}.story-hero h1{font-size:46px}.story-grid{grid-template-columns:1fr}.story-narrative{grid-column:auto}.story-value-cards{grid-template-columns:repeat(2,1fr)}.story-steps{grid-template-columns:repeat(2,1fr)}.story-values,.story-future{padding:23px 18px}}