/* Portfolio page — additions only; existing site styles remain intact. */
.portfolio-page{--p-bg:#050b1b;--p-panel:#0a1428;--p-line:rgba(148,163,184,.16);--p-muted:#aab8ce;background:var(--p-bg);color:#f8fafc}
.portfolio-page .header .container{height:90px}
.portfolio-page .nav-links a.active{color:#06b6d4}
.portfolio-page .nav-links a.active::after{width:100%}
.portfolio-page .portfolio-hero{position:relative;isolation:isolate;overflow:hidden;padding:155px 0 30px;min-height:680px;background:radial-gradient(ellipse at 72% 30%,rgba(6,182,212,.13),transparent 38%),linear-gradient(180deg,#050b1b 0%,#071226 100%)}
.portfolio-page .portfolio-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:clamp(35px,6vw,90px);position:relative;z-index:1}
.portfolio-page .portfolio-intro{max-width:680px}
.portfolio-page .eyebrow,.portfolio-page .section-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#06c4df;font-size:12px;letter-spacing:.15em;font-weight:800}
.portfolio-page .eyebrow{padding:11px 16px;border:1px solid rgba(6,182,212,.18);background:rgba(15,37,74,.75);border-radius:999px;letter-spacing:.08em}
.portfolio-page .eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#06c4df;box-shadow:0 0 15px #06c4df}
.portfolio-page .eyebrow-separator{color:#64748b}
.portfolio-page .portfolio-intro h1,.portfolio-page .section-heading h2,.portfolio-page .section-kicker h2,.portfolio-page .cta-panel h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(42px,5.2vw,68px);line-height:1.12;letter-spacing:-.045em;margin:25px 0 22px;font-weight:700}
.portfolio-page .name-highlight{color:#f8fafc}
.portfolio-page .gradient-text{background:linear-gradient(110deg,#09c4dc 5%,#22d3ee 48%,#60a5fa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.portfolio-page .hero-copy{font-size:clamp(16px,1.35vw,19px);line-height:1.9;color:#bdc9db;max-width:640px}
.portfolio-page .hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.portfolio-page .hero-actions .btn-primary,.portfolio-page .hero-actions .btn-secondary{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 24px;border-radius:13px;text-decoration:none;font-weight:800}
.portfolio-page .btn-secondary{border:1px solid rgba(148,163,184,.25);background:rgba(7,14,29,.45);color:#eaf0fb;transition:transform .25s,border-color .25s,background .25s}
.portfolio-page .btn-secondary:hover{transform:translateY(-3px);border-color:rgba(6,182,212,.6);background:rgba(6,182,212,.07)}
.portfolio-page .hero-proof{display:flex;flex-wrap:wrap;gap:20px;margin-top:27px;color:#94a8c5;font-size:12px}
.portfolio-page .hero-proof i{color:#06b6d4;margin-right:7px}
.portfolio-page .hero-visual{min-height:410px;position:relative;display:grid;place-items:center;isolation:isolate}
.portfolio-page .visual-grid{position:absolute;inset:4%;background-image:linear-gradient(rgba(61,112,154,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(61,112,154,.12) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,black 20%,transparent 72%);z-index:-2}
.portfolio-page .visual-ring{position:absolute;border:1px solid rgba(6,182,212,.25);border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 50px rgba(6,182,212,.06) inset}
.portfolio-page .ring-a{width:330px;height:330px}.portfolio-page .ring-b{width:250px;height:250px;border-color:rgba(59,130,246,.35);transform:rotate(35deg)}
.portfolio-page .visual-core{width:180px;height:180px;border-radius:35px;border:1px solid rgba(34,211,238,.32);background:linear-gradient(145deg,rgba(15,36,65,.95),rgba(4,12,28,.95));box-shadow:0 0 80px rgba(6,182,212,.16),inset 0 1px rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transform:rotate(-5deg)}
.portfolio-page .visual-core img{width:120px;max-height:65px;object-fit:contain}.portfolio-page .visual-core span{font-size:8px;letter-spacing:.18em;color:#8ca5c4;font-weight:800}
.portfolio-page .floating-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid rgba(148,163,184,.18);background:rgba(8,19,39,.9);border-radius:13px;box-shadow:0 18px 45px rgba(0,0,0,.25);font-size:12px;font-weight:700;color:#e5edf9;backdrop-filter:blur(12px);white-space:nowrap}
.portfolio-page .floating-chip i{color:#16c5df;font-size:16px}.portfolio-page .chip-ai{top:16%;left:0}.portfolio-page .chip-erp{top:19%;right:0}.portfolio-page .chip-api{bottom:19%;left:1%}.portfolio-page .chip-data{bottom:15%;right:0}
.portfolio-page .portfolio-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:-1}.portfolio-page .orb-one{width:260px;height:260px;right:10%;top:12%;background:rgba(8,145,178,.12)}.portfolio-page .orb-two{width:220px;height:220px;left:-100px;bottom:0;background:rgba(37,99,235,.1)}
.portfolio-page .hero-bottom-line{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--p-line);margin-top:50px;padding-top:20px;color:#7388a7;font-size:10px;font-weight:800;letter-spacing:.15em}
.portfolio-page .section-pad{padding:100px 0}.portfolio-page .about-founder{background:#070f20;border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.035)}
.portfolio-page .founder-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(35px,8vw,120px);align-items:start}
.portfolio-page .section-kicker h2{font-size:clamp(34px,4vw,49px);margin:18px 0 0}.portfolio-page .founder-copy p{color:#b6c4d9;font-size:16px;line-height:1.9;margin-bottom:18px}
.portfolio-page .founder-signoff{display:flex;align-items:center;gap:13px;margin-top:25px}.portfolio-page .signoff-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#2563eb,#06b6d4);font:700 22px "Space Grotesk",sans-serif}.portfolio-page .founder-signoff strong,.portfolio-page .founder-signoff small{display:block}.portfolio-page .founder-signoff strong{font-size:14px}.portfolio-page .founder-signoff small{margin-top:4px;color:#8093af;font-size:12px}
.portfolio-page .expertise-section{background:radial-gradient(ellipse at 50% 0,rgba(6,182,212,.06),transparent 45%),#050b1b}
.portfolio-page .section-heading{text-align:center;max-width:760px;margin:0 auto 45px}.portfolio-page .section-heading h2{font-size:clamp(34px,4vw,50px);margin:17px 0}.portfolio-page .section-heading p{color:#9fb0c8;line-height:1.8;font-size:15px}
.portfolio-page .expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portfolio-page .expertise-card{position:relative;overflow:hidden;padding:28px 25px 30px;min-height:225px;border:1px solid var(--p-line);border-radius:18px;background:linear-gradient(145deg,rgba(13,27,49,.9),rgba(7,15,31,.9));transition:transform .25s,border-color .25s,box-shadow .25s}.portfolio-page .expertise-card:hover{transform:translateY(-5px);border-color:rgba(6,182,212,.4);box-shadow:0 20px 45px rgba(0,0,0,.2)}.portfolio-page .expertise-number{position:absolute;top:20px;right:22px;color:#4b607d;font:700 12px "Space Grotesk",sans-serif}.portfolio-page .expertise-icon{width:45px;height:45px;display:grid;place-items:center;background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.15);border-radius:13px;color:#11c5df;font-size:18px;margin-bottom:21px}.portfolio-page .expertise-card h3{font-size:16px;line-height:1.45;margin-bottom:10px}.portfolio-page .expertise-card p{font-size:13px;line-height:1.8;color:#91a4bf}.portfolio-page .experience-note{margin:24px auto 0;text-align:center;font-size:12px;color:#7185a3}.portfolio-page .experience-note i{color:#06b6d4;margin-right:6px}
.portfolio-page .selected-work{background:#070f20;border-top:1px solid rgba(255,255,255,.04)}.portfolio-page .work-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.portfolio-page .work-heading .section-heading{text-align:left;margin:0;max-width:760px}.portfolio-page .work-heading .section-heading h2{margin-top:17px}.portfolio-page .work-count{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;border:1px solid rgba(6,182,212,.22);border-radius:22px;background:rgba(6,182,212,.05);flex-shrink:0}.portfolio-page .work-count strong{font:700 34px "Space Grotesk",sans-serif;color:#12c4dd}.portfolio-page .work-count small{font-size:8px;color:#8ba0bd;letter-spacing:.1em;margin-top:4px}
.portfolio-page .portfolio-filters{display:flex;flex-wrap:wrap;gap:9px;margin:35px 0 28px}.portfolio-page .filter-btn{border:1px solid rgba(148,163,184,.18);background:#0b172c;color:#9fb0c8;padding:10px 15px;border-radius:999px;font:700 12px Manrope,sans-serif;cursor:pointer;transition:.2s}.portfolio-page .filter-btn:hover,.portfolio-page .filter-btn.active{background:rgba(6,182,212,.12);border-color:rgba(6,182,212,.5);color:#3bd7ea}.portfolio-page .filter-btn:focus-visible{outline:2px solid #22d3ee;outline-offset:3px}
.portfolio-page .work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portfolio-page .work-card{min-width:0;border:1px solid rgba(148,163,184,.14);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#0b172c,#081122);transition:transform .25s,border-color .25s,box-shadow .25s}.portfolio-page .work-card:hover{transform:translateY(-5px);border-color:rgba(6,182,212,.38);box-shadow:0 22px 45px rgba(0,0,0,.25)}.portfolio-page .work-card[hidden]{display:none}.portfolio-page .work-image{height:210px;display:block;position:relative;overflow:hidden;background:#050b17;border-bottom:1px solid rgba(255,255,255,.07)}.portfolio-page .work-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,8,18,.35));pointer-events:none}.portfolio-page .work-image img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .45s}.portfolio-page .work-card:hover .work-image img{transform:scale(1.04)}.portfolio-page .image-open{position:absolute;right:13px;top:13px;z-index:1;width:34px;height:34px;border:1px solid rgba(255,255,255,.15);border-radius:10px;display:grid;place-items:center;background:rgba(3,8,18,.75);color:#e7f7ff;font-size:12px}
.portfolio-page .work-card-body{padding:22px}.portfolio-page .project-label{display:inline-block;color:#13c5df;font-size:9px;letter-spacing:.13em;font-weight:800}.portfolio-page .work-card h3{font:700 20px "Space Grotesk",sans-serif;margin:11px 0 10px;letter-spacing:-.02em}.portfolio-page .work-card p{color:#9aacc4;font-size:13px;line-height:1.8;min-height:70px}.portfolio-page .work-tags{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 20px}.portfolio-page .work-tags span{padding:6px 8px;border-radius:6px;background:rgba(148,163,184,.08);color:#a9bad0;font-size:10px}.portfolio-page .work-link{display:inline-flex;align-items:center;gap:9px;color:#28cbe0;text-decoration:none;font-size:12px;font-weight:800}.portfolio-page .work-link:hover{color:#8beafa}.portfolio-page .project-disclaimer{margin-top:22px;color:#7084a2;font-size:11px;line-height:1.7}
.portfolio-page .portfolio-cta{background:radial-gradient(ellipse at 50% 50%,rgba(37,99,235,.11),transparent 65%),#050b1b}.portfolio-page .cta-panel{position:relative;overflow:hidden;text-align:center;padding:70px 28px;border:1px solid rgba(6,182,212,.2);border-radius:25px;background:linear-gradient(135deg,rgba(12,29,54,.96),rgba(5,13,29,.96))}.portfolio-page .cta-panel h2{font-size:clamp(34px,4.5vw,54px);margin:18px 0}.portfolio-page .cta-panel p{max-width:690px;margin:0 auto;color:#a9bad0;line-height:1.85;font-size:15px}.portfolio-page .cta-panel .hero-actions{justify-content:center}.portfolio-page .cta-decoration{position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(6,182,212,.1);right:-100px;top:-180px;box-shadow:0 0 0 35px rgba(6,182,212,.025),0 0 0 70px rgba(6,182,212,.02);pointer-events:none}
.portfolio-page .portfolio-footer{padding:28px 0;border-top:1px solid rgba(148,163,184,.12);background:#030816}.portfolio-page .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.portfolio-page .footer-brand img{height:42px;width:auto}.portfolio-page .footer-inner p{color:#8295b1;font-size:12px}.portfolio-page .footer-inner>span{color:#637692;font-size:10px}
.portfolio-page .menu-overlay{z-index:1000}.portfolio-page .mobile-menu{z-index:1002}
@media(max-width:1000px){.portfolio-page .portfolio-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:25px}.portfolio-page .portfolio-intro h1{font-size:clamp(40px,5.3vw,56px)}.portfolio-page .hero-visual{min-height:360px}.portfolio-page .ring-a{width:280px;height:280px}.portfolio-page .ring-b{width:215px;height:215px}.portfolio-page .visual-core{width:150px;height:150px}.portfolio-page .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-page .expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.portfolio-page .header .container{height:76px}.portfolio-page .portfolio-book{display:none}.portfolio-page .portfolio-hero{padding:120px 0 25px;min-height:0}.portfolio-page .portfolio-hero-grid{grid-template-columns:1fr}.portfolio-page .portfolio-intro h1{font-size:clamp(39px,10vw,58px);margin-top:22px}.portfolio-page .hero-copy{font-size:15px;line-height:1.8}.portfolio-page .hero-visual{min-height:310px;margin-top:5px}.portfolio-page .ring-a{width:245px;height:245px}.portfolio-page .ring-b{width:190px;height:190px}.portfolio-page .visual-core{width:135px;height:135px;border-radius:28px}.portfolio-page .visual-core img{width:100px}.portfolio-page .floating-chip{padding:10px 12px;font-size:10px}.portfolio-page .chip-ai{left:2%;top:12%}.portfolio-page .chip-erp{right:1%;top:14%}.portfolio-page .chip-api{left:1%;bottom:12%}.portfolio-page .chip-data{right:0;bottom:10%}.portfolio-page .hero-bottom-line{margin-top:20px;gap:12px;font-size:8px}.portfolio-page .section-pad{padding:70px 0}.portfolio-page .founder-grid{grid-template-columns:1fr;gap:25px}.portfolio-page .section-kicker h2{font-size:36px}.portfolio-page .section-heading{margin-bottom:30px}.portfolio-page .section-heading h2{font-size:36px}.portfolio-page .work-heading{align-items:start}.portfolio-page .work-count{width:72px;height:72px;border-radius:16px}.portfolio-page .work-count strong{font-size:25px}.portfolio-page .work-count small{font-size:7px}.portfolio-page .portfolio-filters{margin-top:25px}.portfolio-page .filter-btn{padding:9px 12px;font-size:11px}.portfolio-page .work-grid{grid-template-columns:1fr}.portfolio-page .work-image{height:230px}.portfolio-page .work-card p{min-height:0}.portfolio-page .cta-panel{padding:50px 20px}.portfolio-page .footer-inner{justify-content:center;text-align:center;flex-direction:column;gap:10px}}
@media(max-width:460px){.portfolio-page .hero-actions{align-items:stretch}.portfolio-page .hero-actions a{width:100%}.portfolio-page .hero-proof{gap:10px;flex-direction:column}.portfolio-page .expertise-grid{grid-template-columns:1fr}.portfolio-page .expertise-card{min-height:0}.portfolio-page .work-heading{gap:12px}.portfolio-page .work-heading .section-heading h2{font-size:31px}.portfolio-page .work-count{display:none}.portfolio-page .hero-visual{min-height:275px}.portfolio-page .floating-chip{font-size:9px;gap:6px}.portfolio-page .hero-bottom-line span{width:100%}}
@media(prefers-reduced-motion:reduce){.portfolio-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* === Premium portfolio motion === */
@keyframes portfolioFadeUp {
  from { opacity: 0; transform: translate3d(0, 22px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes portfolioCoreFloat {
  0%, 100% { transform: translateY(0) rotate(-5deg); }
  50% { transform: translateY(-10px) rotate(-2deg); }
}
@keyframes portfolioRingSpin {
  from { transform: rotate(0deg) scale(1); }
  to { transform: rotate(360deg) scale(1); }
}
@keyframes portfolioRingPulse {
  0%, 100% { opacity: .55; scale: .98; }
  50% { opacity: 1; scale: 1.035; }
}
@keyframes portfolioChipFloat {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -9px; }
}
@keyframes portfolioGlowDrift {
  0%, 100% { opacity: .55; transform: translate3d(0,0,0) scale(1); }
  50% { opacity: .95; transform: translate3d(-12px,10px,0) scale(1.08); }
}
.portfolio-page .portfolio-intro > * {
  animation: portfolioFadeUp .75s cubic-bezier(.2,.7,.2,1) both;
}
.portfolio-page .portfolio-intro > *:nth-child(1) { animation-delay: .08s; }
.portfolio-page .portfolio-intro > *:nth-child(2) { animation-delay: .18s; }
.portfolio-page .portfolio-intro > *:nth-child(3) { animation-delay: .3s; }
.portfolio-page .portfolio-intro > *:nth-child(4) { animation-delay: .42s; }
.portfolio-page .portfolio-intro > *:nth-child(5) { animation-delay: .52s; }
.portfolio-page .hero-visual { animation: portfolioFadeUp .9s .22s cubic-bezier(.2,.7,.2,1) both; }
.portfolio-page .visual-core { animation: portfolioCoreFloat 5.5s ease-in-out infinite; transition: box-shadow .3s ease, border-color .3s ease; }
.portfolio-page .hero-visual:hover .visual-core { box-shadow: 0 0 100px rgba(6,182,212,.25), inset 0 1px rgba(255,255,255,.12); border-color: rgba(34,211,238,.65); }
.portfolio-page .ring-a { animation: portfolioRingPulse 5s ease-in-out infinite, portfolioRingSpin 42s linear infinite; }
.portfolio-page .ring-b { animation: portfolioRingPulse 4.2s ease-in-out infinite reverse, portfolioRingSpin 32s linear infinite reverse; }
.portfolio-page .chip-ai { animation: portfolioFadeUp .7s .45s both, portfolioChipFloat 4.6s 1.2s ease-in-out infinite; }
.portfolio-page .chip-erp { animation: portfolioFadeUp .7s .58s both, portfolioChipFloat 5s 1.3s ease-in-out infinite; }
.portfolio-page .chip-api { animation: portfolioFadeUp .7s .68s both, portfolioChipFloat 4.4s 1.5s ease-in-out infinite; }
.portfolio-page .chip-data { animation: portfolioFadeUp .7s .78s both, portfolioChipFloat 5.2s 1.4s ease-in-out infinite; }
.portfolio-page .orb-one { animation: portfolioGlowDrift 9s ease-in-out infinite; }
.portfolio-page .orb-two { animation: portfolioGlowDrift 11s ease-in-out infinite reverse; }
.portfolio-page .hero-actions .btn-primary { transition: transform .25s ease, box-shadow .25s ease; }
.portfolio-page .hero-actions .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 34px rgba(6,182,212,.25); }
.portfolio-page .hero-actions .btn-primary i { transition: transform .25s ease; }
.portfolio-page .hero-actions .btn-primary:hover i { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) {
  .portfolio-page .portfolio-intro > *, .portfolio-page .hero-visual,
  .portfolio-page .visual-core, .portfolio-page .ring-a, .portfolio-page .ring-b,
  .portfolio-page .chip-ai, .portfolio-page .chip-erp, .portfolio-page .chip-api,
  .portfolio-page .chip-data, .portfolio-page .orb-one, .portfolio-page .orb-two {
    animation: none !important;
    transition: none !important;
  }
}

.portfolio-page .portfolio-reveal { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s cubic-bezier(.2,.7,.2,1); transition-delay: var(--reveal-delay, 0ms); }
.portfolio-page .portfolio-reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { .portfolio-page .portfolio-reveal { opacity: 1; transform: none; transition: none; } }


/* Refinements: stronger section separation, smooth expertise reveals, and accessible form trap. */
.portfolio-page .about-founder{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 12% 18%,rgba(37,99,235,.10),transparent 42%),
    radial-gradient(ellipse at 88% 75%,rgba(6,182,212,.075),transparent 38%),
    linear-gradient(135deg,#081326 0%,#070f20 55%,#081426 100%);
}
.portfolio-page .about-founder::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.055) 1px,transparent 1px);
  background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 80%);
}
.portfolio-page .about-founder .container{position:relative;z-index:1}
.portfolio-page .expertise-section{
  position:relative;
  background:radial-gradient(ellipse at 50% 0,rgba(6,182,212,.10),transparent 48%),#050b1b;
}
.portfolio-page .expertise-section .section-heading{animation:expertiseHeadingIn .75s both}
.portfolio-page .expertise-card{will-change:transform,opacity}
.portfolio-page .expertise-card::after{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,#06c4df, #3b82f6,transparent);
  transform:scaleX(0);transform-origin:left;transition:transform .45s ease;
}
.portfolio-page .expertise-card:hover::after{transform:scaleX(1)}
.portfolio-page .expertise-card .expertise-icon{transition:transform .35s ease,filter .35s ease}
.portfolio-page .expertise-card:hover .expertise-icon{transform:translateY(-3px) scale(1.06);filter:drop-shadow(0 0 12px rgba(6,182,212,.25))}
.portfolio-page .portfolio-reveal{will-change:transform,opacity}
@keyframes expertiseHeadingIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.form-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){
  .portfolio-page .about-founder{background:radial-gradient(ellipse at 50% 0,rgba(6,182,212,.09),transparent 55%),#070f20}
  .portfolio-page .section-pad{padding:72px 0}
}
@media(prefers-reduced-motion:reduce){
  .portfolio-page .expertise-section .section-heading{animation:none}
  .portfolio-page .expertise-card,.portfolio-page .expertise-card::after,.portfolio-page .expertise-card .expertise-icon{transition:none!important}
}

/* Accessible social links in the portfolio footer */
.portfolio-page .portfolio-social{display:flex;align-items:center;gap:10px}
.portfolio-page .portfolio-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(8,195,224,.22);border-radius:50%;background:#0b1427;color:#08c3e0;font-size:16px;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}
.portfolio-page .portfolio-social a:hover,.portfolio-page .portfolio-social a:focus-visible{transform:translateY(-3px);border-color:#08c3e0;background:#10233b;box-shadow:0 8px 24px rgba(8,195,224,.15);outline:none}
@media(max-width:760px){.portfolio-page .portfolio-social{justify-content:center}}

.copyright-tracker-link { color: inherit; text-decoration: none; transition: color .2s ease; }
.copyright-tracker-link:hover, .copyright-tracker-link:focus-visible { color: var(--accent, #08c3e0); }