@font-face{font-family:Studio Arabic;src:url(../assets/Arabic-REGULAR.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Studio Arabic;src:url(../assets/Arabic-BOLD.woff) format("woff");font-weight:700;font-display:swap}:root{--green-dark: #00523e;--green-light: #008b68;--mint: #e3fff8;--mint-button: #d4fff0;--glass: rgba(7, 118, 90, .24);--line: rgba(139, 255, 216, .09);--radius: 30px;--font: "Studio Arabic", Tahoma, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--mint);font-family:var(--font);background:linear-gradient(135deg,var(--green-dark),var(--green-light));min-width:280px;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(../assets/MAHOT8A3HeU.webp) center/cover;transform:rotate(180deg);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}h1,p{margin:0}.shell{width:calc(100% - 116px);max-width:1250px;margin-inline:auto}.glass{background:linear-gradient(140deg,#30a58029,#003d2c66);border:1px solid var(--line);box-shadow:inset 0 1px 1px #b8ffe90a}.header{display:flex;align-items:center;justify-content:space-between;margin-block:26px 0;border:1px solid var(--line);background:#0d6f5359;border-radius:100px;height:54px;padding:4px 7px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}nav{display:flex;gap:10px;align-items:center}nav a{font-size:22px;font-weight:700;padding:4px 23px;border:1px solid transparent;border-radius:60px;transition:background .2s,border-color .2s}nav a:hover,nav a.active{background:#1e916d1f;border-color:var(--line)}.avatar{width:44px;height:44px;border:1px solid rgba(182,255,230,.3);border-radius:50%;padding:3px}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:72px 68px 55px 28px;align-items:center}.hero-copy{text-align:right}.eyebrow{font-size:10px;display:inline-block;border:1px solid var(--line);background:#08876124;padding:4px 12px;border-radius:30px;white-space:nowrap}h1{font-size:clamp(32px,4vw,54px);line-height:1.35;font-weight:700}.hero h1{margin:36px 0 16px;letter-spacing:-1.6px}.intro{font-size:27px;line-height:1.4}.actions{display:flex;gap:16px;margin:47px 0 25px;justify-content:flex-start}.button{display:flex;align-items:center;justify-content:center;min-height:63px;padding:12px 30px;font-size:24px;font-weight:700;border-radius:80px;border:1px solid var(--line);transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-4px);box-shadow:0 10px 25px #002d3833}.primary{background:var(--mint-button);color:#045c46}.secondary{background:#07765a4d}.tags{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:7px;margin-bottom:12px}.tags span{font-size:9px;padding:4px 13px;min-width:75px;text-align:center;border:1px solid var(--line);background:#12906c40;border-radius:30px}.tools{justify-content:center;gap:7px}.tools span{font-size:10px}.partners{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;border:1px solid var(--line);border-radius:80px;margin-top:25px;padding:12px 18px;min-height:57px}.partners img{max-width:56px;height:32px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}.partners img:last-child{max-width:78px;width:78px;height:32px}.hero-art{min-width:0}.showcase{display:block;transform:rotate(-2deg);border-radius:32px;padding:22px 18px;transition:box-shadow .3s}.showcase:hover{box-shadow:0 20px 70px #00342555}.window-title{display:flex;justify-content:space-between;align-items:center;padding:0 8px 22px;font-size:13px}.window-title h1{font-size:inherit;font-weight:400;line-height:1.5}.window-title i{font-size:12px;letter-spacing:2px;color:#57ae8d;opacity:.6;font-style:normal;direction:ltr}.showcase-inner{padding:14px;background:#003c2e45;border-radius:22px;display:grid;gap:14px}.brand-project,.project-tile,.posts-project{position:relative;overflow:hidden;border-radius:24px;background:#00382e}.showcase strong{position:absolute;top:6px;right:12px;font-size:14px;z-index:2;text-shadow:0 2px 8px #00281e}.brand-project>div{display:flex;height:200px;direction:ltr}.brand-project img{width:25%;object-fit:cover;transform:rotate(7deg) scale(1.15)}.showcase-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-tile>div{display:flex;height:155px}.project-tile img{flex:1;min-width:0;width:33%;object-fit:cover;object-position:top}.posts-project>img{width:100%;aspect-ratio:2.75;object-fit:cover}.showcase-pair strong{font-size:11px}.biography{position:relative;background:linear-gradient(180deg,#00433155,#002c22d9);padding-top:85px;overflow:hidden}.bio-inner{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;min-height:760px}.portrait{align-self:stretch;height:760px;position:relative;overflow:hidden}.portrait img{position:absolute;height:100%;width:100%;object-fit:cover;object-position:center top;transform:scaleX(-1)}.bio-text{padding:10px 20px 120px 0;font-size:31px;line-height:1.5;position:relative}.bio-text p+p{margin-top:24px}.quote{position:absolute;right:0;top:-20px;opacity:.8}.quote-end{position:static;display:block;text-align:left}.biography:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(transparent,#002d22);pointer-events:none}footer{font-size:11px;opacity:.45;text-align:left;position:relative;z-index:1;padding:16px 0 26px}.gallery-page{padding:12px 40px 80px}.gallery-panel{border-radius:22px;padding:16px 0 0;overflow:hidden}.gallery-panel>.window-title{padding-inline:24px}.artwork-canvas{position:relative;aspect-ratio:1167.068 / 2038;direction:ltr}.artwork{display:block;position:absolute;border-radius:10px;overflow:hidden;transition:filter .2s,transform .2s}.artwork:hover{filter:brightness(1.08);transform:scale(1.015);z-index:2}.artwork img{width:100%;height:100%;object-fit:cover;object-position:top}.gallery-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:end;min-height:90px;margin-top:-140px;padding:70px 24px 24px;background:linear-gradient(transparent,#07533fe8 60%,#07533f)}.more{background:var(--mint-button);color:#045c46;border-radius:40px;padding:7px 25px;font-weight:700}.gallery-bottom footer{padding:0;font-size:10px}.contact-page{padding:150px 8px 260px}.contact-panel{border-radius:12px;padding:35px;min-height:790px}.contact-panel .window-title{padding-bottom:80px}.email-card{background:linear-gradient(145deg,#1b876627,#003c2e45);border:1px solid var(--line);border-radius:25px;padding:28px 40px 48px;margin:0 25px}.email-card>p{font-size:24px;margin-bottom:12px}.email-link{display:flex;align-items:center;justify-content:space-between;background:#e1ffefb8;border-radius:38px;height:290px;padding:24px 50px;color:#08785b}.email-link span{font-size:clamp(36px,7vw,96px);font-weight:700;text-shadow:0 3px 12px #04735622;white-space:nowrap}.email-link img{width:39%;transform:rotate(-12deg) scale(1.12);transition:transform .4s}.email-link:hover img{transform:rotate(-6deg) translateY(-12px) scale(1.12)}.contact-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:120px}.socials{display:flex;gap:16px;align-items:center}.socials a,.unavailable{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:#004c3933;border:1px solid var(--line);transition:background .2s,transform .2s}.socials a:hover{transform:translateY(-5px);background:#1c947455}.socials svg{width:38px;height:38px}.behance{font-family:Arial;font-weight:700;font-size:30px}.x-icon{font-size:42px}.unavailable{position:relative;font-size:45px;opacity:.25;background:#003426}.unavailable small{font-size:15px;position:absolute;bottom:4px;left:5px}.contact-bottom footer{padding:0;font-size:10px}.skip-link{position:absolute;top:-100px;right:20px;padding:12px;background:#e3fff8;color:#00523e;z-index:99}.skip-link:focus{top:10px}@media(min-width:1600px){.hero{padding-top:100px}}@media(max-width:1000px)and (min-width:701px){.shell{width:calc(100% - 60px)}.hero{gap:35px;padding:65px 15px 50px}.intro{font-size:21px}.button{font-size:20px;padding:10px 20px}.brand-project>div{height:155px}.project-tile>div{height:120px}.bio-text{font-size:24px}.contact-page{padding-top:100px}.email-link{height:220px;padding:20px}.contact-panel{min-height:600px}.contact-bottom{margin-top:70px}}@media(max-width:700px){.shell{width:calc(100% - 28px)}.header{height:42px;margin-top:20px;padding:3px 6px}.avatar{width:33px;height:33px}nav{gap:4px}nav a{font-size:20px;padding:2px 15px}.hero{display:flex;flex-direction:column;gap:45px;padding:10px 7px 34px}.hero-copy{width:100%}.eyebrow{font-size:7px;padding:4px 8px}.hero h1{font-size:clamp(28px,8.8vw,44px);line-height:1.25;letter-spacing:-.8px;margin:23px 0 14px}.intro{font-size:clamp(16px,4.8vw,23px);line-height:1.4}.actions{margin:25px 0 14px;gap:12px;justify-content:space-between}.button{font-size:20px;min-height:46px;padding:9px 16px;flex:1;white-space:nowrap}.tags{justify-content:center;gap:6px;margin-bottom:10px}.tags span{font-size:6px;min-width:58px;padding:3px 8px}.tools span{font-size:7px}.partners{gap:12px;margin-top:12px;padding:9px 40px;min-height:68px}.partners img{height:24px;max-width:32px}.partners img:last-child{height:22px;max-width:58px}.hero-art{width:100%}.showcase{padding:12px;border-radius:25px}.window-title{font-size:9px;padding:0 4px 14px}.window-title i{font-size:8px}.showcase-inner{padding:7px;gap:9px;border-radius:15px}.brand-project>div{height:120px}.showcase strong{font-size:13px;right:9px}.showcase-pair{gap:8px}.project-tile>div{height:95px}.showcase-pair strong{font-size:8px}.brand-project,.project-tile,.posts-project{border-radius:16px}.biography{padding-top:64px}.bio-inner{width:100%;gap:0;min-height:330px;grid-template-columns:46% 54%}.portrait{height:350px}.portrait img{width:150%;max-width:none;right:-10%;object-position:center top}.bio-text{font-size:clamp(9px,2.65vw,15px);padding:5px 12px 40px 18px;line-height:1.4}.bio-text p+p{margin-top:12px}.quote{right:8px;top:-9px}.biography:after{height:80px}footer{font-size:6px;padding-bottom:13px}.gallery-page{padding:12px 0 20px}.gallery-panel{border-radius:9px;padding-top:9px}.gallery-panel>.window-title{font-size:7px;padding:0 8px 8px}.artwork{border-radius:4px}.gallery-bottom{margin-top:-40px;padding:30px 8px 8px;min-height:45px}.more{font-size:7px;padding:3px 12px}.gallery-bottom footer{font-size:4px}.contact-page{padding:38px 0 260px}.contact-panel{padding:9px 10px;min-height:0;border-radius:4px}.contact-panel .window-title{font-size:7px;padding-bottom:23px}.email-card{padding:8px 12px 14px;border-radius:10px;margin:0 3px}.email-card>p{font-size:10px;margin-bottom:5px}.email-link{height:75px;padding:5px 12px;border-radius:13px}.email-link span{font-size:29px}.email-link img{width:41%}.contact-bottom{margin-top:27px}.socials{gap:5px}.socials a,.unavailable{width:26px;height:26px;border-radius:7px}.socials svg{width:19px;height:19px}.behance{font-size:14px}.x-icon{font-size:22px}.unavailable{font-size:24px}.unavailable small{font-size:7px;bottom:0;left:1px}.contact-bottom footer{font-size:4px;padding-bottom:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.avatar{flex-shrink:0}@media(max-width:700px){nav{gap:0}nav a{font-size:18px;padding-inline:12px}.button{min-width:0;font-size:18px;padding-inline:10px}.hero h1{font-size:clamp(26px,8.2vw,42px)}.email-link{gap:8px}.email-link span{font-size:26px}.email-link img{width:37%;min-width:0}.actions{margin-top:22px}.partners{padding-inline:36px}}