.h1887-about-story{overflow:hidden}
.h1887-about-hero{position:relative;padding:58px 0 42px;background:linear-gradient(135deg,#061a35 0%,#082b59 55%,#104f8a 100%);color:#fff}
.h1887-about-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.12),transparent 32%);pointer-events:none}
.h1887-about-hero .wrap{position:relative;z-index:1}
.h1887-about-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.08);font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.h1887-about-hero h1{max-width:1000px;margin:18px 0 14px;font-size:clamp(2.5rem,5.7vw,5.9rem);line-height:.92;letter-spacing:-.055em;color:#fff}
.h1887-about-hero .lead{max-width:860px;font-size:clamp(1.08rem,1.6vw,1.35rem);line-height:1.65;color:rgba(255,255,255,.9)}
.h1887-about-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.h1887-about-visual{margin-top:34px;border:1px solid rgba(255,255,255,.18);border-radius:26px;overflow:hidden;background:#03111f;box-shadow:0 30px 70px rgba(0,0,0,.28)}
.h1887-about-visual img{display:block;width:100%;height:auto}
.h1887-story-quote{margin:-28px auto 0;position:relative;z-index:3;max-width:980px;padding:22px 28px;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(5,25,50,.16);font-size:clamp(1.08rem,2vw,1.45rem);font-weight:850;line-height:1.45;color:#0a2443}
.h1887-story-quote small{display:block;margin-top:8px;font-size:.82rem;font-weight:700;color:#63758a}
.h1887-about-section{padding:64px 0}
.h1887-about-section.alt{background:#f4f8fc}
.h1887-about-section.dark{background:#07192f;color:#fff}
.h1887-about-section.dark h2,.h1887-about-section.dark h3{color:#fff}
.h1887-about-section.dark p{color:rgba(255,255,255,.82)}
.h1887-about-head{max-width:860px;margin-bottom:30px}
.h1887-about-head h2{margin:8px 0 12px;font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.04;letter-spacing:-.04em}
.h1887-about-head p{font-size:1.08rem;line-height:1.75;color:#526477}
.h1887-story-copy{max-width:940px;font-size:1.08rem;line-height:1.85;color:#314861}
.h1887-story-copy p{margin:0 0 20px}
.h1887-generation-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.h1887-generation-card{padding:28px;border:1px solid #dce7f2;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(4,33,69,.07)}
.h1887-generation-card .eyebrow{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#0a64c9}
.h1887-generation-card h3{font-size:1.7rem;margin:8px 0 10px}
.h1887-generation-card p{line-height:1.72;color:#4d6277}
.h1887-generation-card strong{color:#0b2848}
.h1887-timeline{position:relative;display:grid;gap:18px;margin-top:34px}
.h1887-timeline:before{content:"";position:absolute;left:23px;top:12px;bottom:12px;width:2px;background:#b7d2ec}
.h1887-timeline-item{position:relative;display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:start}
.h1887-timeline-dot{position:relative;z-index:2;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#0b63c8;color:#fff;font-size:.78rem;font-weight:900;box-shadow:0 0 0 6px #f4f8fc}
.h1887-timeline-body{padding:18px 22px;border-radius:18px;background:#fff;border:1px solid #dce7f2}
.h1887-timeline-body h3{margin:0 0 6px;font-size:1.25rem}
.h1887-timeline-body p{margin:0;color:#526477;line-height:1.68}
.h1887-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.h1887-proof{padding:24px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.h1887-proof strong{display:block;font-size:2rem;color:#fff;margin-bottom:6px}
.h1887-proof span{color:rgba(255,255,255,.72);line-height:1.55}
.h1887-fantalk-dna{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:start}
.h1887-fantalk-box{padding:28px;border-radius:22px;background:#fff;border:1px solid #dce7f2}
.h1887-fantalk-box h3{margin-top:0}
.h1887-fantalk-box p{line-height:1.75;color:#4d6277}
.h1887-fantalk-box ul{padding-left:20px;color:#42586d;line-height:1.8}
.h1887-song-card{padding:30px;border-radius:24px;background:linear-gradient(145deg,#081d38,#0e4f87);color:#fff}
.h1887-song-card h3{color:#fff;font-size:2rem;margin:10px 0}
.h1887-song-card p{color:rgba(255,255,255,.83);line-height:1.75}
.h1887-song-card a{display:inline-flex;margin-top:10px;color:#fff;font-weight:850}
.h1887-source-trail{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
.h1887-source-trail a{display:block;padding:18px;border:1px solid #dbe6f1;border-radius:16px;background:#fff;text-decoration:none}
.h1887-source-trail strong{display:block;color:#102d4c;margin-bottom:4px}
.h1887-source-trail span{color:#607286;font-size:.92rem;line-height:1.45}
.h1887-about-reach{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.h1887-reach-card{padding:24px;border-radius:20px;background:#fff;border:1px solid #dce7f2}
.h1887-reach-card strong{display:block;font-size:2rem;color:#0b2848}
.h1887-reach-card span{display:block;margin-top:6px;color:#5d7186;line-height:1.5}
.h1887-about-end{padding:48px 0 68px}
.h1887-about-endbox{padding:36px;border-radius:26px;background:linear-gradient(135deg,#0c2d52,#0b63c8);color:#fff}
.h1887-about-endbox h2{color:#fff;margin:0 0 12px;font-size:clamp(2rem,4vw,3.3rem)}
.h1887-about-endbox p{max-width:900px;color:rgba(255,255,255,.88);font-size:1.08rem;line-height:1.72}
.h1887-about-endbox a{color:#fff;font-weight:850}
@media(max-width:900px){
  .h1887-about-hero{padding-top:38px}
  .h1887-about-hero h1{font-size:clamp(2.55rem,13vw,4.5rem)}
  .h1887-story-quote{margin:18px 16px 0}
  .h1887-generation-grid,.h1887-proof-grid,.h1887-fantalk-dna,.h1887-source-trail,.h1887-about-reach{grid-template-columns:1fr}
  .h1887-about-section{padding:44px 0}
}