*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:#06080f;color:#e2e8f0;overflow-x:hidden}:root{--bg: #06080f;--surface: #0d1117;--accent: #C8972A;--accent-light: #E8BF5C;--cyan: #F5D98E;--border: rgba(255, 255, 255, .06);--text: #e2e8f0;--muted: #64748b}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;margin-left:-4px;margin-top:-4px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-300px,-300px);will-change:transform;mix-blend-mode:difference}.cursor-ring{position:fixed;top:0;left:0;width:34px;height:34px;margin-left:-17px;margin-top:-17px;border:1.5px solid rgba(200,151,42,.55);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-300px,-300px);will-change:transform}.cursor-glow{position:fixed;width:480px;height:480px;pointer-events:none;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(200,151,42,.07) 0%,transparent 65%);transform:translate(-50%,-50%);transition:left 1s ease,top 1s ease}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--cyan));z-index:1000;transition:width .08s linear;box-shadow:0 0 10px #c8972a99}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.4rem 4rem;display:flex;align-items:center;justify-content:space-between;transition:all .4s ease}.nav.scrolled{background:#06080fd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:1rem 4rem}.nav-brand{font-size:1.35rem;font-weight:900;letter-spacing:-.5px;text-decoration:none;color:#fff}.nav-brand span{background:linear-gradient(135deg,var(--accent),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;gap:2.75rem;align-items:center}.nav-links a{color:var(--muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .3s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:#fff;transition:width .35s cubic-bezier(.16,1,.3,1)}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}.nav-social{display:flex;gap:1.25rem;align-items:center}.nav-social a{color:var(--muted);font-size:.85rem;font-weight:700;text-decoration:none;transition:color .3s,transform .2s;letter-spacing:.02em;display:flex;align-items:center;justify-content:center}.nav-social a:hover{color:var(--accent-light);transform:translateY(-2px)}.nav-social a svg{display:block}.hero-dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(200,151,42,.18) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 0%,transparent 100%);mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 0%,transparent 100%)}.hero-bg-code{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.code-token{position:absolute;font-family:Courier New,Courier,monospace;font-weight:700;color:var(--accent);opacity:.07;white-space:nowrap;animation:float-code var(--dur, 20s) ease-in-out var(--delay, 0s) infinite;-webkit-user-select:none;user-select:none;letter-spacing:.05em}@keyframes float-code{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}33%{transform:translateY(-18px) rotate(calc(var(--rot, 0deg) + 2deg))}66%{transform:translateY(-8px) rotate(calc(var(--rot, 0deg) - 1deg))}}.hero{min-height:100vh;display:flex;align-items:center;padding:9rem 4rem 5rem;position:relative;overflow:hidden}.hero-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 55% at 72% 50%,rgba(200,151,42,.13) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 15% 85%,rgba(245,217,142,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1280px;margin:0 auto;width:100%;position:relative;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border:1px solid rgba(200,151,42,.35);border-radius:2rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--accent-light);text-transform:uppercase;margin-bottom:1.75rem;opacity:0;animation:fadeSlideUp .8s cubic-bezier(.16,1,.3,1) .2s forwards}.eyebrow-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.hero-title{font-size:clamp(3.2rem,5.5vw,5.5rem);font-weight:900;letter-spacing:-2.5px;line-height:1;margin-bottom:1.75rem;opacity:0;animation:fadeSlideUp .9s cubic-bezier(.16,1,.3,1) .35s forwards}.hero-title-accent{display:block;background:linear-gradient(135deg,var(--accent) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1rem;color:var(--muted);line-height:1.85;max-width:460px;margin-bottom:2.5rem;opacity:0;animation:fadeSlideUp .9s cubic-bezier(.16,1,.3,1) .5s forwards}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem;opacity:0;animation:fadeSlideUp .9s cubic-bezier(.16,1,.3,1) .65s forwards}.btn-primary{padding:.9rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:.5rem;font-weight:700;font-size:.875rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{background:#a87820;transform:translateY(-2px);box-shadow:0 12px 35px #c8972a66}.btn-ghost{padding:.9rem 2rem;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.btn-ghost:hover{border-color:#ffffff4d;transform:translateY(-2px)}.hero-socials{display:flex;gap:1.75rem;align-items:center;opacity:0;animation:fadeSlideUp .9s cubic-bezier(.16,1,.3,1) .8s forwards}.hero-socials a{color:#475569;font-size:.82rem;font-weight:700;text-decoration:none;letter-spacing:.03em;transition:color .3s}.hero-socials a:hover{color:var(--accent-light)}.hero-image-side{display:flex;justify-content:center;align-items:center;position:relative;opacity:0;animation:fadeIn 1.2s ease .6s forwards}.hero-photo-ring{width:400px;height:400px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.hero-photo-ring:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,var(--accent) 60deg,var(--cyan) 180deg,transparent 240deg,transparent 360deg);animation:spinRing 8s linear infinite}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-photo-ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--bg)}.hero-photo-inner{position:relative;z-index:1;width:380px;height:380px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#1e293b,#0f172a);display:flex;align-items:center;justify-content:center}.hero-photo-inner img{width:100%;height:100%;object-fit:cover}.hero-photo-placeholder{font-size:8rem;opacity:.3}.hero-badge{position:absolute;background:#0d1117eb;border:1px solid var(--border);border-radius:.75rem;padding:.75rem 1.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2}.hero-badge-num{font-size:1.6rem;font-weight:900;letter-spacing:-1px;color:var(--accent-light);line-height:1}.hero-badge-label{font-size:.68rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.hero-badge.pos-1{top:1.5rem;right:-1rem;animation:floatA 5s ease-in-out infinite}.hero-badge.pos-2{bottom:2rem;left:-2rem;animation:floatB 6s ease-in-out infinite}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatB{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.container{max-width:1300px;margin:0 auto;padding:0 4rem}.section-pad{padding:8rem 0}.section-tag{display:inline-flex;align-items:center;gap:.75rem;font-size:.7rem;font-weight:700;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;margin-bottom:1.25rem}.section-tag:before,.section-tag:after{content:"";display:block;width:32px;height:1px;background:var(--accent);opacity:.5}.section-heading{font-size:clamp(2.5rem,4vw,3.75rem);font-weight:900;letter-spacing:-2px;line-height:1}.section-heading span{background:linear-gradient(135deg,var(--accent) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-line{width:50px;height:2px;background:linear-gradient(90deg,var(--accent),var(--cyan));border-radius:2px;margin-top:1.5rem}.reveal{opacity:0;transform:translateY(50px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal-left{opacity:0;transform:translate(-60px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal-right{opacity:0;transform:translate(60px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal-scale{opacity:0;transform:scale(.88);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal-clip{clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(.16,1,.3,1)}.reveal-clip-rtl{clip-path:inset(0 0 0 100%);transition:clip-path 1s cubic-bezier(.16,1,.3,1)}.is-visible{opacity:1!important;transform:none!important;clip-path:inset(0 0 0 0)!important}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}.d6{transition-delay:.6s}.d7{transition-delay:.7s}.d8{transition-delay:.8s}@property --about-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.about-section{padding:8rem 0;background:#0d111780;position:relative;overflow:hidden}.about-section:before,.about-section:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.about-section:before{width:600px;height:600px;background:radial-gradient(circle,rgba(200,151,42,.07) 0%,transparent 70%);top:-100px;right:-100px;animation:orb-drift 12s ease-in-out infinite alternate}.about-section:after{width:400px;height:400px;background:radial-gradient(circle,rgba(245,217,142,.05) 0%,transparent 70%);bottom:-80px;left:-80px;animation:orb-drift 9s ease-in-out infinite alternate-reverse}@keyframes orb-drift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.12)}}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-top:5rem}@keyframes spin-border{to{--about-angle: 360deg}}@keyframes ring-pulse{0%{transform:scale(.92);opacity:.6}to{transform:scale(1.1);opacity:0}}.about-monogram{position:relative;width:110px;height:110px;border-radius:50%;border:2px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,conic-gradient(from var(--about-angle),var(--accent),var(--cyan),var(--accent-light),var(--accent)) border-box;animation:spin-border 5s linear infinite;display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem}.about-monogram>span{font-size:2rem;font-weight:900;letter-spacing:-2px;background:linear-gradient(135deg,var(--accent),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-user-select:none;user-select:none;position:relative;z-index:1}.about-ring{position:absolute;border-radius:50%;border:1px solid;pointer-events:none;animation:ring-pulse 3s ease-out infinite}.about-ring-1{top:-16px;right:-16px;bottom:-16px;left:-16px;border-color:#c8972a40;animation-delay:0s}.about-ring-2{top:-32px;right:-32px;bottom:-32px;left:-32px;border-color:#c8972a1a;animation-delay:1.2s}.about-intro{font-size:1rem;color:#94a3b8;line-height:1.9;margin-bottom:1.75rem}.about-intro strong{color:var(--text);font-weight:700}.about-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}.about-tag{padding:.35rem .9rem;border-radius:2rem;font-size:.76rem;font-weight:600;background:#c8972a14;border:1px solid rgba(200,151,42,.2);color:var(--accent-light);transition:all .25s ease}.about-tag:hover{background:#c8972a29;border-color:#c8972a66;transform:translateY(-2px)}.about-availability{display:flex;align-items:center;gap:.6rem;font-size:.825rem;color:var(--muted);font-weight:500}.about-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;flex-shrink:0;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.about-cards-v{display:flex;flex-direction:column;gap:1rem}.about-card-h{display:flex;align-items:flex-start;gap:1.25rem;padding:1.4rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:1rem;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.about-card-h:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.04) 50%,transparent 70%);transition:left .55s ease;pointer-events:none}.about-card-h:hover:before{left:150%}.about-card-h:hover{border-color:#c8972a59;border-left-color:var(--cyan);transform:translate(6px);box-shadow:0 8px 32px #c8972a1f}.about-card-h-icon{flex-shrink:0;width:44px;height:44px;border-radius:.75rem;background:#c8972a1a;border:1px solid rgba(200,151,42,.2);display:flex;align-items:center;justify-content:center;color:var(--accent-light);transition:all .3s ease}.about-card-h:hover .about-card-h-icon{background:#c8972a2e;color:var(--cyan)}.about-card-h-title{font-size:1rem;font-weight:700;margin-bottom:.3rem}.about-card-h-text{font-size:.85rem;color:var(--muted);line-height:1.65}.projects-section{padding:8rem 0 4rem;position:relative}.projects-header{max-width:1300px;margin:0 auto;padding:0 4rem;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:5rem}.projects-header-left{max-width:600px}.projects-count{font-size:clamp(5rem,10vw,9rem);font-weight:900;letter-spacing:-5px;line-height:1;color:#ffffff0a;-webkit-user-select:none;user-select:none}.projects-stats{display:flex;gap:3rem;padding:2.5rem 4rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:1300px;margin:0 auto 6rem}.stat-item{text-align:left}.stat-num{font-size:2.75rem;font-weight:900;letter-spacing:-2px;line-height:1;background:linear-gradient(135deg,#fff,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.78rem;color:var(--muted);font-weight:500;margin-top:4px;letter-spacing:.05em}.proj-filter-bar{max-width:1300px;margin:0 auto 3rem;padding:0 4rem;display:flex;gap:.65rem;flex-wrap:wrap}.proj-filter-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;border-radius:2rem;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--muted);font-size:.825rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .25s ease;letter-spacing:.01em}.proj-filter-tab:hover{border-color:#c8972a66;color:var(--accent-light)}.proj-filter-tab.active{background:#c8972a1f;border-color:#c8972a80;color:var(--accent-light);box-shadow:0 0 20px #c8972a1f}.proj-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#c8972a1f;color:var(--accent);font-size:.72rem;font-weight:700;line-height:1;transition:background .25s ease}.proj-filter-tab.active .proj-filter-count{background:#c8972a47}.projects-grid{max-width:1240px;margin:0 auto;padding:1rem 4rem 5rem;display:flex;flex-direction:column;gap:6.5rem}@keyframes cardReveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.project-card{position:relative;isolation:isolate;overflow:hidden;border-radius:1.5rem;border:1px solid var(--border);min-height:520px;display:flex;align-items:stretch;animation:cardReveal .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i, 0) * .08s);box-shadow:inset 0 1px #ffffff0a,0 30px 60px -25px #000000b3;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s ease,border-color .6s ease}.project-card:hover{transform:translateY(-4px);border-color:#c8972a52;box-shadow:inset 0 1px #ffffff0d,0 40px 80px -25px #000c,0 24px 50px -20px #c8972a33}.project-bleed-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-grad, linear-gradient(135deg, #1a1f2e, #0d1117));z-index:0}.project-bleed-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 75% 50% at 50% 100%,rgba(0,0,0,.5),transparent 70%),radial-gradient(circle at 100% 0%,rgba(255,235,200,.1),transparent 55%);pointer-events:none}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#08080aeb,#08080ac7 30%,#08080a73 55%,#08080a1f 75%,#08080a00);z-index:2;pointer-events:none}.project-mockup-cluster{position:absolute;top:0;right:0;bottom:0;width:60%;display:flex;align-items:center;justify-content:center;z-index:1;padding:2.5rem 2.5rem 2.5rem 0}.project-mockup-frame{position:relative;border-radius:.85rem;overflow:hidden;background:#06080f99;box-shadow:0 30px 70px -20px #000000d9,0 18px 35px -10px #00000080,inset 0 0 0 1.5px #ffffff29;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-mockup-desktop{width:78%;aspect-ratio:16 / 10;transform:translate(6%);z-index:1}.project-mockup-mobile-float{position:absolute;width:18%;aspect-ratio:9 / 18;border-radius:1.4rem;left:2%;top:50%;transform:translateY(-50%) translate(20%);z-index:2;box-shadow:0 30px 60px -15px #000000e6,inset 0 0 0 2px #ffffff38}.project-card:hover .project-mockup-desktop{transform:translate(6%) translateY(-6px)}.project-card:hover .project-mockup-mobile-float{transform:translateY(calc(-50% - 6px)) translate(20%)}.project-mockup-img{width:100%;height:100%;display:block;object-fit:cover}.project-mockup-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem}.project-mockup-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(229,184,92,.18) 50%,transparent 70%);transform:translate(-110%);transition:transform 1s cubic-bezier(.16,1,.3,1);pointer-events:none;mix-blend-mode:screen}.project-card:hover .project-mockup-sheen{transform:translate(110%)}.project-content-zone{position:relative;z-index:3;width:50%;padding:3.5rem 2rem 3.5rem 3.5rem;display:flex;flex-direction:column;gap:1.1rem;min-width:0;justify-content:center}.project-watermark{position:absolute;top:-2rem;left:-1rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(14rem,22vw,22rem);font-weight:900;line-height:1;letter-spacing:-.06em;color:#fff;opacity:.07;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:2}.project-eyebrow{display:flex;align-items:center;gap:.55rem;font-size:.72rem;font-weight:700;letter-spacing:.22em;color:var(--accent-light);text-transform:uppercase;position:relative;z-index:1}.project-eyebrow-num{font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:.1em}.project-eyebrow-sep{opacity:.5}.project-eyebrow-cat{color:var(--accent-light)}.project-eyebrow-rule{display:block;width:48px;height:1px;background:linear-gradient(90deg,var(--accent),transparent);margin-top:-.25rem;position:relative;z-index:1}.project-title{font-size:clamp(2.6rem,5vw,4.8rem);font-weight:900;letter-spacing:-2px;line-height:.98;margin:0;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.45);position:relative;z-index:1}.project-meta{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.82rem;padding:.35rem .7rem .35rem .55rem;background:#ffffff06;border:1px solid var(--border);border-radius:999px;align-self:flex-start;position:relative;z-index:1}.project-meta svg{color:var(--accent-light);opacity:.85}.project-lede{color:#e8e8e8eb;line-height:1.65;font-size:.98rem;margin:0;max-width:36ch;text-shadow:0 1px 12px rgba(0,0,0,.4);position:relative;z-index:1}.project-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin:.2rem 0 .5rem;position:relative;z-index:1}.project-pill{padding:.35rem .8rem;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.02em;background:transparent;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;transition:border-color .35s ease,color .35s ease,background .35s ease}.project-card:hover .project-pill{border-color:#c8972a40}.project-pill:hover{border-color:var(--accent);color:var(--accent-light);background:#c8972a0f}.project-link{display:inline-flex;align-items:center;gap:.55rem;align-self:flex-start;padding:.4rem 0;color:var(--accent-light);font-weight:700;font-size:.92rem;letter-spacing:.01em;text-decoration:none;border-bottom:1px solid rgba(200,151,42,.35);transition:border-color .35s ease,color .35s ease;position:relative;z-index:1}.project-link svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.project-link:hover{color:var(--accent);border-color:var(--accent)}.project-card:hover .project-link svg,.project-link:hover svg{transform:translate(4px)}@media (max-width: 900px){.projects-grid{padding:1rem 2rem 4rem;gap:5rem}.project-card{min-height:460px}.project-content-zone{width:55%;padding:2.5rem 1.25rem 2.5rem 2rem}.project-mockup-cluster{width:65%;padding:2rem 1.5rem 2rem 0}.project-overlay{background:linear-gradient(90deg,#08080af2,#08080ac7 40%,#08080a80,#08080a33 90%,#08080a1a)}.project-title{font-size:clamp(2rem,5vw,3rem)}.project-watermark{font-size:clamp(10rem,18vw,14rem)}}@media (max-width: 700px){.projects-grid{padding:.5rem 1.25rem 3rem;gap:3.5rem}.project-card{min-height:auto;flex-direction:column;border-radius:1.25rem}.project-mockup-cluster{position:relative;width:100%;height:260px;padding:1.5rem}.project-mockup-desktop{width:88%;transform:none}.project-mockup-mobile-float{width:22%;left:4%;transform:translateY(-50%)}.project-overlay{background:linear-gradient(180deg,#08080a00,#08080a73 50%,#08080aeb 78%,#08080afa)}.project-content-zone{position:relative;width:100%;padding:1.75rem 1.5rem 2rem;gap:.9rem}.project-watermark{font-size:6rem;top:auto;bottom:-1rem;right:-.5rem;left:auto;opacity:.05}.project-title{font-size:clamp(1.9rem,7vw,2.4rem);letter-spacing:-1px}.project-lede{font-size:.92rem;max-width:100%}.project-card:hover,.project-card:hover .project-mockup-desktop{transform:none}.project-card:hover .project-mockup-mobile-float{transform:translateY(-50%)}}@media (prefers-reduced-motion: reduce){.project-card,.project-card:hover .project-mockup-desktop,.project-card:hover .project-mockup-mobile-float,.project-mockup-sheen,.project-card:hover .project-mockup-sheen{transform:none;animation:none}}.skills-bg{background:var(--surface);border-radius:2rem;padding:5rem 4rem;border:1px solid var(--border)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1.5rem;margin-top:3.5rem}.skill-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.75rem 1rem;border-radius:1rem;border:1px solid transparent;transition:all .35s cubic-bezier(.16,1,.3,1);cursor:default}.skill-card:hover{background:#c8972a12;border-color:#c8972a33;transform:translateY(-6px)}.skill-icon{font-size:2.75rem}.skill-icon-img{width:2.75rem;height:2.75rem;object-fit:contain}.skill-name{font-size:.72rem;color:var(--muted);font-weight:600;text-align:center;letter-spacing:.02em}.contact-card{background:linear-gradient(135deg,#c8972a14,#f5d98e0d);border:1px solid rgba(200,151,42,.2);border-radius:2rem;padding:7rem 4rem;text-align:center;position:relative;overflow:hidden}.contact-glow-1{position:absolute;top:-150px;right:-150px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(200,151,42,.12),transparent 65%);pointer-events:none}.contact-glow-2{position:absolute;bottom:-150px;left:-150px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(245,217,142,.08),transparent 65%);pointer-events:none}.contact-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-2px;line-height:1.1;margin-bottom:1.25rem;position:relative;z-index:1}.contact-sub{color:var(--muted);font-size:1.05rem;margin-bottom:3rem;position:relative;z-index:1}.contact-form{position:relative;z-index:1;width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.contact-form-group{display:flex;flex-direction:column;gap:.45rem}.contact-form-group label{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.contact-form-group input,.contact-form-group select,.contact-form-group textarea{background:#ffffff0a;border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;color:var(--text);font-size:.95rem;font-family:inherit;transition:border-color .2s,background .2s;outline:none;width:100%;box-sizing:border-box}.contact-form-group input::placeholder,.contact-form-group textarea::placeholder{color:var(--muted)}.contact-form-group input:focus,.contact-form-group select:focus,.contact-form-group textarea:focus{border-color:var(--accent);background:#c8972a12}.contact-form-group select option{background:#0d1117;color:var(--text)}.contact-form-group textarea{resize:vertical;min-height:110px}.contact-form-error{color:#f87171;font-size:.875rem;text-align:center}.contact-form-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.contact-success{position:relative;z-index:1;text-align:center;padding:2rem}.contact-success-icon{font-size:3rem;margin-bottom:1rem}.contact-success h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text)}.contact-success p{color:var(--muted);margin-bottom:1rem}@media (max-width: 600px){.contact-form-row{grid-template-columns:1fr}}.footer{padding:3rem 4rem;border-top:1px solid var(--border);max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-brand{font-weight:800;font-size:1rem;letter-spacing:-.3px}.footer-brand span{background:linear-gradient(135deg,var(--accent),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--muted);text-decoration:none;font-size:.825rem;transition:color .3s}.footer-links a:hover{color:#fff}.footer-copy{color:#334155;font-size:.78rem}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html,body{overflow-x:hidden}@media (max-width: 900px){.cursor-dot,.cursor-ring,.cursor-glow{display:none}.nav{padding:1rem 1.25rem}.nav-links{display:none}.nav.scrolled{padding:.875rem 1.25rem}.container{padding:0 1.25rem}.section-pad{padding:5rem 0}.hero{padding:7rem 1.25rem 4rem;overflow:hidden}.hero-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-desc{max-width:100%}.hero-actions,.hero-socials,.hero-image-side{justify-content:center}.hero-photo-ring{width:240px;height:240px}.hero-photo-inner{width:224px;height:224px}.hero-badge.pos-1{top:.5rem;right:.5rem}.hero-badge.pos-2{bottom:.5rem;left:.5rem}.hero-badge-num{font-size:1.2rem}.projects-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:0 1.25rem}.projects-stats{padding:2rem 1.25rem;gap:1.25rem;flex-wrap:wrap}.proj-filter-bar{padding:0 1.25rem;margin-bottom:2rem}.about-section{padding:5rem 0}.about-content{grid-template-columns:1fr;gap:2.5rem}.about-left{display:flex;flex-direction:column;align-items:center;text-align:center}.about-monogram{margin:0 auto 2rem}.about-tags,.about-availability{justify-content:center}.about-card-h:hover{transform:none}.skills-bg{padding:2.5rem 1.25rem;border-radius:1.25rem}.skills-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.contact-card{padding:3rem 1.25rem;border-radius:1.25rem}.contact-form-row{grid-template-columns:1fr}.footer{flex-direction:column;text-align:center;padding:2.5rem 1.25rem;gap:1rem}.footer-links{justify-content:center;flex-wrap:wrap}}@media (max-width: 560px){.proj-filter-tab{font-size:.78rem;padding:.45rem 1rem}.hero-photo-ring{width:200px;height:200px}.hero-photo-inner{width:186px;height:186px}.projects-stats{gap:1rem}.stat-num{font-size:2rem}.hero-title{letter-spacing:-1.5px}.about-card-h{flex-direction:column;gap:1rem}}