/* Talal 1.1 — expressive personal identity and scroll-led motion. */
:root{--bg:#f7f5ef;--surface:#fff;--ink:#252528;--muted:#6a6761;--line:#e3ddd1;--accent:#8a642c;--soft:#eeeae2;--navy:#242528;--highlight:#ddc9a5;--white:#fff;--radius:24px}
html[data-theme=dark]{--bg:#161719;--surface:#212225;--ink:#f5f0e6;--muted:#c6beb1;--line:#3c3b38;--accent:#d7ba86;--soft:#292a2c;--navy:#353536;--highlight:#ddc9a5;--white:#fff}
body{overflow-x:clip}h2{font-size:clamp(34px,3.5vw,49px);letter-spacing:-1.4px}.wrap{width:min(1280px,calc(100% - 100px))}.section{padding-block:110px}.section-label{display:inline-flex;align-items:center;gap:10px;letter-spacing:1px;font-size:12px}.section-label:before{content:'';width:25px;height:2px;background:var(--accent)}.header{background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:box-shadow .25s,border-color .25s}.header.scrolled{border-color:var(--line);box-shadow:0 8px 35px #153a3a08}.nav-wrap{min-height:99px;padding:16px 50px;max-width:1512px}.brand{gap:0}.brand-names{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.brand-names strong{font-size:25px;line-height:1.35;letter-spacing:-1px;font-weight:700}.brand-names small{font:500 11px/1.4 Arial,sans-serif;letter-spacing:2.4px;margin:0;color:var(--muted)}.header nav{gap:33px}.header nav a{font-size:13px;font-weight:600;transition:color .2s}.header nav a.active{color:var(--accent)}.header nav a.active:after{width:50%;inset-inline:25%}.nav-contact{border-radius:100px;padding:10px 21px;gap:15px;background:var(--ink);color:var(--bg)}.icon-button{border:1px solid transparent}.lang{border:0;border-radius:50%;background:var(--soft);margin-inline:5px;width:43px;min-width:43px}.reading-progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:75;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:right center;will-change:transform}html[dir=ltr] .reading-progress span{transform-origin:left center}
.hero-v2,html[dir=ltr] .hero.hero-v2{grid-template-columns:1.06fr 1fr;gap:90px;position:relative;padding-block:55px 85px;min-height:760px;isolation:isolate}.hero-v2:before{content:'';position:absolute;inset-inline-start:-150px;top:22px;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,#d8ece7 0,transparent 65%);opacity:.7;z-index:-1}.hero-copy{position:relative;z-index:2}.hero-v2 .eyebrow{margin-bottom:23px;font-size:11px;gap:10px;color:var(--muted)}.hero-v2 .eyebrow>span{width:7px;height:7px;background:var(--accent);box-shadow:0 0 0 5px var(--soft)}h1.hero-person-name,html[dir=ltr] h1.hero-person-name{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;font:700 clamp(55px,6.9vw,98px)/1.5 Cairo,Arial,sans-serif;letter-spacing:-5px;margin-inline-start:-3px}.hero-person-name>span{display:block;position:relative}.hero-person-name .name-accent{color:var(--accent);padding-inline-end:22px}.name-accent i{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--highlight);border:1px solid #a58756;bottom:26%;inset-inline-end:-3px}.hero-identity{display:flex;gap:20px;align-items:start;margin-top:8px}.identity-line{height:2px;width:50px;margin-top:16px;background:var(--accent);flex-shrink:0}.hero-identity p{font-size:21px;font-weight:600;line-height:1.7}.hero-identity small{display:block;color:var(--muted);font:400 13px/1.8 Arial,sans-serif;letter-spacing:3px;text-align:start;margin-top:8px}.hero-v2 .hero-intro{margin-top:26px;max-width:540px;font-size:15px;line-height:2.1}.hero-v2 .actions{margin-top:30px;gap:12px}.button{border-radius:100px;min-height:56px;transition:transform .25s,box-shadow .25s,background .25s}.button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);gap:25px}.button.primary:hover{box-shadow:0 8px 30px #193f3d22;transform:translateY(-3px)}.button-icon{display:grid;place-items:center;border-radius:50%;background:var(--highlight);width:30px;height:30px;color:#292724;margin-inline-end:-11px}.button-icon .icon{width:17px;height:17px}.hero-v2 .hero-location{font-size:12px;gap:8px;margin-top:25px}.hero-v2 .hero-location .icon{width:17px;height:17px}.hero-v2 .hero-visual,html[dir=ltr] .hero-v2 .hero-visual{direction:inherit;padding:22px;position:relative;transform:translate3d(0,var(--hero-shift,0px),0);will-change:transform;perspective:1200px}.hero-v2 .portrait-frame{border-radius:28px;aspect-ratio:.89;transform:rotate(-3deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:50% 65%;box-shadow:0 22px 65px #163a3326;transition:box-shadow .4s,rotate .4s;overflow:hidden;border:5px solid var(--surface);background:#262628}.hero-v2 .hero-portrait{object-position:50% 5%;transform:scale(1.025);transition:transform .7s}.hero-v2 .hero-visual:hover .hero-portrait{transform:scale(1.07)}.hero-v2 .portrait-caption{inset-inline:25px;bottom:23px;display:block}.hero-v2 .portrait-caption>span{font-size:18px}.hero-v2 .portrait-caption small{display:block;font-size:10px;max-width:none;margin-top:5px}.photo-grid{position:absolute;inset:0 5px 20px 20px;border:1px solid var(--line);border-radius:30px;transform:rotate(5deg);background:var(--soft);z-index:-1}.photo-grid:after{content:'';position:absolute;inset:20px;background-image:radial-gradient(var(--accent) 1px,transparent 1px);background-size:14px 14px;opacity:.13}.experience-orbit{position:absolute;bottom:5px;inset-inline-start:-25px;width:146px;height:146px;background:var(--highlight);border:5px solid var(--bg);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#292724;transform:rotate(8deg);box-shadow:0 7px 25px #24483312;z-index:3}.experience-orbit>span{font-size:9px}.experience-orbit b{font:600 40px/1.15 Arial,sans-serif;letter-spacing:-2px;margin-block:5px}.experience-orbit>.icon{width:18px;height:18px}.hero-stamp{position:absolute;top:7px;inset-inline-end:-3px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:100px;padding:10px 18px;font-size:10px;box-shadow:0 7px 25px #173b3211;transform:rotate(3deg);z-index:3;max-width:90%}.stamp-dot{height:7px;width:7px;background:var(--accent);border-radius:50%;flex-shrink:0}.hero-orbit{position:absolute;width:55px;height:55px;border:1px solid var(--accent);border-radius:50%;inset-inline-start:48%;top:12px;opacity:.45}.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;inset:8px -8px;border:1px solid var(--accent);border-radius:50%;transform:rotate(40deg)}.hero-orbit:after{transform:rotate(-40deg)}.hero-scroll{position:absolute;bottom:13px;inset-inline-start:0;display:flex;align-items:center;gap:15px;font-size:11px;color:var(--muted);min-height:44px}.hero-scroll>b{font:400 21px/1 Arial;color:var(--accent)}.scroll-track{display:flex;justify-content:center;width:20px;height:31px;border:1px solid var(--line);border-radius:12px;padding-top:6px}.scroll-track i{width:3px;height:6px;background:var(--accent);border-radius:4px;animation:scroll-cue 1.8s infinite}@keyframes scroll-cue{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(8px);opacity:1}}
.statement-strip{margin:30px 0 0;background:var(--ink);color:var(--bg);overflow:hidden;transform:rotate(-1.1deg);padding:22px 0;direction:ltr;width:100%}.statement-inner{display:flex;align-items:center;gap:50px;white-space:nowrap;width:max-content;will-change:transform;transform:translateX(var(--statement-shift,0px))}.statement-inner span{font-size:25px;font-weight:600;direction:rtl;white-space:nowrap;letter-spacing:-.5px}.statement-inner i{width:12px;height:12px;background:var(--highlight);border-radius:3px;transform:rotate(45deg);flex-shrink:0}.facts{margin-top:70px;border:0;border-radius:24px;background:var(--surface);padding:28px 32px;box-shadow:0 2px 0 var(--line)}.facts>div:first-child{padding-inline-start:0}.facts b{font:600 40px/1.2 Arial,sans-serif;letter-spacing:-2px}.facts b span{color:var(--accent)}.facts p{font-size:12px}.discover>span{background:var(--soft);border:0}.about{gap:110px;grid-template-columns:.85fr 1.15fr}.about-visual{padding:0;max-width:400px;transform:rotate(2deg)}.about-visual img{border-radius:30px;box-shadow:0 15px 55px #1d423315;aspect-ratio:.85}.about-visual:after{inset:22px -22px -22px 22px;border-radius:30px;border-color:var(--accent);opacity:.6}.photo-corner{border-radius:50%;height:80px;width:80px;display:grid;place-items:center;background:var(--highlight);color:#292724;bottom:-20px;left:-30px;padding:20px}.photo-corner .icon{width:36px;height:36px}.prose{font-size:16px;line-height:2.2}.signature{margin-top:30px;padding-top:25px}.signature span{font-size:24px}.signature small{font-size:12px}.experience-section{background:var(--soft);border:0}.filters button{border-radius:30px;padding:10px 23px;min-height:45px;background:var(--surface);font-size:12px}.filters button.active{background:var(--ink);color:var(--bg)}.timeline{max-width:1100px;position:relative}.career{gap:45px;grid-template-columns:110px 1fr;padding-bottom:24px}.career-year{padding-top:30px;font:600 25px/1.8 Arial,sans-serif;letter-spacing:-1px}.career-year:after{background:var(--line);width:2px;inset-inline-end:4.5px;top:55px;bottom:-64px}.timeline-dot{transition:background .5s,box-shadow .5s}.career.visible .timeline-dot{background:var(--accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 12%,transparent)}.career-content{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px 35px;transition:box-shadow .3s,transform .3s,border-color .3s}.career-content:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 15px 35px #1740370b}.featured .career-content{border-inline-start:1px solid var(--line);position:relative;overflow:hidden}.featured .career-content:before{content:'';position:absolute;top:0;inset-inline-start:0;bottom:0;width:4px;background:var(--accent)}.career h3{font-size:25px}.company{font-size:15px}.period{font-size:12px}.sector{font-size:12px}.appointment{background:var(--soft);border-radius:20px;padding:5px 11px;font-size:10px}.career details p{font-size:14px}.career summary{font-size:12px}.expertise-grid{border:0;gap:18px}.expertise-card{border:1px solid var(--line)!important;border-radius:24px;background:var(--surface);padding:32px 25px;position:relative;transition:transform .35s,background .35s,box-shadow .35s}.expertise-card:nth-child(even){margin-top:24px;margin-bottom:-24px}.expertise-card:hover{background:var(--highlight);color:#292724;transform:translateY(-8px)!important;box-shadow:0 25px 30px #183e2c12}.expertise-card:hover p{color:#554939}.expertise-number{margin-bottom:40px}.expertise-number span{font:500 13px/1 Arial,sans-serif}.expertise-number .icon{width:32px;height:32px}.expertise-card h3{font-size:20px}.expertise-card p{font-size:14px}.learning{background:var(--surface);border-block:1px solid var(--line)}.skill-tags{gap:9px}.skill-tags span{border-radius:40px;padding:8px 15px;font-size:12px;transition:transform .2s,border-color .2s}.skill-tags span:hover{transform:translateY(-3px);border-color:var(--accent)}.qualification{padding-block:22px}.qualification h4{font-size:19px}.qualification p{font-size:13px}.course{font-size:14px;margin-block:17px}.list-heading{font-size:19px}.gallery{gap:25px}.gallery-item img{border-radius:24px;filter:none;height:410px;transition:transform .6s,box-shadow .6s}.gallery-item:hover img{transform:translateY(-8px) rotate(1deg);box-shadow:0 20px 40px #173b321c}.gallery-item>span{font-size:12px;align-items:center}.gallery-item>span .icon{background:var(--soft);width:32px;height:32px;padding:7px;border-radius:50%}.cv-panel{border-radius:30px;background:var(--ink);color:var(--bg);padding:65px;gap:60px;overflow:hidden}.cv-panel .section-label{color:#d6bb8b}.cv-panel .section-label:before{background:#d6bb8b}.cv-panel h2{font-size:39px}.cv-copy>p:not(.section-label){font-size:14px;color:#d3caba}.cv-option{border-radius:17px;border-color:#ffffff2a;min-height:96px}.cv-option:hover{transform:translateX(-5px);background:#ffffff14}.cv-option strong{font-size:16px}.cv-option small{font-size:11px}.file-label{border-color:#ffffff4a;color:var(--highlight)}.print-link{color:var(--highlight);font-size:13px}.contact-section{padding-top:25px;gap:100px}.contact-row{border-radius:0;padding:23px 10px;transition:padding-inline .25s,background .25s}.contact-row.whatsapp{border:1px solid var(--line);border-radius:22px;background:var(--soft)}a.contact-row:hover{padding-inline:20px;background:var(--soft);border-radius:20px}.contact-row strong{font-size:18px}.contact-row small{font-size:12px}.contact-title>p:not(.section-label){font-size:15px}.footer{background:var(--ink);color:var(--bg);border:0;padding-top:50px}.footer .brand-names small{color:#cbbfa9}.footer .button{color:var(--bg);border-color:#ffffff4a}.footer .button:hover{background:#ffffff14}.footer-bottom{color:#cbbfa9;border-color:#ffffff22;font-size:11px}.footer-top{padding-bottom:40px}.footer-top .brand-names strong{font-size:27px}.footer-top .brand-names small{font:500 11px/1.4 Arial,sans-serif;letter-spacing:3px}.install-wordmark{font-size:30px;font-weight:700;color:var(--accent)}dialog{border-radius:24px;padding:45px 30px 30px}.dialog-close{border-color:var(--line)}.mobile-contact{background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(18px)}.mobile-contact a{font-size:11px}.mobile-contact a:first-child{color:var(--accent)}.js-motion .reveal{opacity:0;transform:translate3d(0,38px,0);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.js-motion .reveal.visible{opacity:1;transform:translate3d(0,0,0)}.js-motion .about-visual.reveal{transform:translate3d(0,45px,0) rotate(4deg)}.js-motion .about-visual.reveal.visible{transform:translate3d(0,0,0) rotate(2deg)}.hero-copy>*{animation:hero-in .85s cubic-bezier(.16,1,.3,1) both}.hero-copy>*:nth-child(2){animation-delay:.1s}.hero-copy>*:nth-child(3){animation-delay:.2s}.hero-copy>*:nth-child(4){animation-delay:.3s}.hero-copy>*:nth-child(5){animation-delay:.4s}.hero-copy>*:nth-child(6){animation-delay:.5s}@keyframes hero-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}html[dir=ltr] h1.hero-person-name{font-family:Arial,sans-serif;font-size:clamp(60px,6.6vw,96px);line-height:1.1;letter-spacing:-6px;gap:8px;margin-block:20px 30px}html[dir=ltr] .hero-identity p{font-size:19px}html[dir=ltr] .hero-identity small{font-family:Cairo,sans-serif;letter-spacing:0;font-size:15px}html[dir=ltr] .statement-inner span{direction:ltr;font:500 24px/1.5 Arial,sans-serif}
@media(max-width:1150px){.nav-wrap{padding-inline:30px}.header nav{gap:20px}.wrap{width:calc(100% - 64px)}.hero-v2,html[dir=ltr] .hero.hero-v2{gap:35px;padding-top:45px;min-height:700px}h1.hero-person-name{font-size:75px;gap:12px;letter-spacing:-4px}.hero-identity p{font-size:18px}.hero-v2 .hero-visual{padding:15px}.experience-orbit{width:120px;height:120px;inset-inline-start:-5px}.experience-orbit b{font-size:34px}.hero-stamp{font-size:9px;padding:9px 13px}.expertise-grid{grid-template-columns:repeat(2,1fr)}.expertise-card:nth-child(even){margin-block:0}.about{gap:75px}.cv-panel{padding:45px;gap:40px}.contact-section{gap:65px}.hero-person-name .name-accent{padding-inline-end:15px}}
@media(max-width:780px){.nav-wrap{min-height:83px;padding:14px 22px}.brand-names strong{font-size:23px}.brand-names small{font-size:9px;letter-spacing:2px}.header nav{top:82px;border-radius:0 0 24px 24px;padding:20px 24px}.header nav a{font-size:15px}.lang{height:40px;width:40px;min-width:40px}.wrap{width:calc(100% - 44px)}.hero-v2,html[dir=ltr] .hero.hero-v2{grid-template-columns:1fr;gap:26px;padding-top:24px;padding-bottom:68px;min-height:0}.hero-v2 .hero-visual{grid-row:2;width:100%;max-width:390px;margin-inline:auto;padding:20px 22px 32px;will-change:auto;transform:none!important}.hero-copy{display:contents}.hero-v2 .eyebrow{grid-row:1;margin:3px 0 0;font-size:10px;justify-content:center}.hero-person-name{grid-row:3;justify-content:center;margin:0!important;gap:15px!important;font-size:66px!important;line-height:1.35!important;letter-spacing:-3px!important}.hero-identity{grid-row:4;margin:0;justify-content:center;gap:12px;align-items:center}.hero-identity p{font-size:16px;text-align:center}.hero-identity small{font-size:12px;letter-spacing:2px;text-align:center;margin-top:5px}.identity-line{width:30px;margin:0}.hero-v2 .hero-intro{grid-row:5;font-size:14px;text-align:center;margin-top:0;line-height:2}.hero-v2 .actions{grid-row:6;justify-content:center;margin-top:0;gap:10px}.hero-v2 .hero-location{grid-row:7;justify-content:center;font-size:11px;margin-top:-5px}.hero-v2 .portrait-frame{aspect-ratio:1.09;border-radius:24px;border-width:4px;transform:rotate(-3deg);box-shadow:0 15px 40px #153c3420}.hero-v2 .hero-portrait{object-position:50% 0%;transform:scale(1.01)}.hero-v2 .portrait-caption{inset-inline:18px;bottom:17px;text-align:start}.hero-v2 .portrait-caption>span{font-size:14px}.hero-v2 .portrait-caption small{font-size:8px;margin-top:2px}.experience-orbit{height:102px;width:102px;bottom:0;inset-inline-start:0;border-width:4px;transform:rotate(8deg)}.experience-orbit>span{font-size:8px}.experience-orbit b{font-size:30px;margin-block:2px}.experience-orbit>.icon{width:15px;height:15px}.hero-stamp{font-size:8px;padding:8px 12px;top:8px;inset-inline-end:12px}.photo-grid{inset:14px 9px 30px 15px;border-radius:24px}.hero-orbit{display:none}.hero-v2:before{width:290px;height:290px;inset-inline-start:-110px;top:20px}.hero-scroll{bottom:0;inset-inline:0;justify-content:center;gap:12px;font-size:10px}.hero-person-name .name-accent{padding-inline-end:15px}.name-accent i{width:10px;height:10px;inset-inline-end:0;bottom:25%}.statement-strip{margin-top:26px;padding:16px 0;transform:rotate(-1.2deg)}.statement-inner{gap:27px}.statement-inner span{font-size:19px}.statement-inner i{width:9px;height:9px}.facts{padding:23px 20px;margin-top:43px;border-radius:20px;grid-template-columns:repeat(3,1fr)}.facts>div{padding-inline:13px}.facts b{font-size:29px;letter-spacing:-1.5px}.facts b span{font-size:17px}.facts p{font-size:10px}.facts .discover{font-size:11px;margin-top:22px;padding-top:17px}.section{padding-block:72px}h2{font-size:33px}.section-label{font-size:10px;margin-bottom:16px}.section-top{margin-bottom:30px}.section-description{font-size:14px}.about{grid-template-columns:1fr;gap:48px}.about-visual{max-width:300px;width:80%;grid-row:2}.about-visual img{border-radius:24px;aspect-ratio:.89}.about-visual:after{inset:16px -16px -16px 16px;border-radius:24px}.photo-corner{height:62px;width:62px;bottom:-18px;left:-22px}.photo-corner .icon{width:26px;height:26px}.prose{font-size:14px}.signature span{font-size:22px}.signature small{font-size:11px}.filters{gap:8px}.filters button{font-size:10px;padding:8px 14px}.career{grid-template-columns:41px 1fr;gap:15px;padding-bottom:20px}.career-year{font-size:16px;letter-spacing:0;display:block;padding-top:25px}.career-year:after{inset-inline-end:calc(50% - 1px);top:57px;bottom:-58px}.career-content{border-radius:17px;padding:22px 19px}.career-meta{display:block}.career h3{font-size:20px;margin-top:12px}.sector{font-size:10px}.appointment{display:inline-flex;font-size:8px;margin-top:9px;padding:4px 8px}.company{font-size:13px;line-height:1.9}.period{font-size:10px}.career summary{font-size:11px}.career details p{font-size:12px}.timeline-dot{margin:8px auto 0}.expertise-grid{gap:13px}.expertise-card{border-radius:19px;padding:25px 18px}.expertise-card h3{font-size:18px}.expertise-card p{font-size:12px}.expertise-number{margin-bottom:26px}.expertise-number .icon{width:27px;height:27px}.learning-grid{gap:33px}.skill-tags span{font-size:11px;padding:7px 13px}.qualification h4{font-size:18px}.qualification p{font-size:12px}.course{font-size:13px}.gallery{gap:15px}.gallery-item img{height:240px;border-radius:19px}.gallery-item>span{font-size:10px;gap:6px}.gallery-item>span .icon{width:27px;height:27px;padding:6px}.gallery-item:nth-child(3){max-width:52%}.cv-panel{border-radius:24px;padding:33px 23px;gap:27px}.cv-panel h2{font-size:31px}.cv-copy>p:not(.section-label){font-size:13px}.cv-option{min-height:87px;padding:15px;border-radius:14px}.cv-option strong{font-size:14px}.cv-option small{font-size:9px}.contact-section{padding-top:10px;gap:30px}.contact-title>p:not(.section-label){font-size:14px}.contact-row strong{font-size:16px}.contact-row small{font-size:11px}.contact-row{padding-block:20px}.contact-row.whatsapp{border-radius:17px}.footer{padding-top:35px;padding-bottom:90px}.footer-top .brand-names strong{font-size:26px}.footer-top .brand-names small{font-size:10px}.footer-bottom{font-size:10px}.button{min-height:53px;font-size:12px;padding-inline:21px}.hero-v2 .button.primary{gap:18px}html[dir=ltr] h1.hero-person-name{font-size:55px!important;letter-spacing:-3px!important;gap:8px!important}html[dir=ltr] .hero-identity p{font-size:15px}html[dir=ltr] .hero-identity small{font-size:13px}html[dir=ltr] .statement-inner span{font-size:18px}.hero-copy>*{animation-duration:.7s}.mobile-contact{box-shadow:0 -5px 30px #143a3010}}
@media(max-width:365px){.wrap{width:calc(100% - 32px)}.nav-wrap{padding-inline:16px}.brand-names strong{font-size:20px}.brand-names small{font-size:8px;letter-spacing:1.6px}.nav-tools{gap:0}.nav-tools .icon-button{width:40px}.lang{width:36px;min-width:36px;height:40px;margin-inline:3px}.hero-person-name{font-size:57px!important}.hero-v2 .hero-visual{padding-inline:18px}.hero-v2 .button{font-size:10px;padding-inline:16px}.hero-v2 .actions{gap:7px}.hero-identity p{font-size:14px}.hero-v2 .hero-intro{font-size:13px}.facts{padding-inline:16px}.facts b{font-size:24px}.facts p{font-size:9px}.expertise-grid{grid-template-columns:1fr}.gallery-item img{height:205px}.experience-orbit{width:91px;height:91px}.hero-stamp{font-size:7px}.career-content{padding:18px 14px}.career h3{font-size:18px}.contact-row strong{font-size:14px}html[dir=ltr] h1.hero-person-name{font-size:47px!important}}
@media(prefers-reduced-motion:reduce){.hero-v2 .hero-visual{transform:none!important}.statement-inner{transform:none!important}.hero-copy>*{animation:none!important}.js-motion .reveal{opacity:1!important;transform:none!important}.hero-v2 .portrait-frame{transform:none}.scroll-track i{animation:none}}
@media print{.reading-progress,.statement-strip,.hero-orbit,.hero-scroll,.experience-orbit,.hero-stamp{display:none}.hero-v2{min-height:0;grid-template-columns:1fr 1fr}.hero-person-name{font-size:35px!important}.hero-v2 .portrait-frame{transform:none;max-height:260px}.expertise-card{break-inside:avoid}.cv-panel{background:#fff;color:#252528}}

html[dir=ltr] h2{font-family:Arial,Cairo,sans-serif;font-weight:600;letter-spacing:-1.7px} .cv-panel{background:#242528;color:#fff}.footer{background:#202123;color:#fff}.footer .button{color:#fff}.footer .brand-names strong{color:#fff}.footer .brand-names small{color:#cbbfa9}::selection{background:#ddc9a5;color:#242528}

.hero-v2 .portrait-caption{display:none}.footer-credit{display:flex;justify-content:center;padding:0 0 27px}.footer-credit a{display:inline-flex;align-items:center;gap:10px;color:#dcd1bc;font-size:12px;min-height:44px;text-align:center;transition:color .2s}.footer-credit a:hover{color:#ddc9a5}.footer-credit .icon{height:17px;width:17px}@media(max-width:780px){.footer-credit{justify-content:flex-start;padding-bottom:15px}.footer-credit a{font-size:10px;gap:7px}}

html[data-theme=dark] .hero-v2:before{opacity:.13}html[dir=ltr] h1.hero-person-name{gap:22px;letter-spacing:-4px}@media(max-width:780px){html[dir=ltr] h1.hero-person-name{gap:14px!important}}

/* Refined ivory, charcoal and champagne; retain the established layout. */
:root{--surface:#fffdf9;--radius:14px}html[data-theme=dark]{--surface:#212225}
.hero-v2:before,.photo-grid:after{display:none}.hero-v2 .eyebrow>span{width:24px;height:1px;box-shadow:none;border-radius:0}.hero-v2 .portrait-frame{border-width:3px;border-radius:18px;box-shadow:0 24px 65px #27241d1a}.photo-grid{background:var(--soft);border-color:var(--line);border-radius:18px;opacity:.72}
.hero-v2 .hero-stamp{border-radius:5px;box-shadow:0 5px 18px #27241d09;padding:10px 17px;letter-spacing:0}.hero-person-name .name-accent{padding-inline-end:0}.button,.nav-contact{border-radius:7px}.button.primary:hover{box-shadow:0 8px 28px #30281a1c}.button-icon{background:none;border-inline-start:1px solid color-mix(in srgb,var(--bg) 25%,transparent);border-radius:0;color:var(--highlight);width:30px;height:24px;padding-inline-start:12px;margin-inline-end:0}.lang{border-radius:5px;background:transparent;border:1px solid var(--line)}.icon-button{border-radius:5px}.scroll-track{border-radius:4px}.scroll-track i{border-radius:0}
.facts{margin-top:30px;background:transparent;border-block:1px solid var(--line);border-radius:0;box-shadow:none;padding-block:32px}.discover>span{border-radius:5px;background:transparent;border:1px solid var(--line)}.about-visual img,.about-visual:after{border-radius:18px}.about-visual img{box-shadow:0 15px 50px #27241d12}.about-visual:after{opacity:.32}.hero-visual .portrait-frame:hover{box-shadow:0 24px 65px #27241d21}
.filters button{border-radius:5px}.career-content{border-radius:12px;box-shadow:none}.career-content:hover{box-shadow:0 15px 35px #27241d0b}.timeline-dot{border-radius:1px}.career.visible .timeline-dot{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 9%,transparent)}.appointment{border-radius:4px}.expertise-card{border-radius:12px}.expertise-card:hover{background:var(--soft);color:var(--ink);border-color:var(--accent)!important;box-shadow:0 18px 30px #27241d10}.expertise-card:hover p{color:var(--muted)}.skill-tags span{border-radius:5px}.gallery-item img{border-radius:14px}.gallery-item>span .icon{border-radius:5px}
.cv-panel{background:#242528;border:1px solid #4b4437;border-radius:16px;color:#faf7ef}.cv-option{border-radius:8px}.cv-panel .section-label{color:#d6bb8b}.cv-panel .section-label:before{background:#d6bb8b}.cv-copy>p:not(.section-label){color:#d3caba}.file-label,.print-link{color:#ddc9a5}.cv-option:hover{background:#ffffff0c}.contact-row.whatsapp,a.contact-row:hover{border-radius:9px}.contact-row.whatsapp .icon{color:var(--accent)}.social-links a{border-radius:5px}
.footer{background:#202123;color:#f8f4eb}.footer .brand-names small,.footer-bottom{color:#cbbfa9}.footer .button{border-color:#8d7b5b;color:#f8f4eb}.footer-credit a{color:#dcd1bc}.footer-credit a:hover{color:#f5dfb6}.mobile-contact{box-shadow:0 -5px 24px #27241d09}dialog{border-radius:12px}.header.scrolled{box-shadow:0 8px 28px #27241d08}::selection{background:#ddc9a5;color:#252528}
@media(max-width:780px){.hero-v2 .portrait-frame{border-radius:15px}.photo-grid{border-radius:15px}.hero-v2 .hero-visual{padding-bottom:14px}.hero-v2 .hero-stamp{font-size:8px;padding:8px 12px}.facts{margin-top:35px;padding-inline:0}.about-visual img,.about-visual:after{border-radius:14px}.career-content,.expertise-card{border-radius:10px}.gallery-item img{border-radius:12px}.cv-panel{border-radius:13px}.cv-option{border-radius:7px}.contact-row.whatsapp{border-radius:8px}.header nav{border-radius:0 0 8px 8px}}

.about-visual{width:100%;max-width:400px}.about-visual img{width:100%;height:390px;aspect-ratio:auto;object-fit:cover;object-position:50% 5%}.about-visual:after{inset:14px -14px -14px 14px}@media(max-width:780px){.about-visual{max-width:330px;width:88%}.about-visual img{height:280px;aspect-ratio:auto;object-position:50% 5%}.about-visual:after{inset:10px -10px -10px 10px}}