@import url(fonts.css);

/* ---------- Base ---------- */
:root{
  --navy:#15384F; --teal:#7FB1A8; --red:#FF3644; --pink:#FA6B75; --light:#E6E4E4;
  --gray:#4D4D4D; --sky:#CFDEFC; --rose:#FFA1A5;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:#fff;font-family:'Barlow',sans-serif;font-weight:200;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2,h3{margin:0;font-weight:inherit}

/* fixed site background (handshake photo at 5% over navy) */
.site-bg{position:fixed;inset:0;z-index:-1;background:var(--navy)}
.site-bg::after{content:"";position:absolute;inset:0;background:url(../img/hero-bg.jpg) center/cover no-repeat;opacity:.05}

.f-suez{font-family:'Suez One',serif;font-weight:400}
.f-work{font-family:'Work Sans',sans-serif;font-weight:200}
.f-work-b{font-family:'Work Sans',sans-serif;font-weight:600}
.f-barlow{font-family:'Barlow',sans-serif;font-weight:200}
.f-mont{font-family:'Montserrat',sans-serif;font-weight:400}
.f-mont-b{font-family:'Montserrat',sans-serif;font-weight:700}
.f-pop{font-family:'Poppins',sans-serif;font-weight:600}

/* ---------- Header ---------- */
.site-header{position:fixed;top:0;left:0;right:0;height:120px;z-index:50;pointer-events:none}
.site-header > *{pointer-events:auto}
.brand{position:absolute;left:67px;top:49px;display:flex;gap:15px;align-items:flex-start}
.brand img{width:69px;height:60px;object-fit:contain}
.brand .name{font-family:'Suez One',serif;font-size:25px;line-height:33px;margin-top:6px;color:#fff}
.brand .tag{font-family:'Barlow',sans-serif;font-weight:200;font-size:14px;line-height:18px;color:#fff;margin-top:-3px}
.nav{position:absolute;right:69px;top:0;display:flex;align-items:flex-start}
.nav a.item{font-family:'Montserrat',sans-serif;font-size:14px;line-height:52px;margin-top:40px;padding:0 12px;color:#fff;transition:color .2s}
.nav a.item + a.item{margin-left:10px}
.nav a.item:hover,.nav a.item.active{color:var(--pink)}
.nav a.team{margin-left:9px;width:110px;height:92px;background:var(--red);font-family:'Montserrat',sans-serif;font-size:15px;color:#fff;display:flex;justify-content:center;align-items:flex-end;padding-bottom:18px;transition:background .2s}
.nav a.team:hover{background:#e52532}
.nav a.team.active{background:var(--pink)}
.burger{display:none}

/* ---------- Generic layout ---------- */
.sec{position:relative;overflow:hidden}
.wrap{position:relative;width:980px;margin:0 auto;height:100%}
.layer{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}
.abs{position:absolute;left:var(--x,0);top:var(--y,0);width:var(--w,auto)}
.split{display:flex}
.split > .half{position:relative;width:50%;overflow:hidden}

.btn-pill{display:inline-flex;align-items:center;justify-content:center;width:168px;height:61px;border-radius:200px;background:var(--red);border:2.4px solid var(--red);color:#fff;font-family:'Montserrat',sans-serif;font-size:18px;transition:background .2s,color .2s}
.btn-pill:hover{background:transparent;color:var(--red)}
.redline{width:40px;height:3px;background:var(--red)}

.h-xl{font-family:'Work Sans',sans-serif;font-weight:200;font-size:55px;line-height:66px}
.h-sub{font-family:'Work Sans',sans-serif;font-weight:200;font-size:30px;line-height:35px}

/* ---------- Home hero ---------- */
.hero{height:1154px;background:var(--navy)}
.hero .layer{background-image:url(../img/hero-bg.jpg);opacity:.35;background-attachment:fixed}
.hero-title{text-align:center;color:#fff}
.hero-title .t1{font-family:'Suez One',serif;font-size:64px;line-height:84px}
.hero-title .t2{font-family:'Work Sans',sans-serif;font-weight:200;font-size:28px;line-height:34px}
.hero-title .t3{font-family:'Work Sans',sans-serif;font-weight:200;font-size:13px;letter-spacing:1.3px;line-height:16px;margin-top:5px}
.tiles{display:flex;gap:9px;justify-content:center}
.tile{width:221px;height:241px;display:flex;flex-direction:column;align-items:center;padding-top:41px;transition:transform .25s,background .25s}
.tile:nth-child(odd){background:rgba(21,56,79,.25)}
.tile:nth-child(even){background:rgba(127,177,168,.25)}
.tile:nth-child(3){margin-left:10px}
.tile img{width:100px;height:93px;object-fit:contain;transition:transform .25s}
.tile span{font-family:'Poppins',sans-serif;font-weight:600;font-size:19px;line-height:27px;text-align:center;margin-top:11px}
.tile:nth-child(odd) span{color:var(--teal)}
.tile:nth-child(even) span{color:var(--light)}
.tile:hover{background:rgba(255,54,68,.35)}
.tile:hover img{transform:scale(1.08)}

/* ---------- Service split sections ---------- */
.svc .half{min-height:var(--h)}
.svc .wave{opacity:var(--wop,.06)}
.svc .wave-l{background-image:url(../img/wave-left.png)}
.svc .wave-r{background-image:url(../img/wave-right.png)}
.svc-text h2{font-family:'Work Sans',sans-serif;font-weight:200;font-size:55px;line-height:66px;text-transform:uppercase}
.svc-text .redline{margin:34px 0 36px}
.svc-text p{font-family:'Barlow',sans-serif;font-weight:200;font-size:18px;line-height:30.6px;text-align:justify}
.svc-text p b{font-weight:700;color:var(--rose)}
.svc-text .btn-pill{margin-top:56px}
.svc.dark-text .svc-text{color:#2B2B2B}
.svc.dark-text .svc-text h2{line-height:77px}
.svc.dark-text .svc-text p{color:#000;line-height:34.2px}

.card{display:block;width:468px;height:578px;background:#fff;border:.8px solid var(--bcol,#0332CB);color:var(--gray);transition:box-shadow .25s}
.card:hover{box-shadow:0 10px 30px rgba(0,0,0,.25)}
.card .ph{height:270px;overflow:hidden}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .ph img{transform:scale(1.04)}
.card .body{padding:37px 24px 0;height:307px;display:flex;flex-direction:column}
.card .meta{font-family:'Montserrat',sans-serif;font-size:12px;color:var(--gray)}
.card .meta i{font-style:normal;margin:0 6px}
.card h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:28px;line-height:34px;color:var(--navy);margin-top:35px}
.card:hover h3{color:var(--red)}
.card .ex{font-family:'Montserrat',sans-serif;font-size:15px;line-height:24px;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .foot{margin-top:auto;border-top:1px solid #ddd;height:63px}

/* ---------- Slogan ---------- */
.slogan{height:1198px;background:var(--teal)}
.slogan .layer{background-image:url(../img/slogan-bg.jpg)}
.slogan .q{width:65px;height:56px;margin:0 auto}
.slogan blockquote{margin:0;font-family:'Work Sans',sans-serif;font-weight:600;font-size:64px;line-height:76.8px;color:var(--light);text-align:center}
.slogan cite{display:block;font-style:normal;font-family:'Work Sans',sans-serif;font-weight:200;font-size:28px;color:#fff;text-align:center}

.strip{position:absolute;left:0;right:0;z-index:3;background-size:100% 100%;pointer-events:none}

/* ---------- Footer ---------- */
.site-footer{position:relative;height:794px;background:var(--navy);overflow:hidden}
.site-footer .layer{background-image:url(../img/footer-bg.jpg);opacity:.06}
.f-brand{display:flex;gap:7px;align-items:flex-start}
.f-brand img{width:83px;height:72px;object-fit:contain}
.f-brand .name{font-family:'Suez One',serif;font-size:30px;line-height:39px;color:var(--light);margin-top:6px}
.f-brand .tag{font-family:'Barlow',sans-serif;font-size:13px;color:var(--light);margin-top:13px;white-space:nowrap}
.f-about{font-size:14px;line-height:22px;text-align:justify;color:var(--light)}
.faded{filter:saturate(.55) brightness(1.15) contrast(.9)}
.f-sub-title{font-family:'Montserrat',sans-serif;font-size:16px;color:var(--light);text-align:center}
.f-sub-small{font-size:11px;color:var(--light);text-align:center;margin-top:4px}
.sub-box{width:339px;height:171px;background:rgba(43,43,43,.5);position:relative}
.sub-box label{position:absolute;left:31px;top:46px;font-family:'Montserrat',sans-serif;font-size:13px;color:#fff}
.sub-box input[type=email]{position:absolute;left:31px;top:68px;width:291px;height:40px;border:0;border-radius:100px;padding:0 18px;font-family:'Montserrat',sans-serif;font-size:14px;outline:none}
.sub-box button{position:absolute;left:194px;top:29px;width:119px;height:30px;border:0;border-radius:200px;background:var(--navy);color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;letter-spacing:.3px;cursor:pointer;transition:background .2s}
.sub-box button:hover{background:var(--red)}
.sub-box .msg{position:absolute;left:31px;right:20px;top:118px;font-size:13px;font-family:'Montserrat',sans-serif}
.social{display:flex;gap:13px}
.social img{width:35px;height:35px;transition:opacity .2s}
.social a:hover img{opacity:.7}
.copy{font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;letter-spacing:.6px;color:var(--light);text-align:center}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ---------- Page heading (inner pages) ---------- */
.ph-sub{font-family:'Work Sans',sans-serif;font-weight:200;font-size:30px;line-height:35px;color:#DBDBDB}
.ph-title{font-family:'Work Sans',sans-serif;font-weight:200;font-size:55px;line-height:65px;color:#DBDBDB}

/* ---------- About ---------- */
.about-intro h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:28px;line-height:34px;color:var(--light)}
.about-intro .lead{font-size:18px;line-height:23px;color:var(--light);margin-top:2px}
.about-intro ul{list-style:none;margin:22px 0 0;padding:0;font-size:18px;line-height:23.4px;color:var(--light)}
.about-intro .long{font-size:18px;line-height:23px;text-align:justify;color:var(--light)}
.timeline{height:575px;background:var(--teal)}
.tl{display:flex;position:absolute;left:50%;top:95px;transform:translateX(-50%)}
.tl > div{position:relative;width:269px;height:385px;overflow:hidden;text-align:center;color:var(--light)}
.tl > div:nth-child(1){width:267px}
.tl > div:nth-child(odd){background:var(--teal)}
.tl > div:nth-child(even){background:var(--navy)}
.tl .layer{background-size:cover}
.tl .yr{position:relative;font-family:'Work Sans',sans-serif;font-weight:600;font-size:60px;line-height:60px;margin-top:53px}
.tl p{position:relative;font-size:18px;line-height:25.2px;margin:41px auto 0;width:190px}
.mvc{height:1378px}
.mvc .layer{background-image:url(../img/mvc-bg.png);opacity:.05}
.mvc-cards{display:flex;gap:25px}
.mvc-cards > div{position:relative;width:307px;height:518px;background:var(--gray);text-align:center;color:#fff;padding-top:187px;overflow:hidden}
.mvc-cards > div:first-child{width:316px}
.mvc-cards .layer{opacity:.05}
.mvc-cards h3{position:relative;font-family:'Montserrat',sans-serif;font-weight:700;font-size:25px;line-height:30px}
.mvc-cards p{position:relative;font-size:16px;line-height:27.2px;margin:25px auto 0;width:250px}
.mvc-cards svg{position:absolute;left:50%;bottom:50px;margin-left:-17px;width:34px;height:32px;fill:#C7C7C7}

/* ---------- Services (blog list) ---------- */
.blog-box{width:885px}
.blog-nav{height:80px;background:var(--navy);display:flex;align-items:center;padding:0 20px;gap:40px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:16px}
.blog-nav a{color:#fff;transition:color .2s}
.blog-nav a.on,.blog-nav a:hover{color:var(--red)}
.blog-nav .search{margin-left:auto;width:19px;height:19px;fill:#fff;opacity:.9}
.slider{position:relative;margin-top:21px;overflow:hidden;padding:0 21px}
.slides{display:flex;gap:30px;transition:transform .45s ease}
.pcard{flex:0 0 267px;height:446px;border:1px solid rgba(255,255,255,.35);background:rgba(77,77,77,.0);display:flex;flex-direction:column;color:#fff}
.pcard .ph{height:199px;overflow:hidden;background:rgba(255,255,255,.05)}
.pcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.pcard:hover .ph img{transform:scale(1.05)}
.pcard .bd{flex:1;background:rgba(77,77,77,.9);padding:30px 24px 0;display:flex;flex-direction:column}
.pcard .auth{display:flex;gap:10px;align-items:center;font-family:'Montserrat',sans-serif;font-size:11px;line-height:14px;color:#ddd}
.pcard .av{width:32px;height:32px;border-radius:50%;background:#bbb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='12' r='6' fill='%23eee'/%3E%3Cpath d='M5 28c2-6 6-9 11-9s9 3 11 9' fill='%23eee'/%3E%3C/svg%3E") center/cover}
.pcard h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:22px;line-height:30px;margin-top:22px}
.pcard:hover h3{color:var(--red)}
.pcard .ln{margin-top:auto;border-top:1px solid rgba(255,255,255,.3);height:44px}
.dots{display:flex;gap:8px;justify-content:center;margin:22px 0}
.dots button{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.5);cursor:pointer}
.dots button.on{background:#fff}
.partners{height:140px;background:rgba(250,250,250,.08);overflow:hidden}
.marquee{display:flex;align-items:center;gap:36px;height:100%;width:max-content;animation:marq 40s linear infinite}
.marquee img{height:64px;width:auto;max-width:200px;object-fit:contain;filter:grayscale(1) brightness(1.7);opacity:.85}
@keyframes marq{to{transform:translateX(-50%)}}
.expertise{height:419px;background:var(--navy)}
.expertise .layer{background-image:url(../img/expertise-bg.png);opacity:.08}
.expertise h2{font-family:'Work Sans',sans-serif;font-weight:200;font-size:52px;line-height:62px;letter-spacing:2.6px;text-align:center}
.expertise .bar{width:96px;height:5px;background:var(--red);margin:25px auto 0}

/* ---------- Post ---------- */
.post-box{width:979px;background:rgba(255,255,255,.05)}
.post-box .blog-nav{font-size:14px}
.post-box .blog-nav a{color:#fff}
.article{margin:20px;background:var(--light);padding:58px 100px 60px;color:var(--gray);font-family:'Montserrat',sans-serif}
.article .meta{font-size:14px;line-height:21px}
.article .meta i{font-style:normal;margin:0 6px}
.article h1{font-weight:700;font-size:28px;line-height:35px;color:#000E3B;margin:21px 0 21px}
.article .content p{font-size:18px;line-height:27px;margin:0 0 27px;text-align:justify}
.article .content h2{font-weight:700;font-size:28px;line-height:35px;margin:20px 0 22px}
.article .content h3{font-weight:700;font-size:22px;line-height:27px;margin:20px 0 6px}
.article .content blockquote{margin:0 0 30px;padding:0 0 0 20px;border-left:3px solid var(--red);font-size:24px;line-height:30px;font-style:italic}
.article .content ul{margin:0 0 27px;padding-left:36px}
.article .content li{font-size:18px;line-height:27px}
.article .content li p{margin:0}
.article .content figure{margin:4px 0 30px}
.article .content figure.full img{width:740px;height:427px;object-fit:cover}
.article .content figure.left{float:left;margin:0 40px 20px 0}
.article .content figure.center img{margin:0 auto}
.article .content::after{content:"";display:block;clear:both}
.article .tags{margin-top:30px;font-size:14px}
.article .tags a{display:inline-block;border:1px solid var(--gray);padding:4px 12px;transition:background .2s,color .2s}
.article .tags a:hover{background:var(--gray);color:#fff}
.article .share{display:flex;gap:30px;border-top:1px solid #bbb;margin-top:24px;padding-top:24px}
.article .share a svg{width:19px;height:19px;fill:var(--gray)}
.article .share a:hover svg{fill:var(--red)}
.recent{margin:30px 20px 20px}
.recent h4{font-family:'Montserrat',sans-serif;font-weight:400;font-size:16px;margin:0 0 16px;color:#fff}

/* ---------- Contact ---------- */
.write-us{width:561px;height:665px;background:var(--navy);padding:2px 21px}
.write-us .h-xl{line-height:65px}
.write-us .lead{font-family:'Montserrat',sans-serif;font-size:18px;margin:9px 0 0 5px}
.cform{margin-top:118px;width:400px}
.cform label{display:block;font-family:'Montserrat',sans-serif;font-size:10px;line-height:10px;letter-spacing:.5px}
.cform input,.cform textarea{display:block;width:400px;height:26px;margin:9px 0 22px;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.8);color:#fff;font-family:'Montserrat',sans-serif;font-size:14px;outline:none}
.cform textarea{height:100px;border:1px solid rgba(255,255,255,.8);resize:vertical;padding:8px}
.cform input:focus,.cform textarea:focus{border-color:var(--red)}
.cform button{display:block;margin:47px 0 0 113px;width:175px;height:55px;border:0;border-radius:200px;background:var(--red);color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;cursor:pointer;transition:background .2s}
.cform button:hover{background:#e52532}
.form-msg{margin-top:14px;font-family:'Montserrat',sans-serif;font-size:13px}
.cinfo{font-size:16px;color:var(--light)}
.cinfo .row{display:flex;gap:4px;align-items:flex-start}
.cinfo .row img{width:26px;height:26px;flex:none}
.cinfo .row span,.cinfo .row a{padding-top:5px}
.cinfo a:hover{color:var(--red)}

/* ---------- Team ---------- */
.team-hero{height:1400px}
.team-hero .photo{border:8.8px solid #fff;background:#fff}
.team-hero .photo img{width:421px;height:476px;object-fit:cover;filter:grayscale(1)}
.team-hero h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:30px;line-height:36px}
.team-hero p{font-size:18px;line-height:30.6px;text-align:justify}
.team-hero p + p{margin-top:11px}
.signature{width:200px;height:61px}
.signature svg{width:100%;height:100%}
.senior{height:1152px;background:rgba(250,250,250,.7)}
.senior .layer{background-image:url(../img/wave-left.png);opacity:1}
.senior h2{font-family:'Work Sans',sans-serif;font-weight:200;font-size:55px;line-height:67px;color:var(--navy);text-align:center}
.members{display:flex;justify-content:center;gap:95px}
.member{width:326px;text-align:center;color:#000}
.member .pic{width:210px;height:226px;margin:0 auto;border-radius:50%;overflow:hidden;border:.8px solid var(--light);background:var(--light)}
.member .pic img{width:100%;height:100%;object-fit:cover}
.member h3{font-family:'Poppins',sans-serif;font-weight:200;font-size:25px;line-height:35px;color:var(--gray);margin-top:22px;font-weight:600}
.member .li{display:inline-block;margin-top:22px}
.member .li img{width:42px;height:42px}
.member p{font-size:18px;line-height:23.4px;text-align:justify;margin-top:19px}
.member p + p{margin-top:0}

/* ---------- Responsive ---------- */
@media (max-width:1000px){
  .site-header{position:sticky;height:auto;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:12px 16px;box-shadow:0 2px 10px rgba(0,0,0,.25)}
  .brand{position:static;gap:10px}
  .brand img{width:46px;height:40px}
  .brand .name{font-size:20px;line-height:24px;margin-top:2px}
  .brand .tag{font-size:12px;margin-top:0}
  .burger{display:block;background:none;border:0;width:40px;height:40px;padding:8px;cursor:pointer}
  .burger span{display:block;height:2px;background:#fff;margin:6px 0}
  .nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--navy);display:none;padding:8px 0 16px}
  .nav.open{display:flex}
  .nav a.item{margin:0;padding:0 24px;line-height:46px}
  .nav a.item + a.item{margin-left:0}
  .nav a.team{width:auto;height:46px;margin:10px 24px 0;align-items:center;padding:0}
  .wrap{width:auto;padding:0 20px}
  .abs{position:static;width:auto!important;max-width:100%}
  .sec,.hero,.slogan,.timeline,.mvc,.expertise,.team-hero,.senior,.site-footer{height:auto!important;padding:60px 0}
  .hero{padding-top:80px}
  .split{flex-direction:column}
  .split > .half{width:100%;min-height:0!important;padding:50px 20px}
  .svc .half.card-half{padding-top:0}
  .tiles{flex-wrap:wrap;gap:10px;margin-top:40px}
  .tile{width:calc(50% - 5px);height:auto;padding:28px 10px 24px}
  .tile:nth-child(3){margin-left:0}
  .tile img{width:70px;height:65px}
  .tile span{font-size:16px;line-height:22px}
  .hero-title .t1{font-size:48px;line-height:62px}
  .hero-title .t2{font-size:22px}
  .h-xl,.svc-text h2,.ph-title,.senior h2{font-size:38px;line-height:46px!important}
  .svc-text .btn-pill{margin-top:34px}
  .card{width:100%;max-width:468px;height:auto;margin:0 auto}
  .card .body{height:auto;padding-bottom:20px}
  .card h3{font-size:22px;line-height:28px;margin-top:20px}
  .card .foot{display:none}
  .slogan blockquote{font-size:34px;line-height:44px;margin-top:24px}
  .slogan cite{font-size:22px;margin-top:24px}
  .strip{display:none}
  .site-footer .wrap > * + *{margin-top:28px}
  .sub-box{width:100%;max-width:339px;margin-left:auto;margin-right:auto}
  .sub-box input[type=email]{width:calc(100% - 48px)}
  .sub-box button{left:auto;right:20px}
  .social{justify-content:center}
  .f-sub-title{margin-top:40px!important}
  .about-intro > * + *{margin-top:24px}
  .tl{position:static;transform:none;flex-wrap:wrap;margin:0 20px}
  .tl > div,.tl > div:nth-child(1){width:50%;height:auto;padding-bottom:30px}
  .tl .yr{font-size:44px;margin-top:30px}
  .tl p{width:auto;margin:20px 16px 0;font-size:16px}
  .mvc-cards{flex-direction:column;align-items:center;margin-top:40px}
  .mvc-cards > div,.mvc-cards > div:first-child{width:100%;max-width:340px;height:auto;padding:60px 0 100px}
  .blog-box,.post-box{width:100%}
  .blog-nav{gap:18px;font-size:13px;overflow-x:auto;white-space:nowrap}
  .slides{gap:16px}
  .pcard{flex-basis:260px}
  .expertise h2{font-size:30px;line-height:40px}
  .article{margin:12px 0;padding:30px 20px}
  .article .content figure.full img,.article .content figure img{width:100%!important;height:auto!important}
  .article .content figure.left{float:none;margin:0 0 20px}
  .article .content blockquote{font-size:20px;line-height:27px}
  .write-us{width:100%;height:auto;padding:20px 20px 40px}
  .cform{width:100%;margin-top:40px}
  .cform input,.cform textarea{width:100%}
  .cform button{margin:30px auto 0}
  .cinfo{margin-top:40px}
  .team-hero .photo{max-width:440px}
  .team-hero .photo img{width:100%;height:auto}
  .team-hero > .wrap > * + *{margin-top:24px}
  .members{flex-direction:column;align-items:center;gap:50px;margin-top:40px}
  .member{width:100%;max-width:360px}
  .spacer-m{display:block;height:20px}
}
@media (max-width:560px){
  .tl > div,.tl > div:nth-child(1){width:100%}
  .blog-nav .search{display:none}
}

/* Montserrat blocks use regular weight (body default is Barlow 200) */
.article,.card,.pcard,.cform,.sub-box label,.sub-box input,.f-sub-title,.write-us .lead,.nav a,.btn-pill,.blog-nav,.member h3{font-weight:400}
.blog-nav,.card h3,.pcard h3,.article h1,.article .content h2,.article .content h3,.cform button,.sub-box button{font-weight:700}
.member h3{font-weight:600}
.mvc-cards svg{transform:rotate(180deg)}
@media (max-width:1000px){.hero .layer{background-attachment:scroll}}
@media (max-width:1000px){
  .svc{background:transparent!important}
  .slogan .q{width:65px!important;margin:0 auto}
  .slogan .q svg{width:65px;height:56px}
  .site-footer .wrap{display:flex;flex-direction:column;align-items:center}
  .site-footer .wrap > *{margin-top:24px}
  .f-about{max-width:320px}
  .site-footer img.abs{width:auto!important;max-width:200px}
  .sub-box{position:relative!important;width:100%!important;max-width:339px}
  .f-brand .tag{white-space:normal}
  .copy{margin-top:40px!important}
}
@media (max-width:1000px){
  .abs{left:auto;top:auto}
  .site-footer img.abs[alt="SAP Business One"]{width:201px!important}
  .site-footer img.abs[alt="Sage Pastel Partner"]{width:141px!important}
}
@media (max-width:1000px){ .about-intro .wrap > * + *{margin-top:24px} }

/* ---------- Language switch ---------- */
.lang-switch{position:absolute;right:20px;top:58px;display:flex;gap:5px;font-family:'Montserrat',sans-serif;font-weight:400;font-size:12px;color:rgba(255,255,255,.6)}
.lang-switch a{color:rgba(255,255,255,.75);transition:color .2s}
.lang-switch a:hover,.lang-switch a.on{color:var(--pink)}
.lang-switch a.on{font-weight:700}
@media (max-width:1000px){
  .lang-switch{position:static;margin-left:auto;margin-right:12px;font-size:13px}
}

/* Ajustes para textos em português (mais longos) */
html[lang=pt] .mvc-cards p{font-size:15px;line-height:24px;width:262px}
html[lang=pt] .expertise h2{font-size:44px;line-height:54px}
html[lang=pt] .slogan blockquote{font-size:58px;line-height:70px}
html[lang=pt] .tl p{font-size:17px;line-height:23px}
@media (max-width:1000px){
  html[lang=pt] .expertise h2{font-size:28px;line-height:38px}
  html[lang=pt] .slogan blockquote{font-size:32px;line-height:42px}
}