:root{--bg:#05070a;--bg-soft:#090d13;--card:#0c1119;--text:#f4f7fb;--muted:#87919f;--primary:#5b7cff;--secondary:#8c5cff;--accent:#4df4ff;--border:rgba(255,255,255,.11);--glow:rgba(77,244,255,.24);--display:'Syne',sans-serif;--body:'Manrope',sans-serif;--mono:'DM Mono',monospace;--radius:26px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden;cursor:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{cursor:none}::selection{background:var(--accent);color:#001014}
.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor{position:fixed;top:0;left:0;z-index:10000;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.cursor--dot{width:6px;height:6px;background:var(--accent)}.cursor--ring{width:34px;height:34px;border:1px solid rgba(255,255,255,.55);transition:width .2s,height .2s,background .2s}.cursor--ring.active{width:56px;height:56px;background:rgba(77,244,255,.08);border-color:var(--accent)}
.loader{position:fixed;inset:0;background:#030508;z-index:9999;display:grid;place-items:center;transition:opacity .8s ease,visibility .8s}.loader.done{opacity:0;visibility:hidden}.loader__content{width:min(620px,80vw)}.eyebrow{font:500 11px/1 var(--mono);letter-spacing:.18em;color:var(--accent)}.loader__name{font:800 clamp(44px,9vw,105px)/.78 var(--display);letter-spacing:-.07em;margin:40px 0;display:flex;flex-direction:column}.loader__name span:last-child{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.45);margin-left:20%}.loader__track{height:1px;background:#20252d;overflow:hidden}.loader__track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));box-shadow:0 0 16px var(--accent)}.loader__meta{display:flex;justify-content:space-between;margin-top:15px;font:400 10px var(--mono);color:var(--muted)}.loader__meta strong{color:#fff;font-weight:400}
.nav-shell{position:fixed;z-index:100;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 36px));height:68px;padding:0 15px 0 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:18px;background:rgba(8,11,16,.72);backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.25)}.brand{display:flex;align-items:center;gap:9px;font:800 20px var(--display);letter-spacing:-.08em}.brand i,.nav-status i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.nav-links{display:flex;gap:30px}.nav-links a{position:relative;font:400 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#a9b0bb}.nav-links a:after{content:'';position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .35s}.nav-links a:hover{color:#fff}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1);transform-origin:left}.nav-status{height:38px;padding:0 14px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:11px;font:400 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.nav-status i{width:6px;height:6px;animation:pulse 1.8s infinite}.menu-toggle{display:none;background:none;border:0;color:#fff}
.hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:center;padding:150px max(7vw,30px) 90px}.hero-grid,.portrait-grid{position:absolute;inset:-40%;background-image:linear-gradient(rgba(91,124,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(91,124,255,.12) 1px,transparent 1px);background-size:54px 54px;transform:perspective(700px) rotateX(64deg) translateY(-13%);mask-image:linear-gradient(to bottom,transparent 10%,black 50%,transparent 80%);animation:gridMove 16s linear infinite}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 68% 44%,rgba(66,88,255,.13),transparent 28%),linear-gradient(to bottom,transparent 80%,var(--bg));pointer-events:none}.hero canvas{position:absolute;inset:0;width:100%;height:100%}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18}.orb--one{width:460px;height:460px;background:var(--primary);right:-100px;top:15%}.orb--two{width:350px;height:350px;background:var(--secondary);left:-200px;bottom:0}.hero__content{position:relative;z-index:3;width:100%}.hero__index{display:flex;justify-content:space-between;width:54%;margin-bottom:40px;font:400 9px var(--mono);letter-spacing:.1em;color:var(--muted)}.hero__kicker{font:400 10px var(--mono);letter-spacing:.2em;color:#c5ccd7;margin-bottom:20px}.hero__kicker b{color:var(--accent);margin:0 7px}.hero__title{font:800 clamp(55px,7.6vw,122px)/.82 var(--display);letter-spacing:-.075em;text-transform:uppercase;max-width:1250px}.title-line{display:block;overflow:hidden}.title-line>span{display:block;transform:translateY(115%);animation:titleIn .9s cubic-bezier(.2,.8,.2,1) forwards}.title-line:nth-child(2)>span{animation-delay:.12s}.title-line:nth-child(3)>span{animation-delay:.24s}.title-line:nth-child(4)>span{animation-delay:.36s}.title-line--accent{color:transparent;-webkit-text-stroke:1px rgba(244,247,251,.5);padding-left:12vw}.title-line em{font:300 .23em var(--mono);letter-spacing:.1em;color:var(--accent);-webkit-text-stroke:0;vertical-align:middle}.title-line i{font-style:normal;color:var(--accent)}.hero__bottom{display:flex;align-items:end;justify-content:space-between;margin-top:42px;gap:30px}.hero__bottom>p{max-width:540px;font-size:15px;line-height:1.8;color:#a4aebb}.hero__actions{display:flex;gap:12px}.button{position:relative;min-width:180px;height:56px;padding:0 20px;border-radius:14px;border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;overflow:hidden;font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:transform .25s,box-shadow .25s}.button--primary{background:var(--text);color:#070a0e;border-color:var(--text)}.button--primary:hover{box-shadow:0 0 35px rgba(77,244,255,.24)}.button--ghost{background:rgba(255,255,255,.03)}.button b{font-size:18px}.hero-orbit{position:absolute;z-index:2;width:300px;height:300px;right:8vw;top:28%;perspective:900px;animation:orbitFloat 5s ease-in-out infinite}.orbit-ring{position:absolute;inset:0;border:1px solid rgba(77,244,255,.22);border-radius:50%;transform:rotateX(68deg) rotateZ(15deg)}.orbit-ring--b{inset:40px;transform:rotateY(70deg);border-color:rgba(140,92,255,.3)}.core-cube{position:absolute;width:92px;height:92px;top:104px;left:104px;transform-style:preserve-3d;animation:cubeSpin 14s linear infinite}.cube-face{position:absolute;width:92px;height:92px;display:grid;place-items:center;background:rgba(10,16,25,.78);border:1px solid rgba(77,244,255,.3);backdrop-filter:blur(10px);font:500 18px var(--mono);color:var(--accent);box-shadow:inset 0 0 25px rgba(77,244,255,.08)}.cube-front{transform:translateZ(46px)}.cube-back{transform:rotateY(180deg) translateZ(46px)}.cube-right{transform:rotateY(90deg) translateZ(46px)}.cube-left{transform:rotateY(-90deg) translateZ(46px)}.cube-top{transform:rotateX(90deg) translateZ(46px)}.cube-bottom{transform:rotateX(-90deg) translateZ(46px)}.float-chip{position:absolute;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--border);border-radius:14px;background:rgba(12,17,25,.8);box-shadow:0 12px 30px rgba(0,0,0,.35),inset 0 0 20px rgba(91,124,255,.1);font:500 12px var(--mono);animation:chipFloat 4s ease-in-out infinite}.chip--1{left:-10px;top:40px}.chip--2{right:-30px;top:60px;animation-delay:-1s}.chip--3{left:10px;bottom:10px;animation-delay:-2s}.chip--4{right:0;bottom:0;animation-delay:-3s}.scroll-cue{position:absolute;z-index:4;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font:400 8px var(--mono);letter-spacing:.18em;color:var(--muted)}.scroll-cue i{display:block;width:1px;height:32px;background:linear-gradient(var(--accent),transparent);animation:scrollLine 1.8s infinite}
.section{position:relative;padding:140px max(7vw,30px)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.section-head h2,.about h2,.process h2,.contact h2{font:700 clamp(40px,5vw,78px)/.98 var(--display);letter-spacing:-.06em;margin-top:20px}.section-head h2 span,.about h2 span,.process h2 span,.contact h2 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.42)}.section-head>p{max-width:410px;color:var(--muted);font-size:14px;line-height:1.8}
.icon-lab{background:linear-gradient(180deg,var(--bg),#070b11)}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.cap-card{position:relative;min-height:330px;padding:30px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent);transform-style:preserve-3d;transition:background .35s,box-shadow .35s}.cap-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(77,244,255,.12),transparent 35%);opacity:0;transition:opacity .3s}.cap-card:hover:before{opacity:1}.cap-card small{position:absolute;right:25px;top:25px;font:400 9px var(--mono);color:#596270}.cap-card h3{font:600 19px var(--display);margin:34px 0 12px}.cap-card p{font-size:12px;line-height:1.7;color:var(--muted);max-width:230px}.cap-icon{position:relative;width:105px;height:105px;margin-top:28px;transform:translateZ(28px) rotate(-5deg);border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,#151d29,#080c12);box-shadow:-12px 18px 30px rgba(0,0,0,.4),inset 5px 5px 14px rgba(255,255,255,.04),0 0 25px rgba(91,124,255,.08);display:grid;place-items:center;color:var(--accent);font:500 22px var(--mono);animation:iconBob 5s ease-in-out infinite}.cap-card:nth-child(even) .cap-icon{animation-delay:-2s}.icon-window i{position:absolute;top:18px;left:17px;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:13px 0 var(--secondary),26px 0 var(--accent)}.icon-window b{position:absolute;left:15px;right:15px;top:37px;height:1px;background:var(--border)}.icon-chip:before,.icon-chip:after{content:'';position:absolute;inset:19px;border:1px solid var(--accent);border-radius:13px;box-shadow:0 0 20px var(--glow)}.icon-chip:after{inset:11px;border-style:dashed;opacity:.35}.icon-chip i{font-style:normal}.icon-stack i{position:absolute;width:55px;height:18px;border:1px solid var(--primary);border-radius:50%;transform:rotateX(55deg)}.icon-stack i:nth-child(1){top:28px}.icon-stack i:nth-child(2){top:43px}.icon-stack i:nth-child(3){top:58px}.icon-loop i{font:300 54px var(--body);font-style:normal;text-shadow:0 0 20px var(--glow)}.icon-chart{display:flex;align-items:end;justify-content:center;gap:7px;padding-bottom:25px}.icon-chart i{width:12px;height:28px;background:var(--primary);border-radius:3px;box-shadow:0 0 12px rgba(91,124,255,.4)}.icon-chart i:nth-child(2){height:48px;background:var(--accent)}.icon-chart i:nth-child(3){height:37px;background:var(--secondary)}.icon-link i,.icon-link b{position:absolute;width:45px;height:24px;border:2px solid var(--accent);border-radius:20px;transform:rotate(-35deg);left:24px;top:34px}.icon-link b{left:38px;top:48px;border-color:var(--primary)}.icon-motion i,.icon-motion b{position:absolute;width:45px;height:45px;border-radius:50%;background:var(--primary);filter:blur(1px);left:19px;top:30px}.icon-motion b{background:transparent;border:1px solid var(--accent);left:41px;top:26px}.icon-db i,.icon-db b,.icon-db span{position:absolute;width:55px;height:30px;border:1px solid var(--accent);border-radius:50%;top:25px}.icon-db b{top:40px}.icon-db span{top:55px}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.about__visual{position:relative}.portrait-card{position:relative;aspect-ratio:.8;max-width:500px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(circle at 50% 40%,rgba(91,124,255,.22),transparent 35%),#080c12;box-shadow:0 35px 80px rgba(0,0,0,.4);transform-style:preserve-3d}.portrait-grid{inset:-70%;opacity:.55}.portrait-mark{position:absolute;inset:0;display:grid;place-items:center;font:800 clamp(100px,16vw,230px) var(--display);letter-spacing:-.14em;color:transparent;-webkit-text-stroke:1px rgba(77,244,255,.5);text-shadow:0 0 50px rgba(77,244,255,.08);transform:translateZ(25px)}.portrait-code{position:absolute;left:30px;bottom:75px;display:flex;flex-direction:column;font:400 11px/1.7 var(--mono);color:#abb5c2}.portrait-code span:nth-child(2){color:var(--accent)}.portrait-card>p{position:absolute;bottom:25px;left:30px;font:400 8px var(--mono);letter-spacing:.18em;color:#66707e}.visual-label{position:absolute;right:-20px;top:12%;writing-mode:vertical-rl;font:400 8px/1.8 var(--mono);letter-spacing:.14em;color:var(--muted)}.about__copy>p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:14px;line-height:1.9;margin-top:22px}.about__copy .about-lead{font-size:18px!important;color:#d4dae2!important}.signature{margin-top:40px;font:500 18px var(--display)}.signature span{font:400 10px var(--mono);color:var(--muted);margin-left:8px}.stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats div{padding:35px;border-right:1px solid var(--border)}.stats div:last-child{border:0}.stats strong{display:block;font:700 48px var(--display);letter-spacing:-.06em}.stats strong:after{content:'+';color:var(--accent);font-size:.45em}.stats span{font:400 9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.skills{background:#070a0f}.skill-list{border-top:1px solid var(--border)}.skill-row{display:grid;grid-template-columns:70px 1fr 1.2fr .8fr;align-items:center;gap:30px;min-height:150px;border-bottom:1px solid var(--border);transition:padding .3s,background .3s}.skill-row:hover{padding-left:15px;background:linear-gradient(90deg,rgba(77,244,255,.04),transparent)}.skill-no{font:400 9px var(--mono);color:var(--muted)}.skill-title{display:flex;align-items:center;gap:17px}.skill-title i{font:400 25px var(--mono);font-style:normal;color:var(--accent)}.skill-title h3{font:600 22px var(--display)}.skill-row>p{font-size:12px;line-height:1.7;color:var(--muted)}.meter{display:flex;align-items:center;gap:15px}.meter:before{content:'';position:absolute}.meter{height:3px;background:#202630;position:relative}.meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));box-shadow:0 0 14px var(--accent);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}.skill-row.visible .meter span{width:var(--level)}.meter b{position:absolute;right:0;bottom:10px;font:400 9px var(--mono);color:var(--muted)}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project{background:#090d13;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .4s,border-color .4s}.project:hover{transform:translateY(-7px);border-color:rgba(77,244,255,.35)}.project--wide{grid-column:1/-1;display:grid;grid-template-columns:1.45fr 1fr}.project--reverse{grid-template-columns:1fr 1.45fr}.project--reverse .project-preview{order:2}.project-preview{position:relative;min-height:410px;overflow:hidden;background-color:#0a1018;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:30px 30px}.project:not(.project--wide) .project-preview{min-height:350px}.preview-code{position:absolute;left:20px;bottom:18px;font:400 8px var(--mono);letter-spacing:.15em;color:var(--accent)}.project-meta{padding:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-meta>span{font:400 8px var(--mono);letter-spacing:.15em;color:var(--accent)}.project-meta h3{font:600 clamp(25px,3vw,42px)/1.05 var(--display);letter-spacing:-.04em;margin:18px 0}.project:not(.project--wide) .project-meta h3{font-size:28px}.project-meta p{color:var(--muted);font-size:13px;line-height:1.8}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.tags b{padding:7px 10px;border:1px solid var(--border);border-radius:20px;font:400 8px var(--mono);letter-spacing:.07em;color:#aab3c0}.project-meta>a{margin-top:15px;padding-bottom:5px;border-bottom:1px solid var(--accent);font:500 9px var(--mono);letter-spacing:.08em}.mock-sidebar{position:absolute;width:18%;height:72%;left:15%;top:14%;border:1px solid var(--border);border-radius:14px 0 0 14px;background:#0e151e;transform:perspective(700px) rotateY(12deg)}.chat-lines{position:absolute;width:52%;height:72%;left:33%;top:14%;border:1px solid var(--border);border-radius:0 14px 14px 0;background:rgba(13,20,29,.93);transform:perspective(700px) rotateY(-8deg);padding:20% 8% 0}.chat-lines i{display:block;height:8px;margin:12px 0;background:linear-gradient(90deg,#253247,transparent);border-radius:10px}.chat-lines i:nth-child(2){width:75%;margin-left:20%;background:linear-gradient(90deg,var(--primary),transparent)}.chat-lines b{position:absolute;top:17%;left:12%;width:55px;height:55px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 0 40px rgba(91,124,255,.35);font:500 15px var(--mono)}.phone{position:absolute;width:155px;height:280px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(8deg);border:6px solid #222c39;border-radius:30px;background:linear-gradient(#152135,#090d14);box-shadow:30px 35px 50px rgba(0,0,0,.45)}.phone:before{content:'';position:absolute;width:40%;height:4px;top:9px;left:30%;border-radius:8px;background:#293443}.phone i{position:absolute;inset:45px 15px auto;height:75px;border-radius:12px;background:linear-gradient(135deg,var(--secondary),#ff8b6a)}.phone b,.phone span{position:absolute;left:15px;right:15px;height:45px;top:140px;border-radius:10px;background:#121a25}.phone span{top:198px}.sales-orb{position:absolute;width:180px;height:180px;border-radius:50%;left:50%;top:42%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,var(--accent),var(--primary) 35%,#152248 67%);box-shadow:0 30px 70px rgba(49,90,255,.32)}.graph{position:absolute;width:75%;height:100px;left:12%;bottom:50px;border-left:1px solid var(--border);border-bottom:1px solid var(--border)}.graph i{position:absolute;inset:0;background:linear-gradient(155deg,transparent 47%,var(--accent) 48%,var(--accent) 49%,transparent 50%);filter:drop-shadow(0 0 6px var(--accent))}.dash-nav{position:absolute;left:8%;top:12%;bottom:12%;width:12%;border-radius:14px;background:#111a25;border:1px solid var(--border)}.dash-grid{position:absolute;left:24%;right:8%;top:12%;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dash-grid i{height:90px;border-radius:12px;background:linear-gradient(135deg,#131e2b,#0c121b);border:1px solid var(--border)}.dash-chart{position:absolute;left:24%;right:8%;bottom:12%;height:120px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(165deg,transparent 48%,var(--primary) 49%,transparent 50%)}.product-shape{position:absolute;width:170px;height:170px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(30deg);background:linear-gradient(135deg,var(--secondary),var(--primary));border-radius:32% 68% 62% 38%/40% 38% 62% 60%;box-shadow:-25px 35px 70px rgba(91,92,255,.35);animation:morph 7s ease-in-out infinite}.product-shape i{position:absolute;inset:20px;border:1px solid rgba(255,255,255,.4);border-radius:inherit}.bot-flow{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:45px}.bot-flow:before{content:'';position:absolute;width:65%;height:1px;background:linear-gradient(90deg,var(--primary),var(--accent))}.bot-flow>*{position:relative;width:70px;height:70px;display:grid;place-items:center;border:1px solid rgba(77,244,255,.35);border-radius:20px;background:#0d1620;box-shadow:0 0 30px rgba(77,244,255,.12);font:400 11px var(--mono);font-style:normal}
.services{background:linear-gradient(#070a0f,#05070a)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{position:relative;min-height:320px;padding:30px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent);overflow:hidden;transition:transform .35s,border-color .35s}.service-card:after{content:'';position:absolute;width:150px;height:150px;right:-70px;top:-70px;border-radius:50%;background:var(--primary);filter:blur(60px);opacity:0;transition:opacity .35s}.service-card:hover{transform:translateY(-8px);border-color:rgba(77,244,255,.35)}.service-card:hover:after{opacity:.22}.service-card>span{font:400 8px var(--mono);color:var(--muted)}.service-card>i{display:block;margin:35px 0;font:300 38px var(--mono);font-style:normal;color:var(--accent);text-shadow:0 0 20px var(--glow)}.service-card h3{font:600 21px var(--display)}.service-card p{margin-top:14px;max-width:320px;color:var(--muted);font-size:12px;line-height:1.75}.service-card a{position:absolute;left:30px;bottom:28px;font:400 8px var(--mono);letter-spacing:.1em;color:#c9d0da}
.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.process__intro{position:sticky;top:140px;align-self:start}.process__intro>p:last-child{margin-top:28px;color:var(--muted);font-size:13px;line-height:1.8;max-width:390px}.timeline{position:relative}.timeline-line{position:absolute;left:31px;top:30px;bottom:30px;width:1px;background:#202630}.timeline-line i{display:block;width:100%;height:0;background:linear-gradient(var(--accent),var(--primary));box-shadow:0 0 12px var(--accent);transition:height .2s}.step{position:relative;display:grid;grid-template-columns:65px 1fr;gap:35px;min-height:190px}.step>b{position:relative;z-index:2;width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--bg);font:400 10px var(--mono);color:var(--muted);transition:border-color .3s,color .3s,box-shadow .3s}.step.visible>b{border-color:var(--accent);color:var(--accent);box-shadow:0 0 25px rgba(77,244,255,.12)}.step div{padding:10px 0 35px;border-bottom:1px solid var(--border)}.step span{font:400 8px var(--mono);letter-spacing:.18em;color:var(--accent)}.step h3{font:600 29px var(--display);margin:12px 0}.step p{color:var(--muted);font-size:12px;line-height:1.7}
.testimonials{background:#080b10}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quote-grid blockquote{min-height:330px;padding:35px;border:1px solid var(--border);border-radius:22px;background:#0b1017;display:flex;flex-direction:column}.quote-grid blockquote>span{font:500 50px/1 var(--display);color:var(--accent)}.quote-grid blockquote>p{font:500 16px/1.7 var(--body);margin-top:20px}.quote-grid footer{display:flex;align-items:center;gap:14px;margin-top:auto}.quote-grid footer>i{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));font:400 9px var(--mono);font-style:normal}.quote-grid footer div{display:flex;flex-direction:column}.quote-grid footer b{font-size:11px}.quote-grid footer small{font:400 8px var(--mono);color:var(--muted);margin-top:4px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start;background:radial-gradient(circle at 10% 60%,rgba(91,124,255,.1),transparent 30%)}.contact__copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8;margin:28px 0;max-width:530px}.contact-cards{margin-top:45px;border-top:1px solid var(--border)}.contact-cards>a,.contact-cards>div{position:relative;padding:22px 4px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:7px}.contact-cards small{font:400 8px var(--mono);letter-spacing:.12em;color:var(--muted)}.contact-cards b{font-size:13px}.contact-cards span{position:absolute;right:5px;top:28px;color:var(--accent)}.contact-cards i{position:absolute;right:6px;top:32px;width:7px;height:7px;border-radius:50%;background:#69ff9d;box-shadow:0 0 12px #69ff9d}.contact-form{position:relative;padding:38px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(12,17,25,.72);backdrop-filter:blur(15px)}.field{display:flex;flex-direction:column;margin-bottom:27px}.field label{font:400 8px var(--mono);letter-spacing:.13em;color:var(--muted);margin-bottom:10px}.field input,.field textarea,.field select{width:100%;border:0;border-bottom:1px solid #29303b;background:transparent;color:#fff;padding:10px 0 14px;outline:0;font-size:13px;resize:none;transition:border-color .3s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field select option{background:#10151d}.contact-form .button{width:100%;border:0}.form-success{position:absolute;inset:0;border-radius:var(--radius);background:#0a1017;display:flex;align-items:center;justify-content:center;gap:18px;opacity:0;visibility:hidden;transform:scale(.96);transition:.45s}.form-success.show{opacity:1;visibility:visible;transform:scale(1)}.form-success i{width:55px;height:55px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-style:normal;box-shadow:0 0 30px var(--glow)}.form-success div{display:flex;flex-direction:column;gap:5px}.form-success b{font:600 20px var(--display)}.form-success span{font-size:11px;color:var(--muted)}
.footer{padding:70px max(7vw,30px) 30px;border-top:1px solid var(--border);background:#030507}.footer__mark{font:800 clamp(64px,13.2vw,220px)/.8 var(--display);letter-spacing:-.09em;white-space:nowrap}.footer__mark span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.35)}.footer__bottom{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:30px;margin-top:55px;padding-top:25px;border-top:1px solid var(--border);font:400 8px var(--mono);letter-spacing:.1em;color:var(--muted)}.footer__bottom>p:nth-of-type(2){text-align:right}.socials{display:flex;gap:7px}.socials a,.back-top{height:34px;min-width:34px;padding:0 10px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;color:#c5ccd5;transition:border-color .3s,color .3s}.socials a:hover{border-color:var(--accent);color:var(--accent)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes titleIn{to{transform:translateY(0)}}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 20px var(--accent)}}@keyframes gridMove{to{background-position:0 54px,54px 0}}@keyframes cubeSpin{to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes orbitFloat{50%{transform:translateY(-16px) rotate(4deg)}}@keyframes chipFloat{50%{transform:translateY(-12px) rotate(5deg)}}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}@keyframes iconBob{50%{transform:translateZ(28px) translateY(-8px) rotate(2deg)}}@keyframes morph{50%{border-radius:68% 32% 35% 65%/55% 62% 38% 45%;transform:translate(-50%,-50%) rotate(120deg)}}
@media(max-width:1050px){.nav-links{gap:17px}.hero-orbit{opacity:.6;right:-40px}.hero__index{width:70%}.icon-grid{grid-template-columns:repeat(2,1fr)}.project--wide,.project--reverse{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.process{gap:6vw}.skill-row{grid-template-columns:50px 1fr 1fr}.meter{grid-column:2/-1;margin-bottom:25px}.footer__bottom{grid-template-columns:1fr auto}.footer__bottom>p:nth-of-type(2){text-align:left}}
@media(max-width:760px){body,button,a{cursor:auto}.cursor{display:none}.section{padding:100px 20px}.nav-shell{top:10px;height:58px;width:calc(100% - 20px)}.nav-status{display:none}.menu-toggle{display:flex;width:38px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{width:20px;height:1px;background:#fff;transition:.3s}.menu-toggle.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav-links{position:fixed;top:68px;left:0;width:100%;padding:30px;display:flex;flex-direction:column;gap:24px;background:rgba(5,7,10,.96);border:1px solid var(--border);border-radius:16px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.3s}.nav-links.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-links a{font-size:13px}.hero{padding:120px 20px 85px;min-height:900px;align-items:start}.hero__index{width:100%;margin-bottom:60px}.hero__index span:last-child{display:none}.hero__title{font-size:clamp(47px,14.4vw,76px);line-height:.87}.title-line--accent{padding-left:0}.hero-orbit{width:210px;height:210px;right:-20px;top:auto;bottom:210px}.core-cube{width:70px;height:70px;left:70px;top:70px}.cube-face{width:70px;height:70px}.cube-front{transform:translateZ(35px)}.cube-back{transform:rotateY(180deg) translateZ(35px)}.cube-right{transform:rotateY(90deg) translateZ(35px)}.cube-left{transform:rotateY(-90deg) translateZ(35px)}.cube-top{transform:rotateX(90deg) translateZ(35px)}.cube-bottom{transform:rotateX(-90deg) translateZ(35px)}.hero__bottom{margin-top:35px;align-items:start;flex-direction:column}.hero__bottom>p{max-width:100%;padding-right:5px}.hero__actions{width:100%;flex-direction:column}.button{width:100%}.scroll-cue{left:20px;transform:none;align-items:start}.section-head{align-items:start;flex-direction:column;gap:25px;margin-bottom:45px}.section-head>p{max-width:100%}.icon-grid{grid-template-columns:1fr}.cap-card{min-height:285px}.about{grid-template-columns:1fr;gap:60px}.portrait-card{max-width:none}.visual-label{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border-right:0}.stats strong{font-size:38px}.skill-row{grid-template-columns:35px 1fr;gap:16px;padding:28px 0}.skill-row:hover{padding-left:0}.skill-row>p,.meter{grid-column:2/-1}.project-grid{grid-template-columns:1fr}.project--wide,.project--reverse{grid-column:auto;display:block}.project--reverse .project-preview{order:initial}.project-preview,.project:not(.project--wide) .project-preview{min-height:300px}.project-meta{padding:28px}.service-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr}.process__intro{position:relative;top:0;margin-bottom:40px}.quote-grid{grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:60px}.contact-form{padding:25px}.footer__mark{font-size:18vw}.footer__bottom{grid-template-columns:1fr auto}.footer__bottom>p:first-child{grid-column:1/-1}.footer__bottom>p:nth-of-type(2){grid-column:1/-1;grid-row:3}.back-top{grid-column:2;grid-row:2}.socials{grid-row:2}.bot-flow{gap:16px}.bot-flow>*{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor{display:none}}

/* Keep transformed atmosphere layers from affecting the page's scroll width. */
html,body{overflow-x:clip}
.footer__mark{font-size:clamp(56px,8.8vw,150px)}
@media(max-width:760px){.footer__mark{font-size:9.2vw}}
.stats strong[data-suffix]:after{content:''}

/* ================================================================
   LIGHT WINE EDITION — warm editorial paper, ink, and deep burgundy
   ================================================================ */
:root{
  --bg:#f2ece5;--bg-soft:#e8ded5;--card:#f9f5f0;--text:#21171a;
  --muted:#76666a;--primary:#711d35;--secondary:#a14a61;--accent:#711d35;
  --border:rgba(69,24,36,.17);--glow:rgba(113,29,53,.22);
  --display:'Unbounded',sans-serif;--body:'IBM Plex Sans Arabic',sans-serif;
  --mono:'IBM Plex Mono',monospace
}
body{background:var(--bg);color:var(--text)}
.noise{opacity:.075;mix-blend-mode:multiply}
.cursor--dot{background:var(--primary)}
.cursor--ring{border-color:rgba(113,29,53,.55)}
.cursor--ring.active{background:rgba(113,29,53,.09);border-color:var(--primary)}
.eyebrow{color:var(--primary);font-weight:500}

.loader{background:#711d35;color:#fff}
.loader .eyebrow{color:#e9bdc8}.loader__name{letter-spacing:-.1em}
.loader__name span:last-child{-webkit-text-stroke:1px rgba(255,255,255,.65)}
.loader__track{background:rgba(255,255,255,.18)}
.loader__track span{background:#fff;box-shadow:0 0 20px rgba(255,255,255,.55)}
.loader__meta{color:#e7cdd4}.loader__meta strong{color:#fff}

.nav-shell{border-color:rgba(113,29,53,.16);background:rgba(248,243,237,.84);box-shadow:0 12px 40px rgba(75,33,45,.08)}
.brand{color:var(--primary);letter-spacing:-.1em}.brand i,.nav-status i{background:var(--primary);box-shadow:0 0 12px rgba(113,29,53,.35)}
.nav-links a{color:#725d63;font-weight:500}.nav-links a:hover{color:var(--primary)}
.nav-links a:after{background:var(--primary)}
.nav-status{border-color:rgba(113,29,53,.18);color:var(--primary);background:rgba(255,255,255,.38)}

.hero{background:linear-gradient(130deg,#f7f2ec 0%,#efe4dc 56%,#e6d4cc 100%)}
.hero:before{content:'';position:absolute;width:34vw;height:34vw;min-width:390px;min-height:390px;right:4%;top:19%;border:1px solid rgba(113,29,53,.18);border-radius:50%;box-shadow:0 0 0 34px rgba(113,29,53,.025),0 0 0 68px rgba(113,29,53,.018)}
.hero:after{background:radial-gradient(circle at 74% 44%,rgba(113,29,53,.11),transparent 31%),linear-gradient(to bottom,transparent 82%,var(--bg))}
.hero-grid{background-image:linear-gradient(rgba(113,29,53,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(113,29,53,.09) 1px,transparent 1px)}
.orb--one{background:#a14a61}.orb--two{background:#c79479}.hero canvas{z-index:2;opacity:1}
.hero__content{z-index:4}.hero__index,.hero__bottom>p{color:#776469}
.hero__kicker{color:#4d363c}.hero__kicker b{color:var(--primary)}
.hero__title{max-width:1180px;font-weight:700;color:#25171b;text-shadow:0 2px 0 rgba(255,255,255,.6)}
.title-line--accent{color:transparent;-webkit-text-stroke:1.5px var(--primary)}
.title-line em,.title-line i{color:var(--primary)}
.button--primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 12px 28px rgba(113,29,53,.2)}
.button--primary:hover{box-shadow:0 18px 40px rgba(113,29,53,.29)}
.button--ghost{background:rgba(255,255,255,.42);border-color:rgba(113,29,53,.2);color:var(--primary)}
.hero-orbit{display:none}.scroll-cue{color:#7b656b}.scroll-cue i{background:linear-gradient(var(--primary),transparent)}
.three-fallback{background:radial-gradient(circle at 72% 45%,rgba(113,29,53,.2),transparent 18%)}

.section{border-top:1px solid rgba(113,29,53,.08)}
.section-head h2 span,.about h2 span,.process h2 span,.contact h2 span{-webkit-text-stroke:1.2px rgba(113,29,53,.55)}
.section-head>p,.about__copy>p:not(.eyebrow),.process__intro>p:last-child,.contact__copy>p:not(.eyebrow){color:var(--muted)}
.icon-lab,.skills,.services,.testimonials{background:var(--bg-soft)}
.icon-grid{border-color:var(--border)}
.cap-card{background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(255,255,255,.06));border-color:var(--border)}
.cap-card:before{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(113,29,53,.12),transparent 38%)}
.cap-card small,.cap-card p{color:var(--muted)}
.cap-icon{color:var(--primary);border-color:rgba(113,29,53,.2);background:linear-gradient(145deg,#fffaf5,#dfd0c7);box-shadow:-12px 18px 30px rgba(86,35,49,.16),inset 5px 5px 14px rgba(255,255,255,.7),0 0 25px rgba(113,29,53,.08)}
.icon-window i{background:var(--primary);box-shadow:13px 0 #b66e80,26px 0 #d6ad98}.icon-window b{background:var(--border)}
.icon-chip:before,.icon-link i,.icon-db i,.icon-db b,.icon-db span{border-color:var(--primary)}
.icon-chip:after{border-color:var(--secondary)}.icon-stack i{border-color:var(--primary)}
.icon-chart i{background:#a14a61}.icon-chart i:nth-child(2){background:var(--primary)}.icon-chart i:nth-child(3){background:#c7957e}
.icon-link b{border-color:#b66e80}.icon-motion i{background:var(--primary)}.icon-motion b{border-color:#b66e80}

.portrait-card{border-color:rgba(113,29,53,.2);background:radial-gradient(circle at 50% 40%,rgba(113,29,53,.18),transparent 35%),#e7dbd2;box-shadow:0 35px 80px rgba(83,34,47,.15)}
.portrait-mark{-webkit-text-stroke:1.5px rgba(113,29,53,.62);text-shadow:0 0 50px rgba(113,29,53,.1)}
.portrait-code{color:#58464b}.portrait-code span:nth-child(2){color:var(--primary)}
.portrait-card>p,.visual-label{color:var(--muted)}.about__copy .about-lead{color:#38292d!important}
.stats,.stats div{border-color:var(--border)}.stats strong:after{color:var(--primary)}

.skill-list,.skill-row{border-color:var(--border)}
.skill-row:hover{background:linear-gradient(90deg,rgba(113,29,53,.06),transparent)}
.skill-title i{color:var(--primary)}.skill-row>p,.skill-no,.meter b{color:var(--muted)}
.meter{background:#d8cbc3}.meter span{background:linear-gradient(90deg,var(--primary),#c06a7f);box-shadow:0 0 14px rgba(113,29,53,.25)}

.project{background:#f8f3ed;border-color:var(--border);box-shadow:0 16px 35px rgba(72,29,41,.055)}
.project:hover{border-color:rgba(113,29,53,.48);box-shadow:0 25px 55px rgba(72,29,41,.12)}
.project-preview{background-color:#6f1b33;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px)}
.preview-code{color:#f8dce4}.project-meta>span,.project-meta>a{color:var(--primary)}
.project-meta p{color:var(--muted)}.tags b{border-color:var(--border);color:#6e555c;background:#eee4dd}
.mock-sidebar,.chat-lines{background:#4d1123;border-color:rgba(255,255,255,.2)}
.chat-lines i{background:linear-gradient(90deg,#ad6679,transparent)}.chat-lines i:nth-child(2){background:linear-gradient(90deg,#f0c3ce,transparent)}
.chat-lines b{background:linear-gradient(135deg,#f5d7de,#b9677a);color:#60152a;box-shadow:0 0 40px rgba(255,215,226,.25)}
.phone{border-color:#ebc7d0;background:linear-gradient(#faf0f2,#c47a8c)}.phone i{background:linear-gradient(135deg,#f3c9d3,#b54c68)}.phone b,.phone span{background:#7b243c}
.sales-orb{background:radial-gradient(circle at 35% 30%,#ffe8ed,#c96980 35%,#491020 67%);box-shadow:0 30px 70px rgba(48,7,20,.4)}
.graph{border-color:rgba(255,255,255,.25)}.graph i{background:linear-gradient(155deg,transparent 47%,#f7cbd5 48%,#f7cbd5 49%,transparent 50%);filter:drop-shadow(0 0 6px #fff)}
.dash-nav,.dash-grid i{background:#4d1123;border-color:rgba(255,255,255,.18)}.dash-chart{border-color:rgba(255,255,255,.2);background:linear-gradient(165deg,transparent 48%,#f2c1cc 49%,transparent 50%)}
.product-shape{background:linear-gradient(135deg,#f5cbd4,#8d2943);box-shadow:-25px 35px 70px rgba(47,5,17,.38)}
.bot-flow:before{background:linear-gradient(90deg,#e9aab9,#fff0f3)}.bot-flow>*{border-color:rgba(255,255,255,.35);background:#541327;color:#fff;box-shadow:0 0 30px rgba(40,0,12,.2)}

.service-card{border-color:var(--border);background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(255,255,255,.08))}
.service-card:after{background:var(--primary)}.service-card:hover{border-color:rgba(113,29,53,.48)}
.service-card>i,.service-card a{color:var(--primary);text-shadow:none}.service-card p,.service-card>span{color:var(--muted)}
.timeline-line{background:#d2c3bb}.timeline-line i{background:linear-gradient(var(--primary),#c77487);box-shadow:0 0 12px rgba(113,29,53,.25)}
.step>b{border-color:var(--border);background:var(--bg);color:var(--muted)}.step.visible>b{border-color:var(--primary);color:var(--primary);box-shadow:0 0 25px rgba(113,29,53,.12)}
.step div{border-color:var(--border)}.step span{color:var(--primary)}.step p{color:var(--muted)}
.quote-grid blockquote{border-color:var(--border);background:#f8f2ec;box-shadow:0 14px 34px rgba(72,29,41,.05)}
.quote-grid blockquote>span{color:var(--primary)}.quote-grid footer>i{background:var(--primary);color:#fff}.quote-grid footer small{color:var(--muted)}

.contact{background:radial-gradient(circle at 10% 60%,rgba(113,29,53,.1),transparent 32%)}
.contact-cards,.contact-cards>a,.contact-cards>div{border-color:var(--border)}.contact-cards small{color:var(--muted)}.contact-cards span{color:var(--primary)}
.contact-form{border-color:var(--border);background:rgba(250,246,241,.78);box-shadow:0 30px 70px rgba(72,29,41,.09)}
.field label{color:var(--primary)}.field input,.field textarea,.field select{color:var(--text);border-color:#cdbcb5}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary)}.field select option{background:#f7f1eb}
.form-success{background:#f7f1eb}.form-success i{border-color:var(--primary);color:var(--primary);box-shadow:0 0 30px rgba(113,29,53,.18)}.form-success span{color:var(--muted)}

.footer{background:#711d35;color:#fff;border-color:transparent}.footer__mark span{-webkit-text-stroke:1px rgba(255,255,255,.55)}
.footer__bottom{border-color:rgba(255,255,255,.22);color:#e1c4cc}.socials a,.back-top{border-color:rgba(255,255,255,.28);color:#fff}.socials a:hover{border-color:#fff;color:#fff}

@media(max-width:760px){
  .nav-links{background:rgba(248,243,237,.98);border-color:var(--border)}
  .menu-toggle span{background:var(--primary)}
  .hero{min-height:940px}.hero:before{right:-55%;top:43%}.hero canvas{top:38%;height:48%}
  .hero__title{font-size:clamp(42px,12.2vw,62px)}
}

/* Performance pass: fewer composited layers, cleaner type, calmer motion. */
:root{--display:'Archivo',sans-serif;--body:'Noto Sans Arabic','Archivo',sans-serif}
body{font-kerning:normal;text-rendering:optimizeSpeed}
.hero__title,.section-head h2,.about h2,.process h2,.contact h2{letter-spacing:-.055em}
.cap-card h3,.skill-title h3,.project-meta h3,.service-card h3,.step h3{letter-spacing:-.035em}
.noise,.orb{display:none}
.loader{display:none!important}
.nav-shell,.contact-form{backdrop-filter:none;-webkit-backdrop-filter:none}
.nav-shell{background:rgba(248,243,237,.97)}
.hero-grid,.portrait-grid,.cap-icon,.product-shape,.nav-status i,.scroll-cue i{animation:none!important}
.service-card:after{display:none}
.cap-icon{box-shadow:0 12px 24px rgba(86,35,49,.1),inset 2px 2px 8px rgba(255,255,255,.65)}
.project,.quote-grid blockquote,.contact-form{box-shadow:0 10px 25px rgba(72,29,41,.045)}
.project:hover{box-shadow:0 16px 34px rgba(72,29,41,.085)}
.graph i{filter:none}.icon-motion i{filter:none}
.reveal{transition-duration:.5s}
@media(max-width:900px){
  .cursor{display:none}body,button,a{cursor:auto}
  .tilt{transform:none!important}.cap-card:before{display:none}
  .hero canvas{pointer-events:none}
}

/* Icons8 3D Fluency assets: real image-based 3D icons, decoded lazily. */
.icons8-icon{width:128px;height:128px;margin-top:14px;border:0;background:transparent;box-shadow:none;transform:none;overflow:visible}
.icons8-icon img{display:block;width:118px;height:118px;object-fit:contain;filter:grayscale(1) sepia(.92) saturate(3.2) hue-rotate(292deg) brightness(.72) contrast(1.08) drop-shadow(0 14px 14px rgba(70,25,38,.16));transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.cap-card:hover .icons8-icon img{transform:translateY(-5px) scale(1.035)}
.icons-credit{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.icons8-icon{width:112px;height:112px}.icons8-icon img{width:104px;height:104px}}

/* Editorial case studies: deliberately asymmetric, not a generic card grid. */
.projects{background:#f6f1eb}
.projects>.section-head,.projects>.project-grid{width:min(1440px,100%);margin-left:auto;margin-right:auto}
.projects>.section-head{padding-bottom:48px;border-bottom:1px solid rgba(69,24,36,.24);margin-bottom:0}
.projects>.section-head>p{font-size:13px;max-width:360px}
.project-grid{display:block;counter-reset:case-study}
.project,.project--wide,.project--reverse{position:relative;counter-increment:case-study;grid-column:auto;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(500px,1.28fr);align-items:center;gap:clamp(35px,5vw,90px);min-height:560px;padding:64px 0;border:0;border-bottom:1px solid rgba(69,24,36,.24);border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.project:before{content:'0' counter(case-study);position:absolute;z-index:3;left:0;top:58px;font:500 11px/1 var(--mono);letter-spacing:.08em;color:var(--primary)}
.project:hover{transform:none;border-color:rgba(69,24,36,.24);box-shadow:none}
.project .project-preview,.project:not(.project--wide) .project-preview{order:2;width:100%;min-height:0;height:450px;border:1px solid rgba(69,24,36,.18);border-radius:26px;box-shadow:0 22px 50px rgba(72,29,41,.1);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;overflow:hidden}
.project:hover .project-preview{transform:translateY(-5px);box-shadow:0 30px 65px rgba(72,29,41,.15)}
.project .project-meta{order:1;padding:60px 0 30px 72px;display:block}
.project .project-meta>span{font-size:9px;letter-spacing:.16em}
.project .project-meta h3,.project:not(.project--wide) .project-meta h3{max-width:560px;margin:22px 0 18px;font-size:clamp(32px,3.3vw,54px);line-height:1;letter-spacing:-.055em}
.project .project-meta p{max-width:480px;font-size:14px;line-height:1.8}
.project .tags{margin:28px 0 34px;gap:9px}
.project .tags b{padding:8px 12px;border-radius:3px;background:transparent;font-size:8px}
.project .project-meta>a{display:inline-flex;margin-top:0;padding:0 0 7px;font-size:9px;text-transform:uppercase}
.project:nth-child(even){grid-template-columns:minmax(500px,1.28fr) minmax(330px,.72fr)}
.project:nth-child(even) .project-preview{order:1}
.project:nth-child(even) .project-meta{order:2;padding-left:20px;padding-right:52px}
.project:nth-child(even):before{left:auto;right:0}
.project:nth-child(1) .project-preview,.project:nth-child(4) .project-preview{background-color:#5c1127}
.project:nth-child(2) .project-preview{background-color:#d9bfb2;background-image:linear-gradient(rgba(113,29,53,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(113,29,53,.08) 1px,transparent 1px)}
.project:nth-child(3) .project-preview{background-color:#e4d7cf;background-image:linear-gradient(rgba(113,29,53,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(113,29,53,.07) 1px,transparent 1px)}
.project:nth-child(5) .project-preview{background-color:#cdb4a7;background-image:linear-gradient(rgba(113,29,53,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(113,29,53,.08) 1px,transparent 1px)}
.project:nth-child(6) .project-preview{background-color:#eadfd8;background-image:linear-gradient(rgba(113,29,53,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(113,29,53,.07) 1px,transparent 1px)}
.project:nth-child(2) .preview-code,.project:nth-child(3) .preview-code,.project:nth-child(5) .preview-code,.project:nth-child(6) .preview-code{color:var(--primary)}
.project .preview-code{left:26px;bottom:24px;font-size:9px}
.project .mock-sidebar{left:10%;width:20%}.project .chat-lines{left:30%;width:60%}
.project .dash-nav{left:6%}.project .dash-grid,.project .dash-chart{right:6%}

@media(max-width:900px){
  .projects>.section-head{padding-bottom:35px}
  .project,.project--wide,.project--reverse,.project:nth-child(even){display:grid;grid-template-columns:1fr;gap:0;min-height:0;padding:54px 0}
  .project:before,.project:nth-child(even):before{top:48px;left:0;right:auto}
  .project .project-preview,.project:not(.project--wide) .project-preview,.project:nth-child(even) .project-preview{order:1;min-height:0;height:340px;margin-top:38px;border-radius:20px}
  .project .project-meta,.project:nth-child(even) .project-meta{order:2;padding:34px 0 0}
  .project .project-meta h3,.project:not(.project--wide) .project-meta h3{font-size:clamp(32px,8vw,48px)}
}
@media(max-width:560px){
  .project .project-preview,.project:not(.project--wide) .project-preview{min-height:0;height:280px}
  .project .project-meta h3,.project:not(.project--wide) .project-meta h3{font-size:34px!important}
}

/* Real project photography, color-directed to the wine editorial palette. */
.project-preview:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,rgba(55,7,20,.08),rgba(113,29,53,.26));mix-blend-mode:multiply}
.project-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s;filter:saturate(.72) contrast(1.04)}
.project:hover .project-image{transform:scale(1.035);filter:saturate(.9) contrast(1.03)}
.project .preview-code{z-index:2;padding:8px 11px;border-radius:3px;background:rgba(246,241,235,.9);color:var(--primary)!important;backdrop-filter:none}
.project:nth-child(1) .project-image{object-position:center 44%}
.project:nth-child(2) .project-image{object-position:center 55%}
.project:nth-child(3) .project-image{object-position:center 50%}
.project:nth-child(4) .project-image{object-position:center 52%}
.project:nth-child(5) .project-image{object-position:center}
.project:nth-child(6) .project-image{object-position:center 58%}

/* Final polish: sharper editorial contrast, real portrait treatment, richer imagery. */
:root{
  --bg:#f4efe8;
  --bg-soft:#ebe1d8;
  --card:#fffaf4;
  --text:#221719;
  --muted:#6f6264;
  --primary:#6e1732;
  --secondary:#1f5f7a;
  --accent:#b85c72;
  --border:rgba(51,24,30,.16);
  --glow:rgba(31,95,122,.18);
}
body{
  background:
    linear-gradient(90deg,rgba(31,95,122,.035) 1px,transparent 1px),
    linear-gradient(#f7f1eb,#eee3da 46%,#f6f0ea);
  background-size:72px 72px,auto;
}
.nav-shell{
  width:min(1240px,calc(100% - 34px));
  border-radius:12px;
  background:rgba(255,250,244,.91);
  box-shadow:0 18px 55px rgba(60,28,35,.1);
}
.brand span{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid rgba(110,23,50,.2);
  border-radius:50%;
  background:#fff8f1;
}
.hero{
  min-height:96svh;
  background:
    radial-gradient(circle at 73% 42%,rgba(31,95,122,.18),transparent 30%),
    linear-gradient(135deg,#fbf5ee 0%,#efe1d8 58%,#dcc7bd 100%);
}
.hero:before{
  border-radius:42% 58% 52% 48%/45% 42% 58% 55%;
  border-color:rgba(31,95,122,.22);
  box-shadow:0 0 0 36px rgba(31,95,122,.035),0 0 0 72px rgba(110,23,50,.018);
}
.hero:after{
  background:
    linear-gradient(90deg,rgba(255,250,244,.72),transparent 48%),
    linear-gradient(to bottom,transparent 79%,var(--bg));
}
.hero__title{
  max-width:1080px;
  text-wrap:balance;
}
.hero__bottom>p{
  max-width:590px;
  font-size:16px;
  color:#5f5054;
}
.button{
  border-radius:10px;
}
.button--primary{
  background:#221719;
  border-color:#221719;
  color:#fffaf4;
}
.button--ghost{
  background:#fff8f1;
}
.section{
  padding-block:128px;
}
.section-head h2,.about h2,.process h2,.contact h2{
  text-wrap:balance;
}
.cap-card,.service-card,.quote-grid blockquote,.contact-form{
  border-radius:12px;
}
.icons8-icon img{
  filter:drop-shadow(0 16px 16px rgba(70,25,38,.14));
}
.cap-card:hover .icons8-icon img{
  transform:translateY(-7px) scale(1.06) rotate(-2deg);
}
.about{
  grid-template-columns:minmax(310px,.78fr) minmax(420px,1.22fr);
}
.portrait-card{
  isolation:isolate;
  aspect-ratio:.76;
  border-radius:18px;
  background:#decfc5;
  box-shadow:0 30px 90px rgba(60,28,35,.18);
}
.portrait-card:before{
  content:'';
  position:absolute;
  inset:16px;
  z-index:3;
  border:1px solid rgba(255,250,244,.5);
  border-radius:14px;
  pointer-events:none;
}
.portrait-photo{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:62% 48%;
  transform:scale(1.08);
  filter:saturate(.88) contrast(1.08) brightness(.86);
}
.portrait-card:after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg,rgba(23,12,16,.04),rgba(38,14,22,.74)),
    radial-gradient(circle at 27% 20%,rgba(255,246,225,.58),transparent 22%),
    linear-gradient(135deg,rgba(110,23,50,.22),rgba(31,95,122,.2));
  mix-blend-mode:multiply;
}
.portrait-grid{
  z-index:2;
  opacity:.2;
  mask-image:linear-gradient(to bottom,transparent 0%,black 55%,transparent 92%);
}
.portrait-mark{
  z-index:4;
  place-items:start;
  padding:30px 0 0 28px;
  font-size:clamp(66px,9vw,132px);
  letter-spacing:-.12em;
  -webkit-text-stroke:1px rgba(255,250,244,.8);
  color:rgba(255,250,244,.08);
  text-shadow:none;
}
.portrait-glass{
  position:absolute;
  z-index:4;
  right:24px;
  top:24px;
  width:94px;
  height:94px;
  border:1px solid rgba(255,250,244,.48);
  border-radius:50%;
  background:rgba(255,250,244,.12);
  box-shadow:inset 0 0 35px rgba(255,255,255,.12),0 18px 40px rgba(26,13,18,.18);
}
.portrait-code{
  z-index:5;
  left:28px;
  right:28px;
  bottom:74px;
  padding:15px 16px;
  border:1px solid rgba(255,250,244,.22);
  border-radius:10px;
  background:rgba(32,16,22,.54);
  color:#fff5ef;
}
.portrait-code span:nth-child(2){
  color:#f6cad4;
}
.portrait-card>p{
  z-index:5;
  color:#f8e9e1;
}
.visual-label{
  right:-28px;
}
.stats{
  background:rgba(255,250,244,.34);
}
.project .project-preview,.project:not(.project--wide) .project-preview{
  border-radius:16px;
  box-shadow:0 28px 70px rgba(47,22,28,.14);
}
.project-preview:after{
  background:
    linear-gradient(180deg,transparent 42%,rgba(25,11,16,.46)),
    linear-gradient(135deg,rgba(31,95,122,.16),rgba(110,23,50,.18));
  mix-blend-mode:normal;
}
.project-image{
  filter:saturate(1.02) contrast(1.05);
}
.project:hover .project-image{
  filter:saturate(1.12) contrast(1.06);
}
.project .preview-code{
  border:1px solid rgba(110,23,50,.14);
  background:rgba(255,250,244,.92);
}
.project .project-meta h3{
  color:#241416;
}
.project .tags b{
  border-radius:999px;
  background:#fff8f1;
}
.contact{
  background:
    radial-gradient(circle at 13% 40%,rgba(31,95,122,.13),transparent 30%),
    linear-gradient(180deg,#f6f0ea,#eee1d8);
}
.contact-form{
  background:#fff9f2;
}
.footer{
  background:linear-gradient(135deg,#4d1022,#721936 56%,#1d536b);
}

@media(max-width:900px){
  .about{
    grid-template-columns:1fr;
  }
  .portrait-card{
    max-width:520px;
    margin-inline:auto;
  }
}
@media(max-width:760px){
  .hero{
    min-height:880px;
  }
  .hero__title{
    font-size:clamp(40px,11.4vw,58px);
  }
  .portrait-mark{
    font-size:76px;
  }
  .portrait-glass{
    width:72px;
    height:72px;
  }
  .project .project-preview,.project:not(.project--wide) .project-preview{
    height:300px;
  }
}

/* Portrait-first edition: stronger type, personal hero image, scroll-driven motion. */
:root{
  --display:'Bricolage Grotesque','Noto Kufi Arabic',sans-serif;
  --body:'Noto Kufi Arabic','Bricolage Grotesque',sans-serif;
  --mono:'IBM Plex Mono',monospace;
}
.scroll-progress{
  position:fixed;
  z-index:1000;
  top:0;
  left:0;
  width:100%;
  height:3px;
  background:transparent;
  pointer-events:none;
}
.scroll-progress span{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,#221719,var(--primary),var(--secondary));
  box-shadow:0 0 18px rgba(31,95,122,.28);
  transform-origin:left;
}
.hero{
  min-height:100svh;
  padding-right:max(7vw,30px);
}
.hero canvas{
  opacity:.28;
  filter:blur(.2px);
}
.hero__content{
  max-width:68vw;
}
.hero__title{
  max-width:980px;
  font-weight:800;
  letter-spacing:-.04em;
}
.title-line--accent{
  -webkit-text-stroke:1.2px rgba(110,23,50,.85);
}
.hero-portrait{
  position:absolute;
  z-index:3;
  right:max(4.8vw,42px);
  top:17%;
  width:clamp(255px,27vw,405px);
  aspect-ratio:.72;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,250,244,.62);
  border-radius:28px 28px 8px 8px;
  background:#241416;
  box-shadow:0 34px 95px rgba(45,18,25,.26);
  transform:translate3d(0,var(--scroll-y,0px),0) rotate(2.5deg);
  transform-origin:center;
  transition:transform .18s linear;
}
.hero-portrait:before{
  content:'';
  position:absolute;
  inset:12px;
  z-index:3;
  border:1px solid rgba(255,250,244,.46);
  border-radius:22px 22px 5px 5px;
  pointer-events:none;
}
.hero-portrait:after{
  content:'';
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(180deg,rgba(255,244,232,.02) 35%,rgba(24,9,15,.58)),
    linear-gradient(135deg,rgba(110,23,50,.3),rgba(31,95,122,.24));
  mix-blend-mode:multiply;
}
.hero-portrait img{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:60% 48%;
  transform:scale(1.1);
  filter:saturate(.95) contrast(1.08) brightness(.92);
}
.hero-portrait figcaption{
  position:absolute;
  z-index:4;
  left:24px;
  right:24px;
  bottom:22px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  color:#fff8f1;
  font-family:var(--mono);
  text-transform:uppercase;
}
.hero-portrait figcaption span{
  max-width:120px;
  font-size:10px;
  line-height:1.35;
  letter-spacing:.16em;
}
.hero-portrait figcaption b{
  font-size:8px;
  font-weight:500;
  letter-spacing:.12em;
  color:#f1cbd4;
}
.hero-portrait:hover{
  transform:translate3d(0,var(--scroll-y,0px),0) rotate(0deg) scale(1.015);
}
.hero__bottom{
  max-width:980px;
}
.section-head h2,.about h2,.process h2,.contact h2{
  letter-spacing:-.035em;
}
.reveal{
  transform:translateY(42px) scale(.985);
  transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1);
  will-change:transform,opacity;
}
.reveal.visible{
  transform:translateY(0) scale(1);
}
.section-head.reveal.visible h2 span,
.about__copy.reveal.visible h2 span,
.process__intro.reveal.visible h2 span,
.contact__copy.reveal.visible h2 span{
  animation:strokeGlow 1.2s ease both;
}
.project,.cap-card,.service-card,.quote-grid blockquote,.skill-row{
  will-change:transform;
}
.project.in-view .project-preview,
.cap-card.in-view .icons8-icon img,
.service-card.in-view,
.quote-grid blockquote.in-view{
  animation:scrollLift .8s cubic-bezier(.16,1,.3,1) both;
}
.scroll-float{
  will-change:transform;
}
@keyframes scrollLift{
  from{transform:translateY(28px);opacity:.72}
  to{transform:translateY(0);opacity:1}
}
@keyframes strokeGlow{
  0%{-webkit-text-stroke-color:rgba(110,23,50,.32)}
  100%{-webkit-text-stroke-color:rgba(31,95,122,.58)}
}

@media(max-width:1120px){
  .hero__content{
    max-width:72vw;
  }
  .hero-portrait{
    right:-18px;
    width:clamp(230px,30vw,340px);
    opacity:.86;
  }
}
@media(max-width:760px){
  .scroll-progress{
    height:2px;
  }
  .hero{
    min-height:1040px;
    padding-top:112px;
  }
  .hero__content{
    max-width:100%;
  }
  .hero canvas{
    opacity:.16;
  }
  .hero-portrait{
    top:auto;
    right:20px;
    bottom:92px;
    width:min(330px,calc(100vw - 40px));
    border-radius:22px 22px 8px 8px;
    opacity:1;
    transform:translate3d(0,var(--scroll-y,0px),0) rotate(1.5deg);
  }
  .hero-portrait figcaption{
    left:20px;
    right:20px;
  }
  .hero__bottom{
    margin-top:30px;
  }
  .scroll-cue{
    display:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .scroll-progress span,.hero-portrait,.scroll-float{
    transition:none!important;
    transform:none!important;
  }
}

/* Requested fixes: face-focused portrait crop and filled burgundy headings. */
.portrait-photo{
  object-position:76% 82%;
  transform:scale(1.02);
  filter:saturate(.98) contrast(1.08) brightness(.9);
}
.hero-portrait img{
  object-position:74% 78%;
  transform:scale(1.04);
}
.portrait-card:after{
  background:
    linear-gradient(180deg,rgba(255,244,232,.02) 18%,rgba(24,9,15,.42)),
    linear-gradient(135deg,rgba(110,23,50,.16),rgba(31,95,122,.14));
}
.portrait-mark{
  color:rgba(110,23,50,.72);
  -webkit-text-stroke:0;
  text-shadow:0 18px 45px rgba(45,18,25,.16);
}
.section-head h2 span,
.about h2 span,
.process h2 span,
.contact h2 span,
.title-line--accent{
  color:var(--primary);
  -webkit-text-stroke:0;
  text-shadow:none;
}
.section-head.reveal.visible h2 span,
.about__copy.reveal.visible h2 span,
.process__intro.reveal.visible h2 span,
.contact__copy.reveal.visible h2 span{
  animation:none;
}

@media(max-width:760px){
  .portrait-photo{
    object-position:76% 80%;
  }
  .hero-portrait img{
    object-position:74% 78%;
  }
}

/* Hero 3D return: no portrait in the hero, sculpture carries the first view. */
.hero-portrait{
  display:none!important;
}
.hero{
  overflow:hidden;
}
.hero__content{
  max-width:76vw;
}
.hero canvas{
  z-index:2;
  opacity:.96;
  filter:saturate(.98) contrast(1.04);
}
.hero:after{
  background:
    linear-gradient(90deg,rgba(255,250,244,.82) 0%,rgba(255,250,244,.64) 42%,rgba(255,250,244,.08) 72%),
    linear-gradient(to bottom,transparent 80%,var(--bg));
}
.hero:before{
  right:3%;
  top:18%;
  border-color:rgba(31,95,122,.2);
  box-shadow:0 0 0 34px rgba(31,95,122,.028),0 0 0 68px rgba(110,23,50,.018);
}
.icons8-icon img{
  filter:sepia(.8) saturate(2.15) hue-rotate(292deg) brightness(.78) contrast(1.08) drop-shadow(0 15px 16px rgba(70,25,38,.14));
}
.cap-card:nth-child(3n) .icons8-icon img,
.cap-card:nth-child(4n) .icons8-icon img{
  filter:sepia(.72) saturate(2.3) hue-rotate(155deg) brightness(.72) contrast(1.08) drop-shadow(0 15px 16px rgba(31,95,122,.14));
}
.cap-card:hover .icons8-icon img{
  transform:translateY(-7px) scale(1.055) rotate(-2deg);
}

@media(max-width:1120px){
  .hero__content{
    max-width:82vw;
  }
  .hero canvas{
    opacity:.72;
  }
}
@media(max-width:760px){
  .hero{
    min-height:900px;
  }
  .hero canvas{
    top:44%;
    height:43%;
    opacity:.42;
  }
  .hero__content{
    max-width:100%;
  }
}

/* Final no-outline pass: filled burgundy typography across the portfolio. */
:root{
  --primary:#6e1732;
  --primary-deep:#4b0d21;
  --primary-soft:#8b2a47;
  --wine-light:#f7d9df;
  --ink:#241416;
}
.title-line--accent,
.section-head h2 span,
.about h2 span,
.process h2 span,
.contact h2 span,
.footer__mark span,
.loader__name span:last-child,
.portrait-mark{
  color:var(--primary)!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}
.hero__title,
.section-head h2,
.about h2,
.process h2,
.contact h2{
  color:var(--ink);
}
.footer{
  background:linear-gradient(135deg,var(--primary-deep) 0%,var(--primary) 54%,#1f5f7a 100%);
}
.footer__mark{
  color:#fff8f1;
}
.footer__mark span{
  color:var(--wine-light)!important;
}
.hero__kicker,
.eyebrow,
.project-meta>span,
.project-meta>a,
.step span,
.field label{
  color:var(--primary);
}
.button--primary{
  background:linear-gradient(135deg,var(--primary-deep),var(--primary));
  border-color:var(--primary);
}
.button--ghost,
.tags b{
  border-color:rgba(110,23,50,.22);
  color:var(--primary);
}
.nav-links a.active,
.nav-links a:hover{
  color:var(--primary);
}
.nav-links a:after,
.scroll-progress span,
.meter span{
  background:linear-gradient(90deg,var(--primary-deep),var(--primary),var(--primary-soft));
}
.section-head.reveal.visible h2 span,
.about__copy.reveal.visible h2 span,
.process__intro.reveal.visible h2 span,
.contact__copy.reveal.visible h2 span{
  animation:none!important;
}

/* Responsive and icon color repair: keep 3D icons vivid, grid fluid. */
.icon-lab{
  overflow:hidden;
}
.icon-grid{
  width:min(1560px,100%);
  margin-inline:auto;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;
  border-top:1px solid var(--border);
  border-left:1px solid var(--border);
}
.cap-card{
  min-height:300px;
  padding:clamp(24px,2.2vw,34px);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  background:linear-gradient(145deg,rgba(255,250,244,.62),rgba(255,255,255,.16));
}
.cap-card h3{
  margin-top:24px;
  color:var(--ink);
}
.cap-card p{
  max-width:285px;
  color:#6f6264;
}
.icons8-icon{
  width:126px;
  height:126px;
  margin-top:8px;
}
.icons8-icon img,
.cap-card:nth-child(3n) .icons8-icon img,
.cap-card:nth-child(4n) .icons8-icon img{
  width:118px;
  height:118px;
  filter:saturate(1.08) contrast(1.04) brightness(1.02) drop-shadow(0 18px 18px rgba(70,25,38,.12))!important;
}
.cap-card:hover .icons8-icon img{
  transform:translateY(-7px) scale(1.06) rotate(-2deg);
}

@media(max-width:1100px){
  .icon-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .cap-card{
    min-height:280px;
  }
}
@media(max-width:640px){
  .icon-lab.section{
    padding-inline:16px;
  }
  .icon-grid{
    grid-template-columns:1fr!important;
    border-left:0;
  }
  .cap-card{
    min-height:250px;
    border-left:1px solid var(--border);
    border-radius:0;
  }
  .icons8-icon{
    width:104px;
    height:104px;
  }
  .icons8-icon img,
  .cap-card:nth-child(3n) .icons8-icon img,
  .cap-card:nth-child(4n) .icons8-icon img{
    width:98px;
    height:98px;
  }
}

/* Capability grid correction: never exceed four columns. */
.icon-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
@media(max-width:1180px){
  .icon-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:640px){
  .icon-grid{
    grid-template-columns:1fr!important;
  }
}