:root{
  --story-navy:#071a2d;
  --story-navy-2:#0c263b;
  --story-ink:#172633;
  --story-body:#647681;
  --story-line:#dfe7ec;
  --story-soft:#f3f7f9;
  --story-blue:#0d5d88;
  --story-blue-soft:#dcecf4;
  --story-red:#d43b35;
  --story-white:#fff;
}

.about-story .eyebrow{letter-spacing:.13em}
.about-story img{display:block;max-width:100%}
.about-story h1,.about-story h2,.about-story h3{text-wrap:balance}
.about-story p{margin-top:0}

/* ---------------------------------
   Shared section heading
---------------------------------- */
.story-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.46fr);gap:2rem;align-items:end;margin-bottom:1.65rem}
.story-section-heading--wide{grid-template-columns:minmax(0,1fr) minmax(320px,.52fr)}
.story-section-heading h2{margin:.42rem 0 0;color:var(--story-ink);font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.03;letter-spacing:-.046em;font-weight:780}
.story-section-heading>p{margin:0;color:var(--story-body);font-size:.94rem;line-height:1.72}

/* ---------------------------------
   Opening / narrative hero
---------------------------------- */
.story-hero{position:relative;overflow:hidden;padding:28px 0 58px;background:linear-gradient(122deg,#061827 0%,#0a2134 54%,#0b2b44 100%);color:#fff}
.story-hero:before{content:"";position:absolute;inset:-30% auto auto 56%;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.022),0 0 0 180px rgba(255,255,255,.015)}
.story-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--story-red) 0 18%,rgba(255,255,255,.12) 18% 100%)}
.story-breadcrumb{position:relative;z-index:1;margin-bottom:1.3rem}
.story-hero .inner-breadcrumb a,.story-hero .inner-breadcrumb li{color:#c4d2dc}
.story-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:clamp(2rem,4vw,5rem);align-items:center}
.story-hero-copy{padding:1.8rem 0}
.story-hero-copy .eyebrow{color:#86bbd5}
.story-hero-copy h1{max-width:780px;margin:.55rem 0 0;color:#fff;font-size:clamp(2.85rem,5.15vw,5.4rem);line-height:.94;letter-spacing:-.061em;font-weight:790}
.story-hero-lede{max-width:720px;margin:1.3rem 0 0;color:#cdd9e1;font-size:1.04rem;line-height:1.75}
.story-hero-actions{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;margin-top:1.35rem;color:#92a8b6;font-size:.72rem;font-weight:720;letter-spacing:.035em}
.story-text-link{display:inline-flex;gap:.55rem;align-items:center;color:#fff;text-decoration:none;font-size:.8rem;font-weight:780;border-bottom:1px solid rgba(255,255,255,.36);padding-bottom:.16rem}
.story-text-link:hover,.story-text-link:focus{color:#fff;border-color:#fff}
.story-origin-map{position:relative;padding:1.3rem 1.35rem 1.4rem;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.055);backdrop-filter:blur(6px);box-shadow:0 28px 68px rgba(0,0,0,.24)}
.story-origin-kicker{color:#8fc2dc;font-size:.57rem;font-weight:850;letter-spacing:.16em}
.story-origin-flow{display:flex;align-items:center;gap:.46rem;margin-top:1rem}
.story-origin-flow>i{color:#7093a8;font-size:.78rem;flex:0 0 auto}
.story-origin-node{flex:1;min-width:0;padding:.78rem .72rem .72rem;border-top:2px solid rgba(143,194,220,.7);background:rgba(255,255,255,.045)}
.story-origin-node span{display:block;color:#8fc2dc;font-size:.52rem;font-weight:850;letter-spacing:.08em}
.story-origin-node strong{display:block;margin-top:.35rem;color:#fff;font-size:.77rem;line-height:1.35}
.story-origin-map blockquote{margin:1.2rem 0 0;padding:1rem 0 0;border-top:1px solid rgba(255,255,255,.15);color:#f7fbfd;font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1.5;font-weight:650}

/* ---------------------------------
   Scene / opening conversation
---------------------------------- */
.story-scene{padding:64px 0;background:#fff}
.story-scene-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.story-scene-image{position:relative;margin:0;min-height:520px;overflow:hidden;border-radius:22px;background:#dbe3e8}
.story-scene-image:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(3,18,31,.83) 100%);z-index:1}
.story-scene-image img{width:100%;height:100%;min-height:520px;object-fit:cover;filter:saturate(.78) contrast(1.03)}
.story-scene-image figcaption{position:absolute;z-index:2;left:1.25rem;right:1.25rem;bottom:1.15rem;color:#fff;font-size:.8rem;line-height:1.55}
.story-scene-copy h2{margin:.5rem 0 .9rem;color:var(--story-ink);font-size:clamp(2.15rem,3.6vw,3.7rem);line-height:1;letter-spacing:-.05em}
.story-scene-copy>p{color:var(--story-body);font-size:.95rem;line-height:1.72}
.story-dialogue{margin:1.15rem 0;display:grid;border-top:1px solid var(--story-line)}
.story-dialogue>div{display:grid;grid-template-columns:42px 1fr;gap:.8rem;align-items:start;padding:.78rem 0;border-bottom:1px solid var(--story-line)}
.story-dialogue span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#edf4f8;color:var(--story-blue);font-size:.68rem;font-weight:850}
.story-dialogue p{margin:.17rem 0 0;color:#42535f;font-size:.88rem;line-height:1.55}
.story-dialogue .is-emphasis{margin-top:.25rem;padding:.85rem .8rem;border:0;border-left:3px solid var(--story-red);background:#f6f8f9}
.story-dialogue .is-emphasis span{background:var(--story-red);color:#fff}
.story-dialogue .is-emphasis p{color:#1f313d;font-weight:720}
.story-scene-close{margin-bottom:0!important;color:#263a47!important}

/* ---------------------------------
   Three early lessons — connected line
---------------------------------- */
.story-lessons{padding:62px 0 66px;background:#f4f7f9;border-top:1px solid #e5ecef}
.story-lessons-line{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:1.2rem}
.story-lessons-line:before{content:"";position:absolute;left:7%;right:7%;top:27px;height:1px;background:#c9d6de}
.story-lesson{position:relative;padding:0 clamp(1rem,2.4vw,2.1rem) 0 0}
.story-lesson+.story-lesson{padding-left:clamp(1rem,2.4vw,2.1rem)}
.story-lesson-index{position:relative;z-index:2;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff;border:1px solid #c8d4dc;color:var(--story-blue);font-size:.62rem;font-weight:850;box-shadow:0 8px 24px rgba(22,42,57,.06)}
.story-lesson:nth-child(2) .story-lesson-index{margin-left:auto;margin-right:auto}
.story-lesson:nth-child(3) .story-lesson-index{margin-left:auto}
.story-lesson-rule{display:none}
.story-lesson-copy{margin-top:1rem}
.story-lesson-copy>span{color:var(--story-blue);font-size:.56rem;font-weight:850;letter-spacing:.13em}
.story-lesson-copy h3{margin:.48rem 0 .45rem;color:#233642;font-size:1.13rem;line-height:1.26}
.story-lesson-copy p{margin:0;color:#687983;font-size:.82rem;line-height:1.65}

/* ---------------------------------
   Formal milestone
---------------------------------- */
.story-milestone{padding:58px 0;background:#fff}
.story-milestone-grid{display:grid;grid-template-columns:minmax(200px,.52fr) minmax(0,1fr) minmax(300px,.72fr);gap:clamp(1.4rem,3.3vw,3.4rem);align-items:center}
.story-milestone-date{display:flex;align-items:flex-end;gap:.8rem;color:var(--story-ink)}
.story-milestone-date>span{font-size:clamp(5.8rem,9vw,9.7rem);line-height:.76;letter-spacing:-.075em;font-weight:830;color:var(--story-blue)}
.story-milestone-date>div{padding-bottom:.2rem}
.story-milestone-date strong{display:block;color:#667984;font-size:.67rem;letter-spacing:.18em}
.story-milestone-date b{display:block;margin-top:.24rem;color:#263845;font-size:1.8rem;line-height:1}
.story-milestone-copy h2{margin:.45rem 0 .85rem;color:var(--story-ink);font-size:clamp(2rem,3.1vw,3.15rem);line-height:1.04;letter-spacing:-.046em}
.story-milestone-copy p{color:var(--story-body);font-size:.91rem;line-height:1.72}
.story-milestone-copy p:last-child{margin-bottom:0}
.story-milestone-image{margin:0;overflow:hidden;border-radius:18px;min-height:310px}
.story-milestone-image img{width:100%;height:310px;object-fit:cover;filter:saturate(.8)}

/* ---------------------------------
   Learning before leading — mosaic
---------------------------------- */
.story-learning{padding:64px 0;background:#eef3f6}
.story-learning-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(2rem,4vw,4rem);align-items:center}
.story-learning-copy h2{margin:.48rem 0 .9rem;color:var(--story-ink);font-size:clamp(2.15rem,3.45vw,3.45rem);line-height:1.02;letter-spacing:-.048em}
.story-learning-copy>p{color:#647680;font-size:.92rem;line-height:1.72}
.story-principle{margin-top:1.2rem;padding:1rem 1.05rem;border-left:4px solid var(--story-red);background:#fff}
.story-principle span{display:block;color:var(--story-blue);font-size:.54rem;font-weight:850;letter-spacing:.14em}
.story-principle strong{display:block;margin-top:.38rem;color:#253845;font-size:.92rem;line-height:1.48}
.story-learning-mosaic{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:.7rem;min-height:440px}
.story-learning-mosaic figure{margin:0;overflow:hidden;border-radius:18px}
.story-learning-mosaic img{width:100%;height:100%;object-fit:cover}
.story-learning-main{grid-row:1/-1}

/* ---------------------------------
   Client + product tracks
---------------------------------- */
.story-two-tracks{padding:64px 0;background:#fff}
.story-tracks-grid{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:stretch}
.story-track{position:relative;padding:1.45rem 1.5rem 1.55rem;border:1px solid var(--story-line);border-radius:20px;background:#fff;overflow:hidden}
.story-track:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--story-blue)}
.story-track--product:before{background:var(--story-red)}
.story-track-top{display:flex;justify-content:space-between;gap:1rem;align-items:center}
.story-track-top>span{color:var(--story-blue);font-size:.56rem;font-weight:850;letter-spacing:.13em}
.story-track--product .story-track-top>span{color:var(--story-red)}
.story-track-top i{font-size:1.2rem;color:#8ca0ad}
.story-track h3{margin:.7rem 0 .55rem;color:#223540;font-size:1.55rem;line-height:1.15}
.story-track p{color:#667883;font-size:.87rem;line-height:1.67}
.story-track ul{display:grid;grid-template-columns:1fr 1fr;gap:.48rem 1rem;margin:1rem 0 0;padding:1rem 0 0;list-style:none;border-top:1px solid #e6ecef}
.story-track li{position:relative;padding-left:1rem;color:#455965;font-size:.76rem;line-height:1.48}
.story-track li:before{content:"";position:absolute;left:0;top:.48rem;width:5px;height:5px;border-radius:50%;background:var(--story-blue)}
.story-track--product li:before{background:var(--story-red)}
.story-track-bridge{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;color:#80929d;font-size:.52rem;font-weight:850;letter-spacing:.13em}
.story-track-bridge i{font-size:1.05rem;color:#6d8593}

/* ---------------------------------
   Market lesson
---------------------------------- */
.story-market{padding:0;background:#fff}
.story-market-grid{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);min-height:355px}
.story-market-statement{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,4rem);background:var(--story-navy);color:#fff}
.story-market-statement span{color:#90bed6;font-size:.57rem;font-weight:850;letter-spacing:.15em}
.story-market-statement strong{display:block;margin-top:.65rem;font-size:clamp(1.8rem,3vw,3rem);line-height:1.08;letter-spacing:-.038em}
.story-market-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,4rem);background:#f4f7f9}
.story-market-copy h2{margin:0 0 .85rem;color:var(--story-ink);font-size:clamp(2rem,3vw,3rem);line-height:1.05;letter-spacing:-.045em}
.story-market-copy p{color:#647680;font-size:.91rem;line-height:1.72}
.story-market-copy p:last-child{margin-bottom:0}
.story-market-copy em{color:#253945}

/* ---------------------------------
   Partnership evolution
---------------------------------- */
.story-partnership{padding:68px 0;background:#fff}
.story-partnership-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:clamp(2rem,4vw,4.2rem);align-items:center}
.story-partnership-copy h2{margin:.48rem 0 .9rem;color:var(--story-ink);font-size:clamp(2.15rem,3.55vw,3.55rem);line-height:1.02;letter-spacing:-.05em}
.story-partnership-copy>p{color:#647680;font-size:.91rem;line-height:1.72}
.story-partnership-emphasis{margin:1.1rem 0 0!important;padding-left:1rem;border-left:3px solid var(--story-red);color:#263946!important}
.story-partnership-diagram{display:grid;grid-template-columns:1fr 160px 1fr;align-items:stretch;min-height:350px}
.story-partner-side{display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:1.4rem;border:1px solid var(--story-line);background:#f6f8f9}
.story-partner-side--left{border-radius:20px 0 0 20px}
.story-partner-side--right{border-radius:0 20px 20px 0}
.story-partner-side span{margin-bottom:.25rem;color:var(--story-blue);font-size:.55rem;font-weight:850;letter-spacing:.13em}
.story-partner-side--right span{color:var(--story-red)}
.story-partner-side strong{padding:.48rem 0;border-bottom:1px solid #dde5ea;color:#30434f;font-size:.82rem}
.story-partner-side strong:last-child{border-bottom:0}
.story-partner-center{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:36px -16px;padding:1rem;border-radius:18px;background:linear-gradient(145deg,#0a2236,#0e3855);color:#fff;box-shadow:0 18px 44px rgba(12,38,59,.2)}
.story-partner-center span{font-size:.52rem;font-weight:850;letter-spacing:.13em;color:#a4cce0}
.story-partner-center i{margin:.8rem 0;font-size:2.2rem}
.story-partner-center strong{font-size:1.02rem}

/* ---------------------------------
   Operating philosophy track
---------------------------------- */
.story-philosophy{padding:62px 0 66px;background:#0b2235;color:#fff;overflow:hidden}
.story-section-heading--dark h2{color:#fff}
.story-section-heading--dark>p{color:#c1d0d9}
.story-philosophy .eyebrow{color:#8fc1d9}
.story-philosophy-track{display:grid;grid-template-columns:repeat(10,minmax(120px,1fr));gap:0;overflow-x:auto;scrollbar-width:thin;padding:1rem 0 .45rem}
.story-philosophy-track>div{position:relative;min-width:120px;padding:1rem .8rem 1.05rem;border-top:1px solid rgba(255,255,255,.18)}
.story-philosophy-track>div:before{content:"";position:absolute;top:-5px;left:.8rem;width:9px;height:9px;border-radius:50%;background:#7fb5cf;box-shadow:0 0 0 5px #0b2235}
.story-philosophy-track>div:nth-child(10):before{background:var(--story-red)}
.story-philosophy-track span{display:block;color:#7fb5cf;font-size:.54rem;font-weight:850;letter-spacing:.1em}
.story-philosophy-track strong{display:block;margin-top:.5rem;color:#fff;font-size:.76rem;line-height:1.4}

/* ---------------------------------
   What comes next
---------------------------------- */
.story-next{padding:64px 0;background:#eef3f6}
.story-next-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,4vw,4rem);align-items:stretch}
.story-next-image{position:relative;margin:0;min-height:430px;overflow:hidden;border-radius:22px;background:#0b2235}
.story-next-image:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,18,31,.05) 35%,rgba(5,18,31,.9) 100%)}
.story-next-image img{width:100%;height:100%;min-height:430px;object-fit:cover}
.story-next-image figcaption{position:absolute;z-index:2;left:1.2rem;right:1.2rem;bottom:1.1rem;padding:1rem 1.05rem;border-left:3px solid var(--story-red);background:rgba(5,23,38,.86);backdrop-filter:blur(4px)}
.story-next-image figcaption span{display:block;color:#8ec1da;font-size:.54rem;font-weight:850;letter-spacing:.13em}
.story-next-image figcaption strong{display:block;margin-top:.4rem;color:#fff;font-size:1rem;line-height:1.45}
.story-next-copy{display:flex;flex-direction:column;justify-content:center;padding:.6rem 0}
.story-next-copy h2{margin:.48rem 0 .9rem;color:var(--story-ink);font-size:clamp(2.15rem,3.45vw,3.45rem);line-height:1.02;letter-spacing:-.049em}
.story-next-copy p{color:#647680;font-size:.91rem;line-height:1.72}

/* ---------------------------------
   About family + related — common ending
---------------------------------- */
.about-family-section{padding:50px 0;background:#f7f9fa;border-top:1px solid #e1e8ec}
.about-family-head,.about-related-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.56fr);gap:2rem;align-items:end;margin-bottom:1.4rem}
.about-family-head h2,.about-related-head h2{margin:.4rem 0 0;color:var(--story-ink);font-size:clamp(1.9rem,3vw,3rem);line-height:1.04;letter-spacing:-.045em}
.about-family-head>p,.about-related-head>p{margin:0;color:#687985;line-height:1.68}
.about-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.68rem}
.about-family-card{display:grid;grid-template-columns:76px 1fr auto;gap:.65rem;align-items:center;padding:.55rem;color:inherit;text-decoration:none;background:#fff;border:1px solid #dfe6eb;border-radius:14px;transition:.18s ease}
.about-family-card:hover,.about-family-card:focus{color:inherit;transform:translateY(-2px);background:#eef6fa;border-color:var(--story-blue);box-shadow:0 10px 26px rgba(20,40,60,.07)}
.about-family-card img{width:76px;height:60px;object-fit:cover;border-radius:10px}
.about-family-card strong{color:#263541;font-size:.82rem;line-height:1.22}
.about-family-card small{color:#7a8791;font-size:.62rem}
.about-family-card.is-current{background:#eef6fa;border-color:var(--story-blue)}
.about-family-current{color:var(--story-blue);font-size:.54rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}

.about-related-services{padding:50px 0;background:#fff}
.about-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.78rem}
.about-service-card{display:flex;flex-direction:column;padding:.78rem;min-height:236px;color:inherit;text-decoration:none;background:#fff;border:1px solid #dfe6eb;border-radius:16px;transition:.18s ease}
.about-service-card:hover,.about-service-card:focus{color:inherit;transform:translateY(-3px);box-shadow:0 14px 34px rgba(20,40,60,.075);border-color:#cbd9e1}
.about-service-card img{width:100%;height:104px;object-fit:cover;border-radius:11px;margin-bottom:.72rem}
.about-service-card>span{color:var(--story-blue);font-size:.56rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.about-service-card h3{margin:.55rem 0 .32rem;color:#263744;font-size:.98rem}
.about-service-card p{margin:0;color:#6a7883;font-size:.77rem;line-height:1.54}
.about-service-card b{margin-top:auto;padding-top:.72rem;color:var(--story-blue);font-size:.72rem}
.about-inner-page .inner-final-cta{padding-top:42px}

/* ---------------------------------
   Responsive
---------------------------------- */
@media(max-width:1199px){
  .story-hero-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:2.4rem}
  .story-origin-flow{display:grid;grid-template-columns:1fr 22px 1fr;gap:.45rem}
  .story-origin-flow>i:nth-of-type(2){display:none}
  .story-origin-flow .story-origin-node:nth-of-type(3),.story-origin-flow .story-origin-node:nth-of-type(4){margin-top:.1rem}
  .story-origin-flow>i:nth-of-type(3){transform:rotate(180deg)}
  .story-milestone-grid{grid-template-columns:210px 1fr}.story-milestone-image{grid-column:1/-1}.story-milestone-image img{height:260px}
  .story-partnership-diagram{grid-template-columns:1fr 136px 1fr}
}

@media(max-width:991px){
  .story-hero-grid,.story-scene-grid,.story-learning-layout,.story-partnership-grid,.story-next-wrap{grid-template-columns:1fr}
  .story-hero-copy{padding:1rem 0 0}
  .story-origin-map{max-width:760px}
  .story-section-heading,.story-section-heading--wide{grid-template-columns:1fr;gap:.8rem}
  .story-scene-image{min-height:410px}.story-scene-image img{min-height:410px}
  .story-lessons-line{grid-template-columns:1fr;gap:1.1rem}.story-lessons-line:before{display:none}
  .story-lesson,.story-lesson+.story-lesson{display:grid;grid-template-columns:58px 1fr;gap:1rem;padding:0}
  .story-lesson:nth-child(2) .story-lesson-index,.story-lesson:nth-child(3) .story-lesson-index{margin:0}
  .story-lesson-copy{margin-top:.1rem}
  .story-milestone-grid{grid-template-columns:190px 1fr}
  .story-learning-mosaic{min-height:380px}
  .story-tracks-grid{grid-template-columns:1fr;gap:.8rem}.story-track-bridge{flex-direction:row;padding:.25rem 0}.story-track-bridge i{transform:rotate(90deg)}
  .story-market-grid{grid-template-columns:1fr}.story-market-statement,.story-market-copy{padding:2.4rem}
  .story-partnership-diagram{max-width:780px}
  .about-family-head,.about-related-head{grid-template-columns:1fr}
  .about-family-grid,.about-service-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:767px){
  .story-hero{padding-bottom:46px}.story-hero:before{display:none}
  .story-hero-copy h1{font-size:clamp(2.5rem,11vw,3.55rem)}
  .story-origin-map{padding:1rem}
  .story-origin-flow{grid-template-columns:1fr}.story-origin-flow>i{display:none!important}
  .story-origin-node{padding:.7rem}.story-origin-map blockquote{font-size:1rem}
  .story-scene,.story-lessons,.story-milestone,.story-learning,.story-two-tracks,.story-partnership,.story-philosophy,.story-next{padding-top:48px;padding-bottom:48px}
  .story-scene-image{min-height:320px}.story-scene-image img{min-height:320px}
  .story-dialogue>div{grid-template-columns:36px 1fr}
  .story-milestone-grid{grid-template-columns:1fr}.story-milestone-date{margin-bottom:.25rem}.story-milestone-image{grid-column:auto}.story-milestone-image img{height:235px}
  .story-learning-mosaic{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}.story-learning-main{grid-row:auto}.story-learning-mosaic figure{height:215px}.story-learning-main{height:285px!important}
  .story-track{padding:1.2rem}.story-track ul{grid-template-columns:1fr}
  .story-market-statement,.story-market-copy{padding:2rem 1.25rem}
  .story-partnership-diagram{grid-template-columns:1fr;gap:.75rem;min-height:0}.story-partner-side--left,.story-partner-side--right{border-radius:16px}.story-partner-center{margin:0;border-radius:16px;min-height:150px}
  .story-philosophy-track{grid-template-columns:repeat(10,138px)}
  .story-next-image,.story-next-image img{min-height:330px}
  .about-family-grid,.about-service-grid{grid-template-columns:1fr}
  .about-service-card{min-height:0}
}

@media(max-width:480px){
  .story-hero-actions{display:grid;gap:.75rem}
  .story-milestone-date>span{font-size:5.8rem}
  .story-milestone-date b{font-size:1.55rem}
  .story-scene-copy h2,.story-learning-copy h2,.story-partnership-copy h2,.story-next-copy h2{font-size:2.15rem}
}

@media(prefers-reduced-motion:reduce){
  .about-family-card,.about-service-card{transition:none}
}