@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Tajawal-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Tajawal-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Tajawal-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/Tajawal-800.ttf) format('truetype');
}

:root{--purple:#5a3688;--deep:#34144f;--mint:#3dcbb1;--ink:#10111a;--gray:#6d6d6d;--soft:#faf8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal",Arial,sans-serif;color:var(--ink);overflow-x:hidden}button{font:inherit}.shell{width:min(1344px,calc(100% - 56px));margin:auto}
.hero{height:974px;position:relative;background:var(--deep);overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.topbar{position:absolute;z-index:10;top:73px;left:50%;transform:translateX(-50%);height:77px;padding:0 34px;border-radius:53px;background:#f1efef;display:flex;align-items:center;box-shadow:0 10px 30px rgba(25,9,38,.08)}.brand{width:148px;height:50px;object-fit:contain;margin-left:26px;flex:0 0 auto}.topbar nav{display:flex;align-items:center;justify-content:center;flex:1}.topbar button{border:0;cursor:pointer}.topbar nav button{width:166px;background:transparent;font-weight:700;font-size:24px;color:#1f1f1f;transition:.25s}.topbar nav button:hover{color:var(--purple);transform:translateY(-2px)}.contact-pill{background:var(--purple);color:#fff;border-radius:29px;padding:10px 30px;font-size:22px;font-weight:700;white-space:nowrap}.language{color:var(--purple);font-size:16px;white-space:nowrap;margin-right:25px}.burger{display:none}.hero-content{position:absolute;z-index:3;top:0;right:50%;transform:translateX(50%);padding-top:335px;text-align:right;pointer-events:none}.hero-content h1{font-size:96px;line-height:1.05;color:white;font-weight:800;margin:0;width:632px;margin-right:auto}.hero-content h1 em{color:var(--mint);font-style:normal}.hero-content p{width:610px;margin:30px 0 0 auto;color:#f8f8f8;font-size:34px;line-height:1.3}.hero-actions{display:flex;gap:24px;margin-top:43px;justify-content:flex-start;width:610px;margin-right:auto;pointer-events:auto}.hero-actions button{border-radius:54px;padding:13px 34px;background:var(--purple);border:2px solid #fff;color:#fff;font-size:24px;font-weight:800;cursor:pointer;transition:.3s}.hero-actions button:hover{background:var(--mint);transform:translateY(-3px)}
.about{height:clamp(840px,56.25vw,1080px);padding:0;position:relative;overflow:hidden;isolation:isolate;background:#fff}.about::before{content:"";position:absolute;z-index:0;left:-8%;top:-11%;width:57%;height:122%;background:linear-gradient(145deg,#60438a 0%,var(--purple) 58%,#4d2778 100%);border-radius:0 48% 53% 0/0 42% 58% 0;box-shadow:14px 0 0 rgba(90,54,136,.18),29px 0 0 rgba(90,54,136,.11),46px 0 0 rgba(90,54,136,.055);transform:rotate(-1.5deg);pointer-events:none}.about-inner{height:100%;display:grid;grid-template-columns:48% 52%;gap:0;align-items:stretch;direction:ltr;position:relative;z-index:1}.about-inner>*{direction:rtl}.about-visual{height:100%;position:relative;grid-column:1;overflow:hidden}.about-visual::before{content:"";position:absolute;inset:0;background-image:url('figma-assets/about-purple-pattern.png');background-repeat:repeat;background-size:96px 132px;background-position:12px 18px;opacity:.10;mix-blend-mode:screen;transform:rotate(-7deg) scale(1.15);pointer-events:none}.about-visual-copy{position:absolute;z-index:1;top:14%;left:4%;right:8%;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff}.about-logo{width:78px;height:78px;object-fit:contain;margin-bottom:18px;filter:drop-shadow(0 7px 18px rgba(31,12,55,.16));animation:logoFloat 6s ease-in-out infinite}.about-visual-copy span{font-size:32px;color:var(--mint);font-weight:700}.about-visual-copy h2{font-size:80px;line-height:1.05;margin:18px 0;font-weight:700}.about-visual-copy em{font-style:normal;color:var(--mint)}.about-info{align-self:center;padding:40px 10px 0 35px;grid-column:2;position:relative;z-index:1}.about-info h2,.section-heading h2{font-size:70px;line-height:1.1;margin:0 0 28px;font-weight:700}.about-info h2 em,.section-heading h2 em{font-style:normal;color:var(--purple)}.about-info>p{font-size:25px;line-height:1.75;color:#303036;max-width:720px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.pillars article{text-align:center}.pillars img{width:81px;height:83px;object-fit:contain;transition:.4s}.pillars article:hover img{transform:translateY(-7px) rotate(4deg)}.pillars h3{font-size:30px;color:var(--purple);margin:10px 0}.pillars p{font-size:19px;line-height:1.45}.purple-btn,.mint-btn{border:0;border-radius:54px;padding:14px 34px;font-weight:800;cursor:pointer;transition:.3s}.purple-btn{margin-top:34px;background:var(--purple);color:#fff;font-size:20px}.purple-btn:hover,.mint-btn:hover{transform:translateY(-4px);box-shadow:0 15px 28px rgba(65,36,96,.22)}
.experiences{height:890px;padding:125px 0 90px;overflow:hidden}.section-heading{text-align:center}.section-heading>span{color:#000;font-size:25px;font-weight:700}.section-heading h2{font-size:78px;margin-top:10px}.section-heading h2 em{color:var(--mint)}.experience-grid{margin-top:70px;display:flex;gap:22px;width:max-content;transform:translateX(130px);direction:rtl}.experience-card{width:425px;min-width:425px;background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 8px 22px rgba(30,20,40,.08);padding-bottom:18px}.card-image{height:315px;border-radius:25px 25px 0 0;overflow:hidden;position:relative;background:#eee}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(45,17,70,.12),transparent 50%)}.card-image img{width:100%;height:100%;object-fit:cover;transition:.65s}.experience-card:hover img{transform:scale(1.055)}.card-image span{position:absolute;z-index:2;bottom:0;right:18px;width:56px;height:56px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;font-size:14px}.experience-card h3{font-size:29px;margin:20px 22px 7px}.experience-card p{font-size:17px;color:var(--gray);line-height:1.55;margin:0 22px}
.projects{height:1227px;background:#fff;padding:80px 0 110px;overflow:hidden}.project-title{display:flex;align-items:center;justify-content:center;position:relative}.project-title h2{color:var(--mint);margin:0;text-align:center;font-size:80px}.project-title h2 em{color:var(--mint)}.arrows{position:absolute;left:0;display:flex;gap:12px}.arrows button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(90,54,136,.45);color:var(--purple);background:#fff;cursor:pointer;font-size:20px;transition:.25s}.arrows button:hover{background:var(--purple);color:#fff}.project-stage{margin-top:55px;display:grid;grid-template-columns:1.22fr .78fr;background:var(--soft);border-radius:55px;min-height:850px;overflow:hidden;box-shadow:0 7px 18px rgba(49,26,68,.18);animation:projectIn .65s ease;direction:ltr;padding:32px}.project-stage>*{direction:rtl}.project-copy{grid-column:2;padding:65px 42px;display:flex;flex-direction:column;justify-content:center}.project-copy>span{display:none}.project-copy h3{font-size:80px;color:#000;margin:8px 0 5px}.project-copy h4{font-size:29px;color:var(--purple);margin:0 0 24px}.project-copy>p{font-size:21px;line-height:1.7;color:var(--gray)}.tags{display:flex;gap:8px;flex-wrap:nowrap;margin-top:22px}.tags b{border:0;border-left:1px solid #ded9e3;border-radius:0;padding:9px 12px;font-size:15px;font-weight:500}.project-copy .purple-btn{align-self:center;min-width:240px}.project-gallery{grid-column:1;grid-row:1;position:relative;padding:0}.project-main{width:100%;height:475px;object-fit:cover;border-radius:34px;display:block}.project-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.project-thumbs img{width:100%;height:295px;object-fit:cover;border-radius:25px}.project-note{position:absolute;top:20px;right:20px;background:rgba(90,54,136,.95);color:#fff;border-radius:24px;padding:9px 24px;font-weight:700}
footer{height:390px;background:var(--purple);color:#fff;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr .65fr .8fr 1fr;gap:70px}.footer-brand img{width:190px}.footer-brand p{font-size:21px;line-height:1.45}.footer-grid h3{color:var(--mint);font-size:18px}.footer-grid button{display:block;border:0;background:transparent;color:#fff;margin:9px 0;padding:0;cursor:pointer}.footer-grid p{margin:8px 0}.socials{display:flex;gap:10px}.socials span{width:40px;height:40px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center}.copyright{border-top:1px solid rgba(255,255,255,.2);margin-top:45px;padding-top:18px;text-align:center;font-size:13px}.reveal{opacity:1;transform:none}.reveal.seen{opacity:1;transform:none}
@keyframes logoFloat{50%{transform:translateY(-9px)}}@keyframes projectIn{from{opacity:.3;transform:translateX(-25px)}to{opacity:1;transform:none}}
@media(max-width:980px){.topbar{top:25px;height:65px}.topbar nav{display:none;position:absolute;top:74px;right:0;left:0;background:#f1efef;border-radius:24px;padding:24px;flex-direction:column;box-shadow:0 20px 40px rgba(25,9,38,.16)}.topbar nav.open{display:flex}.topbar nav button{width:100%}.brand{margin-left:auto}.language,.contact-pill{display:none}.burger{display:flex!important;width:42px;height:42px;border-radius:50%;background:var(--purple);flex-direction:column;gap:5px;align-items:center;justify-content:center}.burger i{width:18px;height:2px;background:#fff}.about{height:auto;min-height:1120px;background:var(--purple)}.about::before{display:none}.about-inner{width:100%;grid-template-columns:1fr}.about-visual{height:520px;grid-column:1;grid-row:1}.about-visual-copy{top:16%}.about-info{grid-column:1;grid-row:2;padding:80px 30px;background:#fff;border-radius:42px 42px 0 0}.experience-grid{transform:none}.project-stage{grid-template-columns:1fr;height:auto}.project-copy,.project-gallery{grid-column:1}.project-copy{grid-row:1}.project-gallery{grid-row:2}.projects{height:auto}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.shell{width:min(100% - 30px,560px)}.hero{height:780px}.hero-bg{height:100%;object-position:35% center}.topbar{width:calc(100% - 30px);padding:0 18px}.hero-content{padding-top:350px;width:calc(100% - 30px)}.hero-content h1{font-size:49px;width:100%}.hero-content p{font-size:20px;width:100%;margin-top:24px}.hero-actions{width:100%;margin-top:28px;gap:10px;flex-wrap:wrap}.hero-actions button{font-size:15px;padding:11px 20px}.about{min-height:0}.about-info{padding:75px 10px}.about-visual{height:440px}.about-logo{width:64px;height:64px;margin-bottom:16px}.about-visual-copy h2{font-size:43px}.about-visual-copy span{font-size:20px}.about-info h2,.section-heading h2{font-size:42px}.about-info>p{font-size:18px}.pillars{gap:9px}.pillars img{width:61px;height:63px}.pillars h3{font-size:21px}.pillars p{font-size:13px}.experiences{height:auto;padding:70px 0}.section-heading>span{font-size:20px}.experience-grid{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;gap:16px;width:auto}.experience-card{min-width:82vw;width:82vw;scroll-snap-align:start}.card-image{height:315px}.projects{padding:70px 0}.project-title h2{font-size:42px}.project-stage{margin-top:28px;border-radius:26px;padding:15px}.project-copy{padding:30px 15px}.project-copy h3{font-size:50px}.project-copy h4{font-size:20px}.project-copy>p{font-size:16px}.project-main{height:270px;border-radius:22px}.project-thumbs{gap:10px;margin-top:10px}.project-thumbs img{height:130px;border-radius:16px}.project-note{font-size:12px}.tags{flex-wrap:wrap}.footer-grid{grid-template-columns:1fr;gap:22px}footer{height:auto}.copyright{margin-top:30px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.reveal{opacity:1;transform:none}}
.hero-content p{margin-top:26px;font-size:25px;line-height:1.55}.hero-actions{margin-top:34px}.hero-actions button{font-size:22px;transition:background-color .25s,color .25s,transform .25s,box-shadow .25s}.hero-actions button:hover,.hero-actions button:focus-visible{background:var(--mint);border-color:var(--mint);color:#fff;transform:translateY(-3px);box-shadow:0 10px 24px rgba(61,203,177,.28)}.hero-actions button:active{background:#fff;color:var(--purple);border-color:#fff;transform:translateY(0) scale(.97)}
@media(max-width:640px){.hero-content p{font-size:18px;line-height:1.6}.hero-actions{margin-top:24px}.hero-actions button{font-size:15px}}
.hero-content{left:50%;right:auto;transform:translateX(-50%)}.hero-content h1,.hero-content p,.hero-actions{margin-right:0;margin-left:auto;text-align:right}
.about::before{background-image:url('figma-assets/about-purple-pattern-soft.png'),linear-gradient(145deg,#60438a 0%,var(--purple) 58%,#4d2778 100%);background-repeat:no-repeat,no-repeat;background-size:clamp(320px,28vw,500px) auto,cover;background-position:18% 64%,center}.about-visual::before{display:none}
.experiences .section-heading{padding-top:24px}.experiences .section-heading h2{font-size:68px;line-height:1.12}@media(max-width:640px){.experiences .section-heading{padding-top:14px}.experiences .section-heading h2{font-size:38px}}
.experiences .section-heading>span{display:inline-block;position:relative;top:-14px}@media(max-width:640px){.experiences .section-heading>span{top:-10px}}
.experiences{height:980px}.experience-carousel{margin-top:34px;position:relative}.experience-stage{height:410px;position:relative;perspective:1200px}.experience-slide{position:absolute;top:0;left:50%;width:440px;height:379px;margin-left:-220px;padding:0;border:0;background:transparent;border-radius:26px;cursor:pointer;opacity:0;transform:translateX(0) scale(.72);transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .6s ease,filter .6s ease;filter:saturate(.78);will-change:transform,opacity;pointer-events:none}.experience-slide img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 25px rgba(42,21,59,.12))}.experience-slide.is-active{z-index:5;opacity:1;transform:translateX(0) scale(1);filter:saturate(1);pointer-events:auto}.experience-slide.is-active:hover{transform:translateX(0) scale(1.025)}.experience-slide.is-prev{z-index:4;opacity:.72;transform:translateX(-82%) scale(.86) rotate(-2deg);pointer-events:auto}.experience-slide.is-next{z-index:4;opacity:.72;transform:translateX(82%) scale(.86) rotate(2deg);pointer-events:auto}.experience-slide.is-far-prev{z-index:2;opacity:.25;transform:translateX(-151%) scale(.7) rotate(-4deg)}.experience-slide.is-far-next{z-index:2;opacity:.25;transform:translateX(151%) scale(.7) rotate(4deg)}.experience-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:2px;direction:ltr}.experience-controls>button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(87,53,127,.25);background:#fff;color:var(--purple);font-size:21px;cursor:pointer;transition:.3s}.experience-controls>button:hover{background:var(--purple);color:#fff;transform:translateY(-3px)}.experience-dots{display:flex;gap:9px}.experience-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(87,53,127,.24);cursor:pointer;transition:.35s}.experience-dots button.active{width:30px;border-radius:10px;background:var(--mint)}
@media(max-width:640px){.experiences{height:auto;min-height:720px}.experience-carousel{margin-top:26px}.experience-stage{height:330px}.experience-slide{width:330px;height:284px;margin-left:-165px}.experience-slide.is-prev{transform:translateX(-68%) scale(.82) rotate(-2deg)}.experience-slide.is-next{transform:translateX(68%) scale(.82) rotate(2deg)}.experience-slide.is-far-prev,.experience-slide.is-far-next{opacity:0}.experience-controls{margin-top:0}.experience-controls>button{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.experience-slide,.experience-controls>button,.experience-dots button{transition:none!important}}
.project-copy h3{font-weight:800}.project-main-button{position:relative;display:block;width:100%;padding:0;border:0;border-radius:34px;overflow:hidden;background:#ddd;cursor:pointer}.project-main-button .project-main{transition:transform .7s cubic-bezier(.22,1,.36,1);animation:projectImageReveal .55s ease both}.project-main-button:hover .project-main{transform:scale(1.035)}.project-image-hint{position:absolute;left:20px;bottom:20px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:var(--purple);font-size:22px;box-shadow:0 8px 24px rgba(35,17,49,.18);transition:.3s}.project-main-button:hover .project-image-hint{background:var(--mint);color:#fff;transform:translateY(-4px) rotate(8deg)}.project-thumbs{grid-template-columns:repeat(3,1fr)}.project-thumbs button{padding:0;border:3px solid transparent;border-radius:25px;overflow:hidden;background:transparent;cursor:pointer;opacity:.66;transition:.35s}.project-thumbs button:hover{opacity:1;transform:translateY(-5px)}.project-thumbs button.active{opacity:1;border-color:var(--mint);box-shadow:0 10px 25px rgba(61,203,177,.2)}.project-thumbs button img{display:block;height:210px;transition:transform .5s}.project-thumbs button:hover img{transform:scale(1.045)}@keyframes projectImageReveal{from{opacity:.35;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:640px){.project-main-button{border-radius:22px}.project-image-hint{width:40px;height:40px;left:14px;bottom:14px}.project-thumbs{grid-template-columns:repeat(3,1fr)}.project-thumbs button{border-radius:16px}.project-thumbs button img{height:95px}}
@media(prefers-reduced-motion:reduce){.project-main-button .project-main,.project-thumbs button,.project-image-hint{animation:none!important;transition:none!important}}
.socials{gap:12px;align-items:center}.footer-grid .socials :is(button,a){width:46px;height:46px;margin:0;padding:0;border:0;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:transparent;transition:transform .3s,background-color .3s,box-shadow .3s}.footer-grid .socials :is(button,a):hover{transform:translateY(-5px);background:rgba(61,203,177,.16);box-shadow:0 10px 24px rgba(24,9,39,.2)}.socials :is(button,a) img{width:100%;height:100%;object-fit:contain;display:block}.contact-lines{display:flex;flex-direction:column;align-items:flex-start;gap:10px;direction:ltr;text-align:left}.contact-lines a{display:block;color:#fff;text-decoration:none;font-size:16px;line-height:1.35;white-space:nowrap;transition:color .25s,transform .25s}.contact-lines a:hover{color:var(--mint);transform:translateX(4px)}
@media(max-width:640px){.socials{gap:10px}.footer-grid .socials :is(button,a){width:44px;height:44px}.footer-contact{justify-self:start}.contact-lines{align-items:flex-start}}
.footer-contact{direction:ltr;text-align:left}.footer-contact h3{direction:rtl;text-align:left;width:100%;margin-left:0}
.footer-brand img{height:auto;object-fit:contain}.socials :is(button,a) img{padding:2px;box-sizing:border-box}
.contact-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background-color .25s,transform .25s}.contact-pill svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-pill:hover{background:var(--mint);transform:translateY(-2px)}
.mobile-contact{display:none!important}.mobile-contact svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:980px){.topbar{top:22px;height:66px;padding:0 15px;border-radius:36px;gap:12px}.brand{width:116px;height:42px;margin-left:auto;margin-right:2px}.contact-pill,.language{display:none!important}.burger{margin-right:auto;display:flex!important;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--purple);flex-direction:column;gap:4px;align-items:center;justify-content:center}.burger i{width:18px;height:2px;border-radius:2px;background:#fff;transition:.25s}.topbar nav{top:76px;padding:12px;border-radius:24px;gap:2px;background:rgba(247,245,248,.98);box-shadow:0 20px 45px rgba(37,18,52,.2);overflow:hidden}.topbar nav button{height:49px;width:100%;padding:0 16px;text-align:right;font-size:18px;border-radius:14px;border-bottom:1px solid rgba(90,54,136,.08);transition:.2s}.topbar nav button:hover{background:rgba(90,54,136,.07);transform:none}.topbar nav .mobile-contact{display:flex!important;align-items:center;justify-content:center;gap:9px;margin-top:7px;color:#fff;background:var(--purple);border-bottom:0}.topbar nav .mobile-contact:hover{color:#fff;background:var(--mint)}}@media(max-width:640px){.topbar{width:calc(100% - 24px);padding:0 12px}.brand{width:108px;height:39px}.topbar nav{left:0;right:0}.topbar nav button{font-size:17px}}

/* Contact form */
footer{height:auto;padding:62px 0 25px}.footer-grid{grid-template-columns:.9fr .55fr .7fr 1.75fr;gap:42px;align-items:start}.copyright{margin-top:38px}.footer-contact{direction:rtl;text-align:right;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:23px 24px 20px;box-shadow:0 20px 50px rgba(34,12,53,.16)}.footer-contact h3{direction:rtl;text-align:right;margin:0 0 8px}.contact-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.contact-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--deep);font-size:18px;box-shadow:0 9px 24px rgba(61,203,177,.22)}.contact-form{margin-top:18px}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border-radius:16px;background:rgba(38,14,60,.28)}.footer-grid .contact-options button{height:43px;margin:0;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;color:rgba(255,255,255,.72);font-size:14px;transition:.25s}.footer-grid .contact-options button span{color:var(--mint);font-size:10px}.footer-grid .contact-options button.active{background:#fff;color:var(--purple);box-shadow:0 7px 18px rgba(26,7,43,.16)}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.contact-form label{display:block}.contact-form label>span{display:block;margin:0 3px 6px;color:rgba(255,255,255,.78);font-size:12px}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);outline:0;background:rgba(255,255,255,.09);color:#fff;border-radius:13px;padding:10px 12px;font:inherit;font-size:14px;transition:border-color .25s,background .25s,box-shadow .25s}.contact-form input{height:43px}.contact-form textarea{height:72px;resize:none;line-height:1.5}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(255,255,255,.42)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--mint);background:rgba(255,255,255,.13);box-shadow:0 0 0 3px rgba(61,203,177,.12)}.message-field{margin-top:10px}.contact-submit{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.contact-submit small{font-size:11px;color:rgba(255,255,255,.58);direction:ltr}.footer-grid .contact-submit button{margin:0;min-width:135px;height:43px;padding:0 18px;border-radius:22px;background:var(--mint);color:var(--deep);font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;transition:.25s}.footer-grid .contact-submit button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(24,7,39,.2)}
@media(max-width:980px){.footer-grid{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}.contact-fields{grid-template-columns:1fr 1fr}}
@media(max-width:640px){footer{padding-top:48px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-contact{grid-column:auto;padding:20px 16px;border-radius:23px}.contact-fields{grid-template-columns:1fr}.contact-submit{align-items:stretch;flex-direction:column}.contact-submit small{text-align:right}.footer-grid .contact-submit button{width:100%}.copyright{margin-top:30px}}


/* September 2026: supplied photography and static hero. */
.hero-slides { position: absolute; inset: 0; }
.hero-slides .hero-bg { opacity: 1; }
.experience-slide { --card-width: 440px; --card-height: 379px; width: var(--card-width); height: var(--card-height); margin-left: calc(var(--card-width) / -2); text-align: right; }
.experience-photo { position: absolute; top: 0; right: 0; left: 7px; height: 66.5%; overflow: hidden; border-radius: 26px 26px 0 0; }
.experience-slide .experience-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: none; }
.experience-copy { position: absolute; inset: 66.5% 0 0 7px; display: flex; flex-direction: column; align-items: stretch; padding: 18px 20px 14px 91px; background: #f7f7f5; border-radius: 0 0 26px 26px; box-shadow: 0 14px 22px rgba(42,21,59,.07); direction: rtl; }
.experience-copy strong { font-size: 26px; font-weight: 800; line-height: 1.2; color: #10111a; }
.experience-copy>span { margin-top: 9px; color: #6d6d6d; font-size: 18px; line-height: 1.4; }
.experience-symbol { position: absolute; width: 92px; height: 92px; left: 0; top: calc(66.5% - 12px); }
.experience-slide:focus-visible { outline: 3px solid var(--purple); outline-offset: 5px; }

@media (min-width: 981px) and (max-width: 1400px) {
  .topbar { padding-inline: 24px; }
  .topbar nav button { width: auto; padding-inline: 15px; font-size: 20px; }
  .brand { margin-left: 18px; width: 126px; }
  .contact-pill { padding-inline: 21px; font-size: 19px; }
  .language { margin-right: 17px; }
}
@media (min-width: 641px) and (max-width: 980px) {
  .hero { height: 850px; }
  .hero-content h1 { width: 62%; font-size: 74px; }
  .hero-content p, .hero-actions { width: 62%; }
  .hero-content p { font-size: 23px; }
  .hero-actions { flex-wrap: wrap; gap: 12px; }
  .hero-actions button { font-size: 19px; padding-inline: 24px; }
}
@media (max-width: 640px) {
  .hero { height: clamp(740px, 98svh, 860px); }
  .hero-slides .hero-bg { height: 64%; object-position: 27% center; }
  .hero::after { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 26%, rgba(52,20,79,.12) 35%, rgba(52,20,79,.88) 53%, var(--deep) 64%); }
  .hero-content { padding-top: 390px; }
  .hero-content h1 { font-size: clamp(46px, 12.55vw, 58px); }
  .hero-content p { margin-top: 20px; }
  .experience-slide { --card-width: min(330px, calc(100vw - 48px)); --card-height: calc(var(--card-width) * .86136); }
  .experience-photo { left: 5px; border-radius: 22px 22px 0 0; }
  .experience-copy { left: 5px; padding: 13px 14px 10px 70px; border-radius: 0 0 22px 22px; }
  .experience-copy strong { font-size: 20px; line-height: 1.15; }
  .experience-copy>span { font-size: 14px; margin-top: 6px; line-height: 1.35; }
  .experience-symbol { width: 70px; height: 70px; top: calc(66.5% - 10px); }
}
@media (prefers-reduced-motion: reduce) {
}

.contact-submit small { font-size: 12px; color: rgba(255,255,255,.78); overflow-wrap: anywhere; }
@media (max-width: 640px) { .footer-contact { width: 100%; justify-self: stretch; } }
@media (max-width: 360px) {
  .experience-slide { --card-height: 276px; }
  .experience-photo { height: 60%; }
  .experience-copy { top: 60%; padding: 12px 12px 10px 60px; }
  .experience-copy strong { font-size: 18px; line-height: 1.2; }
  .experience-copy>span { font-size: 13px; line-height: 1.45; }
  .experience-symbol { width: 62px; height: 62px; top: calc(60% - 10px); }
}

/* Keep the Arabic recipient label on the right of the isolated email. */
#contactRecipient { display: flex; direction: rtl; justify-content: flex-start; align-items: baseline; gap: 4px; text-align: right; }
#contactRecipient > span { white-space: nowrap; flex: 0 0 auto; }
#contactRecipientEmail { direction: ltr; unicode-bidi: isolate; min-width: 0; overflow-wrap: anywhere; }

/* Supplied Tasliah mark in the contact heading. */
.contact-mark { width: 48px; height: 48px; flex: 0 0 48px; padding: 6px; background: #fff; box-shadow: none; }
.contact-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }

a.purple-btn { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; text-align:center; }

/* Vector arrows render consistently on mobile and desktop. */
.arrow-icon { display:block; width:24px; height:24px; flex-shrink:0; }
.project-image-hint .arrow-icon { width:26px; height:26px; }
.contact-submit .arrow-icon { width:19px; height:19px; }