@import "https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800;900&family=Tajawal:wght@400;500;700;800&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080915;--surface:#121327;--panel:#211d3d;--text:#f9f7ff;--muted:#bbb5d2;--stroke:#38324f;--accent:#c4a9ff;--on-accent:#241434;--lav:#c8b5f4;--on-lav:#29183f;--glow:#ad84ff2b;--shadow:#0003}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f7fc;--surface:#fff;--panel:#eee9f9;--text:#211832;--muted:#554b65;--stroke:#d9d1e9;--accent:#6239a6;--on-accent:#fff;--lav:#dcd0f6;--on-lav:#29183f;--glow:#6f41bc1a;--shadow:#2213430f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);margin:0;font-family:Alexandria,Tahoma,sans-serif;font-size:14px;line-height:1.75;transition:background .25s,color .25s;overflow-x:hidden}html[lang=en] body{font-family:Space Grotesk,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(1160px,100% - 76px);margin-inline:auto}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--stroke);background:color-mix(in srgb,var(--bg) 93%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;height:79px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;height:100%;display:flex}.brand{letter-spacing:-2px;direction:ltr;flex-shrink:0;font:800 29px Space Grotesk,Arial,sans-serif}.brand span,.accent-text{color:var(--accent)}.navigation{color:var(--muted);align-items:center;gap:24px;font-size:12px;font-weight:700;display:flex}.navigation a{transition:color .22s}.navigation a:hover,.navigation a.current{color:var(--accent)}.header-controls{align-items:center;gap:11px;display:flex}.icon-button,.lang-link{border:1px solid var(--stroke);background:var(--surface);min-width:38px;height:38px;color:var(--text);border-radius:9px;place-items:center;font:800 12px Space Grotesk,sans-serif;transition:border-color .2s,transform .2s;display:grid}.icon-button:hover,.lang-link:hover{border-color:var(--accent);transform:translateY(-2px)}.mobile-menu-toggle{display:none}.site-footer{border-top:1px solid var(--stroke)}.footer-inner{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:27px;font:600 11px Space Grotesk,sans-serif;display:flex}.footer-inner a{color:var(--accent)}.eyebrow{color:var(--accent);letter-spacing:1.7px;text-transform:uppercase;text-align:start;direction:ltr;align-items:center;gap:8px;font:800 12px Space Grotesk,Arial,sans-serif;display:flex}.eyebrow .dash{background:currentColor;flex-shrink:0;width:20px;height:2px;display:inline-block}.hero-main{grid-template-columns:1.15fr .85fr;align-items:center;gap:47px;min-height:680px;padding-block:76px 95px;display:grid;position:relative}.hero-main:before,.inner-hero:before{content:"";z-index:-1;background:radial-gradient(ellipse at center,var(--glow),transparent 70%);width:53%;height:68%;position:absolute;top:1%;right:5%}.hero-copy{z-index:1;min-width:0;position:relative}.hello{color:var(--muted);margin:22px 0 0;font:700 12px Tajawal,sans-serif}.mega-title{letter-spacing:-2.8px;margin:20px 0 25px;font-size:clamp(54px,6.7vw,100px);font-weight:900;line-height:1.31}html[lang=en] .mega-title{letter-spacing:-5px;line-height:1.06}.mega-title>span{display:block}.hero-description{color:var(--muted);max-width:570px;margin:0 0 25px;font:500 17px/2 Tajawal,Tahoma,sans-serif}html[lang=en] .hero-description{font-family:Space Grotesk,sans-serif;font-size:15px;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.action{border:1px solid var(--stroke);text-align:center;border-radius:9px;justify-content:center;align-items:center;gap:13px;min-height:46px;padding:11px 18px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.action:hover{box-shadow:0 10px 25px var(--glow);transform:translateY(-3px)}.action-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.action-outline{background:var(--surface);color:var(--text)}.tech-line{color:var(--muted);letter-spacing:1px;margin:40px 0 0;font:700 10px/2 Space Grotesk,Arial,sans-serif}.hero-art{justify-content:center;align-items:center;height:450px;display:flex;position:relative}.portrait-frame{border:1px solid var(--stroke);background:linear-gradient(145deg,var(--panel),var(--surface));width:min(80%,340px);height:390px;box-shadow:17px 22px 45px var(--shadow);border-radius:180px 180px 18px 18px;flex-direction:column;justify-content:center;align-items:center;gap:23px;display:flex;position:relative;overflow:hidden}.portrait-frame:before{content:"";background:var(--glow);filter:blur(20px);border-radius:50%;width:165px;height:165px;position:absolute}.portrait-monogram{color:var(--accent);opacity:.75;letter-spacing:-10px;font:800 100px Space Grotesk,sans-serif;position:relative}.portrait-frame>span:last-child{z-index:1;color:var(--muted);background:var(--surface);text-align:center;border-radius:8px;padding:7px 13px;font:700 12px Tajawal,sans-serif}.portrait-orbit{z-index:-1;border:1px solid var(--accent);opacity:.35;border-radius:50%;width:340px;height:340px;animation:25s linear infinite orbit;position:absolute}.portrait-orbit.orbit-b{border-style:dashed;width:425px;height:425px;animation-duration:42s;animation-direction:reverse}.marquee{border-block:1px solid var(--stroke);background:var(--surface);direction:ltr;padding:18px 0;overflow:hidden}.marquee-track{white-space:nowrap;letter-spacing:1px;width:max-content;color:var(--accent);font:800 15px Space Grotesk,sans-serif;animation:32s linear infinite marquee}.section{border-bottom:1px solid var(--stroke);padding-block:95px}.section-top{margin-bottom:34px}.huge-heading,.projects-title{letter-spacing:-7px;text-align:start;direction:ltr;margin:20px 0;font:900 clamp(70px,10vw,144px)/1 Space Grotesk,sans-serif}.huge-heading span{color:var(--accent)}.featured-project{background:var(--surface);border:1px solid var(--stroke);border-radius:15px;grid-template-columns:1.1fr .9fr;display:grid;overflow:hidden}.project-description{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:36px;display:flex}.project-description h2,.project-description h3{margin:0;font-size:27px;line-height:1.5}.project-description p,.section-lead{color:var(--muted);font:500 15px/2 Tajawal,sans-serif}html[lang=en] .project-description p,html[lang=en] .section-lead{font-family:Space Grotesk,sans-serif}.chips{flex-wrap:wrap;gap:7px;margin:10px 0;display:flex}.chips span{border:1px solid var(--stroke);background:var(--panel);color:var(--text);direction:ltr;border-radius:24px;padding:7px 10px;font:600 11px Space Grotesk,sans-serif}.shot-placeholder{background:linear-gradient(145deg,var(--panel),var(--surface));border:1px solid var(--stroke);min-height:190px;color:var(--accent);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:25px;display:flex;position:relative;overflow:hidden}.shot-placeholder.wide{border:0;border-radius:0;min-height:370px}.shot-placeholder>span{color:var(--muted);font:700 12px Tajawal,sans-serif;position:relative}.shot-glow{background:var(--glow);filter:blur(28px);border-radius:50%;width:200px;height:200px;position:absolute}.shot-wireframe{border:1px solid var(--stroke);background:var(--bg);width:73%;max-width:370px;height:145px;box-shadow:10px 13px 20px var(--shadow);border-radius:7px;grid-template-columns:22% 1fr;display:grid;overflow:hidden;transform:perspective(600px)rotateY(-5deg)}.shot-wire-nav{background:var(--surface);border-inline-end:1px solid var(--stroke)}.shot-wire-content{gap:8px;padding:17px;display:flex}.shot-wire-content div{border:1px solid var(--stroke);background:var(--panel);border-radius:3px;flex:1;height:36px}.manifesto{background:var(--lav);color:var(--on-lav);padding:85px 0;position:relative;overflow:hidden}.manifesto:after{content:"✳";opacity:.06;pointer-events:none;color:var(--on-lav);font:900 360px Space Grotesk,sans-serif;position:absolute;top:-110px;right:-2%}.manifesto .container{z-index:1;position:relative}.manifesto .eyebrow{color:#382054}.manifesto h2{letter-spacing:-1px;max-width:940px;color:var(--on-lav);margin:25px 0 12px;font-size:clamp(40px,5.1vw,66px);line-height:1.58}.manifesto p{color:#453257;max-width:760px;font:600 17px/1.9 Tajawal,sans-serif}html[lang=en] .manifesto p{font-family:Space Grotesk,sans-serif}.feature-teaching{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid}.feature-teaching h2{font-size:clamp(31px,4vw,52px);line-height:1.55}.feature-teaching p{color:var(--muted);max-width:600px;font:500 17px/2 Tajawal,sans-serif}.code-symbol{text-align:center;letter-spacing:-10px;color:var(--accent);direction:ltr;font:900 clamp(85px,12vw,160px) Space Grotesk,sans-serif}.closing{text-align:center;background:radial-gradient(ellipse at center,var(--glow),transparent 70%);padding:105px 0}.closing h2{margin:30px 0;font-size:clamp(34px,5vw,65px);line-height:1.5}.closing .action{margin:12px auto}.inner-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:55px;min-height:490px;padding-block:80px 90px;display:grid;position:relative}.inner-title{font-size:clamp(42px,5.4vw,74px);line-height:1.43}.about-portrait{background:linear-gradient(145deg,var(--panel),var(--surface));border:1px solid var(--stroke);border-radius:180px 180px 15px 15px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:min(100%,300px);height:330px;margin:auto;display:flex;position:relative}.about-portrait:before{content:"";border:1px solid var(--accent);opacity:.5;border-radius:180px 180px 15px 15px;position:absolute;inset:-12px -12px 12px 12px}.about-portrait-initials{color:var(--accent);letter-spacing:-4px;direction:ltr;font:800 70px Space Grotesk,sans-serif}.about-portrait-initials span{font-size:35px}.about-portrait small{color:var(--muted);font:600 12px Tajawal,sans-serif}.section-heading{margin:16px 0 30px;font-size:clamp(26px,4vw,45px);line-height:1.5}.experience-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.glass-card{background:var(--surface);border:1px solid var(--stroke);border-radius:14px;flex-direction:column;align-items:flex-start;gap:12px;padding:30px;display:flex}.index-label{color:var(--accent);letter-spacing:1px;direction:ltr;font:700 11px Space Grotesk,sans-serif}.glass-card h3{margin:10px 0 0;font-size:23px}.glass-card p{color:var(--muted);margin:0 0 12px;font:500 14px/2 Tajawal,sans-serif}html[lang=en] .glass-card p{font-family:Space Grotesk,sans-serif}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.skill-card{border:1px solid var(--stroke);background:var(--surface);border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;min-height:250px;padding:25px;transition:transform .25s,border-color .25s;display:flex}.skill-card:hover,.contact-card:hover{border-color:var(--accent);transform:translateY(-4px)}.skill-top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.skill-icon{background:var(--panel);border:1px solid var(--stroke);width:51px;height:51px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.skill-card h3{direction:ltr;margin:6px 0 0;font:800 22px Space Grotesk,sans-serif}.skill-card p{color:var(--muted);margin:0 0 8px;font:500 13px/1.85 Tajawal,sans-serif}.skill-card .chips{margin-top:auto}.terminal-illustration{background:var(--surface);border:1px solid var(--stroke);box-shadow:16px 17px 35px var(--shadow);direction:ltr;border-radius:14px;width:100%;max-width:450px;margin:auto;overflow:hidden;transform:rotate(-3deg)}.terminal-title{border-bottom:1px solid var(--stroke);color:var(--muted);padding:13px 18px;font:700 11px Space Grotesk,sans-serif}.terminal-illustration pre{color:var(--text);white-space:pre-wrap;margin:0;padding:22px;font:600 15px/2 Space Grotesk,monospace}.terminal-illustration span{color:var(--accent);padding:0 22px 20px;font:600 12px Space Grotesk,sans-serif;display:block}.small-pill{border:1px solid var(--stroke);background:var(--panel);color:var(--text);border-radius:24px;padding:9px 12px;font:700 11px Space Grotesk,sans-serif}.catalog{margin-top:30px}.course-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.course-tab{border:1px solid var(--stroke);background:var(--surface);color:var(--text);text-align:start;border-radius:13px;flex-direction:column;align-items:flex-start;gap:13px;min-height:152px;padding:21px;transition:transform .2s,border-color .2s;display:flex}.course-tab.active{border-color:var(--accent);background:var(--panel)}.course-tab:not(.disabled):hover{border-color:var(--accent);transform:translateY(-3px)}.course-tab svg{color:var(--accent)}.course-tab strong{font-size:17px}.course-tab small{color:var(--muted);font:600 11px/1.8 Tajawal,sans-serif}.course-tab.disabled{opacity:.65;cursor:default}.catalog-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:17px;margin:40px 0 23px;display:flex}.catalog-bar>strong{font-size:18px}.search-control{border:1px solid var(--stroke);background:var(--surface);min-width:220px;min-height:47px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:0 14px;display:flex}.search-control input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.search-control:focus-within{border-color:var(--accent)}.lessons-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.lesson-card{background:var(--surface);border:1px solid var(--stroke);border-radius:11px;align-items:center;gap:15px;padding:19px;transition:background .2s,border-color .2s;display:flex}.lesson-card:hover{background:var(--panel);border-color:var(--accent)}.lesson-number{background:var(--panel);color:var(--accent);border-radius:9px;padding:11px 13px;font:700 16px Space Grotesk,sans-serif}.lesson-card h3{margin:0;font-size:13px;line-height:1.8}.lesson-card small{color:var(--muted);direction:ltr;justify-content:flex-end;align-items:center;gap:8px;margin-top:9px;font:600 10px Space Grotesk,sans-serif;display:flex}.lesson-arrow{color:var(--accent);flex-shrink:0;margin-inline-start:auto}.catalog-note{background:var(--panel);border:1px solid var(--stroke);color:var(--muted);border-radius:11px;align-items:flex-start;gap:13px;margin-top:24px;padding:18px;font-size:12px;line-height:1.9;display:flex}.catalog-note svg{color:var(--accent);flex-shrink:0}.bonus-card{background:var(--surface);border:1px solid var(--stroke);border-radius:13px;justify-content:space-between;align-items:center;gap:22px;margin-top:20px;padding:28px;display:flex}.bonus-card h3{margin:10px 0;font-size:21px}.bonus-card p{color:var(--muted);margin:0}.lesson-detail{min-height:75vh}.backlink{color:var(--muted);align-items:center;gap:8px;margin-bottom:37px;font-size:12px;display:inline-flex}.lesson-heading{margin:25px 0 5px;font-size:clamp(30px,4vw,50px);line-height:1.7}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:35px 0 15px;display:grid}.resource-icon{color:var(--accent)}.resource-actions{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.lesson-pagination{color:var(--accent);justify-content:space-between;align-items:center;gap:18px;margin-top:32px;font-size:12px;font-weight:800;display:flex}.top-space{padding-top:90px;padding-bottom:60px}.projects-title{margin:30px 0 19px}.study-subtitle{margin:5px 0 15px;font-size:30px}.top-space .chips{margin-top:20px}.video-slot{border:1px dashed var(--accent);background:radial-gradient(ellipse at center,var(--glow),transparent 70%),var(--surface);min-height:380px;color:var(--text);text-align:center;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:15px;margin:26px 0 52px;padding:30px;display:flex}.video-slot strong{font-size:24px}.video-slot>span{color:var(--muted)}.video-emblem{border:1px solid var(--accent);width:83px;height:83px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.gallery-heading{margin-bottom:20px}.gallery-heading p{color:var(--muted);font:500 13px Tajawal,sans-serif}.shot-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.shot-gallery .gallery-featured .shot-placeholder{min-height:396px}.contact-orbits{justify-content:center;align-items:center;height:300px;display:flex;position:relative}.contact-circle{border:1px solid var(--accent);opacity:.4;border-radius:50%;width:270px;height:270px;animation:25s linear infinite orbit;position:absolute}.contact-circle.circle-two{border-style:dashed;width:180px;height:180px;animation-duration:34s;animation-direction:reverse}.contact-at{color:var(--accent);font:800 86px Space Grotesk,sans-serif}.orbit-tag{background:var(--surface);border:1px solid var(--stroke);color:var(--text);direction:ltr;border-radius:30px;padding:10px;font:700 10px Space Grotesk,sans-serif;position:absolute}.orbit-tag.a{top:4px;left:30px}.orbit-tag.b{bottom:15px;right:20px}.orbit-tag.d{bottom:25px;left:10px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.contact-card{background:var(--surface);border:1px solid var(--stroke);border-radius:14px;flex-direction:column;align-items:flex-start;gap:13px;min-height:230px;padding:28px;transition:transform .25s,border-color .25s;display:flex}.contact-card h3{margin:3px 0;font:800 22px Space Grotesk,sans-serif}.contact-card p{color:var(--muted);margin:0;font:500 14px/1.95 Tajawal,sans-serif}.contact-pending{color:var(--accent);align-items:center;gap:8px;margin-top:auto;font-size:12px;font-weight:700;display:flex}.entry-gateway{text-align:center;background:radial-gradient(ellipse,var(--glow),transparent 60%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.entry-gateway h1{font-size:clamp(27px,5vw,60px)}.entry-gateway p{color:var(--muted);font:600 16px Space Grotesk,sans-serif}.reveal-ready{opacity:0;filter:blur(3px);transition:opacity .8s,transform .88s cubic-bezier(.2,.8,.2,1),filter .8s;transform:translateY(35px)}.reveal-ready.visible{opacity:1;filter:none;transform:none}@keyframes orbit{to{rotate:360deg}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes marquee{to{transform:translate(-48%)}}@media (max-width:960px){.container{width:min(100% - 44px,1160px)}.hero-main{grid-template-columns:1fr .78fr;gap:20px;min-height:570px}.mega-title{font-size:clamp(45px,6.5vw,72px)}.hero-art{height:370px}.portrait-frame{height:320px}.inner-hero{gap:28px}.inner-title{font-size:clamp(40px,5vw,64px)}.course-tabs{grid-template-columns:repeat(3,1fr)}.shot-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.site-header{height:65px}.container{width:calc(100% - 36px)}.navigation{background:var(--surface);border-bottom:1px solid var(--stroke);flex-direction:column;align-items:stretch;gap:0;padding:23px 20px;display:none;position:absolute;top:65px;left:0;right:0}.navigation.expanded{display:flex}.navigation a{padding:12px}.mobile-menu-toggle{display:grid}.header-controls{gap:7px}.icon-button,.lang-link{min-width:35px;height:35px}.hero-main,.inner-hero{flex-direction:column;grid-template-columns:1fr;align-items:stretch;gap:44px;min-height:auto;padding-block:56px 70px;display:flex}.hero-main .hero-art{order:1;height:250px}.hero-copy{order:0}.mega-title{letter-spacing:-1.2px;margin:17px 0;font-size:clamp(42px,11vw,65px);line-height:1.38}.hero-description{font-size:15px;line-height:1.9}.hero-main .portrait-frame{border-radius:120px 120px 15px 15px;width:210px;height:240px}.hero-main .portrait-monogram{font-size:70px}.portrait-orbit{width:200px;height:200px}.portrait-orbit.orbit-b{width:255px;height:255px}.tech-line{margin-top:22px;font-size:9px}.section{padding-block:65px}.huge-heading,.projects-title{letter-spacing:-3px;font-size:clamp(48px,12vw,78px)}.featured-project{grid-template-columns:1fr}.shot-placeholder.wide{min-height:240px}.project-description{gap:12px;padding:23px}.manifesto{padding:54px 0}.manifesto h2{font-size:clamp(30px,8vw,44px);line-height:1.6}.manifesto p{font-size:14px}.feature-teaching{grid-template-columns:1fr;gap:6px}.feature-teaching h2{font-size:31px}.code-symbol{text-align:start;font-size:80px}.closing{padding:70px 0}.closing h2{font-size:32px}.inner-hero{padding-block:60px}.inner-title{font-size:clamp(37px,10vw,59px)}.about-portrait{border-radius:115px 115px 14px 14px;width:195px;height:210px}.about-portrait:before{border-radius:115px 115px 14px 14px}.about-portrait-initials{font-size:50px}.experience-grid,.resource-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr 1fr;gap:10px}.skill-card{min-height:220px;padding:17px}.skill-card h3{font-size:18px}.skill-card .chips span{font-size:9px}.terminal-illustration{width:90%;max-width:390px}.course-tabs{grid-template-columns:1fr}.course-tab{gap:9px;min-height:105px}.catalog-bar{margin-top:25px}.search-control{width:100%}.lessons-grid{grid-template-columns:1fr}.lesson-card{padding:14px}.lesson-card h3{font-size:12px}.bonus-card{flex-direction:column;align-items:stretch;display:flex}.top-space{padding-top:60px;padding-bottom:25px}.study-subtitle{font-size:24px}.video-slot{min-height:230px}.shot-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shot-gallery .gallery-featured{grid-area:span 1/span 2}.shot-gallery .gallery-featured .shot-placeholder{min-height:220px}.shot-gallery .shot-placeholder{min-height:165px;padding:12px}.shot-gallery .shot-wireframe{height:85px}.contact-orbits{height:210px}.contact-circle{width:195px;height:195px}.contact-circle.circle-two{width:130px;height:130px}.contact-at{font-size:65px}.contact-grid{grid-template-columns:1fr 1fr;gap:10px}.contact-card{min-height:215px;padding:15px}.contact-card h3{font-size:17px}.contact-card p{font-size:11px}.contact-pending{font-size:10px}.footer-inner{font-size:9px}.lesson-heading{font-size:30px}}@media (max-width:400px){.skills-grid,.contact-grid{grid-template-columns:1fr}.small-pill{font-size:10px}.header-inner{gap:8px}.action{padding:10px 12px;font-size:11px}.mega-title{font-size:39px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal-ready{opacity:1!important;filter:none!important;transform:none!important}}.portrait-photo{object-fit:cover;border-radius:inherit;z-index:2;width:100%;height:100%;position:absolute;inset:0}.project-video{object-fit:contain;border:1px solid var(--stroke);background:#080915;border-radius:14px;width:100%;max-height:640px;margin:26px 0 52px;display:block}.portrait-frame,.about-portrait{overflow:hidden}.portrait-photo{object-position:center 27%;background:#f4f6f8}.about-portrait .portrait-photo{object-position:center 23%}.experience-meta{color:var(--accent)!important;margin:-3px 0 5px!important;font-size:12px!important;font-weight:700!important}.cv-download{border:1px solid var(--on-lav);color:var(--on-lav);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding:13px 18px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.cv-download:hover{background:#29183f12;transform:translateY(-2px)}@media (max-width:720px){.portrait-photo{object-position:center 22%}.about-portrait .portrait-photo{object-position:center 20%}}.portrait-frame,.about-portrait{aspect-ratio:1;border-radius:50%;height:auto;overflow:hidden}.portrait-frame{width:min(88%,355px)}.about-portrait{width:min(100%,310px)}.portrait-frame .portrait-photo,.about-portrait .portrait-photo{object-fit:cover;object-position:center 25%;border-radius:50%}.about-portrait:before{border-radius:50%}html[lang=ar] .footer-inner{font-family:Alexandria,Tahoma,sans-serif}@media (max-width:720px){.hero-main .portrait-frame{border-radius:50%;width:min(65vw,252px);height:auto}.about-portrait{border-radius:50%;width:min(68vw,245px);height:auto}.about-portrait:before{border-radius:50%}}.teaching-story-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:28px;display:grid}.teaching-story-visual{background:var(--surface);border:1px solid var(--stroke);box-shadow:12px 18px 40px var(--shadow);border-radius:16px;overflow:hidden}.teaching-story-visual img{object-fit:cover;aspect-ratio:4/5;width:100%;height:100%;display:block}.teaching-story-copy .section-heading{margin-top:12px}.industmap-branding{margin:22px 0 6px}.industmap-logo{filter:drop-shadow(0 12px 24px #00000026);width:min(55vw,270px);max-width:270px;height:auto;display:block}.shot-real{justify-content:flex-end;align-items:stretch;gap:0;padding:0}.shot-real img{object-fit:cover;aspect-ratio:16/10;background:#0a1020;width:100%;height:100%;display:block}.shot-real figcaption{background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);text-align:start;border:1px solid color-mix(in srgb,var(--stroke) 75%,transparent);border-radius:10px;padding:9px 12px;font:700 11px Alexandria,Tahoma,sans-serif;position:absolute;inset:auto 10px 10px}html[lang=en] .shot-real figcaption{font-family:Space Grotesk,sans-serif}@media (max-width:960px){.teaching-story-grid{grid-template-columns:1fr}}@media (max-width:720px){.teaching-story-grid{gap:18px}.teaching-story-visual img{aspect-ratio:5/6}.industmap-logo{max-width:220px}.shot-real figcaption{padding:8px 10px;font-size:10px}}.branded-featured{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:stretch;gap:0;overflow:hidden}.branded-featured .project-description{padding:clamp(25px,3vw,45px)}.branded-featured .project-description h2,.branded-featured .project-description h3{max-width:430px}.indust-brand{direction:ltr;align-items:center;width:min(64%,240px);max-width:100%;display:inline-flex}.indust-brand-large{width:min(78%,310px)}.indust-brand img{object-fit:contain;width:100%;height:auto;display:block}.indust-logo-light,html[data-theme=light] .indust-logo-dark{display:none!important}html[data-theme=light] .indust-logo-light{display:block!important}.indust-visual{border-inline-start:1px solid var(--stroke);background:radial-gradient(circle at 25% 6%,#a373e826,#0000 56%),linear-gradient(155deg,#1c2137,#0e1326 80%);flex-direction:column;justify-content:center;gap:15px;min-width:0;padding:clamp(17px,2.3vw,32px);display:flex}html[data-theme=light] .indust-visual{background:linear-gradient(155deg,#f1eef9,#e2def1)}.indust-visual-heading{justify-content:space-between;align-items:center;gap:8px;min-height:41px;display:flex}.indust-visual-label{letter-spacing:.65px;color:#c7b0f7;white-space:nowrap;font:700 9px Space Grotesk,Arial,sans-serif}html[data-theme=light] .indust-visual-label{color:#57328c}.indust-browser,.indust-case-window{direction:ltr;background:#111827;border:1px solid #40506b;border-radius:12px;overflow:hidden;box-shadow:0 17px 42px #01071645}.indust-browser-top{color:#b9c8e6;letter-spacing:.5px;background:#1c273b;border-bottom:1px solid #33425d;justify-content:space-between;align-items:center;gap:12px;height:34px;padding:0 13px;font:700 10px Space Grotesk,Arial,sans-serif;display:flex}.indust-browser-dots{align-items:center;gap:5px;display:flex}.indust-browser-dots i{opacity:.74;background:#879bb4;border-radius:50%;width:7px;height:7px}.indust-browser-dots i:first-child{background:#d6a0cf}.indust-browser-dots i:nth-child(2){background:#edc472}.indust-browser-dots i:nth-child(3){background:#83cfc5}.indust-browser-image{object-fit:contain;background:#101829;width:100%;height:auto;display:block}.indust-visual-bottom{color:#e6d8ff;letter-spacing:.6px;direction:ltr;justify-content:center;align-items:center;gap:12px;font:700 10px Space Grotesk,sans-serif;display:flex}html[data-theme=light] .indust-visual-bottom{color:#503577}.indust-bottom-separator{color:#c1a2ff}.indust-case-hero{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:center;gap:clamp(20px,4vw,60px);min-height:570px;padding-block:clamp(56px,6.5vw,96px);display:grid}.indust-case-copy{min-width:0}.indust-case-copy .eyebrow{margin-bottom:22px}.indust-case-title{letter-spacing:-4.5px;text-align:start;overflow-wrap:break-word;direction:ltr;max-width:100%;margin:0 0 19px;font:900 clamp(47px,5.6vw,79px)/1.13 Space Grotesk,Arial,sans-serif}.indust-case-title span{color:var(--accent)}.indust-case-subtitle{color:var(--text);margin:0 0 14px;font-size:clamp(21px,2.3vw,29px);font-weight:800;line-height:1.55}.indust-case-copy .hero-description{max-width:580px;font-size:16px}.indust-case-copy .chips{margin-top:22px}.indust-case-copy .hero-actions{margin-top:19px}.indust-case-visual{background:radial-gradient(ellipse at 50% -15%,var(--glow),transparent 70%),var(--surface);border:1px solid var(--stroke);min-width:0;box-shadow:15px 24px 60px var(--shadow);border-radius:20px;flex-direction:column;gap:17px;padding:clamp(17px,2.4vw,29px);display:flex}.indust-case-logo-row{justify-content:space-between;align-items:center;gap:14px;min-height:56px;display:flex}.indust-case-label{letter-spacing:1px;color:var(--muted);text-align:end;max-width:115px;font:700 9px/1.6 Space Grotesk,sans-serif}.indust-case-window>img{object-fit:contain;background:#111a2d;width:100%;height:auto;display:block}.indust-case-visual-footer{color:var(--accent);direction:ltr;justify-content:center;align-items:center;gap:14px;font:700 11px Space Grotesk,sans-serif;display:flex}.indust-case-visual-footer span:nth-child(2){opacity:.58}#factory-portal,#admin-portal{scroll-margin-top:90px}.shot-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.gallery-shot{border:1px solid var(--stroke);background:var(--surface);border-radius:14px;min-width:0;transition:border-color .25s,transform .25s,box-shadow .25s;display:block;overflow:hidden}.gallery-shot:hover{border-color:var(--accent);box-shadow:0 12px 30px var(--shadow);transform:translateY(-3px)}.shot-gallery .gallery-featured{grid-area:span 1/span 2}.gallery-shot .shot-real,.shot-gallery .gallery-featured .shot-real{background:var(--surface);border:0;border-radius:0;flex-direction:column;justify-content:space-between;align-items:stretch;gap:0;height:100%;min-height:0;margin:0;padding:0;display:flex}.gallery-shot .shot-real img{aspect-ratio:16/9;object-fit:contain;background:#0e1728;width:100%;height:auto;padding:12px;display:block}.shot-gallery .gallery-featured .shot-real img{aspect-ratio:21/9;padding:15px}.gallery-shot .shot-real figcaption{border:0;border-top:1px solid var(--stroke);background:var(--surface);color:var(--text);text-align:start;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;padding:12px 16px;font:700 12px Alexandria,Tahoma,sans-serif;display:block;position:static;inset:auto}html[lang=en] .gallery-shot .shot-real figcaption{font-family:Space Grotesk,Arial,sans-serif}.gallery-heading p{color:var(--muted)}@media (max-width:1000px){.indust-visual-heading,.indust-case-logo-row{gap:11px}.indust-visual-label{font-size:8px}.branded-featured .project-description{padding:25px}.indust-case-hero{grid-template-columns:1fr 1fr;gap:24px}.indust-case-title{font-size:clamp(43px,5.6vw,68px)}}@media (max-width:800px){.indust-case-hero{grid-template-columns:1fr;gap:26px;min-height:0;padding-block:55px}.indust-case-visual{width:100%;max-width:650px;margin-inline:auto}.indust-case-title{font-size:clamp(48px,9vw,74px)}.branded-featured{grid-template-columns:1fr}.indust-visual{border-inline-start:0;border-top:1px solid var(--stroke)}}@media (max-width:600px){.indust-case-hero{padding-block:45px}.indust-case-title{letter-spacing:-3px;font-size:clamp(44px,11.5vw,64px)}.indust-case-copy .hero-description{font-size:14px}.indust-case-visual{border-radius:14px;padding:15px}.indust-case-logo-row{min-height:38px}.indust-case-label{font-size:8px}.indust-brand-large{width:min(66%,250px)}.indust-visual-heading{flex-wrap:wrap}.shot-gallery{grid-template-columns:1fr;gap:12px}.shot-gallery .gallery-featured{grid-column:span 1}.gallery-shot .shot-real img,.shot-gallery .gallery-featured .shot-real img{aspect-ratio:16/9;padding:8px}.gallery-shot .shot-real figcaption{padding:11px 12px;font-size:11px}}@media (prefers-reduced-motion:reduce){.gallery-shot{transition:none!important}}.page-transition-scene{min-height:45vh;animation:.52s cubic-bezier(.18,.78,.24,1) both route-scene-enter}@keyframes route-scene-enter{0%{opacity:0;filter:blur(3px);transform:translateY(17px)}to{opacity:1;filter:blur();transform:translateY(0)}}.route-progress{z-index:100;pointer-events:none;background:color-mix(in srgb,var(--accent) 20%,transparent);height:3px;position:fixed;inset:0 0 auto;overflow:hidden}.route-progress>span{background:linear-gradient(90deg,transparent,var(--accent),#e3d6ff);width:40%;height:100%;box-shadow:0 0 14px var(--accent);animation:1.15s ease-in-out infinite route-progress-slide;display:block}@keyframes route-progress-slide{0%{transform:translate(-130%)}to{transform:translate(365%)}}.route-loader-backdrop{z-index:90;pointer-events:none;background:color-mix(in srgb,var(--bg) 66%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;padding:20px;animation:.22s ease-out both route-loader-appear;display:grid;position:fixed;inset:0}@keyframes route-loader-appear{0%{opacity:0}to{opacity:1}}.route-loader-panel{text-align:center;background:var(--surface);min-width:200px;color:var(--text);border:1px solid var(--stroke);box-shadow:0 24px 65px var(--shadow);border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:25px 32px;display:flex}.route-loader-emblem{place-items:center;width:68px;height:68px;display:grid;position:relative}.route-loader-ring{border:2px solid var(--stroke);border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%;animation:1.1s linear infinite route-loader-spin;position:absolute;inset:0}@keyframes route-loader-spin{to{transform:rotate(360deg)}}.route-loader-mark{letter-spacing:-1.5px;direction:ltr;font:800 20px Space Grotesk,Arial,sans-serif}.route-loader-mark span{color:var(--accent)}.route-loader-label{color:var(--muted);font-size:12px;font-weight:700}.route-loader-dots{align-items:center;gap:6px;display:flex}.route-loader-dots i{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite route-dot}.route-loader-dots i:nth-child(2){animation-delay:.13s}.route-loader-dots i:nth-child(3){animation-delay:.26s}@keyframes route-dot{0%,80%,to{opacity:.35;transform:scale(.75)}40%{opacity:1;transform:scale(1.2)}}.route-fallback{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:65vh;display:flex}.route-fallback-ring{border:2px solid var(--stroke);border-top-color:var(--accent);border-radius:50%;width:54px;height:54px;animation:1.1s linear infinite route-loader-spin}.route-fallback-line{background:var(--panel);border-radius:20px;width:min(235px,58vw);height:10px;animation:1.25s ease-in-out infinite alternate route-pulse}.route-fallback-line.short{width:min(135px,34vw)}@keyframes route-pulse{0%{opacity:.4}to{opacity:.85}}@media (prefers-reduced-motion:reduce){.page-transition-scene,.route-progress>span,.route-loader-backdrop,.route-loader-ring,.route-loader-dots i,.route-fallback-ring,.route-fallback-line{filter:none!important;animation:none!important;transform:none!important}}