/* Page banner */
.page-banner{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--navy-deep) 0%,var(--navy) 55%,#123f9c 100%);color:#fff;padding:110px 0 130px}
.page-banner::before{content:"";position:absolute;inset:0;background:url('../banner.png') 100% 30%/auto 115% no-repeat;opacity:.35;mix-blend-mode:luminosity;mask-image:linear-gradient(90deg,transparent 64%,#000 88%);-webkit-mask-image:linear-gradient(90deg,transparent 64%,#000 88%)}
.page-banner::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-1px;height:90px;background:#fff;clip-path:ellipse(60% 100% at 50% 100%)}
.page-banner .container{position:relative;z-index:1}
.crumbs{display:flex;gap:10px;align-items:center;font-size:.9rem;color:#9fc2f5;margin-bottom:22px}
.crumbs a:hover{color:#fff}
.page-banner .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#8fd3ff}
.page-banner h1{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:20px 0 18px}
.page-banner h1 em{font-family:'Playfair Display',serif;font-weight:500;color:#8fd3ff}
.page-banner p{max-width:560px;font-size:1.15rem;color:#c9d6f2}
.glow{position:absolute;width:520px;height:520px;right:8%;top:-200px;border-radius:50%;background:radial-gradient(circle,rgba(30,162,240,.35),transparent 65%)}

/* Story */
.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}
.exp-card{position:relative;border-radius:28px;padding:48px 40px;background:linear-gradient(160deg,#eef4ff,#fff);border:1px solid var(--line);box-shadow:var(--shadow)}
.exp-card .big{font-size:clamp(5rem,10vw,7.5rem);font-weight:800;line-height:.9;background:linear-gradient(135deg,var(--blue),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}
.exp-card .big-label{font-size:1.3rem;font-weight:700;color:var(--navy);margin:10px 0 24px}
.exp-card ul{list-style:none;display:grid;gap:12px;border-top:1px solid var(--line);padding-top:24px}
.exp-card li{display:flex;gap:10px;align-items:center;color:var(--muted);font-weight:500}
.exp-card li svg{flex:none;width:20px;height:20px}
.story h2{font-size:clamp(1.9rem,3.5vw,2.7rem);line-height:1.15;font-weight:800;color:var(--navy);letter-spacing:-.02em;margin:16px 0 20px}
.story h2 span{color:var(--blue)}
.story p{color:var(--muted);font-size:1.07rem;margin-bottom:18px}
.story p strong{color:var(--ink)}

/* Background */
.bg-soft{background:var(--bg)}

/* Quote */
.manifesto{padding:110px 0;text-align:center}
.manifesto .mark{font-family:'Playfair Display',serif;font-size:6rem;line-height:.6;color:var(--sky);opacity:.5}
.manifesto blockquote{max-width:860px;margin:10px auto 0;font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.4;color:var(--navy)}
.manifesto blockquote span{background:linear-gradient(transparent 62%,rgba(30,162,240,.25) 62%)}
.manifesto cite{display:block;margin-top:26px;font-style:normal;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}

@media (max-width:980px){
  .story-grid{grid-template-columns:1fr;gap:48px}
  .page-banner{padding:80px 0 110px}
}