.story-page{padding-top:76px;background:var(--bg-primary)}.story-hero{position:relative;min-height:64vh;display:flex;align-items:end;overflow:hidden;border-bottom:1px solid rgba(212,175,55,.14);background:radial-gradient(circle at 50% 20%,rgba(220,20,60,.18),transparent 34%),linear-gradient(180deg,#17131f,#09090e)}.story-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.72))}.story-hero-inner{position:relative;z-index:1;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:6rem 0 3rem}.story-kicker{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .78rem;border:1px solid rgba(212,175,55,.2);border-radius:999px;background:rgba(255,255,255,.035);font-family:var(--font-ui);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.story-hero h1{margin-top:.9rem;font-size:clamp(3rem,8vw,7rem);line-height:.92}.story-hero p{max-width:720px;margin-top:1rem;color:#f0e9df;font-size:1.08rem;line-height:1.72}.story-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.story-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.78rem 1rem;border-radius:999px;font-family:var(--font-ui);font-size:.84rem;font-weight:700;transition:.25s ease}.story-btn:hover{transform:translateY(-2px)}.story-btn-primary{border:1px solid rgba(212,175,55,.32);background:linear-gradient(135deg,#7a1520,#b22222);color:#fff4e1}.story-btn-secondary{border:1px solid rgba(212,175,55,.22);background:rgba(255,255,255,.04);color:var(--gold-light)}.story-section{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:3rem 0}.story-section-head{display:grid;gap:.7rem;margin-bottom:1.4rem}.story-section-head.center{text-align:center}.story-section-head.center p{margin-inline:auto}.story-section-head h2{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.04}.story-section-head p{max-width:740px;color:var(--text-secondary)}.story-route-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.story-route-card{position:relative;min-height:440px;overflow:hidden;border:1px solid rgba(212,175,55,.14);border-radius:22px;background:#111;box-shadow:0 16px 32px rgba(0,0,0,.22);transition:.35s ease}.story-route-card:hover{transform:translateY(-8px);border-color:var(--queen-color)}.story-route-image{position:absolute;inset:0}.story-route-image img{object-fit:cover;object-position:center top;transition:.35s ease}.story-route-card:hover img{transform:scale(1.05)}.story-route-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.9) 78%)}.story-route-content{position:absolute;inset:auto 0 0;display:grid;gap:.45rem;padding:1rem}.story-route-content h3{font-size:1rem}.story-route-content p{font-family:var(--font-ui);font-size:.74rem;color:var(--gold-light)}.story-progress-row{display:flex;justify-content:space-between;gap:.5rem;font-family:var(--font-ui);font-size:.72rem;color:#eee5d7}.story-progress-track{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.story-progress-fill{height:100%;border-radius:inherit;background:var(--queen-color)}.story-route-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.3rem;font-family:var(--font-ui);font-size:.8rem;font-weight:700;color:#fff}.story-overview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem}.story-overview-card,.story-power-card{display:grid;gap:.9rem;padding:1.2rem;border:1px solid rgba(212,175,55,.14);border-radius:22px;background:rgba(255,255,255,.03)}.story-overview-card p,.story-power-card p{color:var(--text-secondary);line-height:1.7}.story-overview-card strong{color:var(--gold-light)}.story-power-card{background:radial-gradient(circle at top,rgba(220,20,60,.11),transparent 58%),rgba(255,255,255,.03)}.story-power-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.story-power-benefit{display:grid;gap:.3rem;padding:.72rem;border:1px solid rgba(212,175,55,.1);border-radius:14px;background:rgba(255,255,255,.035);text-align:center}.story-power-benefit svg{margin:auto;color:var(--gold)}.story-power-benefit span{font-family:var(--font-ui);font-size:.72rem;color:#eee5d7}.story-gallery-link{display:flex;justify-content:center;padding-bottom:3rem}@media(max-width:1100px){.story-route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.story-overview{grid-template-columns:1fr}.story-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.story-hero-inner,.story-section{width:min(100%,calc(100% - 1rem))}.story-route-grid{grid-template-columns:1fr}.story-route-card{min-height:380px}.story-power-benefits{grid-template-columns:1fr}}