/* MBSEtech review v5 — Wix-inspired responsive rebuild */
:root{--navy:#080d2b;--navy-soft:#111936;--gold:#b7b992;--orange:#bd6b19;--ink:#111a33;--line:rgba(255,255,255,.22);--sans:'Proxima Nova','Avenir Next','Century Gothic',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1130px,calc(100% - 84px));margin:auto}.site-header{background:var(--navy);color:white;position:relative;z-index:50}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:91px;gap:30px}.logo{width:154px;height:auto;max-height:76px;object-fit:contain}.nav{display:flex;align-items:center;gap:31px;font-size:15px;white-space:nowrap}.nav a{transition:color .2s}.nav a.active,.nav a:hover{color:#dc8b39}.menu-button{display:none;background:none;border:1px solid #59607a;color:white;padding:9px 14px;border-radius:3px}.navy{background:var(--navy);color:#fff}.section{padding:92px 0}.section-sm{padding:56px 0}.eyebrow{font:700 15px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.055em;color:var(--gold);margin-bottom:16px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--sans);font-weight:700;letter-spacing:-.016em}h1{font-size:38px;line-height:1.22;margin-bottom:22px}h2{font-size:38px;line-height:1.22;margin-bottom:26px}h3{font-size:21px;line-height:1.35;margin-bottom:15px}p+p{margin-top:20px}.lead,.intro-paragraph{font-size:20px;line-height:1.55;max-width:1030px}.intro-paragraph{margin-bottom:35px}.muted{color:#737d92}.navy .muted{color:#c3c8d7}.hero{min-height:515px;display:flex;align-items:center;overflow:hidden}.hero-inner{display:grid;grid-template-columns:47% 53%;gap:0;align-items:center;min-height:515px}.hero h1{font-size:45px;line-height:1.16;max-width:520px;letter-spacing:0}.hero-kicker{color:var(--gold);font-size:12px;letter-spacing:.16em;margin-bottom:25px}.hero-subline{color:#d4d8e5;font-size:17px;max-width:410px;margin:24px 0}.hero-art{width:117%;max-width:none;transform:translateX(-4%);object-fit:contain;filter:drop-shadow(0 15px 25px #0003)}.text-link,.back{display:inline-block;color:#cf873a;font-size:15px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:4px}.text-link:hover,.back:hover{color:#f6b866}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}.page-index .two-col h2{font-size:30px}.page-index .two-col p{font-size:20px;line-height:1.65;margin-bottom:24px}.portrait{height:375px;width:100%;object-fit:cover;object-position:center 35%}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.service{min-height:305px;padding:37px 31px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.page-index .service{min-height:255px}.service .number{font:400 46px/1.1 var(--serif);color:var(--orange);margin-bottom:38px}.service h3{font:400 17px/1.45 var(--sans);letter-spacing:.012em;text-transform:uppercase;color:white;max-width:300px}.service p{font-size:16px;line-height:1.65;color:#c8cedc;margin-top:20px}.service-overlay{position:absolute;inset:0}.service:has(.service-overlay):hover{background:#121b3b}.hero-image{width:100%;aspect-ratio:2/1;object-fit:cover;margin-top:35px}.quote{font:400 46px/1.35 var(--serif);letter-spacing:-.012em;max-width:1040px;margin:0}.vision-label{font-size:17px;letter-spacing:.035em;margin-top:30px}.expert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:50px}.expert-card img,.placeholder-photo{width:100%;height:290px;object-fit:cover;object-position:center 22%;background:#2359ad}.expert-card h3{font-size:20px;margin:20px 0 8px}.expert-card p{font-size:16px;line-height:1.6}.placeholder-photo{display:flex;align-items:center;justify-content:center;text-align:center;color:#c7d7f4;padding:25px;font-size:15px}.core-values-section{background:linear-gradient(90deg,rgba(5,10,32,.75),rgba(5,10,32,.47)),url('assets/core-values-original.png') center center/cover no-repeat;min-height:665px}.core-values-section h2{color:#c0c29d}.core-subtitle{font-size:14px;color:#d0d4de;margin:-16px 0 40px}.values{display:grid;grid-template-columns:1fr 1fr;gap:110px}.values-intro{font-size:16px;line-height:1.55;max-width:370px}.values-list{display:grid;gap:32px}.value-card{border-left:2px solid #c1742a;padding:0 0 0 20px;max-width:400px}.value-card h3{font-size:34px;font-weight:400;margin:0 0 12px}.value-card p{font-size:16px;line-height:1.55}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.contact-grid a:hover{color:#e5a055}.contact-grid>div:first-child>p:not(.muted){font-size:23px;margin-top:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:7px;font-size:15px}.field.full{grid-column:1/-1}.field input,.field textarea{background:transparent;color:white;border:1px solid #717992;min-height:46px;padding:12px;outline-offset:3px;width:100%}.field textarea{min-height:135px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--orange);color:white;border:0;padding:13px 33px;font-weight:700;font-size:16px;transition:background .2s}.btn:hover{background:#d6872d}.form-status,.form-note{font-size:13px;color:#c3c9da;margin-top:15px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:46px}.course{background:#fff;color:var(--ink);overflow:hidden}.course img{width:100%;aspect-ratio:1.18;object-fit:cover}.course-content{padding:24px 26px 31px}.course-index{color:#a86423;letter-spacing:.07em;font-size:12px;margin-bottom:16px}.course h3{font-size:22px}.course p{font-size:16px;line-height:1.6;margin-bottom:22px}.course-action{display:inline-block;background:var(--orange);color:#fff;padding:11px 18px;font-size:14px;font-weight:700}.course-action:hover{background:#d6872d}.blog-list{display:grid;gap:35px;margin-top:45px}.blog-card{display:grid;grid-template-columns:43% 57%;border:1px solid #35405d;min-height:295px;transition:background .2s}.blog-card:hover{background:#121b3e}.blog-card img{width:100%;height:100%;min-height:295px;object-fit:cover}.blog-card-content{padding:33px 40px}.blog-card h2{font:400 32px/1.25 var(--serif);margin:16px 0}.blog-card p{font-size:16px;color:#c5cbda;margin-bottom:16px}.meta{font-size:14px;color:#bfc5d5}.article{max-width:860px;margin:0 auto;padding:75px 0 100px}.article h1{font:400 46px/1.25 var(--serif);letter-spacing:0;margin:25px 0}.article p:not(.meta){font:400 24px/1.55 var(--sans);margin-bottom:28px}.article img{width:100%;height:auto;max-height:550px;object-fit:cover;margin:35px 0}.share{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px}.share a{border:1px solid #bbc0cb;padding:9px 17px;font-size:14px}.closing-cta{background:#111b3b;color:white;padding:67px 0;border-top:1px solid #283452}.closing-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.closing-cta h2{font-size:30px;margin-bottom:9px}.closing-cta p{color:#d3d8e4}.footer{background:white;color:var(--navy);border-top:1px solid #e9e9ec;padding:29px 0}.footer-inner{display:flex;justify-content:center;align-items:center;gap:55px;flex-wrap:wrap;font-size:17px}.footer-logo{width:112px}.footer a:hover{color:var(--orange)}.footer-inner span:last-child{font-size:13px;color:#7b8290}.page-index .footer-inner span{font-size:17px}.page-index .footer-inner span:last-child{font-size:13px}
@media(max-width:950px){.wrap{width:min(100% - 54px,1130px)}.nav{gap:17px;font-size:14px}.header-inner{gap:16px}.two-col{gap:48px}.contact-grid{gap:55px}.values{gap:55px}.hero-art{width:110%}}
@media(max-width:750px){.menu-button{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--navy);flex-direction:column;align-items:stretch;padding:18px 27px 28px;gap:0;box-shadow:0 15px 20px #0003}.nav.open{display:flex}.nav a{padding:12px 0;border-bottom:1px solid #252d4a}.header-inner{min-height:75px}.section{padding:65px 0}.hero-inner,.two-col,.contact-grid,.values{grid-template-columns:1fr;gap:38px}.hero-inner{padding:65px 0 35px;min-height:0}.hero{min-height:0}.hero-art{width:100%;transform:none;max-width:590px;margin:auto}.expert-grid,.course-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.values-list{gap:30px}.closing-cta-inner{align-items:flex-start;flex-direction:column}.blog-card{grid-template-columns:1fr}.blog-card img{height:300px;min-height:0}.footer-inner{gap:24px}}
@media(max-width:530px){.wrap{width:calc(100% - 36px)}.hero h1{font-size:clamp(34px,9vw,45px)}h1,h2{font-size:clamp(29px,8vw,38px)}.page-index .two-col p,.intro-paragraph,.lead{font-size:18px}.service-grid,.expert-grid,.course-grid{grid-template-columns:1fr}.service{min-height:0;padding:28px}.service .number{margin-bottom:24px}.expert-card img,.placeholder-photo{height:340px}.hero-image{aspect-ratio:1.4;margin-top:22px}.quote{font-size:clamp(27px,7vw,46px)}.core-values-section{min-height:0}.value-card h3{font-size:28px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.blog-card img{height:225px}.blog-card-content{padding:24px}.blog-card h2{font-size:27px}.article{padding:55px 0 75px}.article h1{font-size:clamp(31px,8vw,46px)}.article p:not(.meta){font-size:19px}.footer-inner{align-items:flex-start;flex-direction:column;gap:15px}.closing-cta h2{font-size:27px}}

/* Review adjustment: Mahmoud portraits at 50% of previous displayed width and height. */
.page-index img.portrait{width:50%;height:187.5px;object-fit:cover;object-position:center 35%;margin-inline:auto}
.page-about .expert-card:first-child img{width:50%;height:145px;object-fit:cover;object-position:center 22%;}

/* Larger email icon in the footer, matching phone icon prominence */
.footer-email-icon{width:29px;height:29px;display:inline-block;vertical-align:middle;margin-right:9px;flex-shrink:0;color:var(--navy)}

/* About Us: match approved Wix screenshot with alternating full-width team profiles */
.page-about .about-team>h2{color:var(--gold);margin-bottom:24px}
.page-about .team-intro{max-width:780px;font-size:17px;line-height:1.75;color:#f3f3f6}
.page-about .team-profiles{margin-top:62px;display:grid;gap:110px}
.page-about .team-member{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:70px;min-height:310px}
.page-about .team-member-copy{padding-top:0;max-width:410px;color:white;font-size:16px;line-height:1.45}
.page-about .team-role{color:var(--gold);font-size:17px;font-weight:600;margin:0 0 12px}
.page-about .team-member-copy h3{font-size:16px;font-weight:700;margin:0 0 2px;letter-spacing:0}
.page-about .team-member-copy p+p{margin-top:22px}
.page-about .team-portrait{width:277px;height:300px;object-fit:cover;object-position:center 26%;justify-self:start}
.page-about .team-photo-placeholder{width:277px;height:300px;background:#2468c6}
.page-about .team-member-reverse{grid-template-columns:1fr 1fr}
@media(max-width:750px){.page-about .team-member,.page-about .team-member-reverse{gap:28px;grid-template-columns:1fr 1fr}.page-about .team-profiles{gap:65px}.page-about .team-portrait,.page-about .team-photo-placeholder{width:100%;max-width:277px;height:auto;aspect-ratio:277/300}}
@media(max-width:530px){.page-about .team-member,.page-about .team-member-reverse{grid-template-columns:1fr;min-height:0}.page-about .team-member-reverse .team-photo-placeholder{order:2}.page-about .team-member-reverse .team-member-copy{order:1}.page-about .team-profiles{gap:58px}}

/* Version 10: increase header logo prominence across devices */
.site-header .logo{width:220px;max-height:none;height:auto;object-fit:contain}
.site-header .header-inner{min-height:116px}
@media(max-width:950px){.site-header .logo{width:185px}}
@media(max-width:750px){.site-header .logo{width:180px}.site-header .header-inner{min-height:94px}}
@media(max-width:530px){.site-header .logo{width:165px}.site-header .header-inner{min-height:88px}}

/* Version 11: typographic widow/orphan prevention across responsive layouts.
   `pretty` favours a fuller final line; `balance` evens heading line lengths. */
p, li, blockquote, .lead, .intro-paragraph, .team-member-copy, .course-content, .blog-card-content, .value-card {text-wrap:pretty;}
h1, h2, h3, h4, h5, h6, .quote, .eyebrow, .vision-label {text-wrap:balance;}
/* Keep small screens fluid rather than forcing hard-coded nonbreaking words. */
@media(max-width:530px){p, li, blockquote, h1, h2, h3{overflow-wrap:break-word;}}

/* Senior consultant biography */
.team-bio { max-width: 56ch; line-height: 1.6; text-wrap: pretty; }

/* Version 14: home-page CEO portrait and discreet caption */
.page-index .home-ceo-photo{margin:0;justify-self:center;width:min(100%,340px);text-align:center}
.page-index .home-ceo-photo img.portrait{display:block;width:100%;height:auto;aspect-ratio:552/596;object-fit:cover;object-position:center center;margin:0 auto}
.page-index .home-ceo-photo figcaption{margin-top:11px;font:400 14px/1.5 var(--sans);color:#586174;text-wrap:balance}
@media(max-width:750px){.page-index .home-ceo-photo{width:min(100%,310px)}}
@media(max-width:530px){.page-index .home-ceo-photo{width:min(100%,285px)}}

/* Version 15: qualifications, footer ABN and left-aligned CEO caption */
.page-index .home-ceo-photo figcaption{text-align:left;text-wrap:pretty;}
.team-qualification{font-size:16px;line-height:1.55;margin:6px 0 20px;color:#eef0f6;}
.footer-abn{font-size:12px;line-height:1.5;color:#7b8290;white-space:nowrap;}
.footer-inner .footer-copyright{font-size:13px;}
