:root{--ink:#102943;--deep:#091c30;--blue:#266db1;--pale:#eef5fb;--muted:#65778a;--edge:#dfe8ef;--white:#fff;--gold:#b89a62;--gold-soft:#e9dcc3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}p{line-height:1.85}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.bar{height:5px;background:linear-gradient(90deg,#183b71,#3a89c7)}.site-header{background:#fff;position:sticky;top:0;z-index:99;box-shadow:0 3px 24px #0b243015}.navwrap{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:20px}.logo{display:flex;align-items:center;gap:13px}.logo img{height:64px;width:48px;object-fit:contain}.brandtext strong{font-size:22px;letter-spacing:.09em;display:block}.brandtext small{font-size:10px;font-weight:bold;letter-spacing:.075em;line-height:1.5;display:block}.navlinks{display:flex;align-items:center;gap:26px}.navlinks a{font-size:13px;font-weight:700;white-space:nowrap}.navlinks a:hover,.navlinks a.active{color:var(--blue)}.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:4px;padding:15px 23px;font-size:13px;font-weight:700;transition:.2s}.navcta{padding:13px 18px}.btn:hover,.navcta:hover{background:#174b7e;transform:translateY(-1px)}.btn.alt{background:transparent;border-color:#adc7e0;color:#fff}.btn.alt:hover{background:#ffffff19}.btn.light{background:#fff;color:var(--ink);border-color:#fff}.hamb{display:none;background:transparent;border:0;font-size:28px;color:var(--ink);cursor:pointer}.hero{color:white;background:linear-gradient(90deg,#071a2ff2 5%,#082743c9 56%,#0b355359),url('assets/profile-p5-1.jpg') center/cover;min-height:610px;display:flex;align-items:center}.hero-inner{padding:100px 0}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.25em;color:#8ec5f1;font-weight:800;margin-bottom:20px}.eyebrow:before{content:'';width:30px;height:2px;background:#8ec5f1;display:inline-block;vertical-align:middle;margin-right:12px}.hero h1{font-size:clamp(42px,5.6vw,75px);line-height:1.1;max-width:760px;margin-bottom:25px}.hero h1 span{color:#92c8f6}.hero p{color:#d8e5ef;font-size:17px;max-width:570px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.stats{display:grid;grid-template-columns:repeat(3,1fr);position:relative;margin-top:-42px;background:#fff;box-shadow:0 20px 60px #12273c1c;border-radius:6px;z-index:1}.stat{padding:30px 36px;border-right:1px solid var(--edge)}.stat:last-child{border:0}.stat b{display:block;font-size:25px;color:#1c5689;margin-bottom:5px}.stat small{color:var(--muted);font-size:13px}.section{padding:95px 0}.pale{background:#f5f8fb}.section-title{max-width:760px;margin-bottom:42px}.kicker{font-size:12px;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.2em;margin-bottom:16px}.section h2,.pagehero h1{font-size:clamp(33px,3.4vw,49px);line-height:1.16;margin-bottom:18px}.muted{color:var(--muted)}.split{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.photo{width:100%;height:465px;object-fit:cover;border-radius:7px}.featuregrid,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature,.card{padding:30px;background:#fff;border:1px solid var(--edge);border-radius:7px}.feature .symbol{font-size:26px;color:var(--blue);margin-bottom:20px}.feature h3,.card h3{font-size:20px;margin-bottom:12px}.feature p,.card p{font-size:14px;color:var(--muted);margin-bottom:0}.projectgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project{background:#fff;border:1px solid var(--edge);border-radius:10px;overflow:hidden;box-shadow:0 16px 40px #10294312;display:flex;flex-direction:column}.project:after{display:none}.project-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#dbe7f2}.project-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.project:hover .project-media img{transform:scale(1.04)}.project-body{padding:24px 24px 26px}.project small{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);font-weight:800}.project h3{font-size:24px;margin:12px 0 8px;color:var(--ink)}.project p{font-size:14px;color:var(--muted);margin:0}.project .date{margin-top:10px;font-size:12px;color:#6b7f93;display:block;line-height:1.5}.pagehero{background:linear-gradient(90deg,#081d33ed,#124773cc),url('assets/profile-p2-1.jpg') center/cover;color:#fff;padding:85px 0}.pagehero .kicker{color:#9fd4ff}.pagehero p{max-width:640px;color:#d6e6f2;font-size:16px}.bread{font-size:12px;color:#c4d6e3;margin-bottom:20px}.bread a{text-decoration:underline}.section-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.section-nav a{font-size:13px;font-weight:700;background:var(--pale);border:1px solid var(--edge);border-radius:4px;padding:12px 16px}.serviceblock{padding:35px 0;border-bottom:1px solid var(--edge)}.serviceblock h2{font-size:29px}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:13px 35px;list-style:none;padding:0;margin:20px 0}.checklist li{line-height:1.6;font-size:14px;color:#435770;padding-left:28px;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;top:0;color:var(--blue);font-weight:bold}.teamgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.person{display:flex;gap:22px;padding:25px;border:1px solid var(--edge);border-radius:8px;background:white}.avatar{width:95px;height:112px;flex-shrink:0;display:grid;place-items:center;color:#fff;font-size:30px;font-weight:700;border-radius:5px;background:#2a6092}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:5px}.person h3{font-size:19px;margin-bottom:5px}.role{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--blue);font-weight:800;margin-bottom:12px}.person p{font-size:13px;color:var(--muted);margin:0}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contactinfo{background:var(--pale);padding:34px;border-radius:7px}.detail{border-bottom:1px solid #d4e3ee;padding:16px 0;font-size:15px}.detail strong{display:block;color:var(--blue);font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px}.detail a{color:#155e9e;text-decoration:underline}.form{background:#fff;border:1px solid var(--edge);padding:34px;border-radius:7px}.form label{font-weight:bold;display:block;font-size:13px;margin-bottom:7px}.form input,.form textarea{width:100%;padding:13px 14px;border:1px solid #cbd8e2;border-radius:4px;margin-bottom:18px;outline-offset:3px}.form textarea{height:145px;resize:vertical}.form .btn{cursor:pointer}.fine{font-size:12px;color:var(--muted)}.cta{background:#102d4d;color:white;padding:62px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:32px;margin-bottom:8px}.cta p{color:#c2d5e5;margin:0}.footer{background:#07192a;color:white;padding:56px 0 25px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:60px}.footer h3{font-size:15px}.footer p,.footer a{color:#b8cbd9;font-size:13px}.footer a{display:block;margin:11px 0}.footer a:hover{color:white}.bottom{border-top:1px solid #ffffff20;margin-top:36px;padding-top:22px;font-size:12px;color:#9cb1c4}.backtotop{color:var(--blue);font-weight:bold;text-decoration:underline}.notice{padding:18px 22px;background:#eff5fb;border-left:3px solid var(--blue);font-size:13px;color:#52687b}.subnav{display:flex;gap:25px;flex-wrap:wrap}.subnav a{font-size:13px;color:var(--blue);font-weight:bold}

/* Premium projects page */
.projects-premium{background:linear-gradient(180deg,#071829 0%,#0e2944 100%);position:relative;overflow:hidden}.projects-premium:before,.projects-premium:after{content:'';position:absolute;border-radius:999px;filter:blur(12px);opacity:.16}.projects-premium:before{width:280px;height:280px;background:var(--gold);top:-80px;right:9%}.projects-premium:after{width:320px;height:320px;background:#3a89c7;bottom:-140px;left:-60px}.projects-premium .kicker{color:var(--gold-soft)}.projects-premium .bread{color:#b8cad7}.projects-premium h1{font-size:clamp(42px,5vw,68px);margin-bottom:18px}.projects-premium p{max-width:760px;color:#d6e6f3;font-size:17px}.portfolio-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.portfolio-metrics .metric{padding:20px 22px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff0a;backdrop-filter:blur(6px)}.portfolio-metrics strong{display:block;font-size:28px;color:#fff;margin-bottom:6px}.portfolio-metrics span{display:block;font-size:12px;color:#d5e4f0;text-transform:uppercase;letter-spacing:.11em;line-height:1.6}.premium-intro{padding-top:70px;padding-bottom:30px}.premium-intro .section-title{max-width:900px}.premium-intro .kicker{color:var(--gold)}.portfolio-note{display:inline-flex;gap:10px;align-items:center;padding:10px 14px;border-radius:999px;background:#f5efe5;color:#6b5731;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:10px}.spotlight{margin-top:24px;background:linear-gradient(135deg,#0b2138,#143758);border-radius:22px;overflow:hidden;box-shadow:0 28px 60px #07192a1f}.spotlight-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:stretch}.spotlight-image{min-height:100%;position:relative}.spotlight-image img{width:100%;height:100%;object-fit:cover;display:block}.spotlight-copy{padding:42px 42px 40px;color:#fff;display:flex;flex-direction:column;justify-content:center}.eyebadge{display:inline-flex;align-self:flex-start;padding:8px 12px;border:1px solid #d7bf91;border-radius:999px;color:#f1e3c8;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:18px}.spotlight-copy h2{font-size:40px;line-height:1.08;margin-bottom:16px}.spotlight-copy p{color:#d7e5ef;font-size:15px;margin-bottom:18px}.project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px}.project-meta div{padding:15px 16px;border-radius:12px;background:#ffffff0d;border:1px solid #ffffff14}.project-meta small{display:block;font-size:11px;color:#bcd1e3;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}.project-meta strong{font-size:15px;color:#fff}.premium-grid-wrap{padding-top:20px}.premium-grid-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}.premium-grid-head .left h2{margin-bottom:10px}.premium-grid-head .left .kicker{color:var(--gold)}.premium-grid-head p{max-width:640px}.lux-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.luxe-card{position:relative;border-radius:22px;overflow:hidden;background:#0e253c;box-shadow:0 24px 50px #10294314}.luxe-card .project-media{aspect-ratio:16/10}.luxe-card .project-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 8%,rgba(4,15,26,.75) 100%)}.top-tags{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;gap:10px;z-index:2}.tag{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#071a2cc9;color:#f6efe1;border:1px solid #c7ae80;backdrop-filter:blur(6px);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tag.alt{border-color:#ffffff26;color:#fff;background:#ffffff17}.luxe-card .project-body{position:relative;margin-top:-6px;background:linear-gradient(180deg,#102943 0%,#0d2137 100%);padding:24px 26px 28px}.luxe-card .project-body h3{color:#fff;font-size:28px;margin:10px 0 8px}.luxe-card .project-body p{color:#d3e1eb;font-size:14px}.luxe-card .project-body small{color:#d6bd8d}.project-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.project-facts span{display:inline-flex;padding:8px 12px;border-radius:999px;background:#ffffff0b;border:1px solid #ffffff14;color:#d3e0ea;font-size:12px}.disclaimer-box{margin-top:34px;padding:20px 22px;border-radius:18px;background:#f7f9fb;border:1px solid var(--edge);color:#546879;font-size:14px}.disclaimer-box strong{color:#223d56}.project-hero-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn.gold{background:var(--gold);border-color:var(--gold);color:#0c1b2a}.btn.gold:hover{background:#a9894e}.btn.ghost{background:transparent;border-color:#ffffff2f;color:#fff}.btn.ghost:hover{background:#ffffff12}@media(max-width:900px){.navcta{display:none}.navlinks{gap:14px}.split{gap:30px}.teamgrid{grid-template-columns:1fr}.portfolio-metrics{grid-template-columns:repeat(2,1fr)}.spotlight-grid,.lux-grid{grid-template-columns:1fr}.project-meta{grid-template-columns:1fr 1fr}.premium-grid-head{display:block}}@media(max-width:730px){.wrap{width:min(100% - 36px,1180px)}.navwrap{min-height:75px}.logo img{height:55px;width:40px}.brandtext strong{font-size:18px}.hamb{display:block}.navlinks{display:none;position:absolute;top:80px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:#fff;padding:12px 22px 24px;box-shadow:0 15px 30px #0002}.navlinks.open{display:flex}.navlinks a{padding:12px 0;width:100%}.hero{min-height:580px}.hero-inner{padding:70px 0 100px}.hero h1{font-size:45px}.hero p{font-size:15px}.stats,.featuregrid,.cards,.projectgrid,.split,.checklist,.contactgrid,.footergrid{grid-template-columns:1fr}.stat{padding:20px 25px;border-right:0;border-bottom:1px solid var(--edge)}.section{padding:65px 0}.photo{height:310px}.pagehero{padding:65px 0}.person{gap:15px;padding:18px}.avatar{width:70px;height:90px}.cta .wrap{display:block}.cta .btn{margin-top:24px}.footergrid{gap:24px}.portfolio-metrics,.project-meta{grid-template-columns:1fr}.spotlight-copy{padding:28px}.spotlight-copy h2{font-size:31px}.premium-grid-head .left h2{font-size:30px}.project-hero-links{gap:10px}}/* Core Team responsive profile cards */
.team-profiles{display:grid;gap:28px}.team-profile{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);background:#fff;border:1px solid var(--edge);border-radius:16px;overflow:hidden;box-shadow:0 14px 40px #1029430d;align-items:stretch}.team-portrait{position:relative;min-width:0;background:#e9eef3;min-height:340px;overflow:hidden}.team-portrait img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center top}.team-portrait span{position:absolute;bottom:16px;left:16px;right:16px;background:#102943e8;color:#fff;border-radius:6px;padding:10px 13px;font-size:12px;font-weight:700;text-align:center}.team-description{padding:32px 38px;min-width:0}.team-description h2{font-size:clamp(26px,2.6vw,36px);margin:0 0 9px}.team-description h3{font-size:17px;margin:24px 0 10px}.team-description p,.team-description li{font-size:14px;line-height:1.75;color:#4d6073}.team-description ul{padding-left:20px;margin:8px 0 0}.team-description li{margin:5px 0}.team-disclaimer{margin-top:26px}@media(max-width:730px){.team-profile{grid-template-columns:1fr}.team-portrait{height:320px;min-height:0}.team-portrait img{object-position:center 22%}.team-description{padding:26px 22px}}

/* 2026-11-11: Keep original portraits fully visible; do not stretch to card height. */
.team-profile { align-items: start; }
.team-portrait { height: 372px; min-height: 0; align-self: start; background: #eef2f6; }
.team-portrait img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center center; }
.team-portrait span { bottom: 10px; }
@media(max-width:730px) {
 .team-portrait { height: 370px; }
 .team-portrait img { object-fit: contain; object-position: center center; }
}

/* Compact female portraits; preserve Osama's original full-size layout. */
.team-profile:not(#osama-al-alami) { grid-template-columns: 220px minmax(0,1fr); align-items:start; }
.team-profile:not(#osama-al-alami) .team-portrait { width:190px; height:245px; min-height:0; margin:24px auto; border-radius:10px; overflow:hidden; background:#f1f5f9; }
.team-profile:not(#osama-al-alami) .team-portrait img { position:static; display:block; width:100%; height:210px; object-fit:contain; object-position:center; }
.team-profile:not(#osama-al-alami) .team-portrait span { position:static; display:block; margin:0; padding:9px 5px; border-radius:0; font-size:11px; }
@media(max-width:730px){
 .team-profile:not(#osama-al-alami){grid-template-columns:1fr}
 .team-profile:not(#osama-al-alami) .team-portrait{margin:22px auto 0}
}

/* Logo-only header: preserve supplied artwork proportions */
.site-header .logo{display:flex;align-items:center;flex:0 0 auto;gap:0}
.site-header .logo img{display:block;width:190px;height:auto;max-height:68px;object-fit:contain}
@media(max-width:700px){.site-header .logo img{width:130px;height:auto;max-height:52px}}
