/* Flow Controls UK Ltd - about.css */

.about-page { background:#f0f4f8; padding:80px 0; }
    .about-page-inner { max-width:1240px; margin:0 auto; padding:0 24px; }

    /* Story section */
    .story-grid { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; margin-bottom:80px; }
    .story-img { position:relative; border-radius:16px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,0.14); }
    .story-img img { width:100%; height:440px; object-fit:cover; display:block; transition:transform 0.6s; }
    .story-img:hover img { transform:scale(1.03); }
    .story-badge { position:absolute; bottom:-20px; right:-16px; background:#fff; border-radius:14px; padding:20px 26px; box-shadow:0 12px 36px rgba(0,0,0,0.1); text-align:center; }
    .story-badge-num { font-family:'Barlow Condensed',sans-serif; font-size:42px; font-weight:900; color:#0d2137; line-height:1; }
    .story-badge-text { font-size:12.5px; color:#6b7a8d; margin-top:4px; }
    .story-content {}
    .story-title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(30px,3.5vw,44px); font-weight:800; color:#0d2137; line-height:1.1; margin-bottom:20px; }
    .story-desc { font-size:15.5px; color:#4a5568; line-height:1.78; margin-bottom:16px; }
    .story-features { display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; margin-top:28px; }
    .story-feat { display:flex; align-items:center; gap:10px; font-size:14px; color:#2d3748; font-weight:500; }
    .story-feat-dot { width:8px; height:8px; background:var(--blue); border-radius:50%; flex-shrink:0; }

    /* Stats strip */
    .stats-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:0; background:#0d2137; border-radius:16px; overflow:hidden; margin-bottom:80px; }
    .stats-strip-item { padding:36px 28px; text-align:center; border-right:1px solid rgba(255,255,255,0.08); }
    .stats-strip-item:last-child { border-right:none; }
    .stats-strip-num { font-family:'Barlow Condensed',sans-serif; font-size:46px; font-weight:900; color:var(--blue); line-height:1; margin-bottom:6px; }
    .stats-strip-label { font-size:13.5px; color:rgba(255,255,255,0.55); }

    /* Values section */
    .values-section { margin-bottom:80px; }
    .values-header { text-align:center; margin-bottom:44px; }
    .values-title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(30px,3.5vw,44px); font-weight:800; color:#0d2137; margin-bottom:12px; }
    .values-desc { font-size:15.5px; color:#5a6a7a; max-width:520px; margin:0 auto; line-height:1.65; }
    .values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
    .value-card { background:#fff; border-radius:16px; padding:32px 28px; box-shadow:0 4px 18px rgba(0,0,0,0.07); transition:transform 0.25s,box-shadow 0.25s; }
    .value-card:hover { transform:translateY(-4px); box-shadow:0 12px 36px rgba(0,0,0,0.11); }
    .value-icon { width:52px; height:52px; background:rgba(26,143,227,0.1); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
    .value-icon svg { width:26px; height:26px; color:var(--blue); }
    .value-name { font-size:17px; font-weight:700; color:#0d2137; margin-bottom:10px; }
    .value-text { font-size:14px; color:#5a6a7a; line-height:1.65; }

    /* Team section */
    .team-section { margin-bottom:80px; }
    .team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
    .team-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 4px 18px rgba(0,0,0,0.07); transition:transform 0.25s,box-shadow 0.25s; text-align:center; }
    .team-card:hover { transform:translateY(-4px); box-shadow:0 12px 36px rgba(0,0,0,0.11); }
    .team-img { height:200px; overflow:hidden; }
    .team-img img { width:100%; height:100%; object-fit:cover; object-position:top; display:block; transition:transform 0.5s; }
    .team-card:hover .team-img img { transform:scale(1.05); }
    .team-body { padding:20px 18px 22px; }
    .team-name { font-size:16px; font-weight:700; color:#0d2137; margin-bottom:4px; }
    .team-role { font-size:13px; color:var(--blue); font-weight:600; margin-bottom:10px; }
    .team-bio { font-size:13px; color:#6b7a8d; line-height:1.55; }

    /* CTA */
    .about-cta { background:linear-gradient(135deg,#0d2137 0%,#1a3a5c 100%); border-radius:18px; padding:52px 48px; display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
    .about-cta h2 { font-family:'Barlow Condensed',sans-serif; font-size:34px; font-weight:800; color:#fff; margin-bottom:8px; }
    .about-cta p { font-size:15px; color:rgba(255,255,255,0.6); max-width:460px; line-height:1.6; }

    @media(max-width:1024px){ .team-grid{grid-template-columns:repeat(2,1fr);} }
    @media(max-width:900px){ .story-grid{grid-template-columns:1fr; gap:48px;} .stats-strip{grid-template-columns:repeat(2,1fr);} .values-grid{grid-template-columns:repeat(2,1fr);} }
    @media(max-width:540px){ .story-features{grid-template-columns:1fr;} .stats-strip{grid-template-columns:1fr 1fr;} .values-grid{grid-template-columns:1fr;} .team-grid{grid-template-columns:1fr 1fr;} .about-cta{padding:36px 24px;} }