:root{--navy:#062640;--navy2:#0d334f;--red:#f3132d;--ink:#18293a;--muted:#647180;--light:#f5f6f7;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.site-header{height:78px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 4.5%;gap:28px;position:sticky;top:0;z-index:50}.brand{line-height:1}.brand-text{font-size:42px;font-weight:800;letter-spacing:-2.5px;color:#fff}.brand-o{display:inline-flex;width:.70em;height:.70em;border-radius:50%;background:var(--red);font-size:0;vertical-align:.04em;margin:0 .03em}.site-header nav{display:flex;gap:25px;margin-left:auto}.site-header nav a{font-size:14px;font-weight:600;padding:29px 0 25px;border-bottom:3px solid transparent}.site-header nav a:hover,.site-header nav a.active{color:#fff;border-color:var(--red)}.btn{display:inline-block;background:var(--red);color:#fff;border:0;padding:14px 22px;font-weight:700;border-radius:2px;cursor:pointer}.btn-dark{background:var(--navy)}.menu{display:none;color:#fff;background:none;border:0;font-size:27px}.slider{height:565px;position:relative;overflow:hidden;background:var(--navy)}.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .65s;display:flex;align-items:center}.slide.active{opacity:1}.slide-copy{width:600px;margin-left:7%;color:#fff}.slide-copy small,.section-head small,.welcome small,.systems-intro small,.page-hero small,.cta small{color:var(--red);font-weight:800;letter-spacing:2.5px}.slide-copy h1{font-size:57px;line-height:1.03;margin:14px 0}.slide-copy p{font-size:19px;line-height:1.5}.prev,.next{position:absolute;top:47%;width:48px;height:48px;border:0;background:#061b2dbb;color:#fff;font-size:35px;cursor:pointer}.prev{left:18px}.next{right:18px}.dots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.dot{width:10px;height:10px;border:0;border-radius:50%;background:#fff}.dot.active{background:var(--red)}.services-home{padding:45px 3% 55px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:28px}.section-head h2,.welcome h2,.systems-intro h2,.content h2,.form-wrap h2,.contact-grid h2{font-size:38px;color:var(--navy);margin:8px 0 0}.section-head p{max-width:620px;line-height:1.6}.flip-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.flip-card{height:210px;perspective:900px}.flip-inner{display:block;position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.flip-card:hover .flip-inner,.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;inset:0;backface-visibility:hidden;background:var(--navy);color:#fff;border-bottom:6px solid var(--red);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px}.flip-front strong,.flip-back strong{font-size:16px;line-height:1.25}.flip-front em{font-style:normal;font-size:11px;text-transform:uppercase;margin-top:18px;color:#ccd7df}.flip-back{transform:rotateY(180deg);background-size:cover;background-position:center;justify-content:flex-end}.flip-back strong{background:#062640df;padding:8px 10px;width:100%}.welcome{display:grid;grid-template-columns:1.55fr .75fr;gap:55px;padding:70px 7%;background:#f5f6f7}.welcome p,.systems-intro p,.content p{font-size:17px;line-height:1.72}.welcome-note{background:var(--navy);color:#fff;padding:42px;align-self:center;border-bottom:7px solid var(--red)}.welcome-note h3{font-size:28px;margin-top:0}.welcome-note a{color:#fff;font-weight:700}.button-row{display:flex;gap:12px;margin-top:24px}.systems-intro{padding:70px 4%;background:var(--navy);color:#fff;display:grid;grid-template-columns:.7fr 1.3fr;gap:45px}.systems-intro h2{color:#fff}.systems-mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.system-feature{background:#fff;color:var(--ink);display:grid;grid-template-columns:145px 1fr;min-height:155px;overflow:hidden}.system-feature img{width:100%;height:100%;object-fit:cover}.system-feature div{padding:18px}.system-feature h3{margin:0 0 8px;color:var(--navy)}.system-feature p{font-size:13px;line-height:1.5;margin:0}.cta{padding:46px 7%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#eef1f3}.cta h2{font-size:35px;color:var(--navy);margin:8px 0}.cta p{margin-bottom:0}.standards{padding:42px 6%;background:#fff;border-top:1px solid #e1e5e8}.standards-inner{max-width:1250px;margin:auto;text-align:center}.standards-inner>p{font-weight:700;color:var(--navy);margin:0 0 25px}.logo-row{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;align-items:center}.logo-row div{height:110px;display:flex;align-items:center;justify-content:center;background:#fff;padding:12px}.logo-row img{max-height:85px;max-width:180px;object-fit:contain}footer{background:#031c2f;color:#dbe4eb;padding:48px 6%;display:grid;grid-template-columns:1.3fr 1.2fr 1fr 1.6fr;gap:38px}footer h4{color:#fff;margin:0 0 8px}footer p,footer a{font-size:14px;line-height:1.6}.footer-links{display:grid;gap:5px}.footer-links a:hover{color:#fff}.copyright{background:#021522;color:#91a3b0;text-align:center;padding:14px;font-size:12px}.page-hero{padding:105px 7%;background:linear-gradient(90deg,#061f35ee,#061f3570),url('../../images/hero.jpg') center/cover;color:#fff}.page-hero.systems-hero{background-image:linear-gradient(90deg,#061f35ee,#061f3570),url('../../images/services/Security Systems, CCTV, alarm and access control .png')}.page-hero.compact{padding:70px 7%}.page-hero h1{font-size:52px;max-width:850px;margin:10px 0}.page-hero p{font-size:19px;max-width:700px;line-height:1.5}.detail-grid{padding:55px 5%;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.detail-card{border:1px solid #e0e4e7;background:#fff}.detail-card img{width:100%;height:270px;object-fit:cover}.detail-card div{padding:22px}.detail-card h2{font-size:23px;color:var(--navy);margin:0 0 10px}.detail-card p{line-height:1.6;color:#52606c}.detail-card a{font-weight:700;color:var(--red)}.content{padding:65px 7%;max-width:1150px;margin:auto}.content.wide{max-width:1400px}.systems-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:35px}.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.approach-grid article{background:#f3f5f6;padding:30px;border-bottom:5px solid var(--red)}.approach-grid b{font-size:32px;color:var(--red)}.form-wrap{max-width:1180px;margin:auto;padding:55px 6%}.form-intro{max-width:850px;margin-bottom:30px}.form-intro span{color:var(--red);font-weight:800}.form-intro p{line-height:1.65}.web-form{background:#f5f6f7;padding:30px;border-top:5px solid var(--red)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-weight:700;font-size:14px}.form-grid .full{grid-column:1/-1}.web-form input,.web-form select,.web-form textarea{width:100%;margin-top:7px;padding:12px;border:1px solid #cbd3d9;background:#fff;font:inherit}.web-form textarea{resize:vertical}.check{display:flex;gap:10px;margin:20px 0;font-size:14px}.check input{width:auto;margin:0}.form-status{font-weight:700;color:var(--navy)}.form-note{font-size:12px;color:#6d7881}.contact-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px;padding:60px 7%}.policy{min-height:300px}.policy a{color:var(--red);font-weight:700}
@media(max-width:1100px){.site-header nav{gap:14px}.site-header nav a{font-size:12px}.quote{display:none}.flip-grid{grid-template-columns:repeat(4,1fr)}.systems-intro{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}.approach-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header{height:68px}.brand-text{font-size:34px}.menu{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--navy);padding:15px 7%;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.site-header nav a{padding:8px 0}.slider{height:560px}.slide-copy{width:auto;margin:0 12% 0 8%}.slide-copy h1{font-size:40px}.section-head{display:block}.flip-grid{grid-template-columns:repeat(2,1fr)}.flip-card{height:190px}.welcome{grid-template-columns:1fr;padding:55px 6%}.systems-mosaic,.systems-page-grid{grid-template-columns:1fr}.system-feature{grid-template-columns:120px 1fr}.cta{display:block}.cta .btn{margin-top:20px}.logo-row{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.form-grid,.contact-grid{grid-template-columns:1fr}.approach-grid{grid-template-columns:1fr}.page-hero h1{font-size:39px}}

/* Eurosys 2026 refinement */
.brand-image{display:flex;align-items:center}.brand-image img{width:180px;height:58px;object-fit:contain}.footer-brand img{width:190px;height:auto}.service-static-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-static{background:#062640;color:#fff;padding:25px 20px;min-height:150px;border-bottom:5px solid #f3132d;display:flex;flex-direction:column;justify-content:flex-end}.service-static strong{font-size:18px}.service-static span{font-size:13px;line-height:1.45;color:#cad5dd;margin-top:8px}.service-static:hover{transform:translateY(-3px);transition:.2s}.intro-band{padding:52px 7%;max-width:1250px;margin:auto;text-align:center}.intro-band small{color:#f3132d;font-weight:800;letter-spacing:2.5px}.intro-band h2{font-size:38px;color:#062640;margin:10px 0}.intro-band p{font-size:17px;line-height:1.75;max-width:1000px;margin:0 auto}.welcome-photo{position:relative;min-height:430px;overflow:hidden;background:#062640}.welcome-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.welcome-photo div{position:absolute;left:0;right:0;bottom:0;padding:24px;color:#fff;background:linear-gradient(transparent,#031c2fee)}.welcome-photo h3{font-size:24px;margin:0 0 5px}.logo-marquee{overflow:hidden}.logo-track{display:flex;align-items:center;width:max-content;gap:35px;animation:logoRoll 20s linear infinite}.logo-track>div{width:220px;height:100px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.logo-track img{max-width:170px;max-height:80px;object-fit:contain}@keyframes logoRoll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 17.5px))}}.page-hero.services-hero{background-image:linear-gradient(90deg,#061f35ee,#061f3560),url('../../images/soc-control-room.jpg');background-position:center}.page-hero.systems-hero-new{background-image:linear-gradient(90deg,#061f35ee,#061f3555),url('../../images/security-systems-hero.jpg');background-position:center}.system-long-grid{padding:15px 6% 65px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.system-long{display:grid;grid-template-columns:230px 1fr;background:#f5f6f7;min-height:230px}.system-long img{width:100%;height:100%;object-fit:cover}.system-long div{padding:28px}.system-long h2{color:#062640;margin-top:0}.system-long p{line-height:1.7}.dark-content{background:#062640;color:#fff;padding:65px 7%;display:grid;grid-template-columns:1.3fr .7fr;gap:55px}.dark-content small{color:#f3132d;font-weight:800;letter-spacing:2px}.dark-content h2{font-size:38px;margin:10px 0}.dark-content p{line-height:1.7}.dark-content>div:last-child{border-left:4px solid #f3132d;padding-left:30px}.footer-links a[target="_blank"]::after{content:" ↗";font-size:11px}.web-form .btn{margin-top:20px}
@media(max-width:1000px){.service-static-grid{grid-template-columns:repeat(2,1fr)}.system-long-grid{grid-template-columns:1fr}.dark-content{grid-template-columns:1fr}}
@media(max-width:760px){.brand-image img{width:145px;height:48px}.service-static-grid{grid-template-columns:1fr}.system-long{grid-template-columns:1fr}.system-long img{height:220px}.intro-band h2{font-size:31px}}

/* 21 Sep refinements */
.service-photo-hero,.image-hero{background-size:cover;background-position:center;min-height:430px;display:flex;flex-direction:column;justify-content:center;color:#fff}.image-hero h1,.service-photo-hero h1{color:#fff}.brand-showcase{padding:80px 6%;background:#f4f7f9}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1400px;margin:32px auto 0}.showcase-grid article{background:#fff;box-shadow:0 14px 40px rgba(4,30,50,.08);overflow:hidden}.showcase-grid img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover}.showcase-grid article div{padding:24px 28px}.showcase-grid h3{margin:0 0 8px;color:#082944;font-size:1.45rem}.showcase-grid p{margin:0;color:#526170;line-height:1.65}.workforce-quality{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;padding:80px 6%;background:#f4f7f9;align-items:start}.workforce-quality>div:first-child{max-width:680px}.workforce-quality small,.contact-welcome small{letter-spacing:.14em;color:#e21d35;font-weight:800}.workforce-quality h2,.contact-welcome h2{font-size:clamp(2rem,3.3vw,3.2rem);color:#082944;margin:.4rem 0 1.2rem}.workforce-quality p,.contact-welcome p{color:#4f5f6e;line-height:1.75}.quality-points{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quality-points div{background:#fff;border-top:3px solid #e21d35;padding:22px;box-shadow:0 8px 26px rgba(4,30,50,.06)}.quality-points strong{display:block;color:#082944;margin-bottom:7px}.quality-points span{color:#61707d;line-height:1.5;font-size:.94rem}.contact-welcome{padding:70px 6% 20px;max-width:1100px}.application-thanks{margin-top:24px;padding:22px 24px;background:#f3f7fa;border-left:4px solid #e21d35;color:#263b4c}.application-thanks strong{color:#082944}.social-links{display:flex;gap:10px;margin-top:20px}.social-links a{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff!important;text-decoration:none;font-weight:800}.social-links a:hover{background:#e21d35;border-color:#e21d35}.footer-brand{background:transparent!important;padding:0!important}.footer-brand .brand-text{color:#fff!important}.footer-brand .brand-o{color:transparent!important;background:#e21d35!important;border-radius:50%;display:inline-block;width:.72em;height:.72em;vertical-align:.04em;margin:0 .03em}.flip-card{min-height:260px}.flip-front{background-size:cover}.flip-card:hover .flip-inner,.flip-card:focus .flip-inner{transform:rotateY(180deg)}@media(max-width:900px){.showcase-grid,.workforce-quality{grid-template-columns:1fr}.quality-points{grid-template-columns:1fr}.service-photo-hero,.image-hero{min-height:360px}.brand-showcase,.workforce-quality{padding:55px 5%}}

/* Sept 21 final refinements */
.brand-image{display:flex;align-items:center;background:transparent!important;padding:0!important}.brand-image img{width:170px;height:56px;object-fit:cover;object-position:center;border:0;display:block}.footer-brand img{width:185px;height:62px;object-fit:cover}
.services-achievement{display:grid!important;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center}.achievement-image{width:100%;height:360px;object-fit:cover;border-radius:3px}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.achievement-grid div{border-left:3px solid var(--red);padding:10px 14px;background:#f5f7f9}.achievement-grid strong{display:block;color:var(--navy);font-size:1.35rem}.achievement-grid span{display:block;font-size:.9rem;margin-top:4px;color:#465361}
.open-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.open-service-card{position:relative;height:370px;overflow:hidden;background:var(--navy);border-bottom:5px solid var(--red);text-decoration:none}.open-service-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.open-service-card:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,rgba(3,29,49,.98),rgba(3,29,49,.70),transparent)}.open-service-card span{position:absolute;z-index:2;left:22px;right:22px;bottom:30px;color:#fff;font-size:1.35rem;font-weight:800;text-align:center}.open-service-card:hover img{transform:scale(1.035)}
.welcome-image img{width:100%;height:100%;min-height:430px;object-fit:cover}.people-section{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center;padding:78px max(5vw,42px);background:#fff}.people-section>img{width:100%;height:520px;object-fit:cover}.people-copy h2{font-size:3rem;margin:.2em 0}.people-copy h2 strong{display:block}.people-copy h3{font-size:1.05rem}.values{margin-top:35px;letter-spacing:.22em;font-size:.82rem;font-weight:700}.values b{color:var(--red);padding:0 8px}.technology-section{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:38px;align-items:center;padding:72px max(5vw,42px);background:#f6f7f8}.technology-section>img{width:100%;height:430px;object-fit:cover;object-position:center}.technology-copy h2{font-size:2.7rem}.technology-copy h2 strong{display:block}.technology-list{display:grid;gap:16px}.technology-list div{border-left:3px solid var(--red);padding-left:16px}.technology-list b,.technology-list span{display:block}.technology-list b{color:var(--navy);margin-bottom:4px}.technology-list span{font-size:.92rem;color:#56616d}.approach-hero{background-size:cover!important;background-position:center!important}.approach-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:60px}.approach-images{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.approach-images img{width:100%;height:360px;object-fit:cover}.logo-row{overflow:hidden;display:flex!important;gap:36px}.logo-row>div{flex:0 0 170px;animation:logoFloat 7s ease-in-out infinite alternate}.logo-row>div:nth-child(2){animation-delay:-1.5s}.logo-row>div:nth-child(3){animation-delay:-3s}.logo-row>div:nth-child(4){animation-delay:-4.5s}@keyframes logoFloat{0%{transform:translateX(-12px)}100%{transform:translateX(28px)}}.form-note{margin-top:18px;font-size:.9rem;color:#5a6570}
@media(max-width:900px){.services-achievement,.people-section,.technology-section,.approach-detail{grid-template-columns:1fr}.open-service-grid{grid-template-columns:repeat(2,1fr)}.technology-section>img{height:360px}.achievement-image{height:300px}}@media(max-width:620px){.open-service-grid{grid-template-columns:1fr}.open-service-card{height:350px}.achievement-grid{grid-template-columns:1fr}.people-section,.technology-section{padding:52px 22px}.people-section>img{height:auto}.brand-image img{width:135px;height:46px}}

/* 23 Sep 2026 corrections */
.services-home{padding:52px 5% 60px}.flip-grid{grid-template-columns:repeat(4,1fr);gap:14px}.flip-card{height:245px}.flip-front,.flip-back{border-bottom:5px solid var(--red)}.flip-front strong,.flip-back strong{font-size:18px}.flip-back{background-position:center;background-size:cover}
.detail-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:35px 6% 65px}.detail-card img{height:220px}.detail-card div{padding:22px 22px 25px}.detail-card p{line-height:1.65;margin-bottom:18px}
.services-page-intro{padding:58px 7% 8px;max-width:1180px;margin:auto}.services-page-intro small{color:var(--red);font-weight:800;letter-spacing:2.5px}.services-page-intro h2{font-size:38px;color:var(--navy);margin:8px 0 12px}.services-page-intro p{font-size:17px;line-height:1.7;max-width:900px}
.welcome-image img{width:100%;height:100%;min-height:360px;object-fit:cover}.quote-photo-hero{background-position:center 42%!important}.systems-hero-camera{background-position:center!important;background-size:cover!important}
.logo-row{display:block;overflow:hidden;width:100%;position:relative}.logo-track{display:flex;align-items:center;width:max-content;gap:70px;animation:eurosysLogoMarquee 22s linear infinite}.logo-item{width:220px;height:105px;display:flex;align-items:center;justify-content:center;flex:0 0 220px;background:#fff;padding:12px}.logo-item img{max-height:82px;max-width:185px;object-fit:contain}@keyframes eurosysLogoMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 35px))}}
@media(max-width:1000px){.flip-grid{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.flip-grid,.detail-grid{grid-template-columns:1fr 1fr}.flip-card{height:210px}.detail-card img{height:190px}.logo-track{gap:35px}.logo-item{width:170px;flex-basis:170px}}@media(max-width:480px){.flip-grid,.detail-grid{grid-template-columns:1fr}.flip-card{height:235px}}


/* 24 Sep 2026 targeted refinements */

/* All service imagery remains visible without hover. */
.flip-card{height:245px;perspective:none!important}
.flip-inner{transform:none!important;transition:none!important}
.flip-front{display:none!important}
.flip-back{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    width:100%!important;
    height:100%!important;
    transform:none!important;
    backface-visibility:visible!important;
    background-size:cover!important;
    background-position:center!important;
}
.flip-card:hover .flip-inner{transform:none!important}

/* Our Approach supplied imagery. */
.approach-image-gallery{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin-top:34px;
}
.approach-image-gallery img{
    display:block;
    width:100%;
    height:280px;
    object-fit:cover;
    border-radius:2px;
}
.assessment-full-image{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
}

/* Continuous accreditation/logo conveyor: faster and seamless. */
.logo-row{overflow:hidden!important}
.logo-track{
    display:flex!important;
    width:max-content!important;
    flex-wrap:nowrap!important;
    animation:eurosysLogoMarqueeContinuous 13s linear infinite!important;
    will-change:transform;
}
.logo-item{flex:0 0 220px!important}
@keyframes eurosysLogoMarqueeContinuous{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(calc(-50% - 35px),0,0)}
}

/* Standardise the top hero image area on every internal page. */
.page-hero,
.page-hero.compact,
.quote-photo-hero,
.systems-hero-camera{
    min-height:360px!important;
    height:360px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    display:flex!important;
    align-items:center!important;
    background-size:cover!important;
    background-position:center!important;
}

/* Prevent the assessment/iPad image from being zoom-cropped. */
.achievement-image,
.achievement-image.assessment-full-image{
    object-fit:contain!important;
    object-position:center!important;
    height:auto!important;
    max-height:none!important;
    background:#f4f6f8;
}

@media(max-width:700px){
    .page-hero,.page-hero.compact,.quote-photo-hero,.systems-hero-camera{
        min-height:300px!important;height:300px!important;
    }
    .approach-image-gallery{grid-template-columns:1fr}
    .approach-image-gallery img{height:auto;aspect-ratio:16/9}
    .logo-track{animation-duration:11s!important}
}