@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,700&family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700&family=Rajdhani:wght@400;500;600;700&display=swap";:root{--paper: #ffffff;--ink-blue: #000000;--accent-orange: #000000;--muted-blue: #666666;--charcoal: #111111;--font-display: "Bodoni Moda", "Didot", "Times New Roman", serif;--font-accent: "Rajdhani", Arial, sans-serif;--font-body: "Nunito Sans", Helvetica, sans-serif;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--space-1: .4rem;--space-2: .8rem;--space-3: 1.2rem;--space-4: 1.6rem;--space-5: 2.4rem;--space-6: 3.2rem;--shadow-soft: 0 8px 28px rgb(34 52 112 / .08);--content-max: 1300px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink-blue);font-family:var(--font-body);font-size:1rem;line-height:1.5;background-color:var(--paper);position:relative}.site-root{min-height:100vh;position:relative;isolation:isolate}.site-texture-layer{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 18% 9%,rgb(255 255 255 / .58),transparent 45%),radial-gradient(circle at 84% 89%,rgb(70 92 180 / .1),transparent 40%),linear-gradient(165deg,#ffffff59,#fff0),var(--paper)}.site-texture-layer:before,.site-texture-layer:after{content:"";position:absolute;inset:-12%}.site-texture-layer:before{opacity:.36;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23grain)' opacity='0.92'/%3E%3C/svg%3E");background-size:210px 210px}.site-texture-layer:after{opacity:.28;filter:blur(5px);transform:translateZ(0) scale(1.08);background:radial-gradient(circle at 26% 32%,rgb(255 255 255 / .6),transparent 48%),radial-gradient(circle at 78% 68%,rgb(202 207 232 / .42),transparent 42%),repeating-linear-gradient(112deg,#fff0 0 17px,#ffffff5c 17px 19px,#2445b821 19px 32px);animation:texture-flow 18s ease-in-out infinite alternate}@keyframes texture-flow{0%{transform:translate3d(-1.5%,-1%,0) scale(1.08)}to{transform:translate3d(1.5%,1%,0) scale(1.12)}}@media(prefers-reduced-motion:reduce){.site-texture-layer:after{animation:none;transform:scale(1.08)}}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-orange);outline-offset:2px}h1,h2,h3,h4{margin:0;color:var(--ink-blue)}p,ul,ol{margin:0}ul,ol{padding-left:1.2rem}.site-shell{position:relative;z-index:1}.page-container{max-width:var(--content-max);margin:0 auto;padding:1.2rem 1.4rem 2rem}.top-nav{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;z-index:100;background:#000;mix-blend-mode:difference;border-bottom:1px solid rgba(255,255,255,.1);transition:background .3s ease;flex-wrap:wrap}.top-nav .brand-name,.top-nav .nav-link{color:#fff}.top-nav-links-inner{display:flex;align-items:center;gap:.5rem}.brand{text-decoration:none;display:inline-grid;gap:.1rem;color:var(--charcoal)}.brand-name{font-family:var(--font-display);font-size:clamp(1.25rem,2.1vw,1.9rem);letter-spacing:.02em}.top-nav-links{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.nav-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--font-accent);text-transform:uppercase;letter-spacing:.1em;font-weight:600;padding:.3rem .6rem;color:var(--charcoal);position:relative;transition:color .2s ease}.nav-link:after{content:"";position:absolute;bottom:.1rem;left:.6rem;right:.6rem;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.nav-link.is-active{color:var(--ink-blue)}.top-nav .nav-link.is-active{color:#fff}.nav-link.is-active:after{transform:scaleX(1);transform-origin:left}.mobile-menu-btn{display:none;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:1000;flex-direction:column;justify-content:space-around;width:2.5rem;height:2.5rem}.hamburger-line{width:1.5rem;height:.15rem;background:#fff;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger-line.open:nth-child(1){transform:rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0;transform:translate(20px)}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)}.mobile-menu-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998}.mobile-menu-drawer{position:fixed;top:0;right:0;height:100vh;width:clamp(250px,70vw,350px);background:#000;z-index:999;border-left:1px solid rgba(255,255,255,.1);padding:2rem;display:flex;flex-direction:column;gap:2rem;box-shadow:-10px 0 30px #00000080}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.mobile-menu-header .brand-name{color:#fff;font-size:1.25rem}.mobile-menu-close{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.mobile-menu-close:hover{color:var(--accent-orange)}.mobile-menu-links{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.mobile-nav-link{font-family:var(--font-accent);text-transform:uppercase;letter-spacing:.15em;font-size:1.25rem;color:#fff;text-decoration:none;transition:color .2s,padding-left .2s}.mobile-nav-link:hover{color:var(--accent-orange);padding-left:.5rem}@media(max-width:768px){.desktop-only{display:none!important}.mobile-menu-btn{display:flex}}.content-shell{padding-top:0}.site-footer{margin-top:2.2rem;border-top:1px solid rgb(36 69 184 / .2);padding-top:1rem;display:grid;gap:.25rem;font-family:var(--font-accent);letter-spacing:.04em;text-transform:uppercase;color:var(--muted-blue)}.section-title{display:grid;gap:.25rem}.section-title h2{font-family:var(--font-display);font-size:clamp(2rem,5.5vw,4rem);letter-spacing:.01em;line-height:.95}.section-kicker,.section-subtitle{font-family:var(--font-accent);letter-spacing:.12em;text-transform:uppercase}.tone-orange .section-kicker,.tone-orange .section-subtitle{color:var(--accent-orange)}.tone-blue .section-kicker,.tone-blue .section-subtitle{color:var(--ink-blue)}.frame-card{position:relative;border-radius:var(--radius-md);padding:.6rem;border:2px solid;box-shadow:var(--shadow-soft);background-color:#ffffff4d}.frame-blue{border-color:var(--ink-blue)}.frame-orange{border-color:var(--accent-orange)}.frame-wave{border-radius:calc(var(--radius-md) - 2px);border:2px solid;position:absolute;inset:.35rem;pointer-events:none;-webkit-mask-image:radial-gradient(circle 6px at 6px 6px,#0000 6px,#000 7px);mask-image:radial-gradient(circle 6px at 6px 6px,#0000 6px,#000 7px)}.frame-blue .frame-wave{border-color:#2445b8a6}.frame-orange .frame-wave{border-color:#df6236b3}.frame-content{border-radius:calc(var(--radius-md) - 5px);min-height:220px;padding:.85rem;background:linear-gradient(145deg,#fffc,#edeff899)}.cover-page{padding:.4rem 0 0}.cover-title{font-family:var(--font-display);font-size:clamp(3.2rem,11vw,7.4rem);letter-spacing:.02em;line-height:.82;color:#fff}.hero-banner{width:100%;min-height:clamp(420px,70vh,780px);border-radius:calc(var(--radius-lg) + 2px);overflow:hidden;position:relative;border:2px solid rgb(36 69 184 / .4);box-shadow:var(--shadow-soft);background-image:linear-gradient(180deg,#0a143866,#0a143833 35% 100%),url(/images/workspace-tech.png);background-size:cover;background-position:center center;background-repeat:no-repeat}.hero-name-wrap{position:relative;z-index:1;min-height:100%;display:grid;place-items:center;padding:1rem}.about-illustration .frame-content{min-height:clamp(230px,28vw,360px);padding:.45rem}.about-illustration-image{width:100%;height:100%;border-radius:10px;border:2px solid rgb(223 98 54 / .55);object-fit:cover;object-position:center;display:block}.cover-actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.portfolio-home{display:grid;gap:2.1rem}.portfolio-section{display:grid;gap:1rem;padding:1rem}.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.about-card{padding:1rem;display:grid;gap:.65rem}.about-card h3{font-family:var(--font-accent);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-orange)}.portfolio-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.portfolio-project-card{padding:1rem;display:grid;gap:.65rem}.portfolio-project-card h3{font-family:var(--font-display);font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.05}.inline-project-link{font-family:var(--font-accent);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--accent-orange)}.inline-project-link:hover{color:#b84b24}.contact-panel{display:grid;gap:1rem}.contact-list{display:flex;gap:1rem;flex-wrap:wrap}.cta-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.55rem 1.2rem;font-family:var(--font-accent);text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--ink-blue);color:#fff;background-color:var(--ink-blue);transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2445b833}.cta-button.cta-outline{color:var(--ink-blue);background-color:transparent}.resume-page{display:grid;grid-template-columns:minmax(260px,300px) 1fr;gap:1.6rem}.resume-left-rail{display:grid;gap:1rem;align-self:start}.portrait-frame .frame-content{min-height:350px}.portrait-placeholder{height:100%;width:100%;border-radius:12px;border:2px dashed rgb(223 98 54 / .55);display:grid;place-items:center;background:linear-gradient(160deg,#df623626,#ffffffb3),repeating-linear-gradient(0deg,rgb(223 98 54 / .07),rgb(223 98 54 / .07) 2px,transparent 2px,transparent 10px)}.portrait-placeholder span{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3rem);color:var(--accent-orange)}.resume-contact{display:grid;gap:.35rem;font-family:var(--font-accent);text-transform:uppercase;letter-spacing:.06em}.resume-contact h2{font-family:var(--font-display);font-size:2rem}.resume-contact p{color:var(--accent-orange)}.resume-main{display:grid;gap:1.2rem}.resume-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.resume-grid article{padding:1rem}.resume-grid h3,.resume-grid h4{font-family:var(--font-accent);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-orange);margin-bottom:.6rem}.resume-grid h4{margin-top:1rem}.stack-block{display:grid;gap:.2rem}.stack-block+.stack-block{margin-top:.85rem}.stack-line{color:var(--ink-blue)}.stack-meta{color:var(--muted-blue);font-family:var(--font-accent);letter-spacing:.04em}.skill-chip{display:inline-flex;align-items:center;border:1px solid rgb(36 69 184 / .4);border-radius:999px;padding:.2rem .65rem;font-family:var(--font-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.9rem}.project-list{list-style:none;padding:0;display:grid;gap:.42rem}.project-list a{text-decoration:none}.project-list a:hover{color:var(--accent-orange)}.gallery-page{display:grid;gap:1.4rem}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.gallery-card-shell{display:grid;gap:.6rem;align-content:start}.gallery-count{justify-self:end;color:var(--accent-orange);font-family:var(--font-accent);font-size:1.35rem;letter-spacing:.06em}.gallery-card .frame-content{min-height:230px}.gallery-art{height:100%;border-radius:8px;border:2px solid rgb(223 98 54 / .6);padding:.7rem;display:grid;grid-template-rows:auto auto 1fr;gap:.7rem;background:repeating-linear-gradient(180deg,rgb(223 98 54 / .08),rgb(223 98 54 / .08) 2px,transparent 2px,transparent 12px)}.gallery-art-line{height:14px;border:2px solid rgb(223 98 54 / .75);border-radius:999px}.gallery-art-box{border:2px solid rgb(223 98 54 / .8);border-radius:10px}.gallery-card-shell h3{font-family:var(--font-accent);letter-spacing:.09em;text-transform:uppercase}.gallery-intro{color:var(--muted-blue)}.gallery-card-shell ul{list-style:none;padding:0;display:grid;gap:.38rem}.gallery-card-shell li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgb(36 69 184 / .2);padding-bottom:.15rem}.gallery-card-shell li a{text-decoration:none}.gallery-card-shell li span{color:var(--muted-blue);font-family:var(--font-accent)}.project-page{display:grid;gap:1.4rem}.project-hero-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(360px,1.18fr);gap:1rem;align-items:start}.project-copy{display:grid;gap:.6rem;padding:1rem}.project-copy h1{font-family:var(--font-display);font-size:clamp(2rem,4.1vw,3.2rem);line-height:.95}.project-copy h2{font-family:var(--font-accent);letter-spacing:.1em;text-transform:uppercase;font-size:1.2rem;margin-top:.6rem;color:var(--accent-orange)}.project-tag,.project-period,.project-role{font-family:var(--font-accent);text-transform:uppercase;letter-spacing:.1em}.project-tag{color:var(--accent-orange)}.stack-inline{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}.stack-inline li{border-radius:999px;border:1px solid rgb(36 69 184 / .35);padding:.2rem .6rem;font-family:var(--font-accent)}.project-visual .frame-content{min-height:500px}.project-visual-grid{height:100%;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:.75rem}.project-placeholder{border:1px solid rgb(36 69 184 / .45);border-radius:var(--radius-sm);background:linear-gradient(120deg,rgb(36 69 184 / .12),transparent 60%),linear-gradient(180deg,#f4f2eee6,#dce1f680);display:grid;place-items:center;text-align:center;padding:.5rem}.project-placeholder span{font-family:var(--font-accent);letter-spacing:.08em;text-transform:uppercase}.project-secondary{padding:1rem;display:grid;gap:.75rem}.project-secondary ol{display:grid;gap:.4rem}.project-not-found{padding:1rem;display:grid;gap:1rem;max-width:700px}.fade-in{animation:fade-up .42s ease both}.stagger-in>*{animation:fade-up .5s ease both}.stagger-in>*:nth-child(2){animation-delay:.06s}.stagger-in>*:nth-child(3){animation-delay:.12s}.stagger-in>*:nth-child(4){animation-delay:.18s}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1199px){.about-grid,.portfolio-project-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-page{grid-template-columns:1fr}.resume-left-rail{grid-template-columns:minmax(230px,280px) 1fr;align-items:start}.project-hero-layout{grid-template-columns:1fr}.project-visual .frame-content{min-height:360px}}@media(max-width:767px){.site-shell{padding:1rem .9rem 1.7rem}.page-container{padding:1rem 1rem 2rem}.top-nav{align-items:center;flex-wrap:nowrap;min-height:64px}.brand{display:inline-flex;align-items:center;min-height:2.5rem}.brand-name{line-height:1}.mobile-menu-btn{align-self:center;margin:0;padding:.45rem}.top-nav-links{width:100%;justify-content:space-between}.cover-title{font-size:clamp(2.2rem,15vw,3.4rem)}.about-grid,.portfolio-project-grid{grid-template-columns:1fr}.about-image-wrapper{aspect-ratio:16 / 9}.hero-banner{min-height:260px}.resume-left-rail,.resume-grid,.gallery-grid{grid-template-columns:1fr}.gallery-card .frame-content{min-height:200px}.project-copy h1{font-size:clamp(1.75rem,10vw,2.2rem)}.site-footer{font-size:.9rem}.contact-card{padding:2rem 1.2rem}}.welcome-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.welcome-overlay>*{pointer-events:auto}.welcome-curtain{position:fixed;top:0;bottom:0;width:50vw;background-color:#000;z-index:1;will-change:transform}.welcome-curtain.left{left:0}.welcome-curtain.right{right:0}.welcome-lines{position:absolute;inset:0;opacity:.4;pointer-events:none}.welcome-content{position:relative;z-index:10;max-width:100vw;padding:0 1.5rem;box-sizing:border-box}.welcome-text-mask{overflow:hidden;padding:1rem}.welcome-title{font-family:var(--font-display);font-size:clamp(4rem,15vw,12rem);letter-spacing:.05em;color:#fff;margin:0;line-height:1;text-shadow:0 0 40px rgba(255,255,255,.1)}.hero-premium-banner{width:100%;min-height:clamp(500px,80vh,900px);border-radius:var(--radius-lg);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--ink-blue);background-image:linear-gradient(to bottom,#0a143880,#050a18e6),url(/images/workspace-tech.png);background-size:cover;background-position:center;background-attachment:fixed;border:1px solid rgb(255 255 255 / .1);box-shadow:0 20px 40px #0003}.hero-content{text-align:center;z-index:2}.hero-title{font-family:var(--font-display);font-size:clamp(4rem,15vw,10rem);letter-spacing:.08em;margin:0;color:#fff;text-transform:uppercase;text-shadow:0 4px 20px rgba(0,0,0,.5)}.hero-subtitle{font-family:var(--font-accent);font-size:clamp(1rem,2vw,1.5rem);letter-spacing:.3em;text-transform:uppercase;margin-top:1rem;color:var(--accent-orange)}.welcome-spiral{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.spiral-svg{width:min(80vw,600px);height:min(80vw,600px);opacity:.6}.welcome-letters-container{display:flex;gap:clamp(.15rem,1vw,.8rem);flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;max-width:100%}.char-mask-wrapper{overflow:hidden;display:inline-flex;padding:.5rem .2rem}.char-element{display:inline-block;font-family:var(--font-display);font-size:clamp(2.5rem,10vw,12rem);letter-spacing:.05em;color:#fff;margin:0;line-height:.85;text-shadow:0 0 40px rgba(255,255,255,.1);will-change:transform}@media(max-width:767px){.char-element{font-size:clamp(2rem,11vw,4.5rem);letter-spacing:.02em}.char-mask-wrapper{padding:.3rem .1rem}.welcome-content{padding:0 .75rem}}.cover-page-fullscreen{width:100%;height:100vh;height:100dvh;position:relative;overflow:hidden}.hero-premium-banner-fullscreen{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:flex-start;padding:2rem 5vw;background-color:var(--paper);background-image:url(/images/hero-bg.png);background-size:cover;background-position:center;background-attachment:fixed}.hero-premium-banner-fullscreen:before{content:"";position:absolute;inset:0;background:#fff9;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1}@media(max-width:768px){.hero-premium-banner-fullscreen{background-attachment:scroll;background-position:center 30%;background-size:cover}}.hero-premium-banner-fullscreen .hero-content{position:relative;text-align:left;z-index:2;margin-top:4rem}.hero-premium-banner-fullscreen .hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,12vw,8rem);letter-spacing:.05em;line-height:.95;margin:0;color:#1a1a1a;font-weight:700;text-transform:uppercase;text-shadow:0 4px 30px rgba(0,0,0,.15)}.hero-premium-banner-fullscreen .hero-title br+span,.hero-premium-banner-fullscreen .hero-title strong{color:#000;font-weight:900}.hero-premium-banner-fullscreen .hero-subtitle{font-family:var(--font-accent);font-size:clamp(.6rem,2vw,1rem);letter-spacing:.15em;text-transform:uppercase;margin-top:1.5rem;color:#111;line-height:1.5;padding-left:.25rem;text-shadow:0 2px 10px rgba(0,0,0,.08)}.section-kicker{display:block;font-family:var(--font-accent);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:#999;margin-bottom:.5rem}.section-heading{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:.02em;color:var(--charcoal);margin:0 0 2.5rem}.about-animated-section{padding:clamp(2rem,5vw,4rem);margin-bottom:4rem}.about-animated-text{font-family:var(--font-display);font-size:clamp(1.8rem,4.5vw,3.2rem);line-height:1.35;font-weight:600;color:var(--charcoal);margin-bottom:2rem}.about-animated-highlight{display:inline-block;border:2px dotted;border-radius:8px;padding:0 .5rem;margin:0 .2rem;line-height:1.2}.about-animated-highlight.blue{color:#2563eb;border-color:#2563eb}.about-animated-highlight.orange{color:#ea580c;border-color:#ea580c}.about-animated-highlight.dark{color:#16a34a;border-color:#16a34a;border-style:dotted}.about-animated-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:3rem;flex-wrap:wrap;gap:1.5rem}.about-animated-caption{font-family:var(--font-accent);font-size:.85rem;color:#666;letter-spacing:.05em}.about-animated-caption strong{display:block;font-family:var(--font-display);color:var(--charcoal);font-size:1.2rem;margin-bottom:.2rem;text-transform:capitalize}.about-minimal{display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:start}@media(max-width:640px){.about-minimal{grid-template-columns:1fr;gap:1.5rem}}.about-avatar{width:120px;height:120px;border-radius:50%;background:var(--charcoal);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-initials{font-family:var(--font-display);font-size:2.2rem;color:#fff;font-weight:700;letter-spacing:.05em}.about-name{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--charcoal);margin:0 0 .25rem}.about-role{font-family:var(--font-accent);font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;color:#888;margin:0 0 1rem}.about-text{font-size:1.05rem;line-height:1.7;color:#444;max-width:560px;margin:0 0 1.5rem}.about-links{display:flex;gap:1.5rem;flex-wrap:wrap}.about-social-link{font-family:var(--font-accent);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--charcoal);border-bottom:1px solid var(--charcoal);padding-bottom:2px;transition:opacity .2s}.about-social-link:hover{opacity:.6}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.skill-category-card{background:#00000005;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:1.5rem;transition:border-color .3s,box-shadow .3s}.skill-category-card:hover{border-color:#00000026;box-shadow:0 8px 30px #0000000a}.skill-category-title{font-family:var(--font-accent);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:#888;margin:0 0 1rem}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.skill-chip{font-family:var(--font-accent);font-size:.8rem;letter-spacing:.05em;padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(0,0,0,.1);color:var(--charcoal);background:transparent;transition:all .2s}.skill-chip:hover{background:var(--charcoal);color:#fff;border-color:var(--charcoal)}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.filter-tab{font-family:var(--font-accent);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;padding:.5rem 1.2rem;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:transparent;color:#888;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.filter-tab:hover{border-color:var(--charcoal);color:var(--charcoal);background:#00000005}.filter-tab.active{background:var(--charcoal);color:#fff;border-color:var(--charcoal);box-shadow:0 2px 8px #0000001f}.projects-v2{padding:0 0 5rem}.projects-v2-header{margin-bottom:1rem}.projects-v2-intro{font-family:var(--font-body);font-size:1.05rem;color:#888;line-height:1.6;max-width:520px;margin:.5rem 0 0}.project-list-v2{display:flex;flex-direction:column}.project-row{position:relative;border-top:1px solid rgba(0,0,0,.08);cursor:pointer;transition:background .35s ease}.project-row:last-child{border-bottom:1px solid rgba(0,0,0,.08)}.project-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent-orange),#f97316);border-radius:0 3px 3px 0;transform:scaleY(0);transform-origin:top;transition:transform .4s cubic-bezier(.16,1,.3,1)}.project-row.is-active:before{transform:scaleY(1)}.project-row.is-active{background:#00000004}.project-row-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;padding:1.6rem .5rem 1.6rem 1rem;transition:padding-left .3s ease}.project-row.is-active .project-row-main{padding-left:1.5rem}.project-row-idx{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;color:#0000000f;line-height:1;min-width:3rem;transition:color .35s ease;-webkit-user-select:none;user-select:none}.project-row.is-active .project-row-idx{color:#0000001f}.project-row-info{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;min-width:0}.project-row-title{font-family:var(--font-display);font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:700;color:var(--charcoal);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-row-cat{font-family:var(--font-accent);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#aaa;white-space:nowrap;flex-shrink:0;padding:.2rem .7rem;border:1px solid rgba(0,0,0,.08);border-radius:999px}.project-row-meta{display:flex;align-items:center;gap:1rem;flex-shrink:0}.project-row-live{font-family:var(--font-accent);font-size:.68rem;letter-spacing:.08em;color:#22c55e;font-weight:600}.project-row-arrow{font-size:1.4rem;color:var(--charcoal);display:flex;align-items:center}.project-row-expand-inner{padding:0 1rem 1.8rem 4.5rem;display:flex;gap:1.5rem;align-items:flex-start}.project-row-thumb{flex-shrink:0;width:200px;height:125px;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px #0000000f;position:relative}.project-row-thumb iframe{width:1280px;height:800px;border:none;transform:scale(.15625);transform-origin:top left;pointer-events:none}.project-row-expand-text{flex:1;min-width:0;display:grid;gap:.8rem}.project-row-summary{font-size:.92rem;color:#555;line-height:1.7;margin:0}.project-row-stack{display:flex;flex-wrap:wrap;gap:.4rem}.stack-chip-v2{font-family:var(--font-accent);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .75rem;border-radius:6px;background:#0000000a;color:#444;border:1px solid rgba(0,0,0,.06);transition:all .25s}.project-row.is-active .stack-chip-v2{background:#0000000f;border-color:#0000001a}.project-row-actions{display:flex;gap:1.5rem;align-items:center;padding-top:.25rem}.project-row-btn{font-family:var(--font-accent);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#fff;background:var(--charcoal);padding:.55rem 1.4rem;border-radius:999px;transition:background .25s;display:inline-block}.project-row-btn:hover{background:#333}.project-row-btn-ghost{font-family:var(--font-accent);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--charcoal);padding:.55rem 1.4rem;border-radius:999px;border:1px solid rgba(0,0,0,.15);background:transparent;transition:all .25s;display:inline-block}.project-row-btn-ghost:hover{border-color:var(--charcoal);background:#00000008}.project-preview-popup{position:fixed;z-index:999;pointer-events:none;width:320px;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000002e,0 4px 16px #00000014;background:#fff;border:1px solid rgba(0,0,0,.08)}.project-preview-iframe-wrap{width:320px;height:200px;overflow:hidden;position:relative;background:#f5f5f5}.project-preview-iframe{width:1280px;height:800px;border:none;transform:scale(.25);transform-origin:top left;pointer-events:none}.project-preview-label{display:block;padding:.5rem .75rem;font-family:var(--font-accent);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#666;background:#fafafa;border-top:1px solid rgba(0,0,0,.06)}@media(max-width:768px){.project-preview-popup{display:none}}.projects-v2-footer{margin-top:2rem;padding-top:1rem;text-align:right}.projects-v2-count{font-family:var(--font-accent);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#bbb}@media(max-width:768px){.project-row-main{grid-template-columns:auto 1fr;gap:.8rem;padding:1.2rem .5rem}.project-row-meta{display:none}.project-row-idx{font-size:1.5rem;min-width:2rem}.project-row-info{flex-direction:column;gap:.3rem}.project-row-title{font-size:1rem;white-space:normal}.project-row-expand-inner{padding:0 .5rem 1.5rem 3rem;flex-direction:column;gap:1rem}.project-row-actions{flex-direction:column;gap:.75rem;align-items:flex-start}}.contact-section{padding-bottom:2rem}.contact-card{background:var(--charcoal);border-radius:24px;padding:clamp(2.5rem,5vw,4rem);text-align:center;max-width:680px;margin:0 auto}.contact-text{font-size:1.1rem;line-height:1.7;color:#ffffffbf;margin:0 0 2rem}.contact-cta{display:inline-block;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.3);padding-bottom:4px;transition:border-color .3s;margin-bottom:2rem}.contact-cta:hover{border-color:#fff}.contact-links{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.contact-social{font-family:var(--font-accent);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;color:#ffffff80;transition:color .2s}.contact-social:hover{color:#fff}.site-footer-animated{--footer-glow-x: 82%;--footer-glow-y: 34%;--footer-glow-intensity: .52;position:relative;isolation:isolate;margin-top:clamp(1rem,3vw,2rem);border-top:1px solid rgba(0,0,0,.12);background:radial-gradient(circle at 14% 18%,rgba(0,0,0,.06),transparent 42%),linear-gradient(180deg,#fffffff7,#f4f4f4ed);overflow:hidden;min-height:clamp(165px,18vw,240px)}.site-footer-animated:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(560px circle at var(--footer-glow-x) var(--footer-glow-y),rgba(255,255,255,.74),transparent 60%),radial-gradient(380px circle at 14% 74%,rgba(0,0,0,.05),transparent 72%);opacity:var(--footer-glow-intensity);transition:opacity .25s ease}.site-footer-animated:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.03;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' seed='7'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:180px 180px}.site-footer-wordmark{position:absolute;left:clamp(1rem,5vw,4rem);bottom:clamp(.75rem,2vw,1.5rem);z-index:2;margin:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-display);font-size:clamp(1.25rem,4.8vw,3.8rem);letter-spacing:.12em;text-transform:uppercase;color:#00000024;text-shadow:0 1px 0 rgba(255,255,255,.45);white-space:nowrap}.site-footer-inner{max-width:var(--content-max);margin:0 auto;padding:clamp(1.2rem,3vw,2rem) clamp(1rem,3vw,2rem) calc(1rem + env(safe-area-inset-bottom));min-height:inherit;position:relative;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:.55rem}.footer-live-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.38rem;width:min(100%,24rem);margin-top:-.05rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:#5f5f5f}.footer-live-row>span{display:inline-flex;align-items:center;padding:0;line-height:1}.footer-live-row>span:not(:last-child):after{content:"•";margin:0 .35rem;color:#00000059}.footer-live-clock{display:inline-flex;align-items:center;gap:.22rem;color:var(--ink-blue);border:0!important;background:transparent!important;box-shadow:none;padding:0}.footer-clock-group{display:inline-flex;align-items:center;gap:.14rem}.footer-clock-digit{position:relative;width:.96rem;height:1.32rem;overflow:hidden;border-radius:.17rem;background:var(--ink-blue);color:#fff;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #00000029}.footer-clock-digit-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;letter-spacing:0;line-height:1;font-variant-numeric:tabular-nums}.footer-clock-separator{display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#0000009e;transform:translateY(-.02em)}.footer-clock-meridiem{margin-left:.2rem;font-size:.62rem;font-weight:700;letter-spacing:.1em;color:#0000009e}.footer-reveal-links{display:grid;width:min(100%,24rem);justify-items:end;gap:.12rem}.footer-flip-link{--footer-link-color: var(--charcoal);--footer-link-hover-color: #6b6b6b;position:relative;display:inline-flex;align-items:center;width:fit-content;min-height:44px;overflow:hidden;white-space:nowrap;color:var(--footer-link-color);text-decoration:none;text-transform:uppercase;font-family:var(--font-display);font-size:clamp(1.45rem,3.1vw,2.45rem);font-weight:700;letter-spacing:.03em;line-height:.92;padding:.06em 0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.footer-flip-link:after{content:"";position:absolute;left:0;right:0;bottom:.08rem;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);transform:scaleX(0);transform-origin:right center;opacity:.75;transition:transform .28s cubic-bezier(.22,1,.36,1)}.footer-flip-link:hover:after,.footer-flip-link:focus-visible:after{transform:scaleX(1);transform-origin:left center}.footer-flip-row{display:block}.footer-flip-row-overlay{position:absolute;inset:0;color:var(--footer-link-hover-color);opacity:0}.footer-link-tone-dot{--footer-link-color: #c05435;--footer-link-hover-color: #dd7c63}.footer-link-tone-linkedin{--footer-link-color: #1e4ec8;--footer-link-hover-color: #4f75db}.footer-link-tone-github{--footer-link-color: #5b45b3;--footer-link-hover-color: #7c69ca}.footer-link-tone-email{--footer-link-color: #b95a2b;--footer-link-hover-color: #d28157}.footer-link-tone-whatsapp{--footer-link-color: #218b52;--footer-link-hover-color: #47a773}.footer-flip-link:hover .footer-flip-row-overlay,.footer-flip-link:focus-visible .footer-flip-row-overlay{opacity:1}.footer-flip-char{display:inline-block}.site-footer-copy{margin-top:.35rem;font-family:var(--font-accent);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:#626262;text-align:right}@media(max-width:767px){.site-footer-animated{min-height:auto}.site-footer-animated:before{opacity:.38}.site-footer-animated:after{opacity:.022}.site-footer-wordmark{display:none}.site-footer-inner{width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding:1.3rem .95rem calc(1rem + env(safe-area-inset-bottom));gap:.35rem}.footer-live-row{width:min(100%,17rem);gap:.24rem;font-size:.52rem;letter-spacing:.11em}.footer-live-row>span{padding:0}.footer-live-clock{gap:.16rem}.footer-clock-digit{width:.82rem;height:1.14rem}.footer-clock-digit-value,.footer-clock-separator{font-size:.7rem}.footer-clock-meridiem{margin-left:.16rem;font-size:.52rem}.footer-flip-link{font-size:clamp(1rem,8vw,1.7rem);line-height:1;letter-spacing:.02em;padding:.12rem 0}.footer-reveal-links{width:min(100%,17rem);gap:.24rem}.site-footer-copy{font-size:.64rem;letter-spacing:.14em;max-width:17rem}}@media(max-width:380px){.footer-flip-link{font-size:clamp(.98rem,7.4vw,1.3rem)}}@media(hover:none)and (pointer:coarse){.site-footer-animated{background:radial-gradient(circle at 85% 30%,rgba(0,0,0,.06),transparent 40%),linear-gradient(180deg,#fffffffa,#f4f4f4f2);--footer-glow-intensity: .4}.footer-flip-link{min-height:46px}.footer-flip-row-overlay{display:none}.footer-flip-link:after{display:none}}@media(prefers-reduced-motion:reduce){.site-footer-animated:before{transition:none}.footer-flip-row-overlay{display:none}.footer-flip-link:after{transition:none}}.hero-cta-row{display:flex;gap:1rem;margin-top:2.5rem;flex-wrap:wrap}.hero-btn{font-family:var(--font-accent);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:.75rem 2rem;border-radius:999px;font-weight:600;transition:all .3s}.hero-btn-primary{background:var(--charcoal);color:#fff;border:1px solid var(--charcoal)}.hero-btn-primary:hover{background:#333}.hero-btn-outline{background:transparent;color:#1a1a1a;border:1px solid rgba(0,0,0,.25)}.hero-btn-outline:hover{border-color:var(--charcoal);background:#00000008}.about-image-wrapper{overflow:hidden;border-radius:20px;aspect-ratio:4 / 5;margin-bottom:2rem;background:#0000000d;position:relative}.about-parallax-img{width:100%;height:120%;object-fit:cover;position:relative;top:-10%}.project-card-image-wrapper{overflow:hidden;border-radius:12px;background:var(--paper);margin-bottom:1rem;aspect-ratio:16 / 9}.project-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-card-img{transform:scale(1.05)}.marquee-parallax{overflow:hidden;overflow-x:clip;position:relative;width:100%;max-width:100vw;line-height:1;margin:0;white-space:nowrap;display:flex;flex-wrap:nowrap}.marquee-scroller{font-family:var(--font-accent);font-weight:600;text-transform:uppercase;font-size:clamp(.82rem,1.6vw,1rem);letter-spacing:.22em;display:flex;flex-wrap:nowrap;flex-shrink:0;white-space:nowrap;color:#111111e6;-webkit-text-stroke:0}.marquee-scroller span{display:block;margin-right:1.6rem;flex-shrink:0}.hero-about-marquee{overflow:hidden;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);padding:.85rem 0;background:#ffffff80;width:100%;max-width:100vw}@media(max-width:767px){.hero-about-marquee{padding:.7rem 0}.hero-about-marquee .marquee-scroller{font-size:.72rem;letter-spacing:.16em}.hero-about-marquee .marquee-scroller span{margin-right:1.15rem}}