/* About story composition. Isolated from homepage, product templates and forms. */
body.about-redesign-page #main-content #post-18{font-family:Arial,Helvetica,sans-serif;color:#18334b;font-size:15px;line-height:1.8;background:#fff}
body.about-redesign-page #main-content #post-18 .story-wrap{width:min(1140px,calc(100% - 80px));margin:auto}
body.about-redesign-page #main-content #post-18 .story-section{padding:76px 0}
body.about-redesign-page #main-content #post-18 :is(.story-hero,.story-values,.story-history,.story-mission,.story-details,.story-portfolio){scroll-margin-top:25px}
body.about-redesign-page #main-content #post-18 :is(h1,h2,h3,h4,h5,p,figure){margin-top:0}
body.about-redesign-page #main-content #post-18 p{font-size:15px;line-height:1.85;color:#506374;margin-bottom:20px;text-align:left}
body.about-redesign-page #main-content #post-18 h2{font-size:32px;line-height:1.25;font-weight:500;letter-spacing:-1px;margin-bottom:28px}
body.about-redesign-page #main-content #post-18 figure{margin:0}
body.about-redesign-page #main-content #post-18 img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover}
body.about-redesign-page #main-content #post-18 .story-hero{background:#0c2239;color:white;padding:0;overflow:hidden}
body.about-redesign-page #main-content #post-18 .story-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:stretch;min-height:470px}
body.about-redesign-page #main-content #post-18 .story-hero-copy{padding:70px 50px 70px 0;align-self:center}
body.about-redesign-page #main-content #post-18 .story-hero h1{color:#fff;font-size:66px;line-height:1.04;letter-spacing:-3px;font-weight:500;margin:0 0 28px}
body.about-redesign-page #main-content #post-18 .story-tagline{font-size:24px;line-height:1.5;max-width:360px;color:#d8edf0}
body.about-redesign-page #main-content #post-18 .story-tagline p{font-size:24px;line-height:1.5;color:#d8edf0;margin:0}
body.about-redesign-page #main-content #post-18 .story-hero-photo{position:relative;min-height:470px;overflow:hidden}
body.about-redesign-page #main-content #post-18 .story-hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,34,57,.25),transparent 55%)}
body.about-redesign-page #main-content #post-18 .story-hero-photo img{position:absolute;inset:0;object-position:62% center}
body.about-redesign-page #main-content #post-18 .story-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
body.about-redesign-page #main-content #post-18 .story-actions a{display:inline-flex;padding:11px 18px;border:1px solid #7892a5;background:transparent;color:white;font-size:12px;font-weight:600;letter-spacing:.2px;text-transform:capitalize;text-decoration:none}
body.about-redesign-page #main-content #post-18 .story-actions a:first-child{background:#a8e9f0;color:#0c2239;border-color:#a8e9f0}
body.about-redesign-page #main-content #post-18 .story-intro-grid{display:grid;grid-template-columns:.75fr 1.65fr;gap:70px;align-items:start}
body.about-redesign-page #main-content #post-18 .story-intro .story-heading p{font-size:35px;line-height:1.25;font-weight:500;letter-spacing:-1px;color:#0c2239;margin:0;padding-top:18px;border-top:3px solid #68c8d3}
body.about-redesign-page #main-content #post-18 .story-intro .story-heading strong{font-weight:500}
body.about-redesign-page #main-content #post-18 .story-prose>p:last-child{margin-bottom:0}
body.about-redesign-page #main-content #post-18 .story-values{background:#f0f5f7;padding:50px 0}
body.about-redesign-page #main-content #post-18 .story-values h2{font-size:25px;margin-bottom:26px}
body.about-redesign-page #main-content #post-18 .story-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body.about-redesign-page #main-content #post-18 .story-value{background:white;border:1px solid #dce6ec;padding:26px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-height:185px}
body.about-redesign-page #main-content #post-18 .story-value img{width:40px;height:40px;object-fit:contain}
body.about-redesign-page #main-content #post-18 .story-value :is(p,div){color:#18334b;font-size:16px;line-height:1.5;margin:0;font-weight:500}
body.about-redesign-page #main-content #post-18 .story-history-grid{display:grid;grid-template-columns:.75fr 1.4fr;gap:65px;align-items:center}
body.about-redesign-page #main-content #post-18 .story-history figure{height:510px;position:relative}
body.about-redesign-page #main-content #post-18 .story-history figure:after{content:'';position:absolute;width:70px;height:5px;right:-20px;bottom:35px;background:#69cad4}
body.about-redesign-page #main-content #post-18 .story-lead{font-size:17px;line-height:1.8;margin-bottom:22px}
body.about-redesign-page #main-content #post-18 .story-lead p{font-size:17px;line-height:1.8;color:#263e53}
body.about-redesign-page #main-content #post-18 .story-mission{padding:65px 0;background:#0c2239;color:#fff}
body.about-redesign-page #main-content #post-18 .story-mission-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:65px;align-items:stretch}
body.about-redesign-page #main-content #post-18 .story-mission h2{color:white}
body.about-redesign-page #main-content #post-18 .story-mission-copy{padding:12px 0}
body.about-redesign-page #main-content #post-18 .story-mission .story-lead{color:#e1edf2;font-size:19px;line-height:1.7}
body.about-redesign-page #main-content #post-18 .story-mission figure{min-height:480px;max-height:650px}
body.about-redesign-page #main-content #post-18 .story-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;list-style:none;padding:0;margin:26px 0}
body.about-redesign-page #main-content #post-18 .story-features li{padding:13px 0 13px 18px;position:relative;font-size:14px;line-height:1.6;color:#c4d5df;border-top:1px solid #294156;margin:0}
body.about-redesign-page #main-content #post-18 .story-features li:before{content:'';width:5px;height:5px;background:#9ce2e9;position:absolute;top:23px;left:0}
body.about-redesign-page #main-content #post-18 .story-vision{border-left:3px solid #9ce2e9;padding:5px 0 5px 24px;margin-top:20px;color:#d9eaf0;font-size:16px;line-height:1.8}
body.about-redesign-page #main-content #post-18 .story-vision h2{font-size:23px;margin:0 0 13px}
body.about-redesign-page #main-content #post-18 .story-columns{column-count:2;column-gap:55px;line-height:1.85;color:#506374;font-size:15px}
body.about-redesign-page #main-content #post-18 .story-columns p{break-inside:avoid}
body.about-redesign-page #main-content #post-18 .story-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid #dce3e8;padding-top:30px;margin-top:42px}
body.about-redesign-page #main-content #post-18 .story-metrics strong{font-size:38px;font-weight:500;letter-spacing:-1px;line-height:1.1;color:#1d5467;display:block;margin-bottom:12px}
body.about-redesign-page #main-content #post-18 .story-metrics h3{font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.2px;margin:0}
body.about-redesign-page #main-content #post-18 .story-portfolio{background:#f3f6f8}
body.about-redesign-page #main-content #post-18 .story-portfolio-intro h3{font-size:14px;font-weight:400;letter-spacing:0;margin-bottom:14px;color:#637786}
body.about-redesign-page #main-content #post-18 .story-portfolio> .story-wrap>h2{font-size:30px;text-transform:none}
body.about-redesign-page #main-content #post-18 .story-portfolio> .story-wrap>h2 strong{font-weight:500}
body.about-redesign-page #main-content #post-18 .story-portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body.about-redesign-page #main-content #post-18 .story-portfolio-grid>div{background:white;border:1px solid #dce5eb;border-top:3px solid #377184;padding:24px;font-size:13px;line-height:2}
body.about-redesign-page #main-content #post-18 .story-portfolio-grid h3{font-size:19px;line-height:1.4;margin:0 0 18px;min-height:53px;letter-spacing:-.3px}
body.about-redesign-page #main-content #post-18 .story-portfolio-grid h3 strong{font-weight:500}
body.about-redesign-page #main-content #post-18 .story-materials{padding:25px 28px;background:#e5edf1;margin:26px 0 45px;border-left:3px solid #6199aa}
body.about-redesign-page #main-content #post-18 .story-materials p{margin:0;color:#375568;font-size:14px}
body.about-redesign-page #main-content #post-18 .story-industry-intro h5{font-size:18px;font-weight:500;margin:0 0 24px}
body.about-redesign-page #main-content #post-18 .story-applications{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}
body.about-redesign-page #main-content #post-18 .story-application{background:white;border:1px solid #dce5eb;padding:28px}
body.about-redesign-page #main-content #post-18 .story-application h3{font-size:15px;letter-spacing:.5px;margin:0 0 22px}
body.about-redesign-page #main-content #post-18 .story-application ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;list-style:none;margin:0;padding:0}
body.about-redesign-page #main-content #post-18 .story-application li{font-size:12px;padding:9px 0;margin:0;border-top:1px solid #edf1f4;line-height:1.6}
body.about-redesign-page #main-content #post-18 .story-enquiry .et_pb_section{background:white;padding:65px 0}
body.about-redesign-page #main-content #post-18 .story-enquiry .et_pb_row{width:min(1140px,calc(100% - 80px));gap:60px}
body.about-redesign-page #main-content #post-18 .story-enquiry .et_pb_column_3_5{flex:1.5}
body.about-redesign-page #main-content #post-18 .story-enquiry .et_pb_column_2_5{flex:1}
@media(max-width:1000px){body.about-redesign-page #main-content #post-18 .story-hero h1{font-size:54px}body.about-redesign-page #main-content #post-18 :is(.story-intro-grid,.story-history-grid,.story-mission-grid){gap:35px}body.about-redesign-page #main-content #post-18 .story-values-grid,body.about-redesign-page #main-content #post-18 .story-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
body.about-redesign-page #main-content #post-18 .story-wrap,body.about-redesign-page #main-content #post-18 .story-enquiry .et_pb_row{width:calc(100% - 40px)}
body.about-redesign-page #main-content #post-18 .story-section{padding:45px 0}
body.about-redesign-page #main-content #post-18 .story-hero-grid,body.about-redesign-page #main-content #post-18 :is(.story-intro-grid,.story-history-grid,.story-mission-grid,.story-applications){grid-template-columns:1fr;gap:28px}
body.about-redesign-page #main-content #post-18 .story-hero-copy{padding:38px 0 0}
body.about-redesign-page #main-content #post-18 .story-hero h1{font-size:48px;letter-spacing:-2px;margin-bottom:20px}
body.about-redesign-page #main-content #post-18 .story-tagline,body.about-redesign-page #main-content #post-18 .story-tagline p{font-size:21px}
body.about-redesign-page #main-content #post-18 .story-hero-photo{min-height:230px;height:230px;margin-bottom:24px}
body.about-redesign-page #main-content #post-18 h2{font-size:28px;margin-bottom:22px}
body.about-redesign-page #main-content #post-18 .story-intro .story-heading p{font-size:30px}
body.about-redesign-page #main-content #post-18 .story-values{padding:35px 0}
body.about-redesign-page #main-content #post-18 .story-values-grid{gap:12px}
body.about-redesign-page #main-content #post-18 .story-value{padding:20px 16px;gap:15px;min-height:175px}
body.about-redesign-page #main-content #post-18 .story-value :is(p,div){font-size:14px}
body.about-redesign-page #main-content #post-18 .story-history figure{height:280px}
body.about-redesign-page #main-content #post-18 .story-history figure img{object-position:50% 45%}
body.about-redesign-page #main-content #post-18 .story-history figure:after{right:15px;bottom:-2px}
body.about-redesign-page #main-content #post-18 .story-mission{padding:40px 0}
body.about-redesign-page #main-content #post-18 .story-mission figure{height:270px;min-height:0;order:-1}
body.about-redesign-page #main-content #post-18 .story-mission img{object-position:50% 65%}
body.about-redesign-page #main-content #post-18 .story-features{grid-template-columns:1fr;margin:24px 0}
body.about-redesign-page #main-content #post-18 .story-columns{column-count:1}
body.about-redesign-page #main-content #post-18 .story-metrics{grid-template-columns:repeat(2,1fr);gap:28px}
body.about-redesign-page #main-content #post-18 .story-metrics strong{font-size:32px}
body.about-redesign-page #main-content #post-18 .story-portfolio-grid{grid-template-columns:1fr;gap:15px}
body.about-redesign-page #main-content #post-18 .story-portfolio-grid h3{min-height:0;margin-bottom:12px}
body.about-redesign-page #main-content #post-18 .story-materials{padding:22px;margin-bottom:30px}
body.about-redesign-page #main-content #post-18 .story-application{padding:22px}
body.about-redesign-page #main-content #post-18 .story-application ul{gap:0 15px}
body.about-redesign-page #main-content #post-18 .story-enquiry .et_pb_row{display:flex;flex-direction:column;gap:25px}
body.about-redesign-page #main-content #post-18 .story-enquiry .et_pb_column{width:100%}
}
/* Balance long source paragraphs across the editorial detail columns. */
body.about-redesign-page #main-content #post-18 .story-columns p{break-inside:auto;orphans:3;widows:3}
