@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--bg:#071321;--surface:#0d2030;--surface2:#102638;--border:rgba(183,224,227,.13);--text:#f5f8fb;--muted:#91a9b8;--mint:#70e4c4;--mint-dark:#45bda4;--radius:20px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans','Manrope',sans-serif;line-height:1.6;overflow-x:hidden}body[dir=rtl]{font-family:'Noto Sans Arabic',sans-serif}button,input{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:3px}::selection{background:var(--mint);color:#061521}.container{max-width:var(--container);margin:auto;padding-left:28px;padding-right:28px}.skip{position:absolute;left:16px;top:-80px;padding:10px;background:#fff;color:#000;z-index:100}.skip:focus{top:16px}.ambient{pointer-events:none;position:absolute;border-radius:50%;filter:blur(110px);opacity:.23;z-index:-1}.ambient-one{height:500px;width:500px;top:110px;right:-180px;background:#11617c}.ambient-two{height:360px;width:360px;top:360px;left:-200px;background:#0c5c52}.site-header{position:sticky;top:0;z-index:30;background:rgba(7,19,33,.88);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(20px)}.nav-shell{height:86px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{font-size:34px;font-weight:800;letter-spacing:-5px;line-height:1}.mark-dot,.mini-logo span,.footer-logo span,.contact-emblem span{color:var(--mint)}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text strong{font-size:12px;letter-spacing:1.6px}.brand-text small{font-size:9px;color:var(--muted);letter-spacing:2px;margin-top:5px}.main-nav{display:flex;align-items:center;justify-content:center;gap:26px;margin:auto}.main-nav a{font-size:13px;font-weight:600;color:#a8bac4;transition:color .2s}.main-nav a:hover{color:var(--mint)}.nav-actions{display:flex;align-items:center;gap:12px}.lang-btn{background:transparent;border:1px solid var(--border);color:#e0edf1;border-radius:12px;padding:9px 12px;display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.lang-btn:hover{border-color:var(--mint)}#langIcon{font-size:16px;font-weight:800}.nav-cta{font-size:12px;font-weight:800;background:var(--mint);color:#05221d;border-radius:11px;padding:12px 16px;white-space:nowrap}.nav-cta span{margin-inline-start:10px}.menu-btn{display:none;width:39px;height:39px;border:1px solid var(--border);border-radius:10px;background:transparent;padding:9px}.menu-btn span{display:block;height:2px;background:#fff;margin:5px 0}.hero{min-height:640px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:38px;padding-top:90px;padding-bottom:96px}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:2.1px;color:var(--mint);text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid rgba(112,228,196,.22);background:rgba(112,228,196,.06);border-radius:50px}.pulse,.green-dot,.small-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);display:inline-block;box-shadow:0 0 14px var(--mint)}h1,h2,h3,p{margin-top:0}h1{font-family:'Manrope','DM Sans',sans-serif;letter-spacing:-3.6px;line-height:1.12;font-size:clamp(42px,5vw,72px);margin:29px 0 24px;font-weight:800}body[dir=rtl] h1,body[dir=rtl] h2,body[dir=rtl] h3{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0}.gradient-text{background:linear-gradient(93deg,#75ebc9,#68cce4);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{color:#acc1cd;font-size:16px;line-height:1.95;max-width:565px}.hero-buttons,.contact-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 21px;border-radius:12px;font-weight:800;font-size:13px;transition:transform .2s,border-color .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--mint);color:#08251f}.btn-primary:hover{background:#a4f5da}.btn-ghost{border:1px solid rgba(189,220,231,.24);background:rgba(255,255,255,.025);color:#e8f0f5}.btn-ghost:hover{border-color:var(--mint)}.hero-tags{display:flex;gap:11px;flex-wrap:wrap;margin-top:36px}.hero-tags span{font-size:11px;border:1px solid var(--border);color:#9eb4c2;padding:7px 10px;border-radius:7px}.hero-art{height:445px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.orbit{position:absolute;inset:8px 22px;border:1px solid rgba(112,228,196,.1);border-radius:50%;transform:rotate(-22deg)}.orbit-b{inset:45px -10px;transform:rotate(30deg)}.glow-orb{position:absolute;z-index:-2;width:240px;height:240px;border-radius:50%;background:#1d847e;filter:blur(95px);opacity:.45}.hero-panel{width:390px;height:295px;border:1px solid rgba(186,231,222,.25);border-radius:19px;background:linear-gradient(145deg,rgba(21,53,69,.97),rgba(7,24,38,.96));box-shadow:0 28px 80px #010d18c2,0 0 0 8px rgba(255,255,255,.015);transform:rotate(-5deg);padding:24px;position:relative;z-index:1}.panel-title{display:flex;align-items:center;gap:12px}.mini-logo{display:grid;place-items:center;background:#0d2d33;width:41px;height:41px;border-radius:10px;font-size:22px;font-weight:800}.panel-title strong,.panel-title small{display:block}.panel-title strong{font-size:14px}.panel-title small{color:var(--muted);font-size:11px}.panel-dots{margin-inline-start:auto;color:#567f86;font-size:19px;letter-spacing:2px}.mini-chart{height:149px;position:relative;margin-top:16px;border-bottom:1px solid #345364;background:repeating-linear-gradient(to bottom,transparent 0,transparent 36px,rgba(255,255,255,.07) 37px,transparent 38px)}.bars{position:absolute;inset:0;display:flex;align-items:end;justify-content:space-around;gap:17px;padding:0 12px}.bars span{background:linear-gradient(to top,rgba(112,228,196,.14),rgba(112,228,196,.35));height:var(--h);border-radius:5px 5px 0 0;flex:1}.mini-chart svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible;filter:drop-shadow(0 0 5px #44b9a655)}.panel-footer{display:flex;justify-content:space-between;gap:10px;margin-top:16px;color:#96adbd;font-size:9px;font-weight:800;letter-spacing:.5px}.panel-footer>span:first-child{display:flex;align-items:center;gap:7px}.float-card{z-index:2;position:absolute;background:rgba(17,43,56,.96);border:1px solid rgba(171,226,219,.22);border-radius:15px;box-shadow:0 20px 46px #0007;padding:13px 17px;display:flex;align-items:center;gap:11px;min-width:177px}.float-code{top:28px;right:-2px;transform:rotate(6deg)}.float-finance{bottom:22px;left:-4px;transform:rotate(5deg)}.float-icon{background:rgba(112,228,196,.13);color:var(--mint);width:39px;height:39px;border-radius:10px;display:grid;place-items:center;font-weight:800}.finance-icon{color:#91d6ff;background:#4f91c31c;font-size:23px}.float-card strong,.float-card small{display:block}.float-card strong{font-size:12px}.float-card small{font-size:10px;color:#91aab8}.trust-strip{border-block:1px solid var(--border);background:rgba(255,255,255,.015)}.strip-inner{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.strip-inner span{font-size:10px;letter-spacing:1.4px;color:#829ba9;font-weight:800}.strip-inner span:first-child{color:var(--mint)}.section{padding-top:112px;padding-bottom:112px}.section-heading{margin-bottom:37px}h2{font-family:'Manrope','DM Sans',sans-serif;font-size:clamp(32px,4vw,49px);font-weight:800;line-height:1.24;letter-spacing:-1.9px;margin:17px 0 0}.section-intro,.section-body{max-width:625px;color:#a3b9c7;line-height:1.95;font-size:15px}.section-intro{margin:21px 0 0}.about-grid{display:grid;grid-template-columns:1.3fr .85fr;gap:90px;align-items:start}.section-body{font-size:17px;line-height:2}.about-side{display:grid;grid-template-columns:1fr 1fr;gap:22px}.fact{padding:0 0 22px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.fact:last-child{grid-column:span 2}.fact-num{font-size:29px;color:var(--mint);font-weight:800;letter-spacing:-1.1px}.fact span:last-child{color:#91a7b6;font-size:12px}.expertise-section{background:linear-gradient(180deg,rgba(13,35,49,.7),rgba(13,35,49,.25));border-block:1px solid rgba(255,255,255,.04)}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.expertise-card{min-height:330px;padding:24px 20px 20px;background:#102536;border:1px solid var(--border);border-radius:17px;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}.expertise-card:hover{transform:translateY(-6px);border-color:#49bdad66}.card-number{font-size:11px;color:#668a98;font-weight:800}.expertise-icon{height:57px;width:57px;border:1px solid rgba(112,228,196,.19);border-radius:15px;background:rgba(112,228,196,.08);color:var(--mint);display:grid;place-items:center;font-size:30px;margin:22px 0}.expertise-card h3{font-size:17px;line-height:1.4;margin-bottom:10px}.expertise-card p{font-size:12px;line-height:1.85;color:#99adbc;margin-bottom:22px}.skill-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.skill-chips span{font-size:9px;font-weight:700;padding:6px 8px;border-radius:5px;border:1px solid #355162;color:#a9c3cf}.projects-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.projects-heading .section-intro{max-width:340px;font-size:13px}.project-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:25px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;border:1px solid var(--border);color:#a6bbc6;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700}.filter.active{background:var(--mint);color:#05291e;border-color:var(--mint)}.search-box{display:flex;align-items:center;gap:8px;background:#102433;border:1px solid var(--border);border-radius:9px;padding:0 12px;color:#a6bdc8}.search-box span{font-size:22px}.search-box input{border:0;outline:0;background:transparent;color:#fff;width:170px;padding:10px 0;font-size:12px}.search-box input::placeholder{color:#8ba2b0}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.project-card{border:1px solid var(--border);background:#0d2030;border-radius:17px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-5px);border-color:#55c9b47a}.project-visual{height:198px;background:var(--visual-bg);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-visual::after{content:'';position:absolute;background:radial-gradient(circle,#ffffff1b,transparent 70%);width:310px;height:310px;top:-160px;right:-100px}.project-visual.has-image{background:linear-gradient(135deg,rgba(7,19,33,.9),rgba(8,28,39,.7))}.project-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block;z-index:0;transition:transform .9s var(--ease-premium, cubic-bezier(.22,1,.36,1))}.project-shot-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,11,18,.05) 0%,rgba(5,11,18,.12) 48%,rgba(5,11,18,.52) 100%);z-index:1}.project-card:hover .project-shot{transform:scale(1.04)}.project-preview-btn{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;text-align:inherit;cursor:zoom-in}.project-preview-btn:focus-visible{outline:3px solid rgba(112,228,196,.9);outline-offset:-4px}.project-image-title{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.project-image-title strong{font-size:15px;line-height:1.2;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.45)}.project-image-title span{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.82);padding:8px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(6,20,30,.34);backdrop-filter:blur(8px)}.project-card:hover .project-shot-overlay{background:linear-gradient(180deg,rgba(5,11,18,.02) 0%,rgba(5,11,18,.18) 52%,rgba(5,11,18,.7) 100%)}.visual-window{z-index:1;width:78%;height:139px;background:rgba(7,21,36,.8);border:1px solid #ffffff39;border-radius:10px;box-shadow:0 15px 30px #0005;transform:perspective(450px) rotateX(5deg) rotateY(-7deg);overflow:hidden}.visual-toolbar{height:21px;display:flex;align-items:center;gap:4px;padding:0 9px;border-bottom:1px solid #ffffff1d}.visual-toolbar i{height:5px;width:5px;border-radius:50%;background:#ffffff65}.visual-toolbar b{font-size:8px;color:#fff9;font-weight:700;margin-inline-start:6px}.visual-body{display:flex;height:calc(100% - 21px)}.visual-sidebar{width:25%;border-inline-end:1px solid #ffffff19;padding:12px 8px}.visual-sidebar i,.visual-main i{display:block;height:5px;border-radius:3px;background:#ffffff25;margin-bottom:9px}.visual-sidebar i:nth-child(2){width:67%;background:var(--visual-accent)}.visual-sidebar i:nth-child(3){width:83%}.visual-sidebar i:nth-child(4){width:56%}.visual-main{flex:1;padding:11px 12px}.visual-title{width:61%;height:8px!important;background:#fff9!important}.visual-metrics{display:flex;gap:5px;margin-top:11px}.visual-metrics span{height:36px;flex:1;border:1px solid #ffffff25;border-radius:5px;background:linear-gradient(150deg,#ffffff24,transparent)}.visual-chart{display:flex;align-items:end;gap:6px;height:37px;margin-top:10px}.visual-chart i{margin:0;width:13%;height:var(--bar-height);background:var(--visual-accent);opacity:.85;border-radius:3px 3px 0 0}.visual-label{position:absolute;right:15px;bottom:12px;font-size:9px;font-weight:900;color:#ffffffaa;letter-spacing:1.5px;z-index:2}.project-content{padding:21px;display:flex;flex:1;flex-direction:column}.project-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.project-category{font-size:10px;color:var(--mint);font-weight:800;letter-spacing:1px;text-transform:uppercase}.project-status{font-size:10px;color:#bdcad2;border:1px solid #ffffff25;padding:4px 8px;border-radius:20px;white-space:nowrap}.project-status.live{color:#88eacf;border-color:#55d5af50}.project-content h3{font-size:18px;line-height:1.35;margin:0 0 9px}.project-content p{font-size:12px;line-height:1.8;color:#a7bcc7;flex:1}.project-tags{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 17px}.project-tags span{border:1px solid #ffffff1e;padding:4px 7px;border-radius:5px;color:#8ea9b8;font-size:9px}.project-link{border-top:1px solid var(--border);padding-top:14px;font-size:12px;font-weight:800;color:var(--mint);display:flex;justify-content:space-between}.project-link.disabled{color:#8ca1b0;cursor:default}.empty-state{padding:40px;text-align:center;color:#b8c9d3}.projects-footnote{display:flex;align-items:center;gap:8px;color:#829baa;font-size:11px;margin-top:24px}.small-dot{height:5px;width:5px;box-shadow:none}.approach-section{border-block:1px solid var(--border);background:#0b1d2b}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.steps{border-top:1px solid var(--border)}.step{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--border)}.step>span{color:var(--mint);font-size:13px;font-weight:800}.step h3{margin:0 0 5px;font-size:17px}.step p{color:#98b0bf;font-size:12px;margin:0}.contact-section{padding-bottom:110px}.contact-panel{position:relative;isolation:isolate;overflow:hidden;padding:70px 65px;border-radius:24px;border:1px solid #63d1c04f;background:linear-gradient(112deg,#123d48,#0d2639 80%)}.contact-glow{position:absolute;z-index:-1;inset:auto -160px -220px auto;width:550px;height:550px;background:#2eaaa6;opacity:.18;filter:blur(85px)}.contact-content{max-width:670px;position:relative;z-index:2}.contact-content h2{font-size:clamp(32px,4.5vw,54px)}.contact-content p{color:#bbd1d9;max-width:560px;margin-top:18px;font-size:14px;line-height:1.95}.contact-details{display:flex;gap:15px;flex-wrap:wrap;margin-top:29px;color:#bcd5d9;font-size:13px}.contact-details a:hover{color:var(--mint)}.contact-emblem{position:absolute;font-size:260px;font-weight:800;letter-spacing:-30px;color:#ffffff0a;right:70px;bottom:-140px;line-height:1}.footer{border-top:1px solid var(--border)}.footer-inner{min-height:122px;display:flex;align-items:center;gap:20px}.footer-logo{font-weight:800;font-size:39px;letter-spacing:-6px;line-height:1}.footer-inner strong{font-size:13px}.footer-inner p{margin:0;color:#819aa9;font-size:10px}.copyright{margin-inline-start:auto!important;text-align:end}.back-top{border:1px solid var(--border);border-radius:9px;padding:6px 13px;margin-inline-start:13px}.back-top:hover{color:var(--mint)}body[dir=rtl] .visual-window{transform:perspective(450px) rotateX(5deg) rotateY(7deg)}body[dir=rtl] .hero-panel{transform:rotate(5deg)}body[dir=rtl] .float-code{right:auto;left:-2px}body[dir=rtl] .float-finance{left:auto;right:-4px}body[dir=rtl] .visual-label{right:auto;left:15px}body[dir=rtl] .contact-emblem{right:auto;left:70px}body[dir=rtl] .contact-details,body[dir=rtl] .brand-text{direction:ltr}body[dir=rtl] .contact-details{justify-content:flex-end}body[dir=rtl] .hero-tags span{direction:ltr}
@media(max-width:1100px){.main-nav{gap:14px}.nav-cta{display:none}.hero{gap:15px}.hero-panel{width:330px}.expertise-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:repeat(2,1fr)}.strip-inner{justify-content:center}.strip-inner span{flex:1;min-width:125px;text-align:center}}
@media(max-width:760px){.container{padding-left:19px;padding-right:19px}.nav-shell{height:73px;gap:10px}.brand-text strong{font-size:10px}.brand-text small{font-size:8px}.nav-actions{margin-inline-start:auto}.menu-btn{display:block}.main-nav{display:none;position:absolute;top:73px;left:0;right:0;background:#0b1e2c;border-bottom:1px solid var(--border);padding:18px 24px 24px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px 4px;border-bottom:1px solid #ffffff10}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:50px;min-height:auto}.hero-art{height:360px;margin-top:14px;max-width:475px;width:100%;justify-self:center}.hero-panel{width:75%;max-width:350px;height:265px;padding:19px}.mini-chart{height:120px}.float-code{top:6px;right:0}.float-finance{bottom:1px;left:0}.float-card{min-width:145px;padding:10px}.section{padding-top:76px;padding-bottom:76px}.section-heading{margin-bottom:26px}.about-grid,.approach-grid{grid-template-columns:1fr;gap:26px}.about-side{max-width:510px}.projects-heading{display:block}.projects-heading .section-intro{max-width:610px}.contact-panel{padding:43px 25px}.contact-emblem{font-size:150px;right:8px;bottom:-60px}.footer-inner{flex-wrap:wrap;padding-top:30px;padding-bottom:30px}.copyright{width:100%;margin-inline-start:0!important;text-align:start}.back-top{margin-inline-start:auto}}
@media(max-width:520px){h1{font-size:clamp(36px,10vw,52px);letter-spacing:-1.7px}.eyebrow{letter-spacing:.8px;font-size:9px}.hero-lead{font-size:14px}.hero-buttons .btn{flex:1;gap:10px}.hero-tags{gap:7px}.hero-tags span{font-size:9px}.hero-art{height:310px}.hero-panel{width:82%;height:234px;padding:14px}.panel-title strong{font-size:12px}.mini-chart{height:99px}.panel-footer{font-size:7px}.float-card{min-width:123px;gap:7px;padding:8px}.float-icon{height:32px;width:32px;font-size:12px}.float-card small{font-size:8px}.float-card strong{font-size:10px}.trust-strip{display:none}.expertise-grid,.projects-grid{grid-template-columns:1fr}.expertise-card{min-height:270px}.project-visual{height:196px}.filter-bar{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.filter{white-space:nowrap;font-size:10px}.search-box{width:100%}.search-box input{width:100%}.section-body{font-size:14px}.contact-buttons .btn{width:100%}.detail-separator{display:none}.contact-details{flex-direction:column;gap:5px}.brand-mark{font-size:29px}.lang-btn{padding:6px 8px}.lang-btn #langText{font-size:10px}.contact-panel{border-radius:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* V2: Real professional portrait */
.hero-portrait{min-height:445px;height:auto;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;padding:8px 10px 24px}
.portrait-glow{position:absolute;inset:10% 6%;border-radius:50%;background:radial-gradient(ellipse,rgba(112,228,196,.23),transparent 68%);filter:blur(22px);z-index:-1}
.portrait-frame{width:min(100%,405px);position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(181,225,231,.3);background:#172b3a;box-shadow:0 28px 80px rgba(1,13,24,.6),0 0 0 7px rgba(112,228,196,.04)}
.portrait-frame img{display:block;width:100%;height:440px;object-fit:cover;object-position:center 22%;}
.portrait-caption{position:absolute;inset-inline:0;bottom:0;display:flex;gap:13px;align-items:center;padding:29px 21px 17px;background:linear-gradient(transparent,rgba(4,17,29,.96));}
.portrait-mark{height:43px;width:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:12px;background:var(--mint);color:#06221f;font-size:23px;font-weight:900}
.portrait-caption strong,.portrait-caption small{display:block}.portrait-caption strong{font-size:17px}.portrait-caption small{font-size:11px;color:#bdd5df;letter-spacing:.4px}
@media(max-width:900px){.hero-portrait{min-height:0;padding-top:5px}.portrait-frame{max-width:380px}.portrait-frame img{height:410px}}
@media(max-width:480px){.portrait-frame{max-width:330px}.portrait-frame img{height:365px}.portrait-caption{padding:22px 15px 13px}}

/* V3: Services and quote request */
.services-section{background:linear-gradient(180deg,#10263799,#0b1b29);border-block:1px solid var(--border)}
.services-heading .section-intro{max-width:690px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.service-card{border:1px solid rgba(183,224,227,.17);border-radius:18px;padding:27px 24px 24px;background:linear-gradient(145deg,#132e40,#0d2232);display:flex;flex-direction:column;min-height:296px;transition:transform .2s,border-color .2s}
.service-card:hover{transform:translateY(-4px);border-color:#70e4c480}.service-symbol{width:53px;height:53px;display:grid;place-items:center;border-radius:14px;color:var(--mint);background:#70e4c412;border:1px solid #70e4c435;font-size:29px;margin-bottom:21px}
.service-card h3{font-size:18px;line-height:1.45;margin-bottom:9px}.service-card p{color:#a3b9c7;font-size:13px;line-height:1.9;margin-bottom:22px}.service-cta{margin-top:auto;border-top:1px solid var(--border);padding-top:16px;color:var(--mint);font-weight:800;display:flex;justify-content:space-between;font-size:13px}
.quote-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(240px,.75fr);gap:22px;align-items:stretch}.quote-form{background:#102535;border:1px solid var(--border);border-radius:20px;padding:27px;display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:9px;color:#d9e7ed;font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid #446071;background:#0a1d2b;color:#f1f8fa;padding:13px 14px;border-radius:11px;font:inherit;font-size:13px;line-height:1.5;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px #70e4c41d}.field input::placeholder,.field textarea::placeholder{color:#809aaa}.field select{cursor:pointer}.field select option{background:#0d2533}.field textarea{resize:vertical;min-height:130px}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.form-hint{flex:1;min-width:180px;color:#90aab8;font-size:11px;line-height:1.8;margin:0}.quote-submit{border:0}.form-status{color:var(--mint);font-size:12px;min-height:0;margin:0}.form-status a{text-decoration:underline;color:#d5fff3}.quote-aside{border:1px solid #70e4c435;border-radius:20px;padding:31px;background:radial-gradient(circle at top right,#1b5b5a66,transparent 65%),#0f2735;display:flex;flex-direction:column;align-items:flex-start}.quote-aside-icon{font-size:35px;color:var(--mint);margin-bottom:30px}.quote-aside h3{font-size:26px;line-height:1.35}.quote-aside p{color:#aec5cf;font-size:13px;line-height:1.9}.aside-divider{width:100%;border-top:1px solid var(--border);margin:20px 0 24px}.quote-aside .btn{margin-top:8px}.aside-email{font-size:12px;overflow-wrap:anywhere;margin-top:19px;color:#bcd0d8}.aside-email:hover{color:var(--mint)}
@media(max-width:1050px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-layout{grid-template-columns:1fr}.quote-aside{padding:28px}}
@media(max-width:650px){.services-grid,.form-row{grid-template-columns:1fr}.service-card{min-height:0}.quote-form{padding:20px}.form-bottom{align-items:stretch}.quote-submit{width:100%}}

/* V4: Legal footer and policies */
.legal-footer{flex:1;min-width:230px}.legal-footer .copyright{margin:0!important;width:auto!important;text-align:start!important}.legal-copyright-note{font-size:11px;color:#93aeba;line-height:1.7;max-width:580px;margin-top:7px}.legal-footer-links{display:flex;gap:8px 22px;flex-wrap:wrap;margin-top:9px}.legal-footer-links a{font-size:12px;color:#a7eada;text-decoration:underline;text-underline-offset:4px}.legal-footer-links a:hover{color:white}
.legal-main{min-height:65vh;padding-block:90px 100px}.legal-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center}.legal-home{color:#b9eada;font-size:14px;text-decoration:none}.legal-toggle{border:1px solid #41616c;background:#0e2938;color:#f4f8fa;border-radius:999px;padding:11px 18px;cursor:pointer}.legal-card{max-width:860px;margin:38px auto 0;padding:clamp(22px,5vw,55px);background:linear-gradient(145deg,#112c3a,#0b2230);border:1px solid #3a5968;border-radius:24px;box-shadow:0 20px 60px #0003}.legal-eyebrow{color:#8ceacb;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.legal-card h1{font-size:clamp(28px,4vw,44px);line-height:1.25;margin:12px 0 12px}.legal-card h2{font-size:19px;line-height:1.55;margin:28px 0 8px;color:#e9f7f6}.legal-card p,.legal-card li{font-size:14px;line-height:1.95;color:#bfd0d8}.legal-card ul{padding-inline-start:24px;list-style:disc}.legal-card li{margin-bottom:4px}.legal-card a{color:#a0ecd2;text-decoration:underline;overflow-wrap:anywhere}.legal-meta{border-bottom:1px solid #345362;padding-bottom:24px;margin-bottom:24px}.legal-meta p{margin:0}.legal-lang[hidden]{display:none!important}.legal-review{margin-top:33px;border-top:1px solid #345362;padding-top:20px;font-size:12px!important;color:#98b4bd!important}
@media(max-width:520px){.legal-main{padding-block:50px 70px}.legal-card{margin-top:22px}.legal-topbar{align-items:flex-start}.legal-footer{width:100%}}

/* Personal acknowledgments added to the About section */
.personal-acknowledgments{margin-top:48px;padding:30px 32px;border:1px solid rgba(112,228,196,.19);border-radius:20px;background:linear-gradient(115deg,rgba(112,228,196,.055),rgba(19,45,64,.35));}
.acknowledgments-header p{margin:9px 0 23px;color:var(--muted);font-size:14px}
.acknowledgments-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.acknowledgment-card{display:flex;flex-direction:column;gap:7px;padding:22px;border:1px solid var(--border);background:rgba(9,28,43,.78);border-radius:15px}
.ack-icon{color:var(--mint);font-size:23px;line-height:1}
.ack-role{color:var(--muted);font-size:12px;font-weight:600}
.acknowledgment-card strong{font-size:21px;line-height:1.4;color:var(--text)}
@media(max-width:600px){.personal-acknowledgments{padding:23px 18px;margin-top:32px}.acknowledgments-grid{grid-template-columns:1fr}.acknowledgment-card strong{font-size:18px}}

.ack-website{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;margin-top:5px;color:#70e4c4;font-weight:600;font-size:13px;text-decoration:none;overflow-wrap:anywhere;}
.ack-website:hover,.ack-website:focus-visible{text-decoration:underline;color:#a2f8de;}

/* Three balanced acknowledgments on desktop, stacked on phones */
.acknowledgments-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.acknowledgments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.acknowledgments-grid{grid-template-columns:1fr}}

/* Scroll-aware illuminated navigation */
.main-nav a[href^="#"]{
  position:relative;
  padding:9px 11px;
  border-radius:10px;
  border:1px solid transparent;
  transition:color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .3s ease;
}
.main-nav a[href^="#"]:hover,
.main-nav a[href^="#"]:focus-visible{
  color:#a9ffe6;
  background:rgba(90,224,192,.09);
  border-color:rgba(90,224,192,.28);
  outline:none;
}
.main-nav a.is-current-section{
  color:#a9ffe6;
  background:rgba(72,211,175,.13);
  border-color:rgba(98,245,205,.46);
  box-shadow:0 0 13px rgba(75,224,184,.24),inset 0 0 10px rgba(75,224,184,.09);
  text-shadow:0 0 10px rgba(112,255,216,.45);
}
.main-nav a.is-current-section::after{
  content:"";
  position:absolute;
  inset:auto 22% -2px;
  height:2px;
  border-radius:4px;
  background:#80ffdc;
  box-shadow:0 0 9px 2px rgba(103,255,209,.55);
}
@media(max-width:760px){
  .main-nav a[href^="#"]{padding:12px 14px;margin:3px 0}
  .main-nav a.is-current-section::after{inset:15% auto 15% 0;width:3px;height:auto}
}
@media(prefers-reduced-motion:reduce){
  .main-nav a[href^="#"]{transition:none}
}

/* V4: Accessible, lightweight section entrance animations. Without JavaScript,
   all content stays visible. Each element animates only once when reached. */
@media (prefers-reduced-motion: no-preference) {
  .motion-ready .reveal-item:not(.is-visible) { opacity: 0; }
  .motion-ready .reveal-item.is-visible {
    animation: reveal-rise .75s cubic-bezier(.2,.75,.25,1) both;
    animation-delay: var(--reveal-delay, 0ms);
  }
  .motion-ready .reveal-item[data-motion="left"].is-visible { animation-name: reveal-from-left; }
  .motion-ready .reveal-item[data-motion="right"].is-visible { animation-name: reveal-from-right; }
  .motion-ready .reveal-item[data-motion="scale"].is-visible { animation-name: reveal-scale; }
  .motion-ready .reveal-item[data-motion="glow"].is-visible { animation-name: reveal-glow; }
  @keyframes reveal-rise {
    from { opacity:0; transform:translate3d(0,26px,0); filter:blur(3px); }
    to { opacity:1; transform:translate3d(0,0,0); filter:blur(0); }
  }
  @keyframes reveal-from-left {
    from { opacity:0; transform:translate3d(-26px,0,0); }
    to { opacity:1; transform:translate3d(0,0,0); }
  }
  @keyframes reveal-from-right {
    from { opacity:0; transform:translate3d(26px,0,0); }
    to { opacity:1; transform:translate3d(0,0,0); }
  }
  @keyframes reveal-scale {
    from { opacity:0; transform:scale(.96) translateY(12px); }
    to { opacity:1; transform:scale(1) translateY(0); }
  }
  @keyframes reveal-glow {
    from { opacity:0; transform:translateY(24px); box-shadow:0 0 0 rgba(112,228,196,0); }
    65% { box-shadow:0 0 35px rgba(112,228,196,.12); }
    to { opacity:1; transform:translateY(0); box-shadow:0 0 0 rgba(112,228,196,0); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .reveal-item { opacity:1 !important; animation:none !important; }
}


/* V5 — Interactive Approach timeline and polished project-card lighting. */
.steps{position:relative;isolation:isolate;--timeline-progress:0;}
.steps::before,.steps::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  left:23px;top:42px;bottom:42px;width:2px;border-radius:5px;
}
.steps::before{background:rgba(112,228,196,.19);}
.steps::after{
  background:linear-gradient(180deg,#a5ffe5,#70e4c4 72%,#37b9aa);
  transform-origin:top center;transform:scaleY(var(--timeline-progress));
  box-shadow:0 0 12px rgba(112,228,196,.55);
}
.step{position:relative;z-index:1;}
.step>span{
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:#0b2332;border:1px solid rgba(112,228,196,.34);
  color:#a8ffe8;box-shadow:0 0 0 5px #071321;
  transition:background-color .35s,border-color .35s,box-shadow .35s,transform .35s;
}
.step.timeline-active>span{
  background:#15493f;border-color:#85f9d7;
  box-shadow:0 0 0 5px #071321,0 0 19px rgba(112,228,196,.38);
}
.step.timeline-active h3{color:#adffe6;transition:color .3s;}
@media(max-width:600px){
  .steps::before,.steps::after{left:23px;top:40px;bottom:40px;}
  .step{gap:13px;}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .project-card{
    position:relative;isolation:isolate;
    transition:transform .32s cubic-bezier(.2,.75,.25,1),border-color .32s ease,box-shadow .32s ease;
  }
  .project-card:hover{
    transform:translateY(-7px);border-color:rgba(112,228,196,.73);
    box-shadow:0 10px 36px rgba(0,0,0,.19),0 0 23px rgba(112,228,196,.16),inset 0 0 0 1px rgba(112,228,196,.07);
  }
  .project-card .project-visual::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(ellipse at 50% 112%,rgba(112,228,196,.24),transparent 68%);
    opacity:0;transition:opacity .35s ease;
  }
  .project-card:hover .project-visual::after{opacity:1;}
}
.project-card:focus-within{
  border-color:rgba(112,228,196,.8);
  box-shadow:0 0 0 2px rgba(112,228,196,.28),0 0 22px rgba(112,228,196,.16);
}
@media(prefers-reduced-motion:reduce){
  .steps::after{transform:scaleY(1);box-shadow:none;}
  .step>span{transition:none;}
  .project-card{transition:none;}
}


/* V6 — Quiet, editorial, Apple-inspired motion system (original implementation). */
:root { --ease-premium:cubic-bezier(.22,1,.36,1); }
.reading-progress { position:fixed;inset:0 0 auto;z-index:100;pointer-events:none;height:2px;background:transparent; }
.reading-progress span { display:block;height:100%;width:100%;transform:scaleX(var(--page-progress,0));transform-origin:left center;background:linear-gradient(90deg,#a0f9df,#70e4c4);box-shadow:0 0 9px rgba(112,228,196,.35); }
body[dir=rtl] .reading-progress span {transform-origin:right center;}
.site-header {background:rgba(7,19,33,.78);backdrop-filter:saturate(150%) blur(24px);-webkit-backdrop-filter:saturate(150%) blur(24px);transition:background .4s,border-color .4s,box-shadow .4s;}
body.scrolled .site-header {background:rgba(7,19,33,.94);border-color:rgba(200,240,233,.13);box-shadow:0 8px 32px rgba(1,8,16,.2);}
.main-nav a.is-current-section {color:#d5fff2;background:rgba(112,228,196,.065);border-color:rgba(112,228,196,.19);box-shadow:none;text-shadow:none;}
.main-nav a.is-current-section::after {height:2px;inset:auto 29% -1px;background:#95eed2;box-shadow:0 0 5px rgba(112,228,196,.2);}
.section-heading h2 {letter-spacing:-.035em;text-wrap:balance;}
.hero-copy h1 {letter-spacing:-.055em;text-wrap:balance;}
.section {position:relative;}
/* Deliberate distance and ease: avoid bounce, aggressive zoom or blur. */
@media(prefers-reduced-motion:no-preference) {
  .motion-ready .reveal-item:not(.is-visible) {opacity:0;}
  .motion-ready .reveal-item.is-visible {animation:premium-rise .95s var(--ease-premium) both;animation-delay:var(--reveal-delay,0ms);}
  .motion-ready .reveal-item[data-motion="left"].is-visible,
  .motion-ready .reveal-item[data-motion="right"].is-visible,
  .motion-ready .reveal-item[data-motion="scale"].is-visible,
  .motion-ready .reveal-item[data-motion="glow"].is-visible {animation-name:premium-rise;}
  .motion-ready .section-heading.reveal-item.is-visible {animation-name:premium-heading;animation-duration:1.05s;}
  @keyframes premium-rise {from {opacity:0;transform:translate3d(0,30px,0);}to {opacity:1;transform:translate3d(0,0,0);}}
  @keyframes premium-heading {from {opacity:0;transform:translate3d(0,44px,0);clip-path:inset(0 0 24% 0);}to {opacity:1;transform:translate3d(0,0,0);clip-path:inset(0 0 0 0);}}
  .hero-art {transition:translate .15s linear;translate:0 var(--hero-parallax,0px);}
  .hero-copy {translate:0 var(--hero-copy-shift,0px);}
  .project-card,.expertise-card,.service-card {transition:transform .58s var(--ease-premium),border-color .45s ease,box-shadow .58s var(--ease-premium);}
  .project-card:hover {transform:translateY(-5px);border-color:rgba(142,224,204,.42);box-shadow:0 24px 65px rgba(0,0,0,.25);}
  .project-card .project-visual::after {opacity:.1;transition:opacity .6s ease;}
  .project-card:hover .project-visual::after {opacity:.55;}
  .project-card .visual-window {transition:transform .8s var(--ease-premium);}
  .project-card:hover .visual-window {transform:perspective(450px) rotateX(2deg) rotateY(-3deg) translateY(-5px) scale(1.025);}
  body[dir=rtl] .project-card:hover .visual-window {transform:perspective(450px) rotateX(2deg) rotateY(3deg) translateY(-5px) scale(1.025);}
  .project-card::before {content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s; background:radial-gradient(440px circle at var(--pointer-x,50%) var(--pointer-y,0%),rgba(155,249,221,.095),transparent 65%);}
  .project-card:hover::before {opacity:1;}
  .btn {transition:transform .4s var(--ease-premium),background .3s,color .3s,border-color .3s,box-shadow .4s;}
  .btn:hover {transform:translateY(-2px);}
  .steps::after {box-shadow:0 0 7px rgba(112,228,196,.2);}
  .step.timeline-active>span {box-shadow:0 0 0 5px #071321,0 0 12px rgba(112,228,196,.18);}
  .contact-glow {translate:var(--contact-drift,0px) 0;transition:translate .12s linear;}
}
@media(max-width:760px){
  .main-nav a.is-current-section::after {inset:15% auto 15% 0;width:2px;height:auto;}
  .hero-art,.hero-copy,.contact-glow {translate:none!important;}
}
@media(hover:none){.project-card::before{display:none;}}
@media(prefers-reduced-motion:reduce){
 .reading-progress span{box-shadow:none;}
 .hero-art,.hero-copy,.contact-glow{translate:none!important;}
 .project-card::before{display:none;}
 .motion-ready .reveal-item{opacity:1!important;animation:none!important;}
}

/* V7: Full-screen portfolio chapters. Scrolling remains available WITHIN long chapters. */
html.slides-mode,html.slides-mode body {height:100%;overflow:hidden;overscroll-behavior:none;scroll-behavior:auto}
html.slides-mode body{position:relative}
html.slides-mode .site-header{position:fixed;top:0;inset-inline:0;width:100%;z-index:80}
html.slides-mode #main{position:fixed;top:var(--slides-header,86px);bottom:0;left:0;right:0;isolation:isolate;overflow:hidden;perspective:1300px}
html.slides-mode #main > .portfolio-slide{position:absolute!important;inset:0!important;width:100%;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#70e4c455 transparent;padding-top:clamp(32px,5vh,80px);padding-bottom:clamp(90px,11vh,135px);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,60px,-70px) scale(.972);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1),visibility 0s linear .78s;will-change:opacity,transform}
html.slides-mode #main > .portfolio-slide.slide-active{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1);z-index:3;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1),visibility 0s}
html.slides-mode #main > .portfolio-slide.slide-past{transform:translate3d(0,-70px,-80px) scale(.97)}
html.slides-mode #main > .portfolio-slide.slide-future{transform:translate3d(0,70px,-80px) scale(.97)}
html.slides-mode #main > .hero.portfolio-slide{display:grid;align-content:center;row-gap:15px}
html.slides-mode #main > .hero .trust-strip{grid-column:1/-1;max-width:100%;margin-top:10px}
html.slides-mode #main > .hero .strip-inner{flex-wrap:wrap;gap:12px}
html.slides-mode #main > .hero .strip-inner span{font-size:10px}
html.slides-mode #main > .portfolio-slide > .container{max-width:var(--container)}
html.slides-mode #main > .portfolio-slide .reveal-item:not(.is-visible){opacity:1!important}
html.slides-mode .footer{position:relative;flex:0 0 auto;margin-top:50px}
html.slides-mode .slide-rail{position:fixed;z-index:70;right:clamp(10px,1.6vw,24px);top:calc(var(--slides-header,86px) + 25px);bottom:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;gap:22px}
html.slides-mode .slide-rail-dots{display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:auto}
html.slides-mode .slide-dot{width:9px;height:9px;border:1px solid #c2e7df77;border-radius:99px;background:#78949e55;padding:0;transition:height .35s,background .35s,box-shadow .35s,border-color .35s}
html.slides-mode .slide-dot[aria-current="step"]{height:32px;background:#70e4c4;border-color:#70e4c4;box-shadow:0 0 16px #70e4c480}
html.slides-mode .slide-dot:hover{border-color:#70e4c4;background:#70e4c488}
html.slides-mode .slide-rail-bottom{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:auto}
html.slides-mode #slideCounter{font-size:10px;letter-spacing:.12em;color:#c3ddd7;white-space:nowrap;writing-mode:vertical-rl}
html.slides-mode .slide-arrows{display:flex;flex-direction:column;gap:7px}
html.slides-mode .slide-arrows button{width:35px;height:35px;background:#102e3bdd;color:#b9f9e5;border:1px solid #70e4c44a;border-radius:50%;backdrop-filter:blur(10px);font-size:17px;cursor:pointer;transition:background .25s,transform .25s}
html.slides-mode .slide-arrows button:hover:not(:disabled){background:#226253;transform:scale(1.08)}
html.slides-mode .slide-arrows button:disabled{opacity:.25;cursor:default}
html.slides-mode .reading-progress span{transform:scaleX(var(--page-progress,0))}
html.slides-mode .ambient{position:fixed;z-index:0}
@media(max-width:900px){html.slides-mode .slide-rail{right:9px;bottom:12px}html.slides-mode .slide-dot{width:7px;height:7px}html.slides-mode .slide-dot[aria-current="step"]{height:20px}html.slides-mode #main > .portfolio-slide{padding-inline-end:30px;padding-top:25px}}
@media(max-width:600px){html.slides-mode .slide-rail{top:auto;bottom:10px;left:50%;right:auto;transform:translateX(-50%);flex-direction:row;background:#081c2de8;border:1px solid #70e4c42e;padding:8px 12px;border-radius:25px;backdrop-filter:blur(16px)}html.slides-mode .slide-rail-dots{flex-direction:row;gap:8px}html.slides-mode .slide-dot[aria-current="step"]{width:21px;height:7px}html.slides-mode .slide-rail-bottom{position:static;flex-direction:row;gap:10px}html.slides-mode #slideCounter{writing-mode:horizontal-tb;font-size:9px}html.slides-mode .slide-arrows{flex-direction:row}html.slides-mode .slide-arrows button{width:28px;height:28px;font-size:14px}html.slides-mode #main > .portfolio-slide{padding:20px 18px 90px!important}html.slides-mode #main > .hero.portfolio-slide{display:block}html.slides-mode #main > .hero .trust-strip{margin-top:24px}}
@media(prefers-reduced-motion:reduce){html.slides-mode #main > .portfolio-slide{transition:none!important;transform:none!important}}
/* Slide navigation controls are hidden until activated by JS. */
html:not(.slides-mode) .slide-rail{display:none}

body.modal-open{overflow:hidden}.project-preview-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px}.project-preview-modal[hidden]{display:none}.preview-backdrop{position:absolute;inset:0;border:0;background:rgba(3,10,18,.82);backdrop-filter:blur(12px)}.preview-dialog{position:relative;z-index:1;width:min(1100px,96vw);max-height:90vh;background:linear-gradient(180deg,#0d2030,#0a1824);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;box-shadow:0 35px 120px rgba(0,0,0,.45)}.preview-media-wrap{padding:18px 18px 0}.preview-image{display:block;width:100%;max-height:72vh;object-fit:contain;background:#071321;border-radius:18px}.preview-caption{padding:16px 22px 22px;color:#eef8fb;font-size:15px}.preview-close{position:absolute;top:14px;right:14px;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(7,19,33,.72);color:#fff;font-size:28px;line-height:1;display:grid;place-items:center}.preview-close:hover{border-color:rgba(112,228,196,.55);color:var(--mint)}body[dir=rtl] .preview-close{right:auto;left:14px}@media(max-width:700px){.project-image-title{left:12px;right:12px;bottom:12px;flex-direction:column;align-items:flex-start}.project-image-title strong{font-size:13px}.project-image-title span{font-size:9px;padding:6px 8px}.project-preview-modal{padding:10px}.preview-dialog{width:100%;border-radius:18px}.preview-media-wrap{padding:12px 12px 0}.preview-image{max-height:68vh;border-radius:14px}.preview-caption{padding:14px 16px 18px}}

/* V10 — Automatic hero portfolio showcase. */
.hero-showcase{flex-direction:column;gap:15px;justify-content:center;padding-bottom:8px;}
.hero-showcase .showcase-frame{height:440px;aspect-ratio:405 / 440;width:min(100%,405px);flex-shrink:0;isolation:isolate;}
.showcase-track{position:absolute;inset:0;overflow:hidden;}
.showcase-slide{position:absolute;inset:0;opacity:0;transform:translate3d(105%,0,0) scale(.92);filter:blur(5px);will-change:transform,opacity;pointer-events:none;}
.showcase-slide.is-current{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);z-index:1;}
.showcase-slide.is-leaving{opacity:0;transform:translate3d(-105%,0,0) scale(.92);filter:blur(5px);z-index:0;}
.showcase-slide img{height:100%!important;width:100%;display:block;object-fit:cover;object-position:center 25%;}
.showcase-slide:not(:first-child) img{object-fit:contain;object-position:center;background:#e7edf0;}
.showcase-slide:not(:first-child){background:#e7edf0;}
.showcase-slide:not(:first-child)::before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,#152b3b,#264758);z-index:-1;}
.showcase-slide:first-child img{object-position:center 22%;}
.showcase-frame.is-animating .showcase-slide{transition:transform .88s cubic-bezier(.22,1,.36,1),opacity .75s ease,filter .75s ease;}
.showcase-vignette{position:absolute;z-index:2;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(2,13,25,.08) 20%,rgba(2,13,25,.90));pointer-events:none;}
.showcase-caption{z-index:3;align-items:center;padding:36px 18px 28px;background:none;pointer-events:none;}
.showcase-copy{min-width:0;flex:1;}.showcase-copy strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.showcase-copy small{font-size:10px;}
.showcase-count{font-size:10px;font-weight:800;color:#e4fbf4;letter-spacing:.09em;white-space:nowrap;align-self:flex-end;margin-bottom:2px;}
.showcase-controls{position:absolute;z-index:5;top:47%;left:10px;right:10px;display:flex;justify-content:space-between;transform:translateY(-50%);opacity:0;transition:opacity .25s;pointer-events:none;}
.showcase-frame:hover .showcase-controls,.showcase-frame:focus-within .showcase-controls{opacity:1;}
.showcase-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff50;background:#071c2abc;color:#fff;font-size:27px;line-height:1;backdrop-filter:blur(12px);pointer-events:auto;}
.showcase-arrow:hover{background:#70e4c4;color:#071321;border-color:#70e4c4;}
.showcase-progress{position:absolute;bottom:0;left:0;right:0;z-index:5;display:flex;gap:3px;padding:0 10px 10px;}
.showcase-progress button{height:15px;flex:1;display:flex;align-items:center;border:0;background:none;padding:0;cursor:pointer;}
.showcase-progress button::before{content:'';display:block;width:100%;height:3px;border-radius:99px;background:#ffffff70;transition:background .25s;}
.showcase-progress button[aria-current="true"]::before{background:#70e4c4;box-shadow:0 0 8px #70e4c490;}
.showcase-progress button:focus-visible{outline:2px solid #70e4c4;outline-offset:3px;}
.showcase-hint{display:flex;align-items:center;justify-content:center;gap:9px;color:#92b4c2;font-size:9px;letter-spacing:1.5px;font-weight:800;}
.showcase-live-dot{width:6px;height:6px;border-radius:100%;background:#70e4c4;box-shadow:0 0 12px #70e4c4;}
@media(max-width:900px){.hero-showcase .showcase-frame{width:min(100%,380px);height:410px;}}
@media(max-width:480px){.hero-showcase .showcase-frame{width:min(100%,330px);height:365px;}.showcase-controls{opacity:1}.showcase-arrow{height:33px;width:33px;font-size:23px}.showcase-caption{padding:25px 12px 24px;gap:8px}.showcase-copy strong{font-size:14px}.showcase-copy small{font-size:9px}.showcase-count{font-size:9px}}
@media(prefers-reduced-motion:reduce){.showcase-frame.is-animating .showcase-slide{transition:none!important;filter:none!important}.showcase-controls{opacity:1}}

/* V12 — Layered project cards: active card in front, next cards visible behind it. */
.hero-showcase{overflow:visible;}
.hero-showcase .showcase-frame{
  width:min(100%,470px);height:455px;max-width:470px;
  border:0;border-radius:0;box-shadow:none;background:transparent;
  overflow:visible;isolation:isolate;
}
.hero-showcase .showcase-track{position:absolute;inset:0;overflow:visible;isolation:isolate;}
.hero-showcase .showcase-slide{
  position:absolute;inset:12px 75px 48px 4px;
  border-radius:23px;overflow:hidden;opacity:0;
  border:1px solid rgba(181,225,231,.3);background:#0c2030;
  box-shadow:0 24px 52px rgba(0,0,0,.34);
  transform:translate3d(110px,-25px,0) scale(.65) rotate(7deg);
  transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .55s ease,box-shadow .5s ease;
  cursor:pointer;filter:none;pointer-events:none;will-change:transform,opacity;
}
.hero-showcase .showcase-slide[data-depth="0"]{z-index:12;opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0);pointer-events:auto;box-shadow:0 30px 72px rgba(0,0,0,.53),0 0 0 2px rgba(112,228,196,.18);}
.hero-showcase .showcase-slide[data-depth="1"]{z-index:11;opacity:1;transform:translate3d(26px,-8px,0) scale(.965) rotate(1.5deg);pointer-events:auto;}
.hero-showcase .showcase-slide[data-depth="2"]{z-index:10;opacity:.95;transform:translate3d(48px,-15px,0) scale(.927) rotate(2.8deg);pointer-events:auto;}
.hero-showcase .showcase-slide[data-depth="3"]{z-index:9;opacity:.85;transform:translate3d(68px,-22px,0) scale(.887) rotate(4deg);pointer-events:auto;}
.hero-showcase .showcase-slide[data-depth="4"]{z-index:8;opacity:.74;transform:translate3d(85px,-29px,0) scale(.845) rotate(5deg);pointer-events:auto;}
.hero-showcase .showcase-slide[data-depth="5"]{z-index:7;opacity:.62;transform:translate3d(98px,-35px,0) scale(.803) rotate(6deg);pointer-events:auto;}
.hero-showcase .showcase-slide[data-depth="6"],.hero-showcase .showcase-slide[data-depth="7"],.hero-showcase .showcase-slide[data-depth="8"]{z-index:1;opacity:0;pointer-events:none;}
.hero-showcase .showcase-slide img{height:100%!important;width:100%!important;object-fit:cover;object-position:center top;background:#071321;}
.hero-showcase .showcase-slide:not(:first-child),.hero-showcase .showcase-slide:not(:first-child) img{background:#071321!important;}
.hero-showcase .showcase-slide:not(:first-child) img{object-fit:contain;object-position:center;}
.hero-showcase .showcase-slide:hover:not([data-depth="0"]){box-shadow:0 25px 65px rgba(0,0,0,.6),0 0 0 2px rgba(112,228,196,.65);}
.hero-showcase .showcase-vignette{z-index:13;inset:auto 75px 48px 4px;height:135px;border-radius:0 0 23px 23px;background:linear-gradient(transparent,rgba(2,13,25,.95));pointer-events:none;}
.hero-showcase .showcase-caption{z-index:14;left:4px;right:75px;bottom:48px;padding:28px 15px 19px;pointer-events:none;}
.hero-showcase .showcase-controls{opacity:1;z-index:16;left:auto;right:5px;top:auto;bottom:67px;transform:none;display:flex;flex-direction:column;gap:9px;pointer-events:auto;}
.hero-showcase .showcase-arrow{border-color:rgba(112,228,196,.46);background:#092131df;box-shadow:0 7px 20px rgba(0,0,0,.3);}
.hero-showcase .showcase-progress{z-index:16;left:4px;right:75px;bottom:15px;padding:0;gap:5px;}
.hero-showcase .showcase-progress button{height:15px;}
.hero-showcase .showcase-progress button::before{height:4px;background:#89adb754;}
.hero-showcase .showcase-progress button[aria-current="true"]::before{background:#70e4c4;}
.hero-showcase .showcase-hint{margin-top:-2px;}
.hero-showcase .showcase-slide:focus-visible{outline:3px solid #70e4c4;outline-offset:3px;}
@media(max-width:900px){.hero-showcase .showcase-frame{width:min(100%,430px);height:435px;}}
@media(max-width:480px){.hero-showcase .showcase-frame{width:min(100%,350px);height:370px;}.hero-showcase .showcase-slide{inset:14px 58px 42px 4px;border-radius:19px;}.hero-showcase .showcase-slide[data-depth="1"]{transform:translate3d(17px,-7px,0) scale(.962) rotate(1.2deg)}.hero-showcase .showcase-slide[data-depth="2"]{transform:translate3d(33px,-12px,0) scale(.925) rotate(2.3deg)}.hero-showcase .showcase-slide[data-depth="3"]{transform:translate3d(47px,-17px,0) scale(.887) rotate(3.3deg)}.hero-showcase .showcase-slide[data-depth="4"]{transform:translate3d(58px,-22px,0) scale(.847) rotate(4.2deg)}.hero-showcase .showcase-slide[data-depth="5"]{transform:translate3d(68px,-27px,0) scale(.806) rotate(5deg)}.hero-showcase .showcase-vignette{inset:auto 58px 42px 4px;height:115px;border-radius:0 0 19px 19px}.hero-showcase .showcase-caption{left:4px;right:58px;bottom:42px;padding:18px 11px 16px}.hero-showcase .showcase-controls{right:0;bottom:62px}.hero-showcase .showcase-arrow{width:32px;height:32px}.hero-showcase .showcase-progress{left:4px;right:58px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.hero-showcase .showcase-slide{transition:none!important}}

/* V14 — Compact mobile section notification, premium dark glass + mint accent. */
.mobile-section-toast{display:none}
@media(max-width:760px){
 .mobile-section-toast{
  position:fixed;z-index:75;display:flex;align-items:center;
  top:calc(var(--slides-header, 70px) + 10px);left:50%;right:auto;
  width:max-content;max-width:calc(100vw - 32px);min-height:42px;
  padding:7px 14px 8px 11px;gap:10px;
  border:1px solid rgba(112,228,196,.36);border-radius:999px;
  background:rgba(10,31,42,.94);color:#edfff9;
  box-shadow:0 12px 30px rgba(0,0,0,.32),0 1px 0 rgba(255,255,255,.07) inset;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  pointer-events:none;opacity:0;visibility:hidden;
  transform:translate3d(-50%,-13px,0) scale(.96);
  transition:opacity .26s ease,transform .34s cubic-bezier(.2,.9,.2,1),visibility .26s;
  overflow:hidden;white-space:nowrap;
 }
 .mobile-section-toast::before{content:'';flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#70e4c4;box-shadow:0 0 12px rgba(112,228,196,.65)}
 .mobile-section-toast.is-visible{opacity:1;visibility:visible;transform:translate3d(-50%,0,0) scale(1)}
 .mobile-section-toast-index{font-size:10px;font-weight:800;letter-spacing:.5px;color:#70e4c4;opacity:.95;direction:ltr;align-self:center}
 .mobile-section-toast-title{font-size:12px;font-weight:800;letter-spacing:.65px;line-height:1.3;overflow:hidden;text-overflow:ellipsis}
 .mobile-section-toast-line{position:absolute;inset:auto 0 0 0;height:2px;background:#70e4c4;transform-origin:left;transform:scaleX(0);opacity:.8}
 .mobile-section-toast.is-visible .mobile-section-toast-line{animation:mobile-toast-timer 2.1s linear forwards}
 body[dir=rtl] .mobile-section-toast{direction:rtl}
 body[dir=rtl] .mobile-section-toast-title{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0;font-size:12px}
 @keyframes mobile-toast-timer{from{transform:scaleX(1)}to{transform:scaleX(0)}}
}
@media(prefers-reduced-motion:reduce){.mobile-section-toast{transition:none!important}.mobile-section-toast-line{animation:none!important}}

/* V15: mobile persistent quote CTA; positioned above slide navigation. */
.mobile-quote-fab{display:none}
@media(max-width:767px){
 .mobile-quote-fab{position:fixed;z-index:90;right:14px;bottom:calc(74px + env(safe-area-inset-bottom, 0px));display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:calc(100vw - 28px);padding:11px 14px;border:1px solid rgba(160,255,222,.5);border-radius:999px;background:linear-gradient(120deg,#70e4c4,#a5f1da);color:#08251e;box-shadow:0 7px 28px rgba(1,15,22,.35),0 0 20px rgba(112,228,196,.18);font-size:12px;font-weight:800;line-height:1.1;white-space:nowrap;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
 .mobile-quote-fab:hover,.mobile-quote-fab:focus-visible{transform:translateY(-3px);box-shadow:0 12px 34px rgba(1,15,22,.5),0 0 25px rgba(112,228,196,.25)}
 .mobile-quote-fab-icon{font-size:13px}.mobile-quote-fab-arrow{font-size:14px;opacity:.75}
 body[dir=rtl] .mobile-quote-fab{direction:rtl;font-family:'Noto Sans Arabic',sans-serif}
}
@media(min-width:601px) and (max-width:767px){.mobile-quote-fab{bottom:calc(18px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.mobile-quote-fab{transition:none}}

/* V16: Corporate RFQ section */
.rfq-section{scroll-margin-top:90px}.rfq-intro-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#102d36,#0d2232);border:1px solid rgba(112,228,196,.22);border-radius:20px;padding:24px 26px;margin:0 0 26px}.rfq-intro-card h3{font-size:21px;margin:6px 0}.rfq-intro-card p{max-width:580px;color:#a9c1cc;font-size:13px;margin:0}.rfq-overline{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#70e4c4}.rfq-pdf-link{display:flex;gap:9px;align-items:center;border:1px solid #70e4c4;color:#71e4c5;border-radius:12px;padding:12px 16px;font-size:12px;font-weight:800;white-space:nowrap;transition:background .2s,transform .2s}.rfq-pdf-link:hover{background:#143d43;transform:translateY(-2px)}.rfq-form{width:100%;max-width:none}.rfq-form-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:11px;letter-spacing:1px;color:#86c9bb;font-weight:800}.rfq-required-note{font-weight:500;color:#9aabb7;letter-spacing:0}.rfq-fieldset{border:1px solid rgba(184,220,223,.15);background:rgba(12,34,48,.65);padding:24px;border-radius:18px;margin:16px 0 26px;min-width:0}.rfq-fieldset legend{font-size:15px;font-weight:800;color:#f5fbfc;padding:0 10px}.rfq-fieldset legend>span:first-child{color:#70e4c4;margin-inline-end:6px}.rfq-fieldset .field{margin-bottom:16px}.rfq-fieldset .form-row{align-items:start}.rfq-fieldset input,.rfq-fieldset textarea,.rfq-fieldset select{width:100%;min-width:0}.rfq-fieldset textarea{resize:vertical}.rfq-consent{display:flex;align-items:flex-start;gap:12px;color:#aec3c9;font-size:12px;line-height:1.7;margin:10px 0}.rfq-consent input{width:18px;height:18px;accent-color:#70e4c4;flex-shrink:0;margin-top:3px}.rfq-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin:24px 0 14px}.rfq-actions button{min-height:47px}.rfq-form>.form-hint{color:#9db1ba;font-size:11px;line-height:1.8}.rfq-form .field-full{display:block}body[dir=rtl] .rfq-overline{letter-spacing:0}@media(max-width:760px){.rfq-intro-card{display:block;padding:19px}.rfq-pdf-link{margin-top:17px;white-space:normal;justify-content:center}.rfq-fieldset{padding:17px 13px}.rfq-fieldset legend{font-size:13px}.rfq-actions{flex-direction:column}.rfq-actions button{width:100%}.rfq-form-top{flex-wrap:wrap}}