:root{--ink:#17251f;--muted:#69716a;--paper:#f6f5f0;--forest:#203b31;--accent:#b7c89a;--line:#d8dcd4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}button{font:inherit}em{font-style:normal;color:#9cae84} .site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #e5e7de;background:var(--paper);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.12em;font-size:33px}.brand-dot,footer strong span{color:#98ac7c}.brand-caption{font-size:10px;font-weight:700;letter-spacing:.16em}.nav{display:flex;gap:32px}.nav a{font-size:12px;font-weight:600}.nav a:hover,.text-link:hover{color:#829d64}.header-contact{font-size:10px;font-weight:800;letter-spacing:.1em;border-bottom:1px solid var(--ink);padding-bottom:8px}.header-contact span{margin-left:12px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{min-height:645px;display:grid;grid-template-columns:61% 39%;background:var(--forest);color:#fff}.hero-main{padding:77px 6% 45px 8%;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.section-meta,.overline{font-size:10px;letter-spacing:.18em;font-weight:700}.eyebrow{display:flex;align-items:center;gap:13px;color:#d8e2d0}.status-dot{width:7px;height:7px;background:#bad39b;border-radius:50%}.eyebrow-line{width:24px;height:1px;background:#738677}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(48px,5.3vw,85px);letter-spacing:-.085em;line-height:1.1;font-weight:600;margin:55px 0}.hero-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end}.hero-person{font-size:12px;font-weight:800;letter-spacing:.1em}.hero-person span{font-weight:400;color:#b8c7bc}.hero-sub{font-size:14px;color:#b8c7bc;line-height:1.7;margin:0}.circle-arrow{width:62px;height:62px;flex:none;border:1px solid #97a79c;border-radius:100%;display:grid;place-items:center;font-size:30px}.hero-photo{position:relative;background:linear-gradient(90deg,rgba(25,39,31,.08),rgba(0,0,0,.3)),url('https://images.unsplash.com/photo-1492684223066-81342ee5ff30?w=1400&q=85&auto=format&fit=crop') center/cover}.hero-photo-overlay{position:absolute;bottom:28px;left:25px;right:25px;display:flex;justify-content:space-between;gap:10px;color:white;font-size:9px;letter-spacing:.12em}.marquee{background:#bacaa8;overflow:hidden;white-space:nowrap;padding:18px 0}.marquee div{font-size:11px;font-weight:800;letter-spacing:.17em;width:max-content;animation:slide 34s linear infinite}.marquee span{padding:0 28px;color:#53734b}@keyframes slide{to{transform:translateX(-50%)}}.section-shell{padding:95px 8%}.section-meta{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);color:#6f786e}.section-index{color:#203b31}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:13%;padding-top:70px}.overline{color:#789064;margin-bottom:25px}h2{font-family:Manrope,sans-serif;letter-spacing:-.07em;line-height:1.12;font-size:clamp(41px,4.3vw,67px);font-weight:600}.about-text{padding-top:30px}.about-text p{font-size:17px;line-height:1.8;color:#4b554d}.about-text strong{color:var(--ink)}.placeholder-disclosure{font-size:11px!important;line-height:1.5!important;color:#8b918b!important;font-style:italic}.text-link{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.15em;border-bottom:1px solid;padding:18px 0 9px;margin-top:12px}.text-link span{margin-left:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding-top:45px;padding-bottom:45px;background:#e8ede3;gap:20px}.stats div{display:flex;flex-direction:column;gap:10px}.stats strong{font-size:48px;letter-spacing:-.08em;font-weight:600}.stats span{font-size:10px;letter-spacing:.13em;color:#626d62;font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:65px 0 45px}.section-heading h2{margin:0}.section-heading p{max-width:290px;line-height:1.7;color:#747d74;font-size:14px}.expertise-item{display:grid;grid-template-columns:8% 38% 1fr 24px;gap:20px;border-top:1px solid var(--line);padding:28px 0;align-items:center}.expertise-item:last-child{border-bottom:1px solid var(--line)}.expertise-item>span:first-child{color:#8da47a;font-size:12px}.expertise-item h3{font-size:21px;font-weight:600;margin:0}.expertise-item p{font-size:13px;line-height:1.6;color:#747d74;margin:0}.expertise-icon{font-size:20px}.work{background:#e6ebe2}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.project-card{min-width:0}.project-image{height:380px;position:relative;display:flex;align-items:flex-end;padding:22px;color:white;overflow:hidden;background-size:cover;background-position:center}.project-image:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 35%,rgba(0,0,0,.65))}.project-one{background-image:linear-gradient(180deg,rgba(7,33,64,.15),rgba(7,33,64,.58)),url('assets/hp-activation-q2.jpg');background-position:center 30%}.project-two{background-image:linear-gradient(180deg,rgba(7,33,64,.18),rgba(7,33,64,.62)),url('assets/hp-activation.jpg');background-position:center 35%}.project-three{background-image:linear-gradient(180deg,rgba(4,24,55,.18),rgba(4,24,55,.62)),url('assets/eui-graduation.jpg');background-position:center center}.project-id{position:absolute;top:23px;left:23px;font-size:10px;letter-spacing:.15em}.project-visual-title{position:relative;font-size:28px;letter-spacing:-.06em;line-height:1.1;font-family:Manrope,sans-serif;font-weight:800}.project-caption{display:flex;gap:8px;justify-content:space-between;padding:23px 0}.project-caption span:first-child{font-size:9px;letter-spacing:.13em;color:#718470;font-weight:800}.project-caption h3{font-size:19px;margin:10px 0}.project-caption p{color:#747d74;font-size:12px;line-height:1.6}.project-arrow{font-size:25px}.experience-grid{display:grid;grid-template-columns:40% 1fr;gap:10%;padding-top:70px}.timeline-row{display:grid;grid-template-columns:130px 1fr 20px;border-top:1px solid var(--line);padding:25px 0;gap:15px}.timeline-row>span{font-size:10px;color:#819081;letter-spacing:.06em}.timeline-row h3{font-size:17px;font-weight:600;margin:0 0 8px}.timeline-row p{font-size:12px;color:#7b847a}.quote-banner{background:#203b31;color:white;min-height:370px;display:flex;flex-direction:column;justify-content:space-between;padding:65px 8%;align-items:center;text-align:center}.quote-banner>span{font-size:10px;letter-spacing:.18em;color:#b6c7b4}.quote-banner blockquote{font-family:Manrope,sans-serif;font-size:clamp(25px,3.4vw,48px);font-weight:500;line-height:1.3;letter-spacing:-.05em;max-width:860px;margin:30px 0}.contact{text-align:center;min-height:540px}.contact .section-meta{text-align:left;margin-bottom:80px}.contact h2{font-size:clamp(48px,6vw,88px)}.contact-note{font-size:14px;color:#747d74;margin:28px 0}.contact-cta{background:#233d32;color:white;display:inline-flex;gap:65px;align-items:center;padding:20px 28px;font-size:11px;font-weight:800;letter-spacing:.1em;margin-bottom:18px}.contact-cta span{font-size:18px}footer{background:#14271e;color:#f4f6ef;display:flex;justify-content:space-between;align-items:end;padding:35px 8%}footer strong{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.06em}footer p,footer>div:last-child{font-size:9px;color:#a7bbac;letter-spacing:.12em}footer>div:last-child{display:flex;gap:30px}@media(max-width:900px){.site-header{height:70px}.nav{display:none;position:absolute;left:0;right:0;top:70px;background:var(--paper);padding:26px 6%;flex-direction:column;box-shadow:0 15px 25px #0001}.nav.open{display:flex}.header-contact{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr}.hero-main{min-height:560px;padding:65px 7% 45px}.hero-photo{min-height:370px}.hero h1{font-size:clamp(46px,9vw,76px)}.section-shell{padding:70px 6%}.about-grid,.experience-grid{grid-template-columns:1fr;gap:15px}.about-grid{padding-top:45px}.stats{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:start;flex-direction:column}.expertise-item{grid-template-columns:40px 1fr 24px}.expertise-item p{grid-column:2;grid-row:2}.expertise-icon{grid-column:3;grid-row:1}.experience-grid{padding-top:45px}}@media(max-width:600px){.brand-caption{font-size:9px}.hero-main{min-height:500px}.hero h1{font-size:clamp(43px,10vw,60px)}.hero-person span{display:block;margin-top:7px}.hero-bottom{align-items:end}.hero-sub{font-size:12px}.circle-arrow{width:48px;height:48px}.eyebrow{font-size:8px;gap:8px}.section-meta{font-size:8px}.section-meta>span:last-child{text-align:right}.stats strong{font-size:37px}.stats span{font-size:8px}.projects-grid{grid-template-columns:1fr}.project-image{height:400px}.expertise-item h3{font-size:17px}.expertise-item p{font-size:12px}.timeline-row{grid-template-columns:90px 1fr 15px}.timeline-row>span{font-size:8px}.timeline-row h3{font-size:14px}.quote-banner{min-height:310px;padding:45px 7%}.contact .section-meta{margin-bottom:60px}footer{align-items:start;gap:30px;flex-direction:column}footer>div:last-child{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}}

/* Featured verified event — image kept intentionally abstract until authorized project photography is supplied. */
.project-jeddah{background-image:linear-gradient(145deg,rgba(15,30,35,.15),rgba(12,32,38,.74)),url('assets/infor-jeddah.jpg');background-position:center center}
.featured-project .project-visual-title{font-size:clamp(27px,2.6vw,39px)}
.project-source{display:inline-block;margin-top:10px;padding-bottom:6px;border-bottom:1px solid #7f967e;font-size:10px;font-weight:800;letter-spacing:.1em}
.project-source:hover{color:#355a42}
@media(min-width:901px){.hero-photo{min-height:645px}}

/* Clear, visible and clickable contact information */
.contact-details{display:grid;gap:0;max-width:720px;margin:36px auto 0;text-align:left;border-top:1px solid var(--line)}
.contact-detail{display:grid;grid-template-columns:105px minmax(0,1fr) 24px;gap:18px;align-items:center;padding:21px 9px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background-color .2s ease}
.contact-detail:hover,.contact-detail:focus-visible{background:#e9eee5}
.contact-detail-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:#6c806f}
.contact-detail-value{font-size:clamp(12px,1.4vw,16px);font-weight:600;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}
.contact-detail:hover .contact-detail-value,.contact-detail:focus-visible .contact-detail-value{text-decoration-color:currentColor}
.contact-detail-arrow{font-size:19px;text-align:right}
@media(max-width:600px){.contact-detail{grid-template-columns:1fr 24px;gap:8px;padding:19px 6px}.contact-detail-label{grid-column:1}.contact-detail-value{grid-column:1}.contact-detail-arrow{grid-column:2;grid-row:1/3;align-self:center}}

.project-welcome{background-image:linear-gradient(160deg,rgba(9,17,35,.18),rgba(9,17,35,.72)),url('assets/eui-welcome-party.jpg');background-position:center center}
.project-media-link{margin-left:14px}