.hero{padding:112px 0 96px;background-color:#09172d;background-image:linear-gradient(90deg,#071426 0%,#0a1829f2 36%,#0b1727b8 58%,#08111e22 100%),var(--hero-image);background-size:cover;background-position:center;color:#fff}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,#08152999);pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.kicker{display:inline-flex;align-items:center;gap:9px}
.kicker:before{content:"";width:26px;height:2px;background:currentColor}
.hero h1{max-width:900px;font-size:clamp(2.25rem,5vw,4.45rem);line-height:1.22;letter-spacing:-.035em;text-wrap:balance}
.hero h1 .hero-line{display:block}
.hero h1 .hero-line:last-child{margin-top:.18em;font-size:.72em;line-height:1.45;letter-spacing:-.02em;color:#e8f0fb}
.hero .lead{max-width:710px;color:#edf3fc;text-shadow:0 1px 16px #0008}
.chapter{padding:40px 0}
.chapter p{max-width:74ch}
.chapter:nth-child(3n+1){margin:20px 0;padding:34px;border:1px solid #dae6f6;border-radius:20px;background:linear-gradient(145deg,#fff,#f2f7ff)}
.story-visual{position:relative;margin:30px 0 54px;overflow:hidden;border-radius:24px;background:#0a1729;box-shadow:0 24px 64px #0b1d3826}
.story-visual:after{content:"";position:absolute;inset:0 0 48px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff26;border-radius:24px 24px 0 0}
.story-visual img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.story-visual:hover img{transform:scale(1.025)}
.story-visual figcaption{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 18px;background:#0a1729;color:#eaf1fb;font-size:.82rem;letter-spacing:.04em}
.story-visual figcaption:before{content:"";flex:0 0 28px;height:1px;background:#ee6b4d}
.btn{box-shadow:0 9px 24px #ad351b33;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 13px 28px #ad351b44}
@media(max-width:620px){.hero{padding:76px 0 64px;background-position:62% center}.hero:before{background:linear-gradient(90deg,#071426ee,#07142699)}.hero h1{font-size:clamp(2rem,10vw,2.9rem);line-height:1.25;letter-spacing:-.045em}.hero h1 .hero-line:last-child{margin-top:.28em;font-size:.68em;line-height:1.5}.hero .lead{font-size:.94rem;line-height:1.8}.chapter:nth-child(3n+1){padding:24px;margin:12px 0}.story-visual{margin:20px 0 38px;border-radius:16px}.story-visual:after{border-radius:16px 16px 0 0}.story-visual figcaption{align-items:flex-start;padding:12px 14px;font-size:.75rem}.story-visual figcaption:before{margin-top:.55em}}
@media(prefers-reduced-motion:reduce){.story-visual img{transition:none}.story-visual:hover img{transform:none}}