:root{--navy:#003893;--navy2:#00296d;--ink:#10264a;--paper:#f5f7fb;--white:#fff;--amber:#dc143c;--muted:#71809a;--line:rgba(255,255,255,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:90px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);color:#fff}.brand{display:flex;align-items:center;gap:12px;min-width:280px}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font:700 27px/22px "Barlow Condensed";letter-spacing:3px}.brand small{font-size:8px;letter-spacing:1.6px;margin-top:5px}.brand-mark{width:31px;height:34px;display:flex;align-items:flex-end;gap:3px;transform:skewY(-15deg)}.brand-mark i{display:block;width:8px;background:var(--amber)}.brand-mark i:nth-child(1){height:20px}.brand-mark i:nth-child(2){height:34px}.brand-mark i:nth-child(3){height:26px}.site-header nav{display:flex;gap:38px;margin:auto;font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.site-header nav a{transition:.2s}.site-header nav a:hover{color:var(--amber)}.header-cta{font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.8px}.header-cta span,.button span{color:var(--amber);margin-left:8px}.menu-button{display:none;background:none;border:0}.hero{min-height:780px;height:100vh;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/engineering-hero.png') center/cover no-repeat}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,28,.58),transparent 63%),linear-gradient(0deg,rgba(4,17,28,.6),transparent 40%)}.hero-grid,.contact-lines{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 54%)}.hero-content{position:relative;z-index:2;margin-left:8.5vw;max-width:720px;padding-top:65px}.eyebrow,.kicker{font:600 12px Manrope;text-transform:uppercase;letter-spacing:2.3px}.eyebrow{display:flex;align-items:center;color:#c3ced6}.eyebrow span{display:block;width:36px;height:2px;background:var(--amber);margin-right:14px}.hero h1,.section-heading h2,.intro h2,.principle-content h2,.contact h2{font:600 clamp(64px,7.1vw,112px)/.88 "Barlow Condensed";letter-spacing:-2px;text-transform:uppercase;margin:32px 0}.hero h1 em{font-style:normal;color:var(--amber)}.hero-copy{font-size:17px;line-height:1.7;color:#c1ccd4;max-width:520px}.hero-actions{display:flex;align-items:center;gap:40px;margin-top:42px}.button{display:inline-flex;align-items:center;padding:18px 23px;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1.2px}.button.primary{background:var(--amber);color:#102130}.button.primary span{color:#102130}.text-link,.arrow-link{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px}.text-link span{color:var(--amber);margin-left:12px}.hero-foot{position:absolute;z-index:2;bottom:0;left:0;width:100%;height:83px;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 5vw;gap:7vw}.hero-foot div{display:flex;flex-direction:column}.hero-foot small{color:#81919e;font-size:8px;letter-spacing:1.4px;text-transform:uppercase}.hero-foot strong{font-size:11px;margin-top:5px;text-transform:uppercase;letter-spacing:.8px}.hero-foot .scroll{margin-left:auto;flex-direction:row;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:1.6px;color:#8e9ca7}.scroll span{height:25px;width:1px;background:var(--amber);margin-right:13px}.intro{padding:130px 8vw;display:grid;grid-template-columns:1fr 2.4fr 1.4fr;gap:6vw}.section-index{font:600 9px Manrope;letter-spacing:1.5px;color:#8c989f}.kicker{color:#55646d;margin:0 0 22px}.intro h2,.section-heading h2,.principle-content h2{font-size:clamp(44px,5.3vw,77px);line-height:1;margin:0}.intro h2 span,.section-heading h2 span,.principle-content h2 span{color:#8b979e}.intro-copy{padding-top:45px}.intro-copy p{font-size:13px;line-height:1.8;color:#64717a}.arrow-link{display:flex;justify-content:space-between;border-bottom:1px solid #aeb4b3;padding:24px 0 15px;margin-top:22px}.arrow-link span{color:var(--amber)}.expertise{background:var(--navy);color:#fff;padding:120px 8vw}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:70px}.section-heading h2{text-align:right}.section-index.light{color:#657681;margin-bottom:50px}.amber{color:var(--amber)}.service{display:grid;grid-template-columns:55px 80px 1fr 40px;align-items:center;gap:20px;border-top:1px solid var(--line);padding:31px 0;transition:.25s}.service:last-child{border-bottom:1px solid var(--line)}.service:hover{padding-left:12px;background:rgba(255,255,255,.025)}.service .number{font-size:9px;color:#6c7d89}.service-icon{font:400 39px "Barlow Condensed";color:var(--amber)}.service h3{font:600 27px "Barlow Condensed";text-transform:uppercase;letter-spacing:.5px;margin:0 0 7px}.service p{margin:0;color:#82919c;font-size:12px}.plus{font-size:25px;color:#687984}.principles{display:grid;grid-template-columns:1fr 1fr;min-height:760px}.principle-visual{background:#d7d9d5;padding:9vw;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#c3c7c3 1px,transparent 1px),linear-gradient(90deg,#c3c7c3 1px,transparent 1px);background-size:38px 38px}.blueprint-card{width:360px;height:450px;background:var(--navy);color:#fff;padding:35px;position:relative;box-shadow:28px 28px 0 rgba(9,30,45,.12);overflow:hidden}.blueprint-card:after{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(244,165,28,.45);border-radius:50%;right:-100px;bottom:-60px;box-shadow:0 0 0 35px rgba(244,165,28,.04),0 0 0 70px rgba(244,165,28,.04)}.blueprint-card span{font-size:9px;letter-spacing:2px;color:#7f909b}.blueprint-card strong{position:absolute;left:35px;bottom:42px;font:600 43px/1 "Barlow Condensed";text-transform:uppercase;z-index:1}.blueprint-card i{position:absolute;top:70px;left:35px;width:150px;height:150px;border-left:1px solid #647682;border-bottom:1px solid #647682;transform:skew(-15deg)}.principle-content{padding:100px 8vw}.principle-content .section-index{margin-bottom:45px}.principle-content h2{margin-bottom:45px}.principle-item{border-top:1px solid #c9cbc8;padding:22px 0;display:grid;grid-template-columns:38px 1fr}.principle-item b{color:var(--amber);font-size:9px}.principle-item h3{margin:0;text-transform:uppercase;font:600 19px "Barlow Condensed"}.principle-item p{font-size:11px;color:#68757c;line-height:1.7;margin:6px 0 0}.contact{position:relative;text-align:center;background:#0a1c2b;color:#fff;padding:125px 20px;overflow:hidden}.contact>*{position:relative;z-index:1}.contact-lines{opacity:.08;mask-image:radial-gradient(circle,#000,transparent 70%)}.contact h2{font-size:clamp(65px,8vw,110px);margin:22px 0}.contact h2 span{color:var(--amber)}.contact p:not(.kicker){color:#8e9ba5;font-size:13px;max-width:480px;margin:0 auto 35px;line-height:1.7}footer{background:#06131e;color:#fff;padding:55px 7vw 25px;display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:start;gap:40px;border-top:1px solid var(--line)}footer>p,footer>div{font-size:11px;line-height:1.8;color:#75848e}.footer-brand{min-width:0}footer>div{display:flex;flex-direction:column}footer>div small{color:var(--amber);font-size:8px;letter-spacing:1.5px;margin-bottom:8px}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.site-header{height:72px;padding:0 22px}.brand{min-width:0}.site-header nav,.header-cta{display:none}.menu-button{display:block;margin-left:auto}.menu-button span{display:block;width:24px;height:1px;background:#fff;margin:6px}.site-header.open{position:fixed;background:var(--navy);height:auto;min-height:72px;flex-wrap:wrap}.site-header.open nav{display:flex;width:100%;flex-direction:column;padding:30px 0}.hero{min-height:720px}.hero-content{margin:0 24px;padding-top:20px}.hero h1{font-size:62px}.hero-copy{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:25px}.hero-foot{padding:0 24px}.hero-foot div:nth-child(2),.scroll{display:none!important}.intro{padding:85px 24px;grid-template-columns:1fr}.intro-main{margin-top:20px}.intro-copy{padding-top:0}.expertise{padding:85px 24px}.section-heading{display:block}.section-heading h2{text-align:left;margin-top:20px}.service{grid-template-columns:30px 45px 1fr}.service .plus{display:none}.service p{line-height:1.7}.principles{grid-template-columns:1fr}.principle-visual{padding:70px 30px}.blueprint-card{width:290px;height:370px}.principle-content{padding:80px 24px}.contact{padding:90px 24px}footer{grid-template-columns:1fr}.copyright{grid-column:1}.hero-bg{background-position:58% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Apul Engineering (Consultancy) Paramarsha Sewa brand system and responsive refinements */
body{overflow-x:hidden}
a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.site-header{padding-left:max(28px,5vw);padding-right:max(28px,5vw)}
.header-actions{display:flex;align-items:center;gap:12px}.portal-cta{display:inline-flex;align-items:center;gap:7px;padding:11px 13px;border:1px solid rgba(255,255,255,.6);color:#fff;font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;transition:background .2s,border-color .2s}.portal-cta span{color:var(--amber)}.portal-cta:hover{background:rgba(255,255,255,.1);border-color:#fff}.whatsapp-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;background:transparent;border:1px solid #25d366;color:#fff;font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;transition:transform .2s,background .2s,color .2s}.whatsapp-cta:hover{transform:translateY(-2px);background:rgba(37,211,102,.12);color:#25d366}.wa-mark{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid #25d366;border-radius:50%;color:#25d366;font:800 7px Manrope;font-style:normal;letter-spacing:0}.mobile-portal-link{display:none}
.brand-logo{display:block;width:58px;height:58px;flex:0 0 58px;object-fit:contain;background:#fff;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 18px rgba(0,0,0,.16)}
.site-header .brand{min-width:360px}
.footer-brand .brand-logo{width:auto;height:130px;flex:0 0 auto;object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none}
.brand-mark i{box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}
.hero-bg:after{background:linear-gradient(90deg,rgba(0,36,96,.9) 0%,rgba(0,56,147,.56) 39%,rgba(0,27,72,.08) 72%),linear-gradient(0deg,rgba(0,27,72,.75),transparent 50%)}
.button{justify-content:center;min-height:50px;transition:transform .2s ease,filter .2s ease}
.button:hover{transform:translateY(-2px);filter:brightness(1.05)}
.button.primary,.button.primary span{color:#fff}
.expertise{background:linear-gradient(135deg,var(--navy2),var(--navy))}
.blueprint-card:after{border-color:rgba(220,20,60,.65);box-shadow:0 0 0 35px rgba(220,20,60,.06),0 0 0 70px rgba(220,20,60,.04)}
.contact{background:linear-gradient(125deg,var(--navy2),var(--navy))}
footer{grid-template-columns:1.7fr 1.05fr 1.4fr;align-items:stretch;background:#fff;color:var(--navy);border-top:0}
footer>p,footer>div{color:#53657f}
footer>div small{color:var(--amber)}
footer>div a{color:var(--navy);font-weight:700}
footer .copyright{border-top-color:rgba(0,56,147,.18);color:#697991}
.copyright{display:flex;justify-content:space-between;align-items:center;gap:24px}
.website-history{margin-left:auto;text-align:right;font-size:10px;line-height:1.6}
.site-live{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:3px 8px;border:1px solid rgba(18,140,74,.28);border-radius:999px;background:rgba(37,211,102,.07);color:#087b3b;font-weight:700;white-space:nowrap}
.site-live i{width:6px;height:6px;border-radius:50%;background:#18a957;box-shadow:0 0 0 3px rgba(24,169,87,.12);animation:live-pulse 2.4s ease-in-out infinite}
@keyframes live-pulse{50%{box-shadow:0 0 0 5px rgba(24,169,87,0)}}
@media (prefers-reduced-motion:reduce){.site-live i{animation:none}}
.footer-brand strong{color:var(--navy)}
.footer-brand small{color:#53657f}
.footer-brand .brand-logo{box-shadow:none}
.credentials{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr 1.35fr .7fr;align-items:stretch;margin:-55px -7vw 18px;padding:0 7vw;background:#f3f6fb;border-bottom:1px solid rgba(0,56,147,.14)}
.credentials-intro,.credential-item{min-height:105px;display:flex;justify-content:center;flex-direction:column;padding:22px 28px;border-right:1px solid rgba(0,56,147,.14)}
.credentials-intro{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding-left:0}
.credential-seal{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid var(--amber);border-radius:50%;color:var(--amber);font-size:15px}
.credentials-intro>span:last-child{display:flex;flex-direction:column}
.credentials small{margin:0 0 7px;color:#75849a;font-size:8px;font-weight:700;letter-spacing:1.3px}
.credentials strong{color:var(--navy);font:600 18px/1.2 "Barlow Condensed";letter-spacing:.35px;text-transform:uppercase}
.credential-item:last-child{border-right:0}
.footer-identity{display:grid;grid-template-columns:minmax(235px,1.15fr) minmax(155px,.85fr);gap:30px;align-items:stretch;height:100%}.identity-actions{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding-right:24px;border-right:1px solid rgba(0,56,147,.15)}
.journey-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;min-width:210px;padding:13px 16px;border:1px solid rgba(0,56,147,.22);color:var(--navy);font-size:9px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;transition:color .2s,background .2s,border-color .2s}.journey-link span{color:var(--amber);font-size:13px}.journey-link:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.footer-whatsapp{margin-top:10px;border-color:#25d366;background:transparent;color:#128c4a}.footer-whatsapp span{display:inline-flex;align-items:center;gap:8px;color:inherit;font-size:9px}.footer-whatsapp b{color:#25d366;font-size:13px}.footer-whatsapp:hover{border-color:#128c4a;background:rgba(37,211,102,.08);color:#087b3b}
.footer-portal{margin-top:10px;border-color:var(--navy);background:var(--navy);color:#fff}.footer-portal span,.footer-portal b{color:#fff;font-size:9px}.footer-portal:hover{background:var(--navy2);border-color:var(--navy2)}
.banking-channels{width:100%;margin-top:18px;padding-top:17px;border-top:1px solid rgba(0,56,147,.15)}.banking-channels>small{display:block;margin-bottom:11px;color:var(--navy);font-size:8px;font-weight:800;letter-spacing:1px}.banking-logos{display:flex;align-items:center;gap:7px}.banking-logos img,.banking-logos img:nth-child(2){display:block;width:44px;height:36px;padding:3px;object-fit:contain;background:#fff;border:1px solid rgba(0,56,147,.12)}.banking-logos img:first-child{width:96px;height:48px;padding:4px;border-color:rgba(220,20,60,.2)}.banking-channels p{margin:10px 0 0;max-width:230px;color:#7a899b;font-size:8px;line-height:1.5}.footer-reserved{display:flex;flex-direction:column;align-items:flex-start;min-height:1px}.reserved-journey-link{margin-top:10px;border-bottom-color:var(--amber)}
.footer-details{display:grid;grid-template-columns:1fr;gap:28px;height:100%;padding:12px 4vw 0;border-left:1px solid rgba(0,56,147,.15);border-right:1px solid rgba(0,56,147,.15)}
.footer-contact,.footer-address{padding:0}
.footer-contact a{overflow-wrap:anywhere;font-size:12px;line-height:1.55}
.footer-address address{max-width:430px;color:#53657f;font-size:11px;font-style:normal;line-height:1.8}
.footer-address{display:flex;flex-direction:column;align-items:flex-start}
.footer-address address a{color:inherit;font-weight:400}
.map-link{display:inline-flex;align-items:center;gap:8px;width:max-content;margin-top:14px;padding-bottom:5px;border-bottom:1px solid var(--amber);color:var(--navy);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:color .2s ease}
.map-link span{color:var(--amber);font-size:13px}.map-link:hover{color:var(--amber)}
.careers-link{display:flex;margin-top:12px;border-bottom-color:var(--amber)}
.footer-process-link{margin-top:12px;border-bottom-color:var(--amber)}
.footer-nav-link{margin-top:12px;border-bottom-color:var(--amber)}.footer-reserved .map-link:first-child{margin-top:10px}
.privacy-link{margin-top:12px;border-bottom-color:var(--amber)}
.terms-link{margin-top:12px;border-bottom-color:var(--amber)}
.abbreviations-link{margin-top:12px;border-bottom-color:var(--amber)}
.operational-reach{width:100%;margin:22px 0 14px;padding:18px 0;border-top:1px solid rgba(0,56,147,.15);border-bottom:1px solid rgba(0,56,147,.15)}.operational-reach>small{display:block;margin-bottom:8px;color:var(--amber);font-size:7px;font-weight:800;letter-spacing:1.2px}.operational-reach p{margin:0;color:#65768a;font-size:8px;line-height:1.6}.operational-reach ul{display:flex;flex-wrap:wrap;gap:3px 6px;margin:10px 0;padding:0;list-style:none}.operational-reach li{display:flex;align-items:center;color:var(--navy);font-size:8px;font-weight:700;white-space:nowrap}.operational-reach li:not(:last-child):after{content:"|";margin-left:6px;color:var(--amber);font-weight:400}.operational-reach .reach-team{color:#7b8999;font-size:7px}
.email-directory{display:block;margin:0;padding:3px 0 0}
.email-directory>div{padding:14px 0 17px;border-bottom:1px solid rgba(0,56,147,.15)}
.email-directory>div:first-child{padding-top:9px}
.email-directory>div:last-child{padding-bottom:0;border-bottom:0}
.email-directory a{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.5}
.email-or{display:flex;align-items:center;gap:8px;margin:7px 0;color:var(--amber);font-size:7px;font-weight:800;letter-spacing:1.2px}.email-or:before,.email-or:after{content:"";width:14px;height:1px;background:rgba(220,20,60,.35)}
.email-directory p{margin:9px 0 0;color:#71809a;font-size:10px;line-height:1.65}
.footer-contact>small,.footer-address>small,.email-directory small,.operational-reach>small{font-size:10px}
.footer-contact a,.footer-address address,.email-directory a{font-size:12px;line-height:1.65}
.email-directory p,.operational-reach p,.operational-reach .reach-team{font-size:10px;line-height:1.65}
.credentials small,.banking-channels>small{font-size:10px}
.journey-link,.footer-whatsapp span,.footer-portal span,.footer-portal b,.map-link{font-size:11px}
.banking-channels p{font-size:10px;line-height:1.65}
.operational-reach li{font-size:10px}
.email-or{font-size:9px}

@media (max-width:1100px) and (min-width:851px){
  .site-header nav{gap:20px}.site-header .brand{min-width:345px}.header-cta{display:none}
  .intro{grid-template-columns:.7fr 2fr;gap:4vw}.intro-copy{grid-column:2}
  .principle-content{padding-left:6vw;padding-right:6vw}.principle-visual{padding:6vw}
}
@media (max-width:1250px) and (min-width:851px){.site-header nav{gap:18px}.site-header .header-cta{display:none}}

/* Two-direction organization logo carousel */
.service-group{display:block;padding:0}.service-group:hover{padding-left:0;background:transparent}
.service-group summary{display:grid;grid-template-columns:55px 80px 1fr 40px;align-items:center;gap:20px;padding:31px 0;cursor:pointer;list-style:none}
.service-group summary::-webkit-details-marker{display:none}
.service-group summary strong{display:block;font:600 27px "Barlow Condensed";letter-spacing:.5px;text-transform:uppercase}
.service-group summary small{display:block;margin-top:7px;color:#82919c;font-size:12px;line-height:1.6}
.service-group .plus{position:relative;width:22px;height:22px}
.service-group .plus:before,.service-group .plus:after{content:"";position:absolute;top:10px;left:3px;width:16px;height:1px;background:#82919c;transition:transform .25s ease,background .25s ease}
.service-group .plus:after{transform:rotate(90deg)}
.service-group[open] .plus:after{transform:rotate(0)}
.service-group[open] .plus:before,.service-group[open] .plus:after{background:var(--amber)}
.service-body{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0 0 30px 155px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}
.service-body>div{min-height:145px;padding:25px 28px;background:rgba(0,41,109,.82)}
.service-body h4{margin:0 0 10px;color:#fff;font:600 18px "Barlow Condensed";letter-spacing:.4px;text-transform:uppercase}
.service-body p{margin:0;color:#91a4be;font-size:11px;line-height:1.75}
.service-group[open] summary strong{color:#fff}.service-group[open] .service-icon{color:var(--amber)}
.logo-showcase{padding:105px 0 115px;background:#fff;overflow:hidden}
.logo-showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:0 8vw 58px}
.logo-showcase-heading h2{margin:0;text-align:right;color:var(--ink);font:600 clamp(44px,5.3vw,77px)/1 "Barlow Condensed";letter-spacing:-1px;text-transform:uppercase}
.logo-showcase-heading h2 span{color:#8b979e}
.logo-marquee{display:grid;gap:16px;position:relative;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.logo-track{display:flex;width:max-content;gap:16px;will-change:transform}
.logo-group{display:flex;gap:16px}
.logo-tile{width:220px;height:145px;flex:0 0 220px;display:flex;align-items:center;justify-content:center;padding:22px;background:#f7f9fc;border:1px solid rgba(0,56,147,.1);overflow:hidden;line-height:0;transition:border-color .25s,transform .25s,background .25s}
.logo-tile.wide{width:220px;flex-basis:220px}
.logo-tile img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:50% 50%;filter:grayscale(1);opacity:.72;transition:filter .25s,opacity .25s}
.logo-tile:hover{z-index:1;background:#fff;border-color:rgba(220,20,60,.4);transform:translateY(-3px)}
.logo-tile:hover img{filter:none;opacity:1}
.move-left{animation:marquee-left 42s linear infinite}.move-right{animation:marquee-right 40s linear infinite}
.logo-marquee:hover .logo-track{animation-play-state:paused}
@keyframes marquee-left{to{transform:translateX(calc(-50% - 8px))}}
@keyframes marquee-right{from{transform:translateX(calc(-50% - 8px))}to{transform:translateX(0)}}

@media(max-width:850px){
  .service-group summary{grid-template-columns:28px 42px 1fr 24px;gap:12px;padding:25px 0}.service-group summary strong{font-size:24px}.service-group summary small{font-size:11px}.service-body{grid-template-columns:1fr;margin:0 0 24px 0}.service-body>div{min-height:auto;padding:22px}.service-body h4{font-size:17px}.service-body p{font-size:11px}
  .logo-showcase{padding:76px 0 82px}
  .logo-showcase-heading{display:block;padding:0 22px 42px}
  .logo-showcase-heading h2{text-align:left;margin-top:18px;font-size:clamp(42px,12vw,58px)}
  .logo-marquee{gap:12px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
  .logo-track,.logo-group{gap:12px}
  .logo-tile{width:160px;height:108px;flex-basis:160px;padding:14px}
  .logo-tile.wide{width:160px;flex-basis:160px}
  .move-left{animation-duration:34s}.move-right{animation-duration:32s}
}

@media(prefers-reduced-motion:reduce){.logo-track{animation:none;transform:none}.logo-marquee{overflow-x:auto;mask-image:none;padding:0 22px}.logo-track .logo-group[aria-hidden="true"]{display:none}}

@media(max-width:850px){
  .site-header{padding-left:20px;padding-right:20px;background:linear-gradient(180deg,rgba(0,31,83,.72),transparent)}
  .header-actions{display:none}.site-header.open nav .mobile-portal-link{display:block;color:#fff;background:rgba(220,20,60,.18)}
  .site-header.open{height:100dvh;align-content:flex-start;padding-top:0;background:#003893}
  .site-header.open nav{gap:0;margin:18px 0 0;border-top:1px solid rgba(255,255,255,.2)}
  .site-header.open nav a{font:600 30px/1 "Barlow Condensed";padding:18px 2px;border-bottom:1px solid rgba(255,255,255,.2)}
  .menu-button{width:44px;height:44px;padding:8px;cursor:pointer}
  .hero{height:100svh;min-height:680px;max-height:900px;align-items:flex-start}
  .hero-bg{background-position:64% center}
  .hero-bg:after{background:linear-gradient(90deg,rgba(0,36,96,.93),rgba(0,56,147,.43) 72%,rgba(0,25,67,.22)),linear-gradient(0deg,rgba(0,25,67,.9),transparent 55%)}
  .hero-grid{background-size:48px 48px}
  .hero-content{width:auto;max-width:620px;margin:0;padding:clamp(145px,22vh,200px) 22px 105px}
  .hero h1{font-size:clamp(54px,15vw,76px);line-height:.9;letter-spacing:-1px;margin:24px 0}
  .hero-copy{max-width:440px;font-size:14px;line-height:1.65}
  .hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}
  .hero-foot{height:68px;padding:0 22px}
  .intro{padding:76px 22px;gap:24px}.intro h2,.section-heading h2,.principle-content h2{font-size:clamp(42px,12vw,58px)}
  .expertise{padding:76px 22px}.section-heading{margin-bottom:46px}.section-index.light{margin-bottom:25px}
  .service{grid-template-columns:28px 42px 1fr;gap:12px;padding:25px 0}.service h3{font-size:24px}.service p{font-size:11px}
  .principle-visual{min-height:500px}.principle-content{padding:76px 22px}.principle-content .section-index{margin-bottom:28px}
  .contact{padding:86px 22px}.contact h2{font-size:clamp(58px,17vw,86px)}
  footer{padding:50px 22px 24px;gap:25px}
  .site-header .brand{min-width:0}.brand-logo{width:50px;height:50px;flex-basis:50px}.footer-brand .brand-logo{width:auto;height:120px;flex:0 0 auto;border:0;border-radius:0;background:transparent;box-shadow:none}
  .credentials{grid-template-columns:1fr 1fr;margin:-50px -22px 20px;padding:0 22px}.credentials-intro{grid-column:1/-1;min-height:88px;border-right:0;border-bottom:1px solid rgba(0,56,147,.14)}.credential-item{min-height:90px;padding:18px 16px}.credential-item:nth-child(3){border-right:0}.credential-item:last-child{grid-column:1/-1;border-top:1px solid rgba(0,56,147,.14)}
  .footer-identity{display:grid;grid-template-columns:1fr;gap:0}.identity-actions{padding-right:0;border-right:0}.footer-reserved{display:flex;padding:18px 0;border-top:1px solid rgba(0,56,147,.15)}.footer-reserved .map-link:first-child{margin-top:0}.footer-details{padding:22px 0;border-left:0;border-right:0;border-top:1px solid rgba(0,56,147,.15);border-bottom:1px solid rgba(0,56,147,.15)}.banking-channels{margin-top:18px;padding-top:17px;border-top:1px solid rgba(0,56,147,.15)}
  .email-directory{display:block;margin:0}.email-directory>div,.email-directory>div:first-child,.email-directory>div:last-child{padding:22px 0;border-right:0;border-bottom:1px solid rgba(0,56,147,.14)}.email-directory>div:last-child{border-bottom:0}
}

@media(max-width:520px){
  .brand{gap:8px}.brand-logo{width:45px;height:45px;flex-basis:45px;border-width:2px}.brand strong{font-size:17px;letter-spacing:1.1px}.brand small{font-size:5.8px;letter-spacing:.58px}.brand-mark{transform:scale(.82) skewY(-15deg);transform-origin:left center}
  .copyright{align-items:flex-start;flex-direction:column;gap:8px}.website-history{margin-left:0;text-align:left}
  .eyebrow{font-size:10px;letter-spacing:1.6px}.eyebrow span{width:24px}
  .hero-actions{align-items:stretch;flex-direction:column;gap:18px}.hero-actions .button{width:100%}.hero-actions .text-link{text-align:center}
  .hero-foot{justify-content:space-between}.hero-foot div:first-child{display:flex}.hero-foot div:nth-child(2){display:flex!important;text-align:right}.hero-foot strong{font-size:9px}
  .intro{padding-top:68px}.section-index{margin-bottom:5px}
  .service{grid-template-columns:26px 1fr}.service-icon{display:none}.service h3{font-size:22px}.service p{margin-top:8px}
  .principle-visual{min-height:420px;padding:54px 34px}.blueprint-card{width:100%;max-width:290px;height:340px;box-shadow:16px 16px 0 rgba(0,56,147,.16)}.blueprint-card strong{font-size:36px}
  .principle-item{grid-template-columns:32px 1fr}.principle-item p{font-size:12px}
  .credentials{display:block;padding:0 22px}.credentials-intro,.credential-item{min-height:auto;padding:18px 0;border-right:0;border-bottom:1px solid rgba(0,56,147,.14)}.credentials-intro{padding:22px 0}.credential-item:last-child{border-top:0}.credentials strong{font-size:17px}
  .footer-contact,.footer-address{padding-top:0}.footer-contact>small,.footer-address>small,.email-directory small,.operational-reach>small,.banking-channels>small{font-size:10px}.footer-address address,.email-directory a,.footer-contact a{font-size:12px;line-height:1.65}.email-directory p,.operational-reach p,.operational-reach .reach-team,.banking-channels p{font-size:10px;line-height:1.65}
  .logo-tile,.logo-tile.wide{width:148px;height:100px;flex-basis:148px;padding:12px}
  .service-group summary{grid-template-columns:25px 1fr 22px}.service-group summary .service-icon{display:none}.service-group summary strong{font-size:22px}.service-body>div{padding:19px 16px}
}