@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Amiri:wght@400;700&display=swap");@font-face{font-family:TheYearofHandicrafts;src:url(/TheYearofHandicrafts-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ThmanyahSans;src:url(/font/thmanyah%20typeface/thmanyahsans/woff2/thmanyahsans-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ThmanyahSans;src:url(/font/thmanyah%20typeface/thmanyahsans/woff2/thmanyahsans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ThmanyahSans;src:url(/font/thmanyah%20typeface/thmanyahsans/woff2/thmanyahsans-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ThmanyahSans;src:url(/font/thmanyah%20typeface/thmanyahsans/woff2/thmanyahsans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ThmanyahSans;src:url(/font/thmanyah%20typeface/thmanyahsans/woff2/thmanyahsans-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"ThmanyahSerifDisplay";src:url(/font/thmanyah%20typeface/thmanyahserifdisplay/woff2/thmanyahserifdisplay-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"ThmanyahSerifDisplay";src:url(/font/thmanyah%20typeface/thmanyahserifdisplay/woff2/thmanyahserifdisplay-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--bg-light:#fff;--bg-light-alt:#f8f8fb;--bg-dark:#12100f;--text-dark:#111;--text-dark-muted:#998f8f;--text-light:#fff;--text-light-muted:#aaa;--brand-orange:#f46c38;--brand-orange-hover:#e05e42;--brand-neon:#c5ff41;--font-main:"Poppins",sans-serif;--font-arabic:"ThmanyahSans","Amiri",serif;--font-arabic-heading:"ThmanyahSerifDisplay","Amiri",serif}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{background-color:var(--bg-light);color:var(--text-dark);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl],[dir=rtl] *{font-family:var(--font-arabic)}[dir=rtl] .sawad-title,[dir=rtl] .sawad-title *,[dir=rtl] h1,[dir=rtl] h1 *,[dir=rtl] h2,[dir=rtl] h2 *,[dir=rtl] h3,[dir=rtl] h3 *,[dir=rtl] h4,[dir=rtl] h4 *,[dir=rtl] h5,[dir=rtl] h5 *,[dir=rtl] h6,[dir=rtl] h6 *{font-family:var(--font-arabic-heading)!important}[dir=rtl] .btn,[dir=rtl] .nav-link,[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{font-family:var(--font-arabic)!important}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.text-orange{color:var(--brand-orange)}.text-neon{color:var(--brand-neon)}.arabic-text{font-family:var(--font-arabic);direction:rtl;color:inherit}.arabic-heading{font-family:var(--font-arabic-heading)}.thmanyah-salt{font-feature-settings:"salt" 1}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.section{padding:clamp(4rem,10vw,8rem) 0}.navbar-wrapper{position:fixed;top:1.5rem;left:50%;transform:translateX(-50%);width:min(90%,800px);z-index:1000;background:rgba(18,16,15,.85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;padding:.6rem;box-shadow:0 20px 50px rgba(0,0,0,.4),inset 0 0 1px 1px hsla(0,0%,100%,.05);transition:all .4s cubic-bezier(.165,.84,.44,1)}.navbar-wrapper:hover{background:rgba(18,16,15,.95);width:min(92%,820px)}.nav-container{justify-content:space-between;padding:0 .5rem}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{gap:.8rem;text-decoration:none;transition:all .3s ease}.nav-logo-text{font-family:var(--font-main);font-weight:900;letter-spacing:-1.5px;font-size:1.6rem;color:#fff;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.nav-logo:hover .nav-logo-text{transform:scale(1.05);text-shadow:0 0 20px rgba(197,255,65,.4)}.nav-links{display:flex;gap:.5rem;align-items:center;transition:all .3s ease}@media (max-width:768px){.nav-links.mobile-hide{opacity:0;pointer-events:none;transform:translateY(-10px);visibility:hidden}.nav-links:not(.mobile-hide){opacity:1;pointer-events:all;transform:translateY(0);visibility:visible}.mobile-toggle{display:block!important}}.nav-link{color:hsla(0,0%,100%,.6);font-size:.85rem;font-weight:600;padding:.6rem 1.2rem;border-radius:16px;text-decoration:none;transition:all .3s ease;letter-spacing:.5px}.nav-link:hover{color:#fff;background:hsla(0,0%,100%,.05)}.nav-link.active{background:hsla(0,0%,100%,.1);color:var(--brand-neon);box-shadow:inset 0 0 0 1px rgba(197,255,65,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,4vw,2.5rem);border-radius:50px;font-weight:600;font-size:clamp(.9rem,1.5vw,1rem);transition:all .3s ease;cursor:pointer;border:2px solid transparent;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--bg-dark);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.btn-outline{background:transparent;color:var(--text-dark);border-color:var(--text-dark)}.btn-outline:hover{background:var(--text-dark);color:#fff}.glass-panel{background:hsla(0,0%,100%,.03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.05);box-shadow:0 4px 30px rgba(0,0,0,.1)}.mono-badge{font-family:monospace;text-transform:uppercase;font-size:clamp(.75rem,1.5vw,.9rem);letter-spacing:2px;color:var(--brand-orange);margin-bottom:.5rem;display:inline-block;font-weight:600}.sawad-title{font-family:var(--font-main);font-weight:800;text-transform:uppercase;letter-spacing:-2px}[dir=rtl] .sawad-title{font-family:var(--font-arabic-heading)!important}.rollover-link{position:relative;display:flex;overflow:hidden;font-weight:500;text-decoration:none;cursor:pointer;align-items:center;justify-content:center}.rollover-link>span{display:block;transition:transform .4s cubic-bezier(.51,.92,.24,1.15)}.rollover-link>span:first-child{transform:translateY(0)}.rollover-link:hover>span:first-child{transform:translateY(-100%)}.rollover-link>span.absolute-word{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:inherit;transform:translateY(100%)}.rollover-link:hover>span.absolute-word{transform:translateY(0)}.hero{padding-top:150px;text-align:center;position:relative;overflow:hidden}.hero-visual{height:clamp(300px,50vh,500px);margin-top:2rem}.hero-image-wrap,.hero-visual{position:relative;display:flex;justify-content:center;align-items:flex-end}.hero-image-wrap{z-index:5;height:100%;max-width:100%}.hero-image-wrap img{height:100%;object-fit:contain;max-width:100%}.hero-circle{position:absolute;top:50%;width:clamp(300px,80vw,600px);height:clamp(300px,80vw,600px);background:var(--brand-neon);border-radius:50%;z-index:0;transform:translateY(-50%);opacity:.15;filter:blur(80px);animation:pulseBlob 8s infinite alternate}.hero-stats{position:absolute;z-index:10;display:flex;flex-direction:column;gap:.25rem}.stat-left{inset-inline-start:5%;top:20%;text-align:start;max-width:250px;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 15px 35px rgba(0,0,0,.05)}.project-showcase{display:flex;align-items:center;gap:5rem}.project-showcase:nth-child(2n){flex-direction:row-reverse}.project-showcase-img{flex:1 1 50%;position:relative;border-radius:40px;overflow:hidden;background:var(--bg-dark);border:1px solid hsla(0,0%,100%,.05);transition:all .5s cubic-bezier(.165,.84,.44,1);aspect-ratio:4/3}.project-showcase-text{flex:1 1 50%;display:flex;flex-direction:column;justify-content:center}@media (max-width:900px){.project-showcase,.project-showcase:nth-child(2n){flex-direction:column;gap:3rem}.project-showcase-img{width:100%}}.stat-right{inset-inline-end:5%;top:30%;text-align:end;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 15px 35px rgba(0,0,0,.05)}@media (max-width:768px){.stat-left,.stat-right{display:none}}@keyframes pulseBlob{0%{transform:translateY(-50%) scale(1)}to{transform:translateY(-50%) scale(1.1)}}.bento-container{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:20px;gap:20px;width:100%}.bento-item{border-radius:30px;overflow:hidden;position:relative;display:flex;flex-direction:column;padding:clamp(20px,4vw,40px);transition:transform .4s cubic-bezier(.16,1,.3,1)}.bento-item:hover{transform:scale(.98)}.bento-large,.bento-medium,.bento-small{grid-column:span 12}@media (min-width:768px){.bento-large{grid-column:span 8;grid-row:span 2}.bento-medium,.bento-small{grid-column:span 4;grid-row:span 1}}.portfolio-grid{display:flex;flex-direction:column;gap:clamp(4rem,8vw,8rem);margin-top:4rem}.project-item{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;align-items:center}@media (min-width:992px){.project-item{grid-template-columns:1.2fr 1fr;gap:4rem}}.project-media{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:16/10;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-item:hover .project-media{transform:scale(.985)}.project-media img{width:100%;height:100%;object-fit:contain;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-item:hover .project-media img{transform:scale(1.02)}.experience-list>div{flex-direction:column}@media (min-width:768px){.experience-list>div{flex-direction:row}}.marquee-container{overflow:hidden;white-space:nowrap;display:flex}.marquee-content{display:flex;gap:2rem;padding-right:2rem;animation:scrollText 20s linear infinite}@keyframes scrollText{0%{transform:translateX(0)}to{transform:translateX(-100%)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:10px;border:3px solid var(--bg-dark)}::-webkit-scrollbar-thumb:hover{background:var(--brand-neon)}.hover\:text-neon:hover{color:var(--brand-neon)!important}.masonry-gallery{column-count:3;column-gap:2rem}@media (max-width:1024px){.masonry-gallery{column-count:2}}@media (max-width:768px){.masonry-gallery{column-count:1}}.masonry-item{page-break-inside:avoid;break-inside:avoid;margin-bottom:2rem;display:flex;flex-direction:column}