@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600&display=swap');
:root{--bg:#080d0a;--panel:#121b14;--text:#f2f7ed;--muted:#b5c3ad;--lime:#cefa4b;--line:#384634}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}html[lang=ar] body{font-family:'Noto Sans Arabic',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--lime);outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:6px}header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:92px;padding:16px 4.5%;background:#080d0af5;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{font-size:21px;font-weight:700;letter-spacing:-.7px;white-space:nowrap}.brand span{font-size:11px;font-weight:500;margin-left:5px;letter-spacing:0}nav{display:flex;gap:22px}nav a{font-size:13px;padding:10px 0}.header-actions{display:flex;align-items:center;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:48px;padding:14px 25px;border-radius:30px;border:0;cursor:pointer;font-size:14px;font-weight:600;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);text-decoration:none;box-shadow:0 10px 30px #c8ff4625}.lime{background:var(--lime);color:#13200d}.small{font-size:12px;padding:11px 18px}.languages{position:relative;font-size:13px}.languages summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;list-style:none}.languages>div{position:absolute;inset-inline-end:0;top:48px;width:180px;background:#18231a;border:1px solid #56644e;border-radius:12px;padding:8px;box-shadow:0 15px 40px #0009}.languages a{display:block;padding:9px 14px;border-radius:6px;min-height:44px}.languages a[aria-current]{background:var(--lime);color:#12200e}.hero{min-height:760px;height:calc(100svh - 92px);max-height:1050px;position:relative;overflow:hidden;display:flex;align-items:center;padding:80px 7%;background:radial-gradient(ellipse at 82% 40%,#274e1c 0,#102116 40%,#080d0a 75%)}.hero-content{position:relative;z-index:2;max-width:840px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:var(--lime);margin:0 0 30px}h1{font-size:clamp(64px,7.5vw,110px);font-weight:500;letter-spacing:-5px;line-height:1.04;margin:0}h1 em{font-style:normal;color:var(--lime)}.lead{font-size:20px;max-width:520px;line-height:1.6;margin:30px 0 35px;color:#d6dfcf}.triangles{position:absolute;inset:0;perspective:1000px;opacity:.6;pointer-events:none;transform:translateX(var(--triangle-x,0px)) translateY(var(--triangle-y,0px));transition:transform 1s ease-out}.triangles i{position:absolute;left:calc(48% + mod(var(--i),4)*10%);top:calc(7% + var(--i)*5%);width:calc(130px + var(--i)*20px);height:calc(130px + var(--i)*20px);clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(135deg,#dcff88,#80b734 40%,#183718 70%);transform:rotate(calc(var(--i)*32deg)) rotateY(25deg);filter:drop-shadow(0 15px 30px #000);animation:triangle-in 4s cubic-bezier(.16,1,.3,1) both}.triangles i:nth-child(3n){background:linear-gradient(140deg,#d3fc66,#183718 70%);opacity:.45}.triangles i:nth-child(2n){left:68%;opacity:.8}.hero-content{animation:hero-in 1.2s ease-out both}.hero-bottom{position:absolute;bottom:30px;inset-inline:7%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #65864860;padding-top:20px;font-size:10px;letter-spacing:2px}.hero-bottom a{display:grid;place-items:center;width:48px;height:48px;border:1px solid #789366;border-radius:50%;font-size:23px}.section{padding:110px 7%}h2{font-size:clamp(36px,4.2vw,62px);font-weight:500;letter-spacing:-2.5px;line-height:1.12;margin:0 0 28px}h3{font-weight:500;line-height:1.3}.brands{background:#101810;padding-top:70px;padding-bottom:70px}.brands h2{font-size:31px;letter-spacing:-1px}.brands>p{max-width:660px;font-size:13px;color:var(--muted)}.brand-list{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:35px;align-items:center}.brand-list span{color:#d6dfcf;font-size:17px;line-height:2}.brand-list span:nth-child(-n+8){font-size:24px;color:#f5f9ef;font-weight:600}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:50px}.section-heading h2{max-width:760px;margin:0}.section-heading>p{max-width:350px;font-size:15px;color:var(--muted)}.process{background:#d9f2b8;color:#10200e}.process .eyebrow{color:#345522}.process .section-heading>p{color:#3e5435}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;perspective:1200px}.process-card{border-top:1px solid #8ba977;padding:25px 18px 20px 0;position:relative}.phase-number{font-size:12px;letter-spacing:2px}.diamond{width:62px;height:62px;transform:rotate(45deg);border:12px solid #3d6928;box-shadow:7px 7px 0 #b2d38f;margin:45px 16px 40px;transition:transform .6s}.process-card:hover .diamond{transform:rotate(135deg)}.process-card:nth-child(even) .diamond{border-color:#6f9e40}.process-card h3{font-size:25px;letter-spacing:-.7px}.process-card p{font-size:14px;color:#35472c}.source-link{display:inline-block;font-size:12px;margin-top:25px;text-decoration:underline;min-height:44px;padding:10px 0}.work{background:#080d0a}.project{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;margin-top:60px}.project:nth-of-type(even) .project-art{order:2}.project-copy h3{font-size:30px;letter-spacing:-1px}.project-copy p{font-size:16px;color:var(--muted);max-width:540px}.project-art{height:360px;position:relative;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at top,#43712e,#13251a);perspective:900px}.project-art small{position:absolute;bottom:20px;inset-inline-start:25px;font-size:10px;color:#d8e5cd}.project-shape{position:absolute;inset:50px 22%;transform-style:preserve-3d;transform:rotateX(35deg) rotateZ(-25deg)}.project-shape i{position:absolute;inset:0;border:35px solid #d2fa73;box-shadow:inset 10px 10px 10px #5c8636,12px 15px 0 #527b32;border-radius:20px;transform:translateZ(30px)}.project-shape i:nth-child(2){transform:translateZ(-15px);border-color:#8cb64e}.project-shape i:nth-child(3){transform:translateZ(-60px);border-color:#406633}.art-1 .project-shape i{border-radius:50%}.art-2 .project-shape i{clip-path:polygon(50% 0,100% 100%,0 100%);background:#a5d653;border:0}.expertise{background:#101911}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;perspective:1200px}.skill-card{position:relative;transform-style:preserve-3d;background:linear-gradient(145deg,#e9f4d9,#bcd59c);color:#14250e;min-height:380px;border:1px solid #d2eab8;border-radius:20px;padding:28px;box-shadow:0 4px 0 #617c46,0 15px 40px #0005}.skill-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--lx,30%) var(--ly,20%),#fff9,transparent 60%);pointer-events:none}.skill-card h3,.skill-card p{position:relative;transform:translateZ(22px)}.skill-card h3{font-size:24px;letter-spacing:-.6px;margin:18px 0}.skill-card p{font-size:14px;color:#34472a}.number{font-size:11px;color:#3e5331}.skill-sculpture{height:160px;position:relative;transform-style:preserve-3d;display:grid;place-items:center;transform:translateZ(35px)}.skill-sculpture i{position:absolute;width:100px;height:100px;border:17px solid #a4d456;border-radius:50%;box-shadow:inset 3px 3px 5px #f0ffcf,inset -5px -5px 8px #446f26,6px 10px 15px #36552a33;transform:rotateX(50deg) rotateY(-25deg)}.skill-sculpture i:nth-child(2){transform:rotateX(50deg) rotateY(-25deg) translateZ(26px);border-color:#cafa75}.skill-sculpture i:nth-child(3){transform:rotateX(50deg) rotateY(-25deg) translateZ(52px);border-color:#e6ffae}.skill-card:nth-child(2n) .skill-sculpture i{border-radius:12px}.skill-card:nth-child(3n) .skill-sculpture i{border-radius:26px;width:75px}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:center}.portrait{height:620px;border-radius:20px;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.about-text{font-size:16px;color:var(--muted)}.credentials{margin-top:30px}.credentials>div{border-top:1px solid var(--line);padding:14px 0}.credentials h3{font-size:14px;margin:0}.credentials p{font-size:12px;color:var(--muted);margin:5px 0}.research{background:#172319}.research article{border-top:1px solid #586c4d;padding:30px 0;margin-top:25px;display:grid;grid-template-columns:1fr 3fr;gap:35px;align-items:start}.research article>span{font-size:11px;letter-spacing:1.5px;color:var(--lime)}.research h3{font-size:25px;margin:0}.research>p:last-child{color:var(--muted);font-size:13px}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;background:radial-gradient(ellipse at 0 0,#1e3318,transparent 70%),#070b08}.contact-intro{position:sticky;top:140px;align-self:start}.contact-intro p{color:var(--muted);font-size:15px}.contact-intro .eyebrow{color:var(--lime)}.contact-intro>a{display:block;font-size:14px;margin-top:24px;width:fit-content;min-height:44px;padding:10px 0}.contact-intro .email{font-size:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:#dfebd6}input,select,textarea{width:100%;background:#172019;border:1px solid #73836a;border-radius:9px;color:#f5f8f0;padding:13px 14px;min-height:48px}input[type=email]{direction:ltr;text-align:start}textarea{resize:vertical}select{color-scheme:dark}input:user-invalid,textarea:user-invalid{border:2px solid #ffb3ad}.form-note{font-size:12px;color:#bcccaf;line-height:1.7}.contact form>.button{margin-top:12px}.contact form{scroll-margin-top:120px}#form-status{font-size:14px;color:var(--lime)}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 5%;border-top:1px solid var(--line)}footer>span,footer>a:last-child{font-size:12px}footer>a:last-child{min-height:44px;padding:10px}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:var(--lime);color:#10200e;padding:15px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reveal{opacity:0;translate:0 35px;transition:opacity .8s,translate 1s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;translate:0 0}.scroll-meter{position:fixed;top:0;left:0;z-index:60;height:3px;width:100%;background:var(--lime);transform:scaleX(0);transform-origin:left}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.5}html[dir=rtl] .hero-content{max-width:800px}html[dir=rtl] .triangles{scale:-1 1}html[dir=rtl] .project:nth-of-type(even) .project-art{order:2}@keyframes triangle-in{from{translate:90px 50px;rotate:25deg;opacity:0}to{translate:0 0;rotate:0deg}}@keyframes hero-in{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@media(max-width:1100px){header{flex-wrap:wrap;gap:10px}nav{order:3;width:100%;justify-content:center;gap:25px}nav a{padding:4px 0;min-height:35px}.hero{min-height:680px}.process-grid{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:repeat(2,1fr)}.contact{gap:5%}h1{font-size:76px}.about{gap:6%}.section{padding:85px 6%}}@media(max-width:600px){header{padding:12px 5%;gap:4px}.brand{font-size:16px;letter-spacing:-.4px}.brand span{font-size:9px}.header-actions{gap:9px}.header-actions .button{display:none}.languages{font-size:12px}nav{gap:0;justify-content:space-between}nav a{font-size:12px;min-height:44px;display:flex;align-items:center}.hero{min-height:650px;height:calc(100svh - 120px);padding:60px 6%}.hero-content{max-width:100%}h1{font-size:clamp(44px,11vw,68px);letter-spacing:-2.5px}.eyebrow{font-size:9px;letter-spacing:1.4px}.lead{font-size:17px}.triangles{opacity:.3}.triangles i{left:25%;top:20%;width:300px;height:300px}.triangles i:nth-child(2n){left:45%}.hero-bottom{bottom:18px}.section{padding:65px 6%}h2{font-size:37px;letter-spacing:-1.5px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px}.brands h2{font-size:29px}.brand-list{gap:9px 18px}.brand-list span{font-size:13px}.brand-list span:nth-child(-n+8){font-size:18px}.process-grid{grid-template-columns:1fr}.process-card{display:grid;grid-template-columns:65px 1fr;gap:12px 25px;padding:22px 0}.phase-number{grid-column:1}.diamond{grid-column:1;grid-row:2;width:40px;height:40px;border-width:8px;margin:10px}.process-card h3{grid-column:2;grid-row:1;margin:0}.process-card p{grid-column:2;grid-row:2;margin:0}.project{grid-template-columns:1fr;gap:25px;margin-top:40px}.project:nth-of-type(even) .project-art{order:0}.project-art{height:280px}.project-copy h3{font-size:26px}.project-copy p{font-size:14px}.skills-grid{grid-template-columns:1fr}.skill-card{min-height:360px}.about{grid-template-columns:1fr;gap:40px}.portrait{height:480px}.research article{grid-template-columns:1fr;gap:18px}.research h3{font-size:22px}.contact{grid-template-columns:1fr;gap:40px}.contact-intro{position:static}.form-grid{grid-template-columns:1fr}.field{grid-column:1}.contact-intro>a{margin-top:8px}footer{flex-wrap:wrap}footer .brand{width:100%}.source-link{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;translate:none}.triangles,.skill-card,.project-shape{transform:none!important}}@media(forced-colors:active){.button,input,select,textarea,.skill-card{border:1px solid CanvasText}.reveal{opacity:1}}@media print{header,.triangles,.project-art,.skill-sculpture,.contact,footer{display:none}body,.section{background:white;color:black}.section{padding:20px 0}.hero{height:auto;min-height:0;padding:25px 0}h1{font-size:40px}.hero-bottom{display:none}.reveal{opacity:1;translate:none}.project,.about{display:block}.portrait{display:none}p,.eyebrow{color:black!important}.skill-card{background:white;color:black;min-height:0;break-inside:avoid}}
@media(max-width:600px){.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions .button{display:inline-flex;font-size:10px;padding:8px 12px;gap:8px;min-height:44px}header{display:grid;grid-template-columns:1fr auto}.header-actions{grid-column:2;grid-row:1}.brand{max-width:160px;white-space:normal}.brand span{display:block;margin:0}header nav{grid-column:1/-1}.languages summary{font-size:11px}.languages summary>span:first-child{display:none}}
/* Restore the original sage, cream and lime visual theme. */
:root{--bg:#f6f7f1;--panel:#edf0e7;--text:#14271d;--muted:#52634d;--lime:#cefa4b;--line:#cbd5c2}
header{background:#f6f7f1f5;border-bottom-color:#d9ded3}.brand{color:#14271d}.languages>div{background:#f6f7f1;border-color:#a6b69b;box-shadow:0 15px 40px #21331d20}.languages a[aria-current]{background:#cefa4b;color:#14271d}
.hero{background:radial-gradient(ellipse at 82% 40%,#cfdfb8 0,#e7ecdf 45%,#e7ecdf 75%)}h1{font-weight:450}h1 em{color:#536f37;font-family:Georgia,serif;font-style:italic;font-weight:400}.hero .eyebrow{color:#3f5c2d}.lead{color:#374b30}.triangles{opacity:.48}.triangles i{background:linear-gradient(135deg,#e1ffac,#8db34f 40%,#375d2d 78%)}.triangles i:nth-child(3n){background:linear-gradient(140deg,#d3fc66,#698c48 70%)}.hero-bottom{border-color:#b9c9aa;color:#3f5434}.hero-bottom a{border-color:#93a782}
.brands{background:#f6f7f1;border-bottom:1px solid #d9ded3}.brand-list span{color:#4b5d42}.brand-list span:nth-child(-n+8){color:#34482d}.eyebrow{color:#3d582e}
.process{background:#f6f7f1;color:#14271d}.process-card{border-color:#b7c8a8}.process-card p{color:#43583a}.process .section-heading>p{color:#52634d}
.work{background:#edf0e7}.project-art{background:radial-gradient(ellipse at bottom right,#497847,#102e22 70%)}.project-copy p{color:#52634d}
.expertise{background:#14271d;color:#f1f5e9}.expertise .eyebrow{color:#c9e4ab}.skill-card{background:linear-gradient(145deg,#edf3e5,#c3d3b3);color:#193322;border-color:#e3efd8;box-shadow:0 14px 35px #06150b55,0 3px 0 #829777}.skill-card p{color:#3d5234}.skill-card h3{font-weight:450}
.about{background:#f6f7f1}.about-text,.credentials p{color:#52634d}.research{background:#e9eee0}.research article{border-color:#b4c2a6}.research article>span{color:#3c5c2b}.research>p:last-child{color:#52634d}
.contact{background:#cefa4b;color:#14271d}.contact-intro p{color:#344b24}.contact-intro .eyebrow{color:#344b24}.field label{color:#203719}input,select,textarea{background:#f5f9ea;border-color:#71875c;color:#14271d}select{color-scheme:light}.form-note{color:#344b24}.contact .button{background:#14271d;color:#f0f6e8}#form-status{color:#203719}footer{background:#f6f7f1;border-color:#d9ded3}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#526f2e}.expertise a:focus-visible{outline-color:#cefa4b}.contact input:focus-visible,.contact select:focus-visible,.contact textarea:focus-visible,.contact button:focus-visible{outline-color:#14271d}
html[lang=ar] h1 em{font-family:inherit;font-style:normal}
/* Earlier composition restored, with current content and contact form retained. */
.hero{display:block;min-height:760px;height:auto;max-height:none;padding:36px 4.4% 0;background:#e7ecdf}.hero-copy{padding-top:71px;max-width:none;animation:none}.hero h1{font-size:clamp(64px,7.7vw,112px);line-height:.99;letter-spacing:-7px}.hero .lead{font-size:18px;margin:27px 0;max-width:480px}.hero-bottom{position:relative;inset:auto;bottom:auto;margin-top:100px;height:70px;padding:0}.hero-bottom a{display:inline;width:auto;height:auto;border:0;font-size:9px}.hero-top .eyebrow{margin:0;color:#3e562e}.hero .sculpture{animation:none}.float-label{animation:none}.hero .location{color:#4d6042}.hero .button{font-size:12px;padding:17px 22px}.motion-story{background:#dce7cd;color:#14271d}.motion-stage{background:radial-gradient(ellipse at 60% 40%,#f4f9e9,transparent 55%)}.motion-stage .eyebrow{color:#3d582e}.process-caption h2{font-size:58px;line-height:1.08;letter-spacing:-2.8px;margin:25px 0 0}.process-caption p{max-width:530px}.process-layer{font-size:17px}.work-row .work-copy .eyebrow{margin:0}.work-row .work-copy p{color:#52634d}.work-row .work-art{height:360px}.expertise .skill-card{min-height:420px;padding:30px}.expertise .skill-sculpture{height:150px;margin:5px 0 15px}.expertise .skill-card h3{margin:22px 0 14px}.expertise .skill-card p{font-size:13px}.skills-grid{gap:25px}.skill-icon{display:none}.about .portrait>img{display:block}footer{color:#14271d}.form-grid{gap:22px}
@media(max-width:900px){.hero{min-height:700px}.hero-copy{max-width:65%;padding-top:90px}.hero h1{letter-spacing:-4px}.hero-bottom{margin-top:95px}.work-row .work-art{height:320px}}
@media(max-width:600px){.hero{min-height:870px;padding:28px 6% 0}.hero-copy{max-width:100%;padding-top:48px}.hero h1{font-size:65px;letter-spacing:-4.2px}.hero .lead{font-size:15px;margin:25px 0}.hero-bottom{margin-top:345px;height:55px;font-size:7px}.hero-bottom a{font-size:8px}.hero .sculpture{width:100%;height:360px;right:0;top:440px;transform:scale(.78);transform-origin:top center}.process-caption h2{font-size:38px}.work-row .work-art{height:310px}.hero .button{font-size:11px}.expertise .skill-card{min-height:385px}.motion-stage{top:120px;height:calc(100svh - 120px)}}
html[dir=rtl] .hero .sculpture{right:auto;left:3%}html[dir=rtl] .hero h1{letter-spacing:0;font-size:clamp(55px,6vw,90px);line-height:1.3}html[dir=rtl] .process-caption{left:auto;right:7%}html[dir=rtl] .process-object{left:42%}@media(max-width:600px){html[dir=rtl] .hero .sculpture{left:0}html[dir=rtl] .hero h1{font-size:55px}html[dir=rtl] .process-object{left:50%}}
/* HUMAIN-referenced typography and header proportions. */
header{min-height:90px;height:auto;padding:20px 5.3%;background:#fffffffa;border-bottom:1px solid #e5e9df;gap:28px;flex-wrap:nowrap}header .brand{font-size:28px;font-weight:700;letter-spacing:.2px;white-space:nowrap;max-width:none}header .brand span{font-size:14px;font-weight:500;margin-inline-start:8px;display:inline;letter-spacing:0}header nav{gap:28px;width:auto;order:0;justify-content:center}header nav a{font-size:16px;font-weight:500;min-height:44px;display:flex;align-items:center;padding:8px 0}.header-actions{gap:24px}.languages{font-size:15px}.languages summary{font-size:15px}.header-actions .button{font-size:16px;min-height:44px;padding:10px 24px;gap:24px}.languages a{font-size:16px}.hero .eyebrow,.eyebrow{font-size:13px;letter-spacing:1.5px}.location{font-size:11px}.hero .lead{font-size:22px;line-height:1.55;max-width:530px}.hero .button,.button{font-size:16px}.hero-bottom,.hero-bottom a{font-size:11px}.float-label{font-size:14px}.section-heading h2,h2,.process-caption h2{font-size:clamp(40px,4.25vw,64px);line-height:1.2;letter-spacing:-2px}.section-heading>p,.about-text,.work-row .work-copy>p{font-size:18px;line-height:1.65}.work-row .work-copy h3{font-size:36px;line-height:1.2}.expertise .skill-card h3{font-size:28px;line-height:1.25}.expertise .skill-card p{font-size:17px;line-height:1.65}.expertise .skill-card{min-height:440px}.process-caption p{font-size:18px;line-height:1.6;max-width:580px}.process-caption>span{font-size:13px}.process-layer{font-size:21px}.brands h2{font-size:36px}.brands>p{font-size:16px}.brand-list span{font-size:19px}.brand-list span:nth-child(-n+8){font-size:26px}.credentials h3{font-size:17px}.credentials p{font-size:15px}.research h3{font-size:28px;line-height:1.45}.research article>span{font-size:13px}.research>p:last-child{font-size:16px}.contact-intro p,.field label,.form-note{font-size:16px;line-height:1.65}.contact-intro .email{font-size:20px}.contact input,.contact textarea,.contact select{font-size:17px}.contact-intro>a{font-size:17px}footer>span,footer>a:last-child{font-size:14px}
@media(max-width:1250px){header{padding:17px 4%;gap:20px;flex-wrap:wrap}header .brand{font-size:25px}header .brand span{font-size:12px}header nav{order:3;width:100%;gap:32px}header nav a{font-size:16px}.header-actions{margin-inline-start:auto}.motion-stage{top:142px;height:calc(100vh - 142px)}html{scroll-padding-top:160px}}
@media(max-width:600px){header{display:flex;padding:14px 5%;gap:10px}.header-actions{gap:12px}header .brand{font-size:21px;white-space:normal}header .brand span{display:block;font-size:12px;margin:3px 0 0}.languages summary{font-size:13px}.header-actions .button{font-size:13px;padding:10px 14px;gap:8px}header nav{gap:10px;justify-content:space-between}header nav a{font-size:15px;min-height:44px}.hero h1{font-size:60px}.hero .lead{font-size:18px;max-width:100%}.hero .button{font-size:14px}.hero .eyebrow,.eyebrow{font-size:11px}.hero-bottom,.hero-bottom a{font-size:9px}.section-heading h2,h2,.process-caption h2{font-size:38px;line-height:1.2;letter-spacing:-1.5px}.section-heading>p,.about-text,.work-row .work-copy>p{font-size:17px}.work-row .work-copy h3{font-size:30px}.expertise .skill-card h3{font-size:26px}.expertise .skill-card p{font-size:16px}.expertise .skill-card{min-height:405px}.process-caption p{font-size:16px}.process-layer{font-size:16px}.process-caption{bottom:8%}.process-object{top:32%}.process-progress{bottom:4%}.brands h2{font-size:30px}.brand-list span{font-size:16px}.brand-list span:nth-child(-n+8){font-size:21px}.research h3{font-size:24px}.contact-intro p,.field label,.form-note{font-size:15px}html[lang=de] header .header-actions .button,html[lang=fr] header .header-actions .button{font-size:12px}html[dir=rtl] header nav a{font-size:14px}}
/* One-row header at every viewport; navigation collapses rather than wrapping. */
html{scroll-padding-top:100px}header{display:flex;flex-wrap:nowrap;min-height:82px;height:82px;padding:16px clamp(16px,4vw,72px);gap:clamp(14px,2vw,30px)}header .brand{font-size:clamp(20px,2vw,28px);white-space:nowrap;flex-shrink:0;max-width:none;letter-spacing:0}header .brand span{display:inline;font-size:clamp(11px,1vw,14px);margin-inline-start:7px;white-space:nowrap;vertical-align:baseline}header>nav{display:flex;order:0;width:auto;margin-inline:auto;gap:clamp(14px,1.8vw,28px);flex-wrap:nowrap}header>nav a{font-size:clamp(14px,1.15vw,16px);white-space:nowrap}.header-actions{margin-inline-start:0;flex-wrap:nowrap;gap:clamp(12px,1.6vw,24px);flex-shrink:0}.header-actions .button{display:inline-flex;white-space:nowrap;font-size:15px;padding:10px 22px;gap:18px}.languages summary{font-size:14px;white-space:nowrap}.mobile-menu{display:none}.motion-stage{top:82px;height:calc(100svh - 82px)}
@media(max-width:1190px){header>nav{display:none}.header-actions{margin-inline-start:auto}.mobile-menu{display:block;position:relative;flex-shrink:0}.mobile-menu>summary{cursor:pointer;display:grid;place-items:center;list-style:none;width:44px;height:44px;font-size:25px;border:1px solid #bdcbb2;border-radius:50%;color:#14271d}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu>nav{position:absolute;inset-inline-end:0;top:calc(100% + 18px);display:flex;flex-direction:column;align-items:stretch;width:min(300px,calc(100vw - 32px));gap:0;padding:14px;background:#f6f7f1;border:1px solid #cbd5c2;border-radius:14px;box-shadow:0 18px 45px #19301f26}.mobile-menu>nav a{display:flex;justify-content:space-between;min-height:48px;padding:12px 15px;font-size:16px;border-radius:8px}.mobile-menu>nav a:hover{background:#e3edd8}.mobile-menu .mobile-contact{background:#cefa4b;color:#14271d;margin-top:8px}.mobile-menu:not([open])>nav{display:none}}
@media(max-width:600px){header{display:flex;height:74px;min-height:74px;gap:10px;padding:12px 16px;flex-wrap:nowrap}header .brand{font-size:clamp(16px,4.4vw,21px);white-space:nowrap}header .brand span{display:inline;font-size:10px;margin-inline-start:5px}.header-actions{gap:0;margin-inline-start:auto}.header-actions .button{display:none}.languages summary{font-size:12px;min-height:44px}.languages summary>span:first-child{display:none}.mobile-menu>summary{width:44px;height:44px;font-size:22px}.mobile-menu>nav{top:calc(100% + 13px)}.motion-stage{top:74px;height:calc(100svh - 74px)}html{scroll-padding-top:90px}}
@media(max-width:360px){header{padding:12px 10px;gap:7px}header .brand{font-size:15px}header .brand span{font-size:9px;margin-inline-start:3px}.languages summary{font-size:11px}.mobile-menu>summary{width:40px}.languages>div{inset-inline-end:-45px}}
/* Editorial refinement: familiar green palette with a soft aqua edge. */
.language-icon{display:inline-flex!important;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.language-icon svg,.education-icons svg,.social-icons svg{width:22px;height:22px;display:block}.languages summary{gap:7px}.hero{background:radial-gradient(ellipse at 90% 40%,#bcded2a6,transparent 58%),linear-gradient(120deg,#edf0e4,#e1ecd7 55%,#d6eae3)}.professional-title{font-size:clamp(13px,1.2vw,17px);line-height:1.5;letter-spacing:.2px;color:#3c5838;margin:0 0 22px;max-width:580px}.hero-copy{padding-top:50px}.hero-bottom>span{max-width:65%;line-height:1.5}.float-label{border:1px solid #ffffffda;box-shadow:0 14px 40px #34563120,0 2px 7px #ffffffb0;backdrop-filter:blur(18px);will-change:translate}.label-one{animation:insight-arrive 4s ease-out both}.label-two{animation:intelligence-arrive 4s ease-out both}.organization-stack{display:flex;flex-wrap:wrap;gap:0;margin-top:40px;padding:8px 0 15px}.organization-card{padding:20px 25px;margin:0 -7px 18px 0;border-radius:12px;background:linear-gradient(145deg,#fff,#e6eddd);border:1px solid #ccd8c2;box-shadow:0 8px 18px #253d2010;transform:rotate(-2deg);font-size:17px;font-weight:500;transition:transform .3s,box-shadow .3s;position:relative}.organization-card:nth-child(2n){transform:rotate(2deg);background:linear-gradient(145deg,#edf5e8,#dceadd)}.organization-card:hover{transform:translateY(-8px) rotate(0deg);z-index:2;box-shadow:0 15px 30px #253d2026}.skills-grid{gap:38px 28px}.expertise .skill-card{box-shadow:5px 6px 0 -1px #a8bc96,10px 12px 0 -2px #728c62,0 20px 40px #071b1250;background:linear-gradient(135deg,#eff4e5,#caddbe 60%,#bfded1)}.expertise{background:radial-gradient(ellipse at 95% 20%,#2c625550,transparent 60%),#14271d}.portrait{background:#dfead5;box-shadow:14px 14px 0 #e3ebdb}.portrait img{will-change:transform;transform:scale(1.035);transition:filter .9s,transform 1.3s cubic-bezier(.16,1,.3,1);filter:saturate(.75)}.portrait:hover img{filter:saturate(1)}.credentials>div{position:relative;padding-inline-end:90px}.education-icons{position:absolute;inset-inline-end:0;top:15px;font-size:25px;display:flex;gap:6px;align-items:center;min-height:30px;color:#43633c}.social-icons{display:flex;align-items:center;gap:10px}.social-icons a,.social-icons>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #bdcbb2;border-radius:50%;color:#294023}.social-icons a:hover{background:#cefa4b}.social-unlinked{opacity:.65}.section-heading h2,h2,.process-caption h2{font-size:clamp(38px,4.25vw,56.78px);line-height:1.2}.work-row .work-copy>p,.expertise .skill-card p,.about-text{font-size:16px;line-height:1.65}.contact{background:linear-gradient(120deg,#d0f65c,#c5ed91 60%,#b8e4bd)}
@keyframes insight-arrive{0%{translate:0 20px;opacity:0}55%{translate:0 -9px;opacity:1}80%{translate:0 4px}100%{translate:0 0;opacity:1}}@keyframes intelligence-arrive{0%{translate:0 30px;opacity:0}55%{translate:0 -7px;opacity:1}80%{translate:0 4px}100%{translate:0 0;opacity:1}}
@media(max-width:600px){.languages summary>span.language-icon:first-child{display:inline-flex!important;width:16px;height:16px}.language-icon svg{width:16px;height:16px}.professional-title{font-size:13px;margin-bottom:18px;max-width:330px}.hero-copy{padding-top:35px}.hero h1{font-size:56px}.hero .sculpture{top:485px}.hero{min-height:945px}.hero-bottom{margin-top:355px}.hero-bottom>span{font-size:8px;max-width:60%}.organization-card{font-size:14px;padding:17px 18px}.portrait{box-shadow:8px 8px 0 #e3ebdb}.credentials>div{padding-inline-end:85px}.education-icons{font-size:22px}.social-icons{order:3}footer .brand{width:100%}}
@media(prefers-reduced-motion:reduce){.float-label{animation:none!important;translate:none!important}.portrait img{transform:none!important}.organization-card{transform:none!important}.skill-card{transform:none!important}}
/* Authentic identities and emerald geometry */
header .brand,header .brand:hover,footer .brand,footer .brand:hover,.brand:focus-visible{text-decoration:none!important}
.organization-stack{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px!important;padding:28px 0!important;perspective:none}
.organization-card{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-width:0!important;margin:0!important;padding:24px 14px!important;min-height:158px;transform:none!important;border:1px solid #dce4dc!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
.organization-card img{width:100%;height:70px;object-fit:contain;max-width:145px;filter:none}
.organization-card span{font-size:11px;line-height:1.4;text-align:center;color:#3c5047;font-weight:500}
.education-icons{display:flex;gap:8px;align-items:center}.education-icons img{width:36px;height:24px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #0002}
.portrait-depth{position:relative;isolation:isolate;background:#087663!important;perspective:900px;overflow:hidden;transform:perspective(1100px) rotateX(var(--portrait-rx,0deg)) rotateY(var(--portrait-ry,0deg));transition:transform .35s ease-out;box-shadow:0 25px 65px #173b2928}
.portrait-depth .portrait-facets{position:absolute;inset:-8%;background:linear-gradient(150deg,#04493666,transparent 70%),url('/assets/emerald-triangles.svg') center/cover;transform:translate(var(--facet-x,0px),var(--facet-y,0px)) scale(1.12);transition:transform .35s ease-out}
.portrait-depth img{position:relative;z-index:2;height:100%;width:100%;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(14px 6px 16px #003d4666);transform-origin:center bottom}
.facet-front{position:absolute;z-index:3;bottom:-1px;left:-1px;width:44%;height:23%;background:#65bd60;clip-path:polygon(0 0,100% 100%,0 100%);opacity:.85;pointer-events:none}
.facet-outline{position:absolute;z-index:1;right:6%;top:10%;width:48%;height:40%;background:#9bdf8b;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.25;transform:rotate(20deg);pointer-events:none}
#contact{position:relative;isolation:isolate;background:#087663!important;color:#fff!important;overflow:hidden}
#contact:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#004c40ed 0%,#005744ce 42%,#00665055 100%),url('/assets/emerald-triangles.svg') center/cover;pointer-events:none}
#contact h2,#contact p,#contact a,#contact label,#contact .eyebrow{color:#fff!important}#contact .form-note{color:#e0f5e9!important}
#contact input,#contact textarea{background:#ffffffed!important;color:#123b2b!important;border:1px solid #cde3d5!important}#contact input:focus,#contact textarea:focus{outline:3px solid #c6f590;outline-offset:3px}
#contact .button{background:#cef591;color:#173d2c!important;border-color:#cef591}
@media(max-width:1190px){.organization-stack{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.organization-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}.organization-card{min-height:145px;padding:18px!important}#contact:before{background:linear-gradient(#004c40df,#005744b8),url('/assets/emerald-triangles.svg') center/cover}}
@media(prefers-reduced-motion:reduce){.portrait-depth,.portrait-depth img,.portrait-facets{transform:none!important;transition:none!important}}
.organization-card:has(img[src*="olayan"]){background:#183e36!important;border-color:#183e36!important}.organization-card:has(img[src*="olayan"]) span{color:#fff}
/* Compact monochrome identity gallery and polished contact details. */
.brand{background-image:linear-gradient(100deg,#142a1e 0%,#142a1e 32%,#16815c 51%,#328e8d 67%,#436e21 82%,#142a1e 100%);background-size:300% 100%;background-position:0% 50%;background-clip:text;-webkit-background-clip:text;color:transparent!important;transition:background-position .85s cubic-bezier(.2,.7,.2,1)}
.brand span{color:inherit!important}.brand:hover,.brand:focus-visible{background-position:100% 50%;text-decoration:none!important}
#organizations{padding-top:42px!important;padding-bottom:42px!important}#organizations h2{font-size:clamp(23px,2.25vw,34px)!important;max-width:none;margin-bottom:18px}
.organization-stack{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px 22px!important;padding:12px 0!important}
.organization-card,.organization-card:has(img[src*="olayan"]){min-height:68px;padding:10px 5px!important;border:none!important;border-radius:0!important;background:transparent!important;gap:0}
.organization-card img{height:48px;max-width:118px;filter:grayscale(1) brightness(0);object-fit:contain}.organization-card span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.education-icons{gap:14px!important}.education-icons img+img{margin-inline-start:8px}
#contact:before{background:linear-gradient(90deg,#003b32a8,transparent 85%),url('/assets/emerald-triangles.svg') center/cover}
.portrait-depth .portrait-facets{background:linear-gradient(150deg,#04493622,transparent 70%),url('/assets/emerald-triangles.svg') 67% center/cover}
.facet-front{background:linear-gradient(130deg,#068263,#6bc78a);opacity:.7;clip-path:polygon(0 35%,100% 100%,0 100%)}.facet-outline{display:none}
#contact select{appearance:auto;width:100%;min-height:54px;padding:14px 16px;font:inherit;border-radius:8px;background:#fffffff0;color:#173d2c;border:1px solid #cde3d5}
#contact select:focus{outline:3px solid #c6f590;outline-offset:3px}
@media(max-width:1190px){.organization-stack{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){#organizations{padding-top:32px!important;padding-bottom:32px!important}.organization-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}.organization-card{min-height:58px}.organization-card img{height:38px;max-width:96px}#contact:before{background:linear-gradient(#003b32b0,#003b3255),url('/assets/emerald-triangles.svg') 65% center/cover}}
@media(prefers-reduced-motion:reduce){.brand{transition:none}}
@media(forced-colors:active){.brand{background:none;color:LinkText!important}}
.organization-card img{filter:grayscale(1) contrast(1.65);mix-blend-mode:multiply}.organization-card img[src*="olayan"]{filter:brightness(0);mix-blend-mode:normal}
/* Restore original logo colors while preserving the compact gallery. */
.organization-card img,.organization-card img[src*="olayan"]{filter:none;mix-blend-mode:normal}
.organization-card img[src*="olayan"]{background:#183e36;padding:9px;border-radius:4px}
.organization-card img[src*="olayan"]{background:transparent;padding:0;border-radius:0;filter:none;mix-blend-mode:normal}
/* Quiet perpetual geometry and seven-plane portrait depth. */
#contact:before{inset:-12%;background:linear-gradient(90deg,#003b32a8,transparent 85%),url('/assets/emerald-triangles.svg') center/cover;transform-origin:65% 50%;animation:contact-drift 24s ease-in-out infinite alternate;will-change:transform}
#contact:after{content:'';position:absolute;z-index:-1;inset:-30%;pointer-events:none;background:linear-gradient(115deg,transparent 45%,#90e8b01a 50%,transparent 55%);animation:contact-light 18s ease-in-out infinite alternate}
@keyframes contact-drift{0%{transform:translate3d(-2%,1%,0) scale(1.04) rotate(-2deg)}50%{transform:translate3d(2%,-2%,0) scale(1.1) rotate(1deg)}100%{transform:translate3d(-1%,2%,0) scale(1.04) rotate(3deg)}}
@keyframes contact-light{from{transform:translateX(-20%) rotate(-8deg)}to{transform:translateX(20%) rotate(8deg)}}
.portrait-depth{perspective:1200px;box-shadow:0 35px 65px #003e353b,8px 8px 0 #92bbaa,16px 16px 0 #d9e7dd;transition:transform .55s cubic-bezier(.18,.7,.2,1),box-shadow .6s}
.portrait-scene{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:portrait-orbit 16s ease-in-out infinite alternate}
.depth-plane{position:absolute;pointer-events:none;inset:-10%;transition:transform .65s cubic-bezier(.18,.7,.2,1)}
.plane-1{background:linear-gradient(145deg,#002e2c,#0a8869);transform:translateZ(-80px) scale(1.25)}
.plane-2{background:url('/assets/emerald-triangles.svg') 65% center/cover;transform:translateZ(-45px) scale(1.14);opacity:.9}
.plane-3{inset:8% 7% 24% 25%;background:linear-gradient(135deg,#c3efb0a8,#0f7c6066);clip-path:polygon(72% 0,100% 100%,0 70%);transform:translateZ(5px) rotate(-16deg)}
.plane-4{inset:15% 22% 12% -10%;border:1px solid #b0f3c55e;transform:translateZ(30px) rotate(22deg);border-radius:4px}
.plane-5{inset:auto -10% -8% 37%;height:48%;background:linear-gradient(135deg,#b9ef9a88,#08705c);clip-path:polygon(65% 0,100% 100%,0 100%);transform:translateZ(90px);z-index:3}
.plane-6{inset:0;background:linear-gradient(120deg,transparent 30%,#d8ffe913 48%,transparent 65%);transform:translateZ(120px);z-index:4}
.portrait-depth .portrait-scene img{position:relative;z-index:2;transform:translateZ(65px) scale(1.03)!important;filter:drop-shadow(18px 18px 12px #002d2a88);transition:filter .7s}
.portrait-depth:hover .plane-3{transform:translateZ(35px) rotate(-22deg)}.portrait-depth:hover .plane-4{transform:translateZ(55px) rotate(29deg)}.portrait-depth:hover .plane-5{transform:translateZ(110px) translateX(8px)}
@keyframes portrait-orbit{from{transform:rotateY(-5deg) rotateX(2deg) translateY(3px)}to{transform:rotateY(5deg) rotateX(-2deg) translateY(-3px)}}
#research{position:relative;isolation:isolate;overflow:hidden}.publication-globe{position:absolute;z-index:-1;right:-65px;top:12px;width:clamp(230px,32vw,460px);color:#c3c9c2;opacity:.42;transform:rotate(-18deg);pointer-events:none}.publication-globe svg{width:100%;height:auto;stroke:currentColor;stroke-width:1}
#organizations .brand-attribution{font-size:12px;line-height:1.7;color:#747a74;margin:20px 0 0;max-width:none}
.expertise .skills-grid{gap:25px 22px}.expertise .skill-card{min-height:260px;padding:25px 25px 23px;box-shadow:4px 5px 0 -1px #a8bc96,8px 10px 0 -2px #728c62,0 14px 26px #071b1230}.expertise .skill-card h3{font-size:25px;margin:12px 0}.expertise .skill-card p{font-size:14px;line-height:1.6;margin-bottom:0}.expertise .skill-sculpture{height:90px;transform:scale(.75);transform-origin:center center;margin:-8px 0 -3px}
.hero-bottom{justify-content:flex-end}
@media(max-width:600px){.expertise .skill-card{min-height:230px;padding:22px}.portrait-depth{box-shadow:6px 6px 0 #92bbaa,12px 12px 0 #d9e7dd}.publication-globe{right:-85px;opacity:.28}#organizations .brand-attribution{font-size:11px}.portrait-scene{animation-duration:20s}}
@media(prefers-reduced-motion:reduce){#contact:before,#contact:after,.portrait-scene{animation:none!important;transform:none!important}.depth-plane{transition:none!important}.portrait-depth:hover .plane-3,.portrait-depth:hover .plane-4,.portrait-depth:hover .plane-5{transform:none!important}}
/* Floating corporate portrait with refractive emerald crystal accents. */
.about .portrait-depth{width:min(100%,350px);height:460px;justify-self:center;overflow:visible;background:transparent!important;border:0;border-radius:0;box-shadow:none!important;isolation:auto}
.portrait-depth .portrait-scene{overflow:visible;animation:portrait-float 12s ease-in-out infinite alternate}
.portrait-depth .portrait-scene img{display:block;object-fit:contain!important;object-position:center bottom!important;transform:translateZ(65px) scale(.94)!important;filter:grayscale(1) contrast(1.08) drop-shadow(14px 20px 16px #153d3029);transition:filter 1.2s ease,transform 1.2s cubic-bezier(.2,.7,.2,1);mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%)}
.portrait-depth:hover .portrait-scene img,.portrait-depth:focus-visible .portrait-scene img{filter:grayscale(0) contrast(1.02) drop-shadow(16px 24px 18px #08735f35);transform:translateZ(85px) scale(.97)!important}
.portrait-depth .depth-plane{border:0;border-radius:0;box-shadow:none;background-image:none}
.portrait-depth .plane-1{inset:15% -12% 2% -8%;background:radial-gradient(ellipse,#77c7ab30,transparent 67%);transform:translateZ(-80px);clip-path:none}
.portrait-depth .plane-2{inset:7% -6% 21% 48%;background:linear-gradient(140deg,#e0fff4b0 0%,#70bba24a 32%,#0c8c7944 33%,#c9ffe48a 62%,#319e8c22 63%);clip-path:polygon(46% 0,100% 62%,57% 100%,0 58%);transform:translateZ(-45px) rotate(18deg);opacity:.9}
.portrait-depth .plane-3{inset:39% 65% 9% -15%;background:linear-gradient(110deg,#c7f4e2b0,#2d9e8d60 48%,#e7fff5a0 49%,#8abfa330);clip-path:polygon(42% 0,100% 70%,30% 100%,0 57%);transform:translateZ(5px) rotate(-16deg)}
.portrait-depth .plane-4{inset:6% 68% 68% -4%;background:linear-gradient(135deg,#d7fff0a0,#7ec2b142 49%,#0e8c7933 50%);clip-path:polygon(50% 0,100% 100%,0 72%);transform:translateZ(30px) rotate(22deg)}
.portrait-depth .plane-5{inset:72% -8% -2% 55%;height:auto;background:linear-gradient(130deg,#b8f1d39c,#42a99466 48%,#ebfff7b0 49%,#1c8e7744);clip-path:polygon(45% 0,100% 70%,38% 100%,0 51%);transform:translateZ(90px);z-index:3}
.portrait-depth .plane-6{inset:81% 7% -8% 12%;background:radial-gradient(ellipse,#12594524,transparent 65%);transform:translateZ(-20px) rotateX(55deg);z-index:0}
.portrait-depth:hover .plane-2{transform:translateZ(-20px) rotate(23deg)}.portrait-depth:hover .plane-3{transform:translateZ(35px) rotate(-23deg)}.portrait-depth:hover .plane-4{transform:translateZ(55px) rotate(30deg)}.portrait-depth:hover .plane-5{transform:translateZ(110px) translateY(-8px) rotate(-6deg)}
@keyframes portrait-float{from{transform:rotateY(-4deg) rotateX(1deg) translateY(5px)}to{transform:rotateY(4deg) rotateX(-1deg) translateY(-7px)}}
@media(max-width:900px){.about .portrait-depth{margin:0 auto;width:min(80%,330px);height:430px}}
@media(max-width:600px){.about .portrait-depth{width:min(78%,290px);height:380px;margin:10px auto 35px}}
@media(prefers-reduced-motion:reduce){.portrait-depth .portrait-scene{animation:none!important}.portrait-depth .portrait-scene img{transition:none!important}.portrait-depth:hover .plane-2{transform:none!important}}
.portrait-depth .portrait-scene img{mask-image:linear-gradient(#000 0%,#000 68%,transparent 94%);-webkit-mask-image:linear-gradient(#000 0%,#000 68%,transparent 94%)}
/* Consistent logo cells, with optical sizing that preserves each identity. */
.organization-stack{gap:12px!important;align-items:stretch}
.organization-card,.organization-card:has(img[src*="olayan"]){height:104px;min-height:104px!important;min-width:0;display:flex!important;align-items:center;justify-content:center;padding:16px 12px!important;background:#fff!important;border:1px solid #e0e5dd!important;border-radius:10px!important;box-shadow:none!important}
.organization-card img{width:100%;max-width:126px;height:54px;object-fit:contain;object-position:center;filter:none;mix-blend-mode:normal}
.organization-card img[src*="we.svg"],.organization-card img[src*="greenhat"]{width:54px;height:54px}
.organization-card img[src*="wiggles"]{width:78px;height:58px}
.organization-card img[src*="merchantwise"],.organization-card img[src*="konica"],.organization-card img[src*="olayan"],.organization-card img[src*="kapsarc"]{max-width:134px;height:56px;background:transparent;padding:0}
.organization-card img[src*="disney"]{max-width:104px;height:60px}
.organization-card img[src*="sabic"]{max-width:100px;height:58px}
@media(max-width:1190px){.organization-stack{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.organization-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}.organization-card,.organization-card:has(img[src*="olayan"]){height:88px;min-height:88px!important;padding:12px 8px!important}.organization-card img{height:45px;max-width:110px}.organization-card img[src*="we.svg"],.organization-card img[src*="greenhat"]{width:45px;height:45px}.organization-card img[src*="disney"],.organization-card img[src*="sabic"],.organization-card img[src*="wiggles"]{height:48px}}
/* Editorial About layout with floating, finely cut emerald details. */
#about{display:grid;grid-template-columns:1.25fr .75fr;gap:50px 8%;align-items:center;padding-top:100px;padding-bottom:100px}
#about .about-copy{grid-column:1;grid-row:1;max-width:690px}#about .about-copy h2{max-width:610px;margin-bottom:28px}#about .about-text{font-size:16px;line-height:1.85;margin-bottom:0}
#about .portrait-depth{grid-column:2;grid-row:1;width:300px;height:410px;margin:40px auto 0;align-self:center;justify-self:center}
#about>.credentials{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:12px 0 0;border-top:1px solid #d7e0d4;padding-top:30px}
#about>.credentials>div{border:0;border-inline-start:1px solid #dce3d7;padding:45px 18px 0 20px;min-height:150px}#about>.credentials>div:first-child{border-inline-start:0;padding-inline-start:0}
#about .credentials h3{font-size:16px;line-height:1.45;margin:0 0 8px}#about .credentials p{font-size:13px;line-height:1.6;margin:0}#about .education-icons{inset-inline-start:20px;inset-inline-end:auto;top:0}#about .credentials>div:first-child .education-icons{inset-inline-start:0}
.portrait-depth .plane-2{inset:2% -3% auto auto;width:73px;height:115px;opacity:.85;background:linear-gradient(115deg,#0b302e,#1c6857 48%,#789d8a 49%,#0c3b32);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.portrait-depth .plane-3{inset:55% auto auto -5%;width:50px;height:85px;background:linear-gradient(110deg,#b3dfd0a8,#4d9c8c88 49%,#f4fff5a0 50%,#729a8640);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.portrait-depth .plane-4{inset:-5% auto auto 6%;width:51px;height:75px;background:linear-gradient(120deg,#082c26,#416f5c 49%,#8caa94 50%,#164a3d);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.portrait-depth .plane-5{inset:76% -3% auto auto;width:57px;height:83px;opacity:.6;background:linear-gradient(130deg,#b5d9c5,#579c8855 49%,#d3ecd3 50%,#476d5b55);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.portrait-diamond{position:absolute;pointer-events:none;width:24px;height:38px;background:linear-gradient(115deg,#052c25,#316853 48%,#8cae97 49%,#123c32);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(2px 5px 4px #183f2920);transition:translate 1s ease;transform:translateZ(35px) rotate(12deg)}
.diamond-1{top:-2%;left:30%;width:19px;height:30px}.diamond-2{top:8%;left:-7%;width:30px;height:45px;transform:translateZ(15px) rotate(-15deg)}.diamond-3{top:-9%;right:25%;width:32px;height:49px}.diamond-4{top:28%;right:-12%;width:21px;height:33px}.diamond-5{bottom:18%;left:-8%;width:15px;height:24px;opacity:.45}.diamond-6{bottom:3%;right:23%;width:18px;height:29px;opacity:.35}
.portrait-depth:hover .portrait-diamond:nth-child(2n){translate:3px -6px}.portrait-depth:hover .portrait-diamond:nth-child(2n+1){translate:-4px 4px}
.layer-4{transform:translateZ(158px);background:linear-gradient(135deg,#efffe0,#80bf8c);color:#153d2a}
.process-layer.layer-1{transform:translateZ(-158px)}.process-layer.layer-2{transform:translateZ(-53px)}.process-layer.layer-3{transform:translateZ(53px)}
/* Translucent glass cells retain full-color, undistorted marks. */
#organizations{background:radial-gradient(ellipse at 12% 80%,#d3e9df80,transparent 45%),radial-gradient(ellipse at 88% 15%,#dbe8cda0,transparent 40%),#f1f5ed}
.organization-card,.organization-card:has(img[src*="olayan"]){position:relative;background:linear-gradient(135deg,#ffffff75,#ffffff24)!important;border:1px solid #ffffffc9!important;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:inset 0 1px 0 #fff,0 5px 16px #264c3310!important;border-radius:16px!important;transition:background .4s,box-shadow .4s}
.organization-card:hover{background:linear-gradient(135deg,#ffffffb0,#ffffff55)!important;box-shadow:inset 0 1px 0 #fff,0 10px 22px #264c331a!important}
@media(max-width:1000px){#about{gap:40px 5%;grid-template-columns:1.1fr .9fr}#about>.credentials{grid-template-columns:repeat(2,minmax(0,1fr))}#about>.credentials>div:nth-child(3){border-inline-start:0;padding-inline-start:0}#about>.credentials>div:nth-child(3) .education-icons{inset-inline-start:0}}
@media(max-width:700px){#about{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px;gap:32px}#about .about-copy{grid-column:1;grid-row:1}#about .portrait-depth{grid-column:1;grid-row:2;width:260px;height:355px;margin:15px auto 0}#about>.credentials{grid-column:1;grid-row:3;gap:24px 12px}#about .credentials h3{font-size:14px}#about .credentials p{font-size:12px}#about .about-text{font-size:15px}}
@media(prefers-reduced-motion:reduce){.portrait-diamond{transition:none!important;translate:none!important}}
.portrait-scene:after{content:'';position:absolute;z-index:8;pointer-events:none;left:-12%;right:-12%;bottom:-15%;height:48%;background:linear-gradient(to bottom,#f6f7f100 0%,#f6f7f1b8 38%,#f6f7f1 73%);transform:translateZ(145px)}
/* Larger identity, kept on one line at every viewport. */
header .brand,footer .brand{font-size:clamp(26px,2.5vw,36px);letter-spacing:-1px;white-space:nowrap;flex-shrink:0}
header .brand span,footer .brand span{font-size:clamp(13px,1.15vw,17px);letter-spacing:0;margin-inline-start:7px}
.hero-top .eyebrow{max-width:62%;line-height:1.6}

@media(max-width:600px){header .brand{font-size:clamp(20px,5.6vw,27px);letter-spacing:-.6px}header .brand span{font-size:11px;margin-inline-start:4px}footer .brand{font-size:28px}footer .brand span{font-size:14px}.hero-top .eyebrow{max-width:100%;font-size:10px;letter-spacing:1px}}
/* Restore the original sage / lime palette to portrait and closing section. */
.portrait-depth .portrait-scene img,.portrait-depth:hover .portrait-scene img,.portrait-depth:focus-visible .portrait-scene img{filter:grayscale(0) saturate(1) contrast(1.02) drop-shadow(12px 18px 16px #29471620)}
.portrait-depth .plane-1{background:radial-gradient(ellipse,#b9d69835,transparent 67%)}
.portrait-depth .plane-2,.portrait-depth .plane-4,.portrait-diamond{background:linear-gradient(115deg,#284b32 0%,#607e4f 45%,#b9d698 49%,#e7f4cc 50%,#5f8d47 53%,#31533a 100%)}
.portrait-depth .plane-3,.portrait-depth .plane-5{background:linear-gradient(120deg,#eff7dcbb 0%,#b6d69780 45%,#eaffc8cc 49%,#89ac6d66 52%,#52783f66 100%)}
.portrait-depth .plane-6{background:radial-gradient(ellipse,#38552c1a,transparent 65%)}
#contact{background:#dfe9ce!important;color:#14271d!important}
#contact:before{background:linear-gradient(100deg,#edf3e0e8 0%,#dce9c9bb 48%,#cee4ad44 100%),url('/assets/sage-triangles.svg') center/cover;opacity:1}
#contact:after{background:linear-gradient(115deg,transparent 35%,#efffd840 50%,transparent 65%)}
#contact h2,#contact p,#contact a,#contact label,#contact .eyebrow{color:#14271d!important}#contact .form-note{color:#52634d!important}
#contact input,#contact textarea,#contact select{background:#f8fbf0d9!important;color:#14271d!important;border-color:#a5ba91!important;box-shadow:inset 0 1px 0 #fff8}
#contact .button{background:#cefa4b!important;color:#14271d!important;border-color:#cefa4b!important}
#contact input:focus,#contact textarea:focus,#contact select:focus{outline:3px solid #52783f;outline-offset:3px}
@media(max-width:600px){#contact:before{background:linear-gradient(#edf3e0e0,#dce9c9b8),url('/assets/sage-triangles.svg') 65% center/cover}}
/* One clear hero introduction; phase labels stay on a flat reading plane. */
.hero-introduction{margin-bottom:24px;max-width:610px}.hero-introduction .eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:1.4px;line-height:1.6;color:#43633c}.hero-introduction .professional-title{font-size:clamp(17px,1.55vw,22px);line-height:1.4;margin:0 0 10px;max-width:560px;color:#14271d}.hero-location{margin:0;font-size:11px;line-height:1.5;letter-spacing:.7px;color:#52634d;text-transform:none}
.hero .hero-copy{padding-top:15px}.hero h1{font-size:clamp(62px,6.7vw,98px)}
.motion-story{height:170vh;min-height:1000px}.motion-stage{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:24px;padding:44px 7%;top:82px;height:calc(100svh - 82px);min-height:650px;overflow:visible}
.motion-stage>.eyebrow{position:static;margin:0;left:auto;top:auto}.process-heading{font-size:clamp(34px,3.5vw,50px);margin:0 0 8px;line-height:1.15}
.process-object,html[dir=rtl] .process-object{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;perspective:1100px}
.process-object .process-layer{position:relative;inset:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;min-height:355px;padding:24px 20px;border:1px solid #a6ba9180;border-radius:18px;background:linear-gradient(145deg,#f7faef,#dfebd1);color:#14271d;transform:none!important;box-shadow:0 8px 20px #29471610;letter-spacing:normal;transition:background .6s,box-shadow .6s,border-color .6s}
.process-object .process-layer.is-active{background:linear-gradient(145deg,#eaffcb,#cfe6ac);border-color:#799d56;box-shadow:0 14px 28px #29471623,inset 0 1px 0 #fff}
.process-layer .process-number{position:static;font-size:12px;letter-spacing:1px;line-height:1;color:#52634d}
.process-layer h3{font-size:25px;line-height:1.2;margin:10px 0 14px;font-weight:500}.process-layer p{font-size:14px;line-height:1.65;margin:0;color:#3d5038}
.process-card-art{position:relative;width:100%;height:85px;perspective:600px;transform-style:preserve-3d;margin:5px 0 8px}
.process-card-art i{position:absolute;width:64px;height:46px;left:calc(50% - 32px);top:16px;border-radius:8px;background:linear-gradient(135deg,#eaffc5,#9dc76b);border:1px solid #e9ffd3;box-shadow:3px 4px 0 #779950,5px 12px 15px #244c2220;transform:rotateX(50deg) rotateZ(var(--process-turn,-18deg));transition:transform .25s}
.process-card-art i:nth-child(2){transform:translateY(-8px) translateZ(12px) rotateX(50deg) rotateZ(var(--process-turn,-18deg))}.process-card-art i:nth-child(3){transform:translateY(-16px) translateZ(24px) rotateX(50deg) rotateZ(var(--process-turn,-18deg))}
.process-layer:nth-child(1) .process-card-art i{background:linear-gradient(135deg,#7a9b62,#284b32)}.process-layer:nth-child(2) .process-card-art i{border-radius:50%;width:50px;left:calc(50% - 25px)}.process-layer:nth-child(4) .process-card-art i{background:linear-gradient(135deg,#e4f1d0,#8bb275)}
.process-live{display:none!important}.process-progress{position:relative;left:auto;right:auto;bottom:auto;width:100%;height:3px;margin-top:6px;background:#b7c9a6}.process-progress i{background:#43633c}
@media(max-width:1000px){.motion-story{height:auto;min-height:0}.motion-stage{position:relative;top:auto;height:auto;min-height:0;padding:65px 7%}.process-object{grid-template-columns:repeat(2,minmax(0,1fr))}.process-object .process-layer{min-height:300px}.process-progress{display:none}}
@media(max-width:600px){.hero .hero-copy{padding-top:8px}.hero-introduction{margin-bottom:24px}.hero-introduction .professional-title{font-size:17px}.hero-introduction .eyebrow{font-size:10px}.hero-location{font-size:10px}.hero h1{font-size:56px}.hero .sculpture{top:510px}.hero{min-height:1030px}.process-object{grid-template-columns:1fr;gap:16px}.process-object .process-layer{min-height:0;padding:24px}.process-layer h3{font-size:26px}.process-card-art{height:70px}.motion-stage{padding:55px 7%;gap:20px}.process-layer p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.motion-story{height:auto;min-height:0}.motion-stage{position:relative;top:auto;height:auto;min-height:0}.process-card-art i{transition:none}.process-object .process-layer{transition:none}}
/* Seamless orbital mesh and sharply faceted visual language. */
.sculpture.mesh-ready>.orbit,.sculpture.mesh-ready>.sphere{display:none!important}.orbital-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sculpture .float-label{border-radius:2px!important;padding:16px 20px!important;display:flex;flex-direction:column;gap:7px;background:#f5faeddb!important;border:1px solid #9bb58280;box-shadow:0 12px 35px #284b3214;backdrop-filter:blur(14px);text-align:start;white-space:nowrap}.orbit-label-index{font-size:9px;letter-spacing:1.6px;color:#52634d}.float-label strong{font-weight:500;font-size:18px;color:#14271d}.sculpture .label-one{left:0;top:20%}.sculpture .label-two{right:0;bottom:23%;top:auto}.quantum-caption{position:absolute;bottom:3%;left:0;right:0;text-align:center;font-size:12px;letter-spacing:.5px;color:#43633c}
.organization-card img[src*="merchantwise"]{mix-blend-mode:multiply!important;background:transparent!important}
.process-object .process-layer{border-radius:2px 2px 22px 2px}.process-card-art{display:flex;align-items:center;justify-content:flex-start;height:84px}.process-card-art:before{content:'';position:absolute;width:65px;height:65px;background:linear-gradient(135deg,#cfe6ac,#91b571);clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);transform:perspective(500px) rotateY(var(--process-turn,-18deg));box-shadow:0 12px 20px #284b321a}.process-card-art img{position:relative;width:34px;height:34px;margin:15px;opacity:.8}
.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:38px 18px!important;margin-top:48px}.skills-grid .folder-card{position:relative;min-height:230px!important;padding:28px 23px 24px!important;border-radius:0 8px 8px 8px!important;overflow:visible;background:linear-gradient(145deg,#f0f5e8,#dde9cc)!important;border:1px solid #a6ba9180;box-shadow:0 8px 18px #284b3210}.folder-card:before,.folder-card:after{display:none!important}.folder-tab{position:absolute;top:-22px;left:-1px;width:83px;height:23px;padding:6px 16px;font-size:10px;letter-spacing:1px;background:#dde9cc;clip-path:polygon(0 0,75% 0,100% 100%,0 100%);border:1px solid #a6ba9180;border-bottom:0;color:#43633c}.folder-icon{width:31px;height:31px;margin-bottom:22px;opacity:.8}.folder-card h3{font-size:21px!important;line-height:1.25;margin:0 0 12px!important}.folder-card p{font-size:13px!important;line-height:1.65;color:#3d5038}
#about>.credentials{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 48px}#about>.credentials>div{padding:45px 0 0;border:0;min-height:0}#about .education-icons,#about .credentials>div:first-child .education-icons{inset-inline-start:0}.degree-title,.degree-specialism{display:block}.degree-title{font-size:20px;line-height:1.35}.degree-specialism{font-weight:400;font-size:17px;margin-top:8px;color:#43633c}#about .credentials .credentials-label{grid-column:1/-1;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;margin:12px 0 0;padding-top:25px;border-top:1px solid #d7e0d4}
.portrait-depth .portrait-scene img{object-fit:contain!important;width:118%!important;max-width:none!important;left:-9%!important;height:auto!important;bottom:0!important;top:auto!important}.portrait-diamond{clip-path:polygon(50% 0,100% 75%,0 100%)!important}.diamond-1{background:linear-gradient(120deg,#213c28 49%,#647c48 50%)}.diamond-2{background:linear-gradient(120deg,#4c6b39 49%,#a4c786 50%)}.diamond-3{background:linear-gradient(120deg,#183523 49%,#3e6336 50%)}.diamond-4{background:linear-gradient(120deg,#769956 49%,#d1e9a9 50%)}.diamond-5{background:linear-gradient(120deg,#95b878 49%,#dfedbf 50%)}.diamond-6{background:linear-gradient(120deg,#52783f 49%,#b9d698 50%)}.diamond-7{bottom:5%;left:-10%;width:46px;height:60px;z-index:9;background:linear-gradient(120deg,#31533a 49%,#8eaa67 50%)}.diamond-8{bottom:-5%;left:24%;width:22px;height:32px;z-index:9;background:linear-gradient(120deg,#799655 49%,#cfdfa2 50%)}.diamond-9{bottom:2%;right:-8%;width:38px;height:54px;z-index:9;background:linear-gradient(120deg,#284b32 49%,#607e4f 50%)}.diamond-10{bottom:-6%;right:25%;width:17px;height:26px;z-index:9;background:linear-gradient(120deg,#b9d698 49%,#5f8d47 50%)}
.contact-crystals{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.contact-crystals i{position:absolute;width:430px;height:540px;bottom:-220px;left:-120px;background:linear-gradient(125deg,#284b32bb 49%,#607e4f66 50%);clip-path:polygon(50% 0,100% 100%,0 82%);animation:deepFacet 16s ease-in-out infinite alternate}.contact-crystals i:nth-child(2){left:auto;right:-160px;bottom:-240px;transform:rotate(35deg);animation-delay:-6s;background:linear-gradient(125deg,#31533a99 49%,#9abd6a55 50%)}.contact-crystals i:nth-child(3){width:190px;height:260px;left:27%;bottom:-140px;animation-delay:-11s;background:linear-gradient(125deg,#52783f99 49%,#b9d69866 50%)}@keyframes deepFacet{from{translate:0 0;rotate:-8deg}to{translate:30px -55px;rotate:9deg}}
@media(max-width:1100px){.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:800px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.float-label strong{font-size:15px}.sculpture .float-label{padding:12px 14px!important}}@media(max-width:600px){#about>.credentials{grid-template-columns:1fr;gap:27px}.degree-title{font-size:19px}.degree-specialism{font-size:16px}.skills-grid{gap:34px 12px!important}.skills-grid .folder-card{padding:24px 16px 20px!important;min-height:235px!important}.folder-card h3{font-size:18px!important}.folder-card p{font-size:12px!important}.quantum-caption{font-size:10px;bottom:0}.sculpture .label-one{left:0;top:16%}.sculpture .label-two{right:0;bottom:17%}}
@media(prefers-reduced-motion:reduce){.contact-crystals i{animation:none!important}.process-card-art:before{transform:none}}
.sculpture{isolation:isolate}.sculpture .float-label{opacity:1!important;animation:none!important;transform:none!important;z-index:5}.orbital-vector{position:absolute;inset:0;animation:orbitalBreathe 13s ease-in-out infinite alternate}.orbital-vector svg{width:100%;height:100%;overflow:visible}.quantum-caption{z-index:6}@keyframes orbitalBreathe{from{transform:rotate(-5deg) translateY(6px)}to{transform:rotate(6deg) translateY(-9px)}}@media(prefers-reduced-motion:reduce){.orbital-vector{animation:none}}
#about .portrait-depth:after{display:none!important}#about .credentials .degree-title{font-size:20px;line-height:1.35;color:#14271d}#about .credentials .degree-specialism{font-size:17px;line-height:1.4;color:#43633c}#about .portrait-scene:after{display:none}.portrait-depth .portrait-scene img{position:absolute!important;bottom:8%!important}.portrait-diamond.diamond-5,.portrait-diamond.diamond-6{opacity:.8}.portrait-diamond.diamond-8,.portrait-diamond.diamond-10{bottom:0}
.process-card-art:before{transform:none!important}.process-card-art img{z-index:2;transform:translateZ(2px);flex-shrink:0;object-fit:contain}
/* Saudi flag green: Ministry of Culture digital specification #005430. */
:root{--saudi-green:#005430;--forest:#003c27;--emerald:#14845a;--sage:#b9d698;--lime:#cefa4b}
.hero h1 em{color:var(--saudi-green)}.process-heading,#about h2{color:var(--saudi-green)}.expertise{background:radial-gradient(ellipse at 100% 0%,#14845a88,transparent 60%),var(--saudi-green)!important}.process-object .process-layer.is-active{border-color:#005430;box-shadow:0 15px 35px #00543020}.process-progress i{background:var(--saudi-green)}
.sculpture .float-label{background:linear-gradient(135deg,#ffffff69,#ffffff1c)!important;border:1px solid #ffffffbb!important;border-radius:18px!important;box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 #ffffff66,0 14px 35px #00543016;backdrop-filter:blur(16px) saturate(1.65);-webkit-backdrop-filter:blur(16px) saturate(1.65);animation:glassFloat 8s ease-in-out infinite!important}.sculpture .label-two{animation-delay:-4s!important}.float-label strong{font-size:18px;color:#005430;font-weight:500}@keyframes glassFloat{0%,100%{translate:0 0;rotate:-2deg}50%{translate:7px -17px;rotate:2deg}}
#about{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:60px 8%;background:#f6f7f1}#about .about-copy h2{opacity:1!important;transform:none!important}#about .portrait-framed{width:320px;height:400px;margin:0;overflow:hidden;border-radius:16px!important;border:1px solid #8fab8380;box-shadow:0 24px 60px #00543025,inset 0 1px 0 #ffffffa0;background:linear-gradient(150deg,#005430,#1b7852 47%,#b9d698)!important;isolation:isolate}#about .portrait-framed:before{content:'';position:absolute;inset:-30%;background:conic-gradient(from 35deg at 50% 50%,#b9d69833 0deg,#005430 55deg,#64a575 80deg,#003c27 140deg,#cefa4b55 190deg,#005430 245deg,#84b879 290deg,#b9d69833 360deg);animation:portraitPrism 20s ease-in-out infinite alternate;opacity:.9;z-index:0}#about .portrait-framed .portrait-scene{animation:none;transform:none;height:100%}#about .portrait-framed .portrait-scene img{width:118%!important;left:-9%!important;bottom:-3%!important;mask-image:none;-webkit-mask-image:none;transform:translateZ(20px)!important;filter:drop-shadow(0 12px 18px #003c2755)}#about .portrait-framed .plane-1,#about .portrait-framed .plane-6{display:none}#about .portrait-framed .plane-2{top:4%;right:4%;width:45px;height:65px;background:linear-gradient(120deg,#005430 49%,#87b36e 50%)}#about .portrait-framed .plane-4{left:5%;top:8%;background:linear-gradient(120deg,#003c27 49%,#14845a 50%)}#about .portrait-framed .portrait-diamond{opacity:.45}#about .portrait-framed .diamond-7,#about .portrait-framed .diamond-9{opacity:.7;bottom:3%}#about .portrait-framed .plane-3,#about .portrait-framed .plane-5{opacity:.35}@keyframes portraitPrism{from{transform:rotate(-12deg) scale(1)}to{transform:rotate(18deg) scale(1.15)}}
#about>.credentials{grid-template-columns:1fr;gap:0;margin:0;padding:0;border-top:1px solid #b9cbb9}#about>.credentials>div{display:grid;grid-template-columns:100px minmax(0,1fr) 30%;align-items:center;gap:22px;padding:24px 0!important;border-bottom:1px solid #d7e0d4;min-height:95px}#about .credentials .education-icons{position:static;grid-column:1;gap:10px}#about .credentials h3{font-size:19px;line-height:1.4;margin:0}#about .credentials p{font-size:14px;line-height:1.6}#about .credentials .credentials-label{padding:30px 0 12px;border:0;color:#005430}
#contact{background:linear-gradient(115deg,#003c27 0%,#005430 45%,#14845a 78%,#577f3f 100%)!important;color:#f6f7f1!important}#contact:before{background:linear-gradient(110deg,#003c27c9,#005430a0 45%,#14845a66),url('/assets/sage-triangles.svg') center/cover!important;opacity:.7!important;mix-blend-mode:soft-light}#contact:after{background:linear-gradient(115deg,transparent 20%,#b9d69825 48%,#cefa4b16 60%,transparent 80%)!important}#contact h2,#contact p,#contact a,#contact label,#contact .eyebrow{color:#f2f7e9!important}#contact input,#contact textarea,#contact select{background:#f7faeff0!important;color:#14271d!important;border:1px solid #c9dfb480!important;box-shadow:inset 0 1px 0 #ffffff99,0 8px 20px #003c2715}#contact input:focus,#contact textarea:focus,#contact select:focus{outline-color:#cefa4b}#contact .contact-crystals i{background:linear-gradient(125deg,#003c27ee 49%,#14845aaa 50%)}#contact .contact-crystals i:nth-child(2){background:linear-gradient(125deg,#b9d69880 49%,#84b15d80 50%)}#contact .contact-crystals i:nth-child(3){background:linear-gradient(125deg,#cefa4b88 49%,#14845a99 50%)}footer{border-top:1px solid #00543030}
@media(max-width:800px){#about{grid-template-columns:1fr;gap:35px}#about .about-copy{grid-column:1;grid-row:1}#about .portrait-framed{grid-column:1;grid-row:2;width:300px;height:375px}#about>.credentials{grid-column:1;grid-row:3}#about>.credentials>div{grid-template-columns:80px minmax(0,1fr);gap:10px 18px}#about .credentials h3{font-size:17px}#about .credentials>div>p{grid-column:2}.sculpture .float-label strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.sculpture .float-label,#about .portrait-framed:before{animation:none!important;translate:none!important;rotate:none!important}}
#contact .form-note,#contact #form-status{color:#e4efdb!important}