:root{--bg:#101110;--fg:#f0eee8;--muted:#96978f;--gold:#c6ac75;--line:#30322c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Tahoma,Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{padding:22px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:16px;font-weight:bold;letter-spacing:2px}.brand span{color:var(--gold)}nav{display:flex;gap:30px;font-size:14px;color:#c0c1b9}.wrap{width:88%;max-width:1300px;margin:auto}.hero{min-height:70vh;padding:100px 0 70px;display:grid;grid-template-columns:1.7fr 1fr;gap:80px;align-items:end}.eyebrow{font-size:13px;letter-spacing:3px;color:var(--gold);text-transform:uppercase}.hero h1{font-size:clamp(52px,8vw,110px);font-weight:400;line-height:1.3;margin:22px 0 32px}.hero h1 span{color:var(--gold)}.hero-side{border-top:1px solid var(--gold);padding-top:24px;color:var(--muted);max-width:310px}.hero-side strong{display:block;color:var(--fg);font-size:22px;font-weight:400}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}.button{padding:12px 24px;border:1px solid var(--gold);border-radius:2px;color:var(--gold);font-size:14px;display:inline-block}.button.fill{background:var(--gold);color:#101110}.button:hover{background:#e0c795;color:#101110}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:3px}.section{padding:85px 0;border-bottom:1px solid var(--line)}.heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px}.heading h2{font-size:clamp(30px,4vw,52px);font-weight:400;margin:10px 0 0}.number{font-size:14px;color:var(--gold);font-family:monospace}.empty{min-height:230px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px;background:#141613}.empty p{max-width:440px;color:var(--muted);margin:10px 0;font-size:16px}.empty strong{font-size:22px;font-weight:400}.resume{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.resume p{font-size:17px;color:var(--muted);max-width:440px}.rows article{padding:22px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:130px 1fr;gap:20px}.rows h3{font-size:16px;font-weight:400;margin:0;color:var(--gold)}.rows p{margin:0;font-size:16px}.contact h2{font-size:clamp(38px,6vw,76px);font-weight:400;line-height:1.5;margin:18px 0}.contact p{color:var(--muted)}footer{padding:25px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.draft{background:#1e211b;color:#c3c9b6;border-bottom:1px solid #353c2b;padding:8px 6%;font-size:13px}.en{direction:ltr} @media(max-width:700px){header{align-items:start;flex-direction:column;gap:14px}nav{gap:24px;flex-wrap:wrap}.hero{grid-template-columns:1fr;gap:32px;min-height:auto;padding:60px 0}.hero-side{max-width:none}.hero h1{font-size:56px}.resume{grid-template-columns:1fr;gap:20px}.section{padding:55px 0}.rows article{grid-template-columns:100px 1fr}.strip{letter-spacing:1px}footer{gap:18px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,.draft,.actions,footer{display:none}body{background:white;color:black}.section{padding:25px 0}.hero{min-height:0;padding:25px 0}.hero h1{font-size:44px}*{color:black!important}}

header{position:sticky;top:0;background:#101110f5;z-index:10}.hero{position:relative}.hero h1{font-size:clamp(46px,7.6vw,100px)}.hero-side strong{font-size:42px;color:var(--gold);line-height:1.3}.hero-side .years{font-size:16px;color:var(--fg)}button{font:inherit;cursor:pointer;background:none}.lang{color:var(--gold);border:1px solid var(--line);padding:6px 14px}.head-nav{display:flex;align-items:center;gap:28px}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}.project{border-top:1px solid var(--line);padding:28px 0;display:flex;gap:25px;min-height:135px;align-items:start}.project h3{font-size:23px;margin:0;font-weight:400}.project p{font-size:14px;color:var(--muted);margin:5px 0}.project .number{padding-top:8px}.experience{margin-top:36px}.job{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--line);padding:30px 0}.job h3{font-size:23px;font-weight:400;margin:0 0 6px}.job p,.job li{color:var(--muted);font-size:16px}.job p{margin:0}.job ul{margin:0;padding-inline-start:20px}.skills{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}.skills h3{font-size:18px;color:var(--gold);font-weight:400}.skills p{color:var(--muted)}.chips{display:flex;gap:9px;flex-wrap:wrap}.chips span{border:1px solid var(--line);padding:7px 12px;font-size:14px}.section-intro{max-width:800px;color:var(--muted);font-size:18px}.cv-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-name{color:var(--fg);font-size:18px;letter-spacing:1px}.contact-links{display:flex;flex-wrap:wrap;gap:20px}.contact-links a{color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:6px}.portfolio-note{font-size:14px;color:var(--muted)}@media(max-width:700px){.head-nav{width:100%;justify-content:space-between;gap:10px}nav{gap:15px}.projects,.skills,.job{grid-template-columns:1fr}.job{gap:15px}.projects{gap:0}.project{min-height:0}.hero-side strong{font-size:40px}.hero h1{font-size:48px}.heading{align-items:start}.heading .number{padding-top:15px}}@media print{.hero,.strip,#work,#contact,.portfolio-note,.cv-actions{display:none}#cv{border:0}header{display:none}.job{break-inside:avoid}.skills{break-inside:avoid}}

.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 30px}.film{min-width:0}.film-cover{display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);padding:0;background:#1b1e1a;color:var(--fg)}.film-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .35s;filter:brightness(.8)}.film-cover:hover img{transform:scale(1.025);filter:brightness(1)}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:#101110bb;font-size:20px;padding-left:3px;color:var(--fg)}.film-cover:hover .play-icon{background:var(--gold);color:#101110;border-color:var(--gold)}.film-time{position:absolute;bottom:14px;right:14px;background:#101110cf;padding:2px 8px;font-size:13px;color:#fff}.drive-cover{background:#191c18}.drive-wordmark{position:absolute;top:18%;left:8%;right:8%;font-size:clamp(19px,2.4vw,32px);color:var(--gold);text-align:start;line-height:1.3}.drive-cover .play-icon{top:65%}.film-caption{display:flex;justify-content:space-between;gap:14px;padding-top:17px;align-items:center}.film-caption h3{margin:5px 0 0;font-size:23px;font-weight:400}.film-caption .eyebrow{font-size:12px;letter-spacing:1px}.source-link{font-size:26px;padding:8px;color:var(--gold)}.collaboration-heading{margin:65px 0 28px;font-size:24px;font-weight:400}.portfolio-note:empty{display:none}dialog{width:min(1040px,94vw);max-height:94dvh;padding:22px;background:#101110;color:var(--fg);border:1px solid var(--line);overflow:auto}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.modal-header h2{font-size:22px;font-weight:400;margin:0}.modal-header button{color:var(--gold);border:1px solid var(--line);padding:6px 14px;white-space:nowrap}#player{aspect-ratio:16/9;background:#000}#player iframe{width:100%;height:100%;border:0}.modal-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:12px}.modal-footer p{font-size:14px;color:var(--muted);margin:0}.modal-footer a{color:var(--gold);font-size:14px;white-space:nowrap}.modal-open{overflow:hidden}@media(max-width:700px){.video-grid{grid-template-columns:1fr;gap:30px}.film-caption h3{font-size:21px}.drive-wordmark{font-size:24px}.modal-footer{align-items:start;flex-direction:column;gap:10px}dialog{padding:14px}.modal-header h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.film-cover img{transition:none}}

.hero{grid-template-columns:1.5fr 1fr;align-items:center;gap:65px;padding:65px 0}.hero h1{font-size:clamp(44px,6.5vw,86px);margin:20px 0}.hero-name{font-size:24px;margin-bottom:12px}.hero-intro{font-size:17px;max-width:620px;color:var(--muted)}.hero-side{max-width:400px;border:0;padding:0;justify-self:end;width:100%}.portrait{display:block;width:100%;height:450px;object-fit:cover;object-position:center 25%;border-radius:2px}.portrait-caption{display:grid;grid-template-columns:auto 1fr;gap:4px 15px;align-items:center;margin-top:18px}.portrait-caption strong{grid-row:span 2;font-size:40px}.portrait-caption p{margin:0;font-size:13px}.portrait-caption .years{font-size:15px}.cv-identity h3{font-size:24px;font-weight:400;margin:0}.cv-identity p{color:var(--muted);text-align:start;font-size:15px}.contact-links{align-items:center;overflow-wrap:anywhere}.brand{letter-spacing:0}.contact-links bdi{white-space:nowrap}@media(max-width:700px){.hero{grid-template-columns:1fr;gap:30px;padding:40px 0}.hero-side{justify-self:stretch;max-width:none}.portrait{height:420px;object-position:center 22%}.hero h1{font-size:48px}.hero-name{font-size:21px}}@media print{.cv-identity{display:block}}

body{font-family:'Manrope','Cairo',sans-serif;line-height:1.8}html[lang=ar] body{font-family:'Cairo','Manrope',sans-serif}button,input,select,textarea{font-family:inherit}.brand{font-weight:700;font-size:20px}nav{align-items:center}.nav-cv{border:0;padding:0;color:inherit;font-size:inherit;line-height:inherit}.hero-name{font-weight:600;color:var(--gold)}.hero h1{font-weight:600;letter-spacing:-.045em;line-height:1.16;font-size:clamp(46px,6.1vw,82px)}html[lang=ar] .hero h1{letter-spacing:0;line-height:1.5;font-weight:600;font-size:clamp(44px,5.4vw,72px)}.hero-intro{line-height:1.95}.eyebrow{font-family:'Manrope',sans-serif}.heading h2,.contact h2{font-weight:500}.hero{padding:40px 0 55px;gap:50px;grid-template-columns:1.35fr 1fr}.hero-side{max-width:460px}.portrait{height:560px;object-fit:contain;object-position:center bottom;border:0;border-radius:0;background:transparent;mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)}.portrait-caption{margin-top:-20px;position:relative}.button{font-weight:600}.film-caption h3{font-weight:500}.cv-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;background:#101110f5;border-bottom:1px solid var(--line);padding:16px 0;z-index:2}.cv-toolbar button{color:var(--gold);border:1px solid var(--line);padding:7px 16px;border-radius:3px}#cv-modal{padding:0 32px 30px;width:min(960px,94vw);max-height:88dvh;border-radius:8px}#cv-modal .heading{margin:24px 0}#cv-modal .heading .eyebrow{display:none}#cv-modal .heading h2{font-size:34px}#cv-modal .section-intro{font-size:16px}#cv-modal .cv-actions{padding:15px 0}#cv-modal .job{gap:28px}#cv-modal .job h3{font-size:21px}#cv-modal .skills{gap:28px}#cv-modal .cv-identity p{overflow-wrap:anywhere}#cv-modal .chips span{font-family:'Manrope',sans-serif}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:15px;padding-top:35px}.hero h1,html[lang=ar] .hero h1{font-size:44px}.portrait{height:480px;width:100%}.hero-side{max-width:380px;justify-self:center}.portrait-caption{margin-top:-12px}.brand{font-size:18px}.head-nav{gap:14px}nav{gap:16px;font-size:14px}#cv-modal{padding:0 18px 24px;max-height:92dvh}#cv-modal .heading h2{font-size:28px}#cv-modal .job,#cv-modal .skills{grid-template-columns:1fr}.cv-toolbar{padding:12px 0}#cv-modal .cv-identity p{font-size:13px}}
@media print{body{overflow:visible!important}body>header,body>main,body>footer,#video-modal{display:none!important}#cv-modal[open]{display:block!important;position:static!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;border:0!important;margin:0!important;padding:0!important;color:#000;background:#fff}#cv-modal .cv-toolbar,#cv-modal .cv-actions{display:none!important}#cv-modal::backdrop{display:none}#cv-modal .job{break-inside:avoid}.cv-content{display:block!important}}

.hero .eyebrow{font-size:12px;letter-spacing:1.4px;line-height:2;max-width:640px;text-wrap:balance}.hero-intro{font-size:16px;line-height:1.95}@media(max-width:700px){.hero .eyebrow{letter-spacing:.7px;font-size:12px}.hero-intro{font-size:16px}}

.film-cover img[src*="1MC8knY3x0HgcGqKgdsagLdde6OA_rRVO"],.film-cover img[src*="1rWJ-Fc_fJct9s8MoQX2x4T0zPp6sZENn"]{object-fit:contain}

.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.photo-card{position:relative;display:block;padding:0;border:0;background:#151612;overflow:hidden;cursor:zoom-in}.photo-card img{display:block;width:100%;height:auto;aspect-ratio:2832/4240;object-fit:contain;transition:filter .25s}.photo-card:hover img{filter:brightness(1.08)}.photo-zoom{position:absolute;bottom:15px;inset-inline-end:15px;display:grid;place-items:center;width:36px;height:36px;background:#101110b3;border:1px solid #ffffff50;color:#fff;border-radius:50%;font-size:24px}#photo-modal{width:min(960px,94vw);max-height:94dvh;padding:18px;border-radius:5px}#photo-modal[open]{display:flex;flex-direction:column;gap:10px}#photo-modal .modal-header{margin:0}#full-photo{display:block;width:100%;height:72dvh;object-fit:contain;min-height:0}.photo-controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.photo-controls button{border:1px solid var(--line);color:var(--gold);padding:8px 20px}.photo-controls span{font-family:Manrope,sans-serif;color:var(--muted);font-size:14px}@media(max-width:700px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-grid .photo-card:first-child{grid-column:1/-1}.photo-zoom{width:30px;height:30px;font-size:21px;bottom:10px;inset-inline-end:10px}#photo-modal .modal-header h2{font-size:18px}#photo-modal{padding:12px}#full-photo{height:68dvh}.photo-controls button{padding:7px 16px}}@media(prefers-reduced-motion:reduce){.photo-card img{transition:none}}@media print{#photo-modal{display:none!important}}

.venue-grid{display:block;columns:3;column-gap:22px}.venue-grid .photo-card{width:100%;break-inside:avoid;margin-bottom:22px}.venue-grid .photo-card img{aspect-ratio:auto;height:auto}@media(max-width:900px){.venue-grid{columns:2}}@media(max-width:500px){.venue-grid{columns:1}.venue-grid .photo-card{margin-bottom:14px}}

.album-tabs{display:flex;gap:12px;height:440px;margin:32px 0 40px}.album-tab{position:relative;isolation:isolate;flex:1;min-width:0;padding:20px;border:1px solid #ffffff20;border-radius:18px;overflow:hidden;color:#fff;text-align:start;background:#232520 var(--album-image) center/cover;cursor:pointer;transition:flex .55s ease}.album-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0003,#0001 35%,#000c);z-index:-1}.album-tab[aria-selected="true"]{flex:5}.album-number{position:absolute;top:20px;inset-inline-start:18px;font:12px Manrope,sans-serif}.album-title{position:absolute;bottom:22px;inset-inline-start:20px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:17px;font-weight:700;white-space:nowrap}.album-tab[aria-selected="true"] .album-title{writing-mode:horizontal-tb;transform:none;white-space:normal;padding-inline-end:42px}.album-open{position:absolute;bottom:18px;inset-inline-end:16px;border:1px solid #ffffff80;border-radius:50%;width:30px;height:30px;display:none;place-items:center}.album-tab[aria-selected="true"] .album-open{display:grid}.album-panel[hidden]{display:none}.album-panel h3{font-size:25px}.album-panel .heading{margin-bottom:24px}.album-tab:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:700px){.album-tabs{height:330px;gap:6px}.album-tab{padding:8px;border-radius:12px}.album-tab[aria-selected="true"]{flex:4.5}.album-title{font-size:12px;inset-inline-start:10px;bottom:16px}.album-number{inset-inline-start:10px;top:14px;font-size:10px}.album-open{inset-inline-end:8px;width:24px;height:24px}.album-panel h3{font-size:20px}}@media(prefers-reduced-motion:reduce){.album-tab{transition:none}}

.actions{flex-wrap:wrap;gap:12px}.actions .button{white-space:normal;text-align:center}#work,#photography,#virtual-tours{scroll-margin-top:100px}.tour-placeholder{display:flex;align-items:center;gap:30px;padding:38px;border:1px solid var(--line);border-radius:12px;background:#151612}.tour-symbol{font:36px Manrope,sans-serif;color:var(--gold)}.tour-placeholder p{color:var(--muted)}@media(max-width:600px){.actions .button{flex:1 1 100%}.tour-placeholder{padding:24px;gap:20px}.tour-symbol{font-size:28px}}