:root{--bg:#fff;--fg:#0a0a0a;--muted:#737373;--subtle:#a3a3a3;--line:#e8e8e8;--surface:#fafafa;--surface-2:#f4f4f4;--signal:#22c55e;--radius-sm:6px;--radius:14px;--radius-lg:22px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.7, 0, .2, 1);--dur-1:.2s;--dur-2:.45s;--dur-3:.8s;--gutter:clamp(18px, 3.2vw, 48px);--maxw:1440px;--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}:root[data-theme=dark]{--bg:#0a0a0a;--fg:#f5f5f5;--muted:#8a8a8a;--subtle:#5c5c5c;--line:#222;--surface:#111;--surface-2:#171717}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;overscroll-behavior-y:none;scrollbar-gutter:stable;max-width:100vw;overflow-x:hidden}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);font-size:16px;line-height:1.65;overflow-x:hidden}h1{letter-spacing:-.055em;color:var(--fg);font-size:clamp(3rem,7.2vw,7.5rem);font-weight:700;line-height:.9}h2{letter-spacing:-.045em;color:var(--fg);font-size:clamp(2.25rem,5vw,4.75rem);font-weight:600;line-height:1.05}h3{letter-spacing:-.03em;color:var(--fg);font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:600;line-height:1.2}p{color:var(--fg)}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}img,canvas,svg{display:block}.skip-link{z-index:99999;background:var(--fg);color:var(--bg);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-sm);transition:transform var(--dur-1) var(--ease-out);padding:10px 18px;font-size:12px;position:fixed;top:16px;left:16px;transform:translateY(-150%)}.skip-link:focus{outline:2px solid var(--signal);outline-offset:3px;transform:translateY(0)}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}#root,.site-shell{background:var(--bg);width:100%;max-width:100vw;min-height:100vh;position:relative;overflow-x:hidden}.container-grid{width:100%;max-width:var(--maxw);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.section{border-bottom:1px solid var(--line);padding-top:clamp(56px,8vh,100px);padding-bottom:clamp(56px,8vh,100px);position:relative}.section-header-wrap{flex-direction:column;gap:14px;margin-bottom:clamp(28px,4.5vh,44px);display:flex;position:relative}.section-header-bar{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.section-index-heading{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg);align-items:baseline;gap:8px;font-size:13px;font-weight:600;line-height:1.4;display:inline-flex}.section-index-num{color:var(--muted);font-variant-numeric:tabular-nums}.section-index-sep{color:var(--subtle)}.section-index-title{color:var(--fg)}.section-subcopy{color:var(--muted);font-size:14px;font-weight:400;line-height:1.5}.hairline{background-color:var(--line);width:100%;height:1px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.about-section{border-bottom:1px solid var(--line);padding-top:clamp(56px,8vh,100px);padding-bottom:clamp(56px,8vh,100px)}.about-scrub-wrap{margin-bottom:clamp(56px,10vh,96px)}.about-statement{letter-spacing:-.03em;max-width:1080px;margin-bottom:32px;font-size:clamp(1.6rem,3vw,2.6rem);font-weight:500;line-height:1.3}.about-body-lead{color:var(--muted);max-width:780px;font-size:16px;line-height:1.7}.about-body-lead strong{color:var(--fg);font-weight:600}.stats-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:clamp(64px,10vh,112px);padding:48px 0;display:grid}@media (width>=900px){.stats-strip{grid-template-columns:repeat(4,1fr);gap:0}}.stat-item{flex-direction:column;gap:8px;padding:0 16px;display:flex}@media (width>=900px){.stat-item:not(:last-child){border-right:1px solid var(--line)}}.stat-value{letter-spacing:-.04em;color:var(--fg);font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1}.stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:11px}.timeline-section{flex-direction:column;margin-bottom:clamp(64px,10vh,112px);display:flex}.timeline-row{border-top:1px solid var(--line);transition:transform var(--dur-2) var(--ease-out);cursor:default;grid-template-columns:1fr auto;gap:12px 16px;padding:28px 0;display:grid;position:relative}.timeline-row:last-child{border-bottom:1px solid var(--line)}.timeline-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;grid-area:1/1/auto/-1;font-size:11px}.timeline-title-wrap{grid-area:2/1}.timeline-title-wrap h3{color:var(--fg);margin-bottom:4px;font-size:18px;font-weight:600}.timeline-title-wrap p{color:var(--muted);font-size:14px}.timeline-year{font-family:var(--font-mono);color:var(--fg);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:2/2;align-self:start;padding-top:3px;font-size:12px;font-weight:500}.timeline-detail{color:var(--muted);grid-area:3/1/auto/-1;font-size:14px;line-height:1.5}@media (width>=900px){.timeline-row{grid-template-columns:160px 1.5fr 2fr 120px;align-items:baseline;gap:24px}.timeline-label,.timeline-title-wrap,.timeline-detail,.timeline-year{grid-area:auto}.timeline-row:hover{transform:translate(12px)}}.skills-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=900px){.skills-grid{grid-template-columns:repeat(3,1fr);gap:40px}}.skill-col{flex-direction:column;gap:20px;display:flex}.skill-col-header{color:var(--fg);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:12px;font-size:16px;font-weight:600;display:flex}.skill-tags{flex-wrap:wrap;gap:10px;display:flex}.skill-tag-pill{font-family:var(--font-mono);border:1px solid var(--line);color:var(--muted);transition:all var(--dur-1) var(--ease-out);cursor:default;background-color:#0000;border-radius:999px;padding:6px 14px;font-size:12px}.skill-tag-pill:hover{background-color:var(--fg);color:var(--bg);border-color:var(--fg)}.certifications-section{border-bottom:1px solid var(--line);padding-top:clamp(56px,8vh,100px);padding-bottom:clamp(56px,8vh,100px)}.cert-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=640px){.cert-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width>=1024px){.cert-grid{grid-template-columns:repeat(3,1fr);gap:20px}}.cert-card{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:190px;transition:transform var(--dur-2) var(--ease-out);flex-direction:column;justify-content:space-between;gap:16px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.cert-card:hover{transform:translateY(-3px)}.cert-card-border-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cert-card-border-rect{fill:none;stroke:var(--fg);stroke-width:1.5px;stroke-dasharray:800;stroke-dashoffset:800px;transition:stroke-dashoffset .6s var(--ease-out)}.cert-card:hover .cert-card-border-rect{stroke-dashoffset:0}.cert-top-row{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.cert-top-row svg{color:var(--fg)}.cert-index{font-family:var(--font-mono);letter-spacing:.1em;font-size:11px}.cert-body{flex-direction:column;gap:6px;display:flex}.cert-badge-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.cert-title{letter-spacing:-.02em;color:var(--fg);font-size:16px;font-weight:600;line-height:1.35}.cert-issuer{color:var(--muted);font-size:13.5px}.cert-bottom-row{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--muted);justify-content:space-between;align-items:center;padding-top:14px;font-size:11px;display:flex}.cert-link{color:var(--fg);transition:transform var(--dur-1) var(--ease-out);align-items:center;gap:4px;font-weight:500;display:inline-flex}.cert-card:hover .cert-link svg{transform:translate(2px,-2px)}.contact-section{border-bottom:1px solid var(--line);padding-top:clamp(56px,8vh,100px);padding-bottom:clamp(56px,8vh,100px)}.contact-headline-row{margin-bottom:clamp(48px,8vh,80px)}.contact-big-title{letter-spacing:-.04em;color:var(--fg);flex-wrap:wrap;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:700;line-height:1;display:flex}.contact-letter-hover{cursor:default;transition:transform .25s cubic-bezier(.22,1,.36,1);display:inline-block}@media (hover:hover) and (pointer:fine){.contact-letter-hover:hover{transform:translateY(-8px)}}.contact-grid{grid-template-columns:1fr;gap:48px;display:grid}@media (width>=900px){.contact-grid{grid-template-columns:1fr 1.2fr;gap:64px}}.contact-copy-col{flex-direction:column;gap:24px;display:flex}.contact-lead{color:var(--fg);font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:500;line-height:1.45}.contact-body-text{color:var(--muted);font-size:15px;line-height:1.7}.contact-social-links{flex-direction:column;gap:16px;margin-top:16px;display:flex}.contact-social-row{border-bottom:1px solid var(--line);font-family:var(--font-mono);color:var(--fg);text-align:left;cursor:pointer;width:100%;transition:color var(--dur-1) var(--ease-out);background:0 0;border-top:none;border-left:none;border-right:none;justify-content:space-between;align-items:center;padding:16px 0;font-size:13px;display:flex}.contact-social-row:hover{color:var(--muted)}.contact-social-row svg{transition:transform var(--dur-1) var(--ease-out)}a.contact-social-row:hover svg{transform:translate(3px,-3px)rotate(45deg)}.contact-form{flex-direction:column;gap:32px;display:flex}.form-field-row{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=600px){.form-field-row{grid-template-columns:1fr 1fr}}.floating-field-wrap{flex-direction:column;display:flex;position:relative}.floating-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);pointer-events:none;transition:transform var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);transform-origin:0;font-size:11px}.floating-input,.floating-textarea{width:100%;color:var(--fg);background:0 0;border:none;outline:none;padding:12px 0 8px;font-size:15px}.floating-textarea{resize:vertical;min-height:80px}.field-bottom-line{background-color:var(--line);width:100%;height:1px;position:relative}.field-focus-line{background-color:var(--fg);transform-origin:0;width:100%;height:1px;transition:transform var(--dur-2) var(--ease-out);position:absolute;top:0;left:0;transform:scaleX(0)}.floating-field-wrap:focus-within .field-focus-line{transform:scaleX(1)}.floating-field-wrap:focus-within .floating-label{color:var(--fg)}.form-footer-actions{align-items:center;gap:24px;display:flex}.contact-submit-btn{background-color:var(--fg);color:var(--bg);cursor:pointer;transition:opacity var(--dur-1) var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:14px 32px;font-size:14px;font-weight:500;display:inline-flex}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}.sending-dots{align-items:center;gap:4px;display:flex}.sending-dots span{background-color:var(--bg);border-radius:50%;width:5px;height:5px;animation:1s infinite alternate dot-pulse}.sending-dots span:nth-child(2){animation-delay:.2s}.sending-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.form-status-box{font-size:13px;font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--line);align-items:center;gap:10px;padding:12px 18px;display:flex}.form-status-box.tone-success{color:var(--signal);border-color:var(--signal);background-color:color-mix(in srgb, var(--signal) 8%, transparent)}.form-status-box.tone-error{color:var(--fg);border-color:var(--line);background-color:var(--surface)}.footer-wrap{border-top:1px solid var(--line);background-color:var(--bg);width:100%;padding:48px 0}.footer-container{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}@media (width>=900px){.footer-container{text-align:left;flex-direction:row;justify-content:space-between;align-items:center}}.footer-left{font-family:var(--font-mono);color:var(--muted);text-align:center;font-size:12px}@media (width>=900px){.footer-left{text-align:left}}.footer-right{font-family:var(--font-mono);color:var(--fg);justify-content:center;align-items:center;gap:24px;font-size:12px;display:flex}.manila-time-badge{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}@media (width>=1200px){.manila-time-badge{display:none}}.time-pulse-dot{background-color:var(--signal);border-radius:50%;width:6px;height:6px}.back-to-top-btn{color:var(--fg);transition:opacity var(--dur-1) var(--ease-out);align-items:center;gap:4px;font-weight:500;display:inline-flex}.back-to-top-btn:hover{opacity:.7}.hero-section{border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:640px;padding-top:96px;padding-bottom:24px;display:flex;position:relative;overflow:hidden}.hero-grid{flex:1;grid-template-columns:1fr;align-items:center;gap:32px;width:100%;max-width:100%;margin:0 auto;display:grid}@media (width>=900px){.hero-grid{grid-template-columns:repeat(12,1fr);gap:40px}}.hero-portrait-col{order:1;justify-content:center;align-items:center;width:100%;max-width:100%;height:46svh;min-height:280px;max-height:420px;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width>=900px){.hero-portrait-col{order:2;grid-column:7/span 6;height:100%;min-height:520px;max-height:none;overflow:visible}}.hero-text-col{text-align:center;flex-direction:column;order:2;justify-content:center;align-items:center;gap:22px;width:100%;max-width:100%;display:flex}@media (width>=900px){.hero-text-col{text-align:left;order:1;grid-column:1/span 6;align-items:flex-start}}.hero-title{letter-spacing:-.055em;text-align:center;width:100%;margin:0;font-size:clamp(2.15rem,6.8vw,5.6rem);font-weight:700;line-height:.95}@media (width>=900px){.hero-title{text-align:left;line-height:.92}}.hero-title-line{text-align:center;line-height:.95;display:block;overflow:hidden}@media (width>=900px){.hero-title-line{text-align:left;line-height:.92}}.particle-portrait-wrap{contain:layout paint;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}@media (width>=900px){.particle-portrait-wrap{min-height:480px}}.particle-portrait-canvas{touch-action:pan-y;cursor:crosshair;margin:0 auto;display:block;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.hero-role-line{color:var(--muted);text-align:center;max-width:100%;margin:0 auto;font-size:clamp(1.1rem,1.5vw,1.25rem);font-weight:400;line-height:1.4}@media (width>=900px){.hero-role-line{text-align:left;margin:0}}.hero-scramble-wrap{color:var(--fg);background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:fit-content;margin:0 auto;padding:8px 14px;font-size:13px;display:flex}@media (width>=900px){.hero-scramble-wrap{margin:0}}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:100%;max-width:100%;margin-top:8px;display:flex}@media (width>=900px){.hero-actions{flex-wrap:nowrap;justify-content:flex-start;gap:24px;width:auto}}.hero-btn-primary{background-color:var(--fg);color:var(--bg);letter-spacing:-.01em;transition:transform var(--dur-1) var(--ease-out), opacity var(--dur-1) var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:14px 26px;font-size:14px;font-weight:500;display:inline-flex}.hero-btn-primary:hover{opacity:.9}.hero-btn-link{color:var(--fg);align-items:center;gap:6px;padding-bottom:2px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.hero-btn-link:after{content:"";background-color:var(--fg);width:0;height:1px;transition:width var(--dur-2) var(--ease-out);position:absolute;bottom:0;left:0}.hero-btn-link:hover:after{width:100%}.hero-side-label{z-index:10;font-family:var(--font-mono);letter-spacing:.22em;color:var(--muted);pointer-events:none;writing-mode:vertical-rl;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;font-size:10px;display:none;position:fixed;top:50%}@media (width>=1200px){.hero-side-label{align-items:center;gap:12px;display:inline-flex}}.hero-side-left{left:24px;transform:translateY(-50%)rotate(180deg)}.hero-side-right{right:24px;transform:translateY(-50%)}.side-signal-dot-wrap{justify-content:center;align-items:center;width:6px;height:6px;display:inline-flex;position:relative}.side-signal-dot{background-color:var(--signal);border-radius:50%;width:6px;height:6px}.side-signal-pulse-ring{border:1px solid var(--signal);border-radius:50%;animation:2s cubic-bezier(.24,0,.38,1) infinite pulse-ring;position:absolute;inset:-3px}.side-time-dot{background-color:var(--subtle);border-radius:50%;width:5px;height:5px}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.hero-bottom-bar{flex-direction:column;gap:16px;width:100%;padding-top:16px;display:flex}.hero-bottom-hairline{background-color:var(--line);transform-origin:0;width:100%;height:1px}.hero-bottom-content{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);justify-content:center;align-items:center;font-size:11px;display:flex}.hero-scroll-btn{color:var(--muted);transition:color var(--dur-1) var(--ease-out);align-items:center;gap:8px;padding:4px 8px;display:inline-flex}.hero-scroll-btn:hover{color:var(--fg)}.scroll-indicator-arrow{animation:1.6s ease-in-out infinite bob;display:inline-block}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.nav-wrap{z-index:1000;will-change:transform, background-color;width:100%;height:72px;transition:background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);position:fixed;top:0;left:0;transform:translateZ(0)}.nav-wrap.is-scrolled{background-color:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.scroll-progress-bar{background-color:var(--fg);transform-origin:0;z-index:1001;height:1px;position:absolute;top:0;left:0;right:0}.nav-container{max-width:var(--maxw);height:100%;padding:0 var(--gutter);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-brand{letter-spacing:-.02em;color:var(--fg);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.nav-brand:hover{opacity:.8}.nav-center{align-items:center;gap:36px;display:none}@media (width>=900px){.nav-center{display:flex}}.nav-link{color:var(--muted);transition:color var(--dur-1) var(--ease-out);padding:6px 0;font-size:14px;font-weight:500;position:relative}.nav-link:hover,.nav-link.is-active{color:var(--fg)}.nav-active-dot{background-color:var(--fg);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.nav-right{align-items:center;gap:16px;display:flex}.nav-resume-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);color:var(--fg);transition:border-color var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:500;display:inline-flex}.nav-resume-pill:hover{border-color:var(--fg);background-color:var(--surface)}.theme-toggle-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--fg);transition:border-color var(--dur-1) var(--ease-out), transform var(--dur-2) var(--ease-out);background:0 0;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.theme-toggle-btn:hover{border-color:var(--fg);transform:rotate(15deg)}.menu-toggle-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--fg);border-radius:50%;place-items:center;display:grid}@media (width>=900px){.menu-toggle-btn{display:none}}.mobile-nav-overlay{background-color:var(--bg);z-index:999;padding:0 var(--gutter);flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0}.mobile-nav-links{flex-direction:column;gap:24px;display:flex}.mobile-nav-item{letter-spacing:-.04em;color:var(--muted);transition:color var(--dur-1) var(--ease-out);font-size:clamp(2.5rem,8vw,3.5rem);font-weight:700}.mobile-nav-item:hover,.mobile-nav-item.is-active{color:var(--fg)}.mobile-nav-footer{bottom:40px;left:var(--gutter);right:var(--gutter);text-align:center;border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--muted);justify-content:center;align-items:center;padding-top:20px;font-size:12px;display:flex;position:absolute}.projects-section{border-bottom:1px solid var(--line);padding-top:clamp(56px,8vh,100px);padding-bottom:clamp(56px,8vh,100px)}.projects-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=640px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (width>=1024px){.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.project-card{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);contain:content;height:100%;transition:transform var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);flex-direction:column;display:flex;overflow:hidden;transform:translateZ(0)}.project-card:hover{border-color:var(--fg);transform:translateY(-4px)translateZ(0)}.project-cover-wrap{aspect-ratio:16/10;background-color:var(--surface-2);cursor:pointer;width:100%;position:relative;overflow:hidden}.project-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.project-card:hover .project-cover-img{transform:scale(1.04)}.project-cover-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.project-card-body{flex-direction:column;flex:1;gap:14px;padding:20px 22px;display:flex}.project-card-header{justify-content:space-between;align-items:center;display:flex}.project-index-tag{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);font-size:11px}.project-card-title{letter-spacing:-.02em;color:var(--fg);font-size:19px;font-weight:600}.project-card-desc{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.project-tech-pills{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.tech-pill{font-family:var(--font-mono);background-color:var(--surface-2);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:10.5px}.project-card-footer{border-top:1px solid var(--line);font-family:var(--font-mono);justify-content:space-between;align-items:center;padding-top:14px;font-size:11.5px;display:flex}.project-view-btn,.project-live-link{font-family:var(--font-mono);color:var(--muted);cursor:pointer;transition:color var(--dur-1) var(--ease-out);background:0 0;border:none;align-items:center;gap:5px;padding:2px 0;font-size:11.5px;font-weight:500;line-height:1;display:inline-flex}.project-view-btn:hover,.project-live-link:hover{color:var(--fg);text-decoration:none}.project-view-btn svg,.project-live-link svg{transition:transform var(--dur-1) var(--ease-out);flex-shrink:0}.project-view-btn:hover svg,.project-live-link:hover svg{transform:translate(2px,-2px)}.view-all-wrap{justify-content:center;margin-top:48px;display:flex}.view-all-btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);color:var(--fg);transition:all var(--dur-1) var(--ease-out);background-color:#0000;border-radius:999px;align-items:center;gap:8px;padding:12px 28px;font-size:12px;display:inline-flex}.view-all-btn:hover{border-color:var(--fg);background-color:var(--surface)}.cursor-dot{pointer-events:none;z-index:999999;mix-blend-mode:difference;will-change:transform;background-color:#fff;border-radius:50%;width:8px;height:8px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-ring{pointer-events:none;z-index:999998;mix-blend-mode:difference;width:36px;height:36px;transition:width .3s var(--ease-out), height .3s var(--ease-out), background-color .3s var(--ease-out), opacity .2s var(--ease-out);will-change:transform;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-ring.cursor-state-link{border-color:#fff;width:48px;height:48px}.cursor-hidden{opacity:0!important}@media (pointer:coarse),(prefers-reduced-motion:reduce){.cursor-dot,.cursor-ring{display:none!important}}