/* Thermal Group v1.9.6 — smaller media + sharper geometry */
.about195-body{background:#fff}
.about195-page{font-family:'Montserrat',Arial,sans-serif;color:var(--blue);overflow:hidden}
.about195-shell{width:min(1330px,calc(100% - 96px));margin:0 auto}
.about195-eyebrow{display:flex;align-items:center;gap:15px;margin:0 0 25px;color:var(--blue);font-size:12px;line-height:1;font-weight:700;letter-spacing:.65px;text-transform:uppercase}
.about195-eyebrow::before{content:"";width:34px;height:2px;background:var(--red);flex:0 0 auto}
.about195-button{min-width:196px;min-height:52px;padding:15px 25px;text-transform:none}

/* Hero: cap the height at the original Figma proportion and use the 2x source. */
.about195-hero{position:relative;height:639px;background:#fff;overflow:hidden}
.about195-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.about195-hero-inner{position:relative;z-index:1;height:100%;display:flex;align-items:center}
.about195-hero-copy{width:44%;max-width:600px;margin-top:-4px}
.about195-hero-copy h1{margin:0 0 27px;color:var(--blue);font-size:clamp(50px,4.1vw,62px);line-height:.99;letter-spacing:-2.25px;font-weight:700}
.about195-hero-copy p{max-width:540px;margin:0 0 31px;color:#274868;font-size:15.5px;line-height:1.46;font-weight:500}

.about195-features{background:#fff;padding:59px 0 61px}
.about195-feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.about195-feature{min-height:145px;display:flex;align-items:center;gap:23px;padding:0 48px;position:relative}
.about195-feature:first-child{padding-left:30px}.about195-feature:last-child{padding-right:20px}
.about195-feature:not(:last-child)::after{content:"";position:absolute;right:0;top:8px;bottom:8px;width:1px;background:#dfe3e8}
.about195-feature img{width:60px;height:60px;object-fit:contain;flex:0 0 auto;transition:transform .38s cubic-bezier(.16,1,.3,1)}
.about195-feature:nth-child(3) img,.about195-feature:nth-child(4) img{width:65px;height:65px}
.about195-feature h2{margin:0 0 7px;color:var(--blue);font-size:13px;line-height:1.2;font-weight:700}
.about195-feature p{margin:0;color:#60748a;font-size:10.5px;line-height:1.35;font-weight:500}
.about195-feature:hover img{transform:translateY(-5px) scale(1.055)}

/* Preserve the supplied polygon image shape and give this section breathing room before stats. */
.about195-solutions{display:grid;grid-template-columns:46% 54%;align-items:center;background:#fff;padding:24px 0 76px;min-height:560px}
.about195-solutions-media{width:92%;max-width:760px;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%);-webkit-clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%)}
.about195-solutions-media img{display:block;width:100%;height:auto;object-fit:contain;object-position:left center;will-change:transform}
.about195-solutions-copy{display:flex;align-items:center;min-height:100%}
.about195-copy-inner{width:min(570px,calc(100% - 100px));margin-left:76px}
.about195-solutions-copy .about195-eyebrow{margin-bottom:23px}
.about195-solutions-copy h2{margin:0 0 16px;color:var(--blue);font-size:42px;line-height:1.02;letter-spacing:-1.45px;font-weight:700}
.about195-solutions-copy p{max-width:575px;margin:0 0 31px;color:#496580;font-size:14px;line-height:1.43;font-weight:500}

/* Reuse the exact Ballina stats-banner artwork instead of an invented background. */
.about195-stats{position:relative;min-height:220px;background:#0F3969;color:#fff;display:flex;align-items:center;overflow:hidden}
.about195-stats-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.about195-stats-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch}
.about195-stat{min-height:138px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}
.about195-stat:not(:last-child)::after{content:"";position:absolute;right:0;top:5px;bottom:5px;width:1px;background:rgba(255,255,255,.30)}
.about195-stat img{height:56px;max-width:70px;object-fit:contain;margin:0 0 13px}
.about195-stat strong{font-size:36px;line-height:1;font-weight:700;color:#fff}
.about195-stat span{margin-top:8px;font-size:15px;line-height:1.2;font-weight:500;color:#fff}

.about195-why{background:#fff;min-height:640px}
.about195-why-grid{min-height:640px;display:grid;grid-template-columns:59% 41%;align-items:center}
.about195-why-copy{padding:72px 70px 58px 0;display:flex;flex-direction:column;justify-content:center}
.about195-why-copy .about195-eyebrow{margin-bottom:24px}
.about195-why-copy h2{margin:0 0 30px;color:var(--blue);font-size:43px;line-height:1.01;letter-spacing:-1.5px;font-weight:700}
.about195-why-intro{max-width:610px;margin:0 0 39px;color:#496580;font-size:14.5px;line-height:1.48;font-weight:500}
.about195-values{display:grid;gap:23px}
.about195-value{display:flex;align-items:center;gap:19px}
.about195-value img{width:47px;height:47px;object-fit:contain;flex:0 0 auto;transition:transform .3s ease}
.about195-value strong{display:block;margin-bottom:4px;color:var(--blue);font-size:12px;line-height:1.2;font-weight:700}
.about195-value span{display:block;color:#60748a;font-size:10.3px;line-height:1.32;font-weight:500}
.about195-value:hover img{transform:translateY(-2px) scale(1.055)}
.about195-why-media{width:92%;max-width:620px;height:590px;margin-left:auto;display:flex;align-items:stretch;justify-content:flex-end;overflow:hidden;background:#fff;clip-path:polygon(15% 0,100% 0,100% 100%,15% 100%,0 50%);-webkit-clip-path:polygon(15% 0,100% 0,100% 100%,15% 100%,0 50%)}
.about195-why-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;will-change:transform}

/* Reduced height per feedback; image remains the exact supplied composition. */
.about195-future{position:relative;height:clamp(315px,23.6vw,350px);background:#0f3969;color:#fff;overflow:hidden}
.about195-future-art{position:absolute;inset:-8px 0;width:100%;height:calc(100% + 16px);object-fit:cover;object-position:center;will-change:transform}
.about195-future-inner{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:flex-end}
.about195-future-copy{width:47%;max-width:580px;padding-left:38px}
.about195-eyebrow-light{color:#fff;margin-bottom:22px}
.about195-future-copy h2{margin:0 0 17px;color:#fff;font-size:40px;line-height:1.03;letter-spacing:-1.35px;font-weight:700}
.about195-future-copy p{max-width:520px;margin:0;color:#fff;font-size:13.5px;line-height:1.45;font-weight:500}

/* Keep CTA typography/spacing, but add a barely-visible Thermal blueprint treatment. */
.about195-cta{position:relative;overflow:hidden;background:#fff;padding:62px 0 67px;text-align:center;isolation:isolate}
.about195-cta::before{content:"";position:absolute;inset:0;z-index:-2;background:url('../images/stats-banner.png') center/cover no-repeat;opacity:.035;pointer-events:none}
.about195-cta::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 0 17%,rgba(241,22,38,.035) 17% 17.35%,transparent 17.35% 80%,rgba(15,57,105,.03) 80% 82%,transparent 82%)}
.about195-cta.has-custom-bg::before{background-image:var(--about-cta-bg);opacity:.07}
.about195-cta-inner{display:flex;flex-direction:column;align-items:center}
.about195-cta-kicker{margin-bottom:25px;color:var(--blue);font-size:11px;line-height:1;font-weight:700;letter-spacing:.45px;text-transform:uppercase}
.about195-cta h2{margin:0 0 20px;color:var(--blue);font-size:38px;line-height:1.12;letter-spacing:-1.15px;font-weight:700}
.about195-cta p{margin:0 0 31px;color:#60748a;font-size:12.5px;line-height:1.45;font-weight:500}
.about195-cta-button{min-width:205px;min-height:52px;font-size:12px}

/* Scroll motion — enabled only once JS is ready, so no-JS content stays visible. */
.about-motion-ready .about195-reveal [data-reveal-child],
.about-motion-ready .about195-reveal [data-reveal-side]{opacity:0;transition:opacity .78s ease,transform .86s cubic-bezier(.16,1,.3,1);transition-delay:var(--about-delay,0ms)}
.about-motion-ready .about195-reveal [data-reveal-child]{transform:translate3d(0,24px,0)}
.about-motion-ready .about195-reveal [data-reveal-side="left"]{transform:translate3d(-42px,0,0)}
.about-motion-ready .about195-reveal [data-reveal-side="right"]{transform:translate3d(42px,0,0)}
.about-motion-ready .about195-reveal.is-visible [data-reveal-child],
.about-motion-ready .about195-reveal.is-visible [data-reveal-side]{opacity:1;transform:translate3d(0,0,0)}
[data-parallax]{transform:translate3d(0,var(--about-parallax,0px),0) scale(1.018);transition:filter .35s ease}
.about195-solutions-media:hover img,.about195-why-media:hover img{filter:saturate(1.035) contrast(1.015)}


@media(min-width:1450px){
  .about195-solutions-media{width:86%;max-width:760px}
  .about195-why-media{width:86%;max-width:620px;height:580px}
}

@media(min-width:1600px){
  .about195-shell{width:min(1500px,calc(100% - 140px))}
  .about195-hero{height:639px}
  .about195-hero-copy{max-width:640px}
  .about195-copy-inner{margin-left:clamp(76px,6vw,125px)}
}

@media(max-width:1100px){
  .about195-shell{width:calc(100% - 64px)}
  .about195-hero{height:639px}
  .about195-hero-copy{width:48%}.about195-hero-copy h1{font-size:48px}
  .about195-feature{padding:0 27px;gap:18px}.about195-feature:first-child{padding-left:10px}
  .about195-solutions{min-height:0;padding-bottom:50px}.about195-copy-inner{width:calc(100% - 58px);margin-left:42px}
  .about195-solutions-copy h2,.about195-future-copy h2{font-size:36px}
  .about195-why-copy{padding-right:45px}.about195-why-copy h2{font-size:38px}
}

@media(max-width:820px){
  .about195-shell{width:calc(100% - 44px)}
  .about195-hero{height:auto;min-height:620px;padding:52px 0 330px;background:#fff}
  .about195-hero-art{height:330px;top:auto;object-fit:cover;object-position:65% center}
  .about195-hero-inner{height:auto;display:block}.about195-hero-copy{width:100%;max-width:620px}
  .about195-hero-copy h1{font-size:46px;line-height:1.01}.about195-hero-copy p{max-width:600px}
  .about195-feature-grid{grid-template-columns:1fr 1fr;gap:0}.about195-feature{padding:26px 32px;min-height:135px}.about195-feature:first-child{padding-left:32px}.about195-feature:nth-child(2)::after{display:none}.about195-feature:nth-child(-n+2){border-bottom:1px solid #e1e5e9}
  .about195-solutions{grid-template-columns:1fr;padding:28px 0 42px}.about195-solutions-media{width:88%;max-width:680px;max-height:none;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%);-webkit-clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%)}.about195-solutions-media img{height:auto;object-fit:contain}.about195-solutions-copy{padding:45px 0 10px}.about195-copy-inner{width:calc(100% - 64px);margin:0 auto}
  .about195-stats{min-height:360px;padding:42px 0}.about195-stats-grid{grid-template-columns:1fr 1fr}.about195-stat{min-height:135px}.about195-stat:nth-child(2)::after{display:none}.about195-stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.24)}
  .about195-why-grid{grid-template-columns:1fr;min-height:0}.about195-why-copy{padding:60px 0 48px}.about195-why-media{width:86%;max-width:620px;height:auto;max-height:none;margin:0 auto;clip-path:polygon(14% 0,100% 0,100% 100%,14% 100%,0 50%);-webkit-clip-path:polygon(14% 0,100% 0,100% 100%,14% 100%,0 50%)}.about195-why-media img{height:auto;object-fit:contain;width:100%}
  .about195-future{height:auto;min-height:500px;padding-top:245px;background:#0f3969}.about195-future-art{height:255px;inset:0 0 auto;object-position:left top}.about195-future-inner{height:auto;min-height:255px;display:block;padding-top:42px;padding-bottom:42px}.about195-future-copy{width:100%;max-width:640px;padding-left:0}
  .about195-cta h2{font-size:32px}
}

@media(max-width:520px){
  .about195-shell{width:calc(100% - 32px)}.about195-eyebrow{font-size:10px;gap:11px;margin-bottom:21px}.about195-eyebrow::before{width:28px}
  .about195-hero{min-height:600px;padding:39px 0 292px}.about195-hero-art{height:292px;object-position:65% center}.about195-hero-copy h1{font-size:37px;letter-spacing:-1.25px;margin-bottom:20px}.about195-hero-copy p{font-size:12.5px;line-height:1.45;margin-bottom:24px}.about195-button{min-width:178px;min-height:48px;font-size:12px}
  .about195-features{padding:29px 0}.about195-feature-grid{grid-template-columns:1fr}.about195-feature{min-height:112px;padding:20px 10px!important;border-bottom:1px solid #e1e5e9}.about195-feature::after{display:none!important}.about195-feature:last-child{border-bottom:0}.about195-feature img,.about195-feature:nth-child(3) img,.about195-feature:nth-child(4) img{width:54px;height:54px}.about195-feature h2{font-size:12.5px}.about195-feature p{font-size:10px}
  .about195-solutions{padding:24px 0 32px}.about195-solutions-media{width:92%}.about195-solutions-copy{padding:37px 0 6px}.about195-copy-inner{width:calc(100% - 32px)}.about195-solutions-copy h2{font-size:31px;letter-spacing:-1px}.about195-solutions-copy p{font-size:12.5px;line-height:1.48;margin-bottom:25px}
  .about195-stats{min-height:360px;padding:30px 0}.about195-stat{min-height:145px}.about195-stat img{height:45px;max-width:56px}.about195-stat strong{font-size:30px}.about195-stat span{font-size:11px}
  .about195-why-copy{padding:44px 0 37px}.about195-why-copy h2{font-size:32px;letter-spacing:-1.05px;margin-bottom:22px}.about195-why-intro{font-size:12.5px;line-height:1.48;margin-bottom:29px}.about195-values{gap:18px}.about195-value img{width:42px;height:42px}.about195-value strong{font-size:11.5px}.about195-value span{font-size:9.7px}.about195-why-media{width:92%;max-height:none}
  .about195-future{min-height:455px;padding-top:205px}.about195-future-art{height:215px;object-position:16% top}.about195-future-inner{min-height:250px;padding-top:36px;padding-bottom:36px}.about195-future-copy h2{font-size:31px;letter-spacing:-1px}.about195-future-copy p{font-size:12.5px;line-height:1.48}
  .about195-cta{padding:48px 0 52px}.about195-cta-kicker{font-size:9.5px;margin-bottom:20px}.about195-cta h2{font-size:28px;line-height:1.15;margin-bottom:15px}.about195-cta p{font-size:11px;margin-bottom:25px}.about195-cta p br{display:none}.about195-cta-button{min-width:185px;min-height:48px}
  .about-motion-ready .about195-reveal [data-reveal-side="left"],.about-motion-ready .about195-reveal [data-reveal-side="right"]{transform:translate3d(0,24px,0)}
}

@media(prefers-reduced-motion:reduce){
  .about-motion-ready .about195-reveal [data-reveal-child],.about-motion-ready .about195-reveal [data-reveal-side]{opacity:1!important;transform:none!important;transition:none!important}
  [data-parallax]{transform:none!important}
}

/* ========================================================================== 
   Thermal Group v1.9.7 — Figma proportion pass + normalized stats icons
   ========================================================================== */
/* Normalize the perceived size of the four different icon artworks. */
.about195-stat img{width:56px;height:56px;max-width:none;object-fit:contain;object-position:center;margin:0 0 13px;transform-origin:center}
.about195-stat:nth-child(1) img{transform:scale(1)}
.about195-stat:nth-child(2) img{transform:scale(1.04)}
.about195-stat:nth-child(3) img{transform:scale(1.28)}
.about195-stat:nth-child(4) img{transform:scale(1.05)}

@media(min-width:821px){
  /* Match the Figma: compact split section, image about 45% of the canvas, copy close to it. */
  .about195-solutions{grid-template-columns:45% 55%;min-height:500px;padding:26px 0 46px;align-items:center}
  .about195-solutions-media{width:min(100%,820px);max-width:none;height:430px;overflow:hidden;align-self:center;clip-path:none;-webkit-clip-path:none}
  .about195-solutions-media img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transform-origin:center;display:block}
  .about195-copy-inner{width:min(575px,calc(100% - 74px));margin-left:clamp(52px,5.2vw,88px)}
  .about195-solutions-copy h2{font-size:40px;line-height:1.02}

  /* Let the boiler-room composition reach the right edge like the Figma instead of
     being trapped inside the centered shell. */
  .about195-why{min-height:590px}
  .about195-why>.about195-shell{width:100%;max-width:none;margin:0}
  .about195-why-grid{min-height:590px;grid-template-columns:58% 42%;align-items:center}
  .about195-why-copy{padding:58px 70px 54px max(48px,calc((100vw - 1330px)/2))}
  .about195-why-media{width:100%;max-width:none;height:590px;margin:0;overflow:hidden;clip-path:polygon(14% 0,100% 0,100% 100%,14% 100%,0 50%);-webkit-clip-path:polygon(14% 0,100% 0,100% 100%,14% 100%,0 50%)}
  .about195-why-media img{width:100%;height:100%;object-fit:cover;object-position:center center}
}

@media(min-width:1600px){
  .about195-why-copy{padding-left:max(70px,calc((100vw - 1500px)/2))}
}

@media(min-width:821px) and (max-width:1100px){
  .about195-solutions{grid-template-columns:46% 54%;min-height:450px;padding-bottom:38px}
  .about195-solutions-media{height:390px}
  .about195-copy-inner{width:calc(100% - 48px);margin-left:34px}
  .about195-solutions-copy h2{font-size:34px}
  .about195-why,.about195-why-grid{min-height:540px}
  .about195-why-grid{grid-template-columns:56% 44%}
  .about195-why-copy{padding:46px 34px 42px 38px}
  .about195-why-media{height:540px}
}


/* ==========================================================================
   Thermal Group v1.9.8 — preserve boiler-room image proportions
   ========================================================================== */
@media(min-width:821px){
  .about195-why-grid{grid-template-columns:minmax(0,1fr) minmax(420px,590px);column-gap:0}
  .about195-why-media{justify-self:end;width:min(100%,590px);height:auto;aspect-ratio:657/669;margin:0;overflow:hidden;clip-path:polygon(14% 0,100% 0,100% 100%,14% 100%,0 50%);-webkit-clip-path:polygon(14% 0,100% 0,100% 100%,14% 100%,0 50%)}
  .about195-why-media img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
}
@media(min-width:821px) and (max-width:1100px){
  .about195-why-grid{grid-template-columns:minmax(0,1fr) minmax(360px,44vw)}
  .about195-why-media{width:100%;height:auto;aspect-ratio:657/669}
}