@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--color-black: #0A0A0A;--color-white: #FAFAFA;--color-pure-white: #FFFFFF;--color-yellow: #F3FE52;--color-yellow-dim: #E8F23D;--color-yellow-pale: #FAFEC7;--color-gray-50: #F9F9F4;--color-gray-100: #F5F5F0;--color-gray-200: #E8E8E0;--color-gray-300: #C8C8C0;--color-gray-400: #9A9A90;--color-gray-500: #6A6A60;--color-gray-700: #3A3A35;--color-gray-900: #1A1A15;--bg-primary: var(--color-white);--bg-dark: var(--color-black);--bg-accent: var(--color-yellow);--bg-surface: var(--color-gray-100);--bg-surface-raised: var(--color-pure-white);--bg-inverse: var(--color-gray-900);--fg-primary: var(--color-black);--fg-secondary: var(--color-gray-700);--fg-tertiary: var(--color-gray-500);--fg-inverse: var(--color-white);--fg-accent: var(--color-black);--fg-link: var(--color-black);--fg-on-dark-primary: var(--color-white);--fg-on-dark-secondary: var(--color-gray-300);--fg-on-dark-label: var(--color-gray-400);--fg-on-dark-accent: var(--color-yellow);--fg-link-hover: var(--color-yellow);--fg-nav-link: var(--color-white);--fg-nav-link-hover: var(--color-yellow);--border-primary: 1.5px solid var(--color-black);--border-subtle: 1px solid var(--color-gray-200);--border-accent: 2px solid var(--color-yellow);--color-focus: var(--color-yellow);--color-cta: var(--color-yellow);--color-cta-hover: var(--color-yellow-dim);--color-success: #3DFE87;--color-warning: var(--color-yellow);--color-error: #FF4444;--color-info: #52B8FE;--shadow-xs: 1px 1px 0 0 var(--color-black);--shadow-sm: 2px 2px 0 0 var(--color-black);--shadow-md: 3px 3px 0 0 var(--color-black);--shadow-lg: 5px 5px 0 0 var(--color-black);--shadow-xl: 8px 8px 0 0 var(--color-black);--shadow-hover: 5px 5px 0 0 var(--color-black);--shadow-soft-sm: 0 2px 8px rgba(10,10,10,.08);--shadow-soft-md: 0 4px 20px rgba(10,10,10,.12);--radius-none: 0px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--content-max-width: 1200px;--content-padding: var(--space-6);--section-padding-y: var(--space-20);--grid-gap: var(--space-6);--font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--font-body: "DM Sans", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s}.display{font-family:var(--font-display);font-size:var(--text-7xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg-primary);text-wrap:pretty}h1,.h1{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg-primary);text-wrap:pretty}h2,.h2{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:600;line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--fg-primary);text-wrap:pretty}h3,.h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-snug);color:var(--fg-primary);text-wrap:pretty}h4,.h4{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:var(--leading-normal);color:var(--fg-primary)}p,.body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--fg-secondary);text-wrap:pretty}.body-lg{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--fg-secondary)}.label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-normal);color:var(--fg-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase}.caption{font-family:var(--font-body);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--fg-tertiary)}code,.mono{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed)}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--fg-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--fg-link);text-decoration-color:var(--color-yellow);text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--fg-link-hover)}:focus-visible{outline:2px solid var(--color-yellow);outline-offset:2px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);font-family:var(--font-body);color:var(--fg-primary)}::selection{background:var(--color-yellow);color:var(--color-black)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#3a3a35;border-radius:3px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-centered{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-12px)}}@keyframes bounce-dot{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll-indicator{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.fade-up{animation:fade-up .6s cubic-bezier(.22,1,.36,1) both}.fade-up-1{animation-delay:.05s}.fade-up-2{animation-delay:.15s}.fade-up-3{animation-delay:.25s}.fade-up-4{animation-delay:.35s}.nav-link:hover{color:var(--fg-nav-link-hover)!important}.work-row:hover .work-arrow{opacity:1!important;transform:translate(4px)}.work-row:hover{background:var(--bg-accent)!important}.play-card:hover,.diary-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.play-card:hover .play-card-cta{opacity:1}.diary-card:hover .diary-arrow{opacity:1;transform:translate(2px)}.footer-link:hover{color:var(--fg-on-dark-primary)!important}.social-pill:hover{border-color:var(--color-yellow)!important;color:var(--color-yellow)!important}#hero{background:var(--color-black);min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column}.hero-bg-grid{position:absolute;inset:0;opacity:.035;background-image:linear-gradient(var(--color-white) 1px,transparent 1px),linear-gradient(90deg,var(--color-white) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}.hero-grid{flex:1;display:grid;grid-template-columns:1fr min(400px,36vw);max-width:1280px;margin:0 auto;width:100%;padding:80px 48px 100px;gap:48px;align-items:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#f3fe521f;border:1px solid rgba(243,254,82,.3);border-radius:var(--radius-full);padding:6px 16px;margin-bottom:36px}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);display:block;flex-shrink:0}.hero-badge-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-yellow);letter-spacing:.05em}.hero-headline{font-family:var(--font-display);font-weight:700;font-size:clamp(52px,7.5vw,100px);line-height:1.04;letter-spacing:-.03em;color:var(--fg-on-dark-primary);text-wrap:pretty;margin-bottom:28px}.hero-headline-accent{color:var(--color-yellow);position:relative}.hero-headline-squiggle{position:absolute;bottom:2px;left:-2%;width:104%}.hero-sub{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--fg-on-dark-secondary);max-width:460px;margin-bottom:44px;text-wrap:pretty}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero-cta-primary{font-family:var(--font-body);font-weight:600;font-size:15px;background:var(--color-yellow);color:var(--color-black);padding:14px 30px;border-radius:var(--radius-full);border:1.5px solid var(--color-yellow);box-shadow:3px 3px #f3fe5259;cursor:pointer;transition:transform .2s var(--ease-spring),box-shadow .2s var(--ease-spring)}.hero-cta-secondary{font-family:var(--font-body);font-weight:500;font-size:15px;background:transparent;color:var(--fg-on-dark-primary);padding:14px 30px;border-radius:var(--radius-full);border:1.5px solid rgba(250,250,250,.2);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast)}.hero-social-row{display:flex;gap:20px;margin-top:56px;align-items:center}.hero-social-label{font-family:var(--font-mono);font-size:11px;color:var(--fg-on-dark-secondary);letter-spacing:.08em;text-transform:uppercase}.hero-social-link{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-gray-400);text-decoration:none;transition:color var(--duration-fast);border-bottom:1px solid transparent}.hero-scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-gray-400);cursor:pointer;z-index:1}.hero-scroll-label{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-wider);color:var(--color-gray-400)}.hero-scroll-mouse{width:24px;height:38px;border-radius:12px;border:1.5px solid var(--color-gray-500);display:flex;align-items:flex-start;justify-content:center;padding:5px}.hero-scroll-dot{width:4px;height:8px;border-radius:2px;background:var(--color-yellow);animation:scroll-indicator 1.8s ease-in-out infinite}.playground-section{background:var(--bg-surface);padding:100px 48px}.playground-inner{max-width:var(--content-max-width);margin:0 auto}.pg-section-header{margin-bottom:56px}.pg-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--fg-tertiary);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:10px}.pg-header-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px}.pg-headline{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,4vw,52px);color:var(--fg-primary);letter-spacing:-.025em;line-height:1.1}.pg-subhead{font-family:var(--font-body);font-size:var(--text-base);color:var(--fg-secondary);max-width:340px;line-height:var(--leading-relaxed);text-wrap:pretty}.pg-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:64px}.play-card{background:var(--bg-primary);border:var(--border-primary);border-radius:var(--radius-md);padding:28px;box-shadow:var(--shadow-md);transition:transform .2s var(--ease-spring),box-shadow .2s var(--ease-spring);cursor:pointer;display:flex;flex-direction:column;gap:14px}.play-card--accent{background:var(--bg-accent)}.play-card-header{display:flex;align-items:center;justify-content:space-between}.play-card-tag{font-family:var(--font-body);font-size:11px;font-weight:600;background:var(--color-yellow);color:var(--color-black);padding:3px 10px;border-radius:var(--radius-full);border:var(--border-primary);letter-spacing:.02em}.play-card--accent .play-card-tag{background:var(--color-black);color:var(--fg-on-dark-label)}.play-card-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:var(--fg-primary);margin-bottom:8px;line-height:var(--leading-snug)}.play-card-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg-tertiary);line-height:var(--leading-relaxed)}.play-card--accent .play-card-desc{color:var(--color-gray-700)}.play-card-cta{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--fg-primary);opacity:.4;transition:opacity var(--duration-fast);align-self:flex-start}.pg-diary-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:var(--border-subtle)}.pg-diary-title{font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--fg-primary)}.pg-diary-count{font-family:var(--font-mono);font-size:11px;color:var(--fg-tertiary)}.pg-diary-link{margin-left:auto;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--fg-primary);text-decoration:none;border-bottom:1.5px solid var(--color-yellow);padding-bottom:1px}.pg-diary-list{display:flex;flex-direction:column;gap:10px}.diary-card{background:var(--bg-primary);border:var(--border-primary);text-decoration:none;color:inherit;border-radius:var(--radius-md);padding:20px 24px;box-shadow:var(--shadow-md);transition:transform .2s var(--ease-spring),box-shadow .2s var(--ease-spring);cursor:pointer;display:flex;align-items:center;gap:16px}.diary-date-block{width:48px;height:48px;background:var(--bg-dark);border-radius:var(--radius-xs);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.diary-date-day{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--fg-on-dark-accent);line-height:1}.diary-date-month{font-family:var(--font-mono);font-size:9px;color:var(--fg-on-dark-secondary);letter-spacing:.05em}.diary-content{flex:1;min-width:0}.diary-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);color:var(--fg-primary);line-height:var(--leading-snug);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diary-meta{display:flex;gap:8px;align-items:center}.diary-tag{font-family:var(--font-body);font-size:11px;font-weight:600;background:var(--color-yellow);color:var(--color-black);padding:2px 8px;border-radius:var(--radius-xs);border:1px solid var(--color-black)}.diary-read-time{font-family:var(--font-mono);font-size:11px;color:var(--fg-tertiary)}.diary-arrow{flex-shrink:0;opacity:.3;transition:opacity var(--duration-fast),transform var(--duration-fast)}.pocky-circle{width:min(400px,32vw);height:min(400px,32vw);border-radius:50%;background:var(--bg-accent);position:absolute;top:60%;right:5%;flex-shrink:0;overflow:hidden;transform:translateY(-50%) translateZ(0);clip-path:circle(50% at 50% 50%);z-index:2}.pocky-img{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:65%;height:auto;pointer-events:none;user-select:none;animation:float-centered 5s ease-in-out infinite}.about-section{background:var(--bg-accent);padding:100px 48px;position:relative;overflow:hidden}.about-inner{max-width:var(--content-max-width);margin:0 auto}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-500);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:16px}.about-headline{font-family:var(--font-display);font-weight:700;font-size:clamp(36px,4.5vw,60px);color:var(--fg-primary);line-height:1.1;letter-spacing:-.025em;margin-bottom:24px}.about-text-body{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.about-body{font-family:var(--font-body);font-size:17px;color:var(--fg-secondary);line-height:var(--leading-relaxed);text-wrap:pretty}.about-skills{display:flex;gap:8px;flex-wrap:wrap}.about-skill-tag{font-family:var(--font-body);font-size:12px;font-weight:600;padding:6px 14px;border-radius:var(--radius-full);background:var(--fg-primary);color:var(--color-yellow);border:var(--border-primary)}.about-card{background:var(--bg-surface-raised);border:var(--border-primary);border-radius:var(--radius-lg);padding:32px;box-shadow:6px 6px 0 0 var(--color-black)}.about-card-profile{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:var(--border-subtle)}.about-card-avatar{width:72px;height:72px;border-radius:50%;border:2px solid var(--color-black);object-fit:cover;flex-shrink:0;background:var(--bg-primary);padding:8px}.about-card-name{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--fg-primary)}.about-card-role{font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg-tertiary)}.about-card-quote{font-family:var(--font-body);font-size:15px;line-height:var(--leading-relaxed);color:var(--fg-secondary);font-style:italic;margin-bottom:24px}.about-card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.about-stat{text-align:center}.about-stat-num{font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--fg-primary);line-height:1}.about-stat-label{font-family:var(--font-body);font-size:11px;color:var(--fg-tertiary);margin-top:4px}.work-section{background:var(--bg-dark);padding:100px 48px}.work-inner{max-width:var(--content-max-width);margin:0 auto}.work-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;flex-wrap:wrap;gap:16px}.work-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--fg-on-dark-label);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:10px}.work-headline{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,4vw,52px);color:var(--fg-on-dark-primary);letter-spacing:-.025em;line-height:1.1}.work-count{font-family:var(--font-mono);font-size:12px;color:var(--fg-on-dark-label);padding-bottom:4px}.work-table-header{display:grid;grid-template-columns:48px 1fr auto;gap:16px;padding:0 20px 12px;border-bottom:1px solid var(--color-gray-900)}.work-col-label{font-family:var(--font-mono);font-size:10px;color:var(--fg-on-dark-label);letter-spacing:var(--tracking-wider);text-transform:uppercase}.work-row{border-bottom:1px solid var(--color-gray-900);transition:background .2s var(--ease-out);cursor:pointer}.work-row-grid{display:grid;grid-template-columns:48px 1fr auto;gap:16px;padding:20px;align-items:center}.work-num{font-family:var(--font-mono);font-size:12px;color:var(--fg-on-dark-label);transition:color .2s}.work-tag-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.work-tag{font-family:var(--font-body);font-size:11px;font-weight:600;background:var(--color-gray-900);color:var(--fg-on-dark-label);padding:2px 8px;border-radius:var(--radius-xs);transition:background .2s,color .2s}.work-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:var(--fg-on-dark-primary);line-height:var(--leading-snug);transition:color .2s}.work-expand{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s var(--ease-out),opacity .2s}.work-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg-on-dark-secondary);line-height:var(--leading-relaxed);margin:10px 0 0;max-width:560px}.work-detail-row{display:flex;gap:12px;margin-top:12px;align-items:center}.work-meta-label,.work-meta-dot{font-family:var(--font-mono);font-size:11px;color:var(--fg-on-dark-label)}.work-tools{display:flex;gap:6px}.work-tool{font-family:var(--font-mono);font-size:10px;border:1px solid var(--fg-on-dark-label);border-radius:var(--radius-xs);padding:2px 6px;color:var(--fg-on-dark-label)}.work-year-col{display:flex;align-items:center;gap:12px}.work-year{font-family:var(--font-mono);font-size:12px;color:var(--fg-on-dark-label);transition:color .2s}.work-arrow{font-size:16px;color:var(--fg-on-dark-label);opacity:.3;transition:transform .2s var(--ease-spring),opacity .2s,color .2s}.work-row:hover .work-num{color:var(--fg-primary)}.work-row:hover .work-tag{background:var(--fg-primary);color:var(--color-yellow)}.work-row:hover .work-title{color:var(--fg-primary)}.work-row:hover .work-expand{max-height:200px;opacity:1}.work-row:hover .work-desc{color:var(--fg-secondary)}.work-row:hover .work-meta-label,.work-row:hover .work-meta-dot{color:var(--color-gray-500)}.work-row:hover .work-tool{color:var(--color-gray-500);border-color:var(--color-gray-500)}.work-row:hover .work-year{color:var(--fg-primary)}#footer{background:var(--bg-dark);border-top:1px solid var(--color-gray-900)}.footer-cta{background:var(--bg-accent);padding:64px 48px;position:relative;overflow:hidden}.footer-cta-inner{max-width:var(--content-max-width);margin:0 auto;position:relative;z-index:1}.footer-cta-content{max-width:600px}.footer-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--color-gray-500);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:16px}.footer-headline{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,4.5vw,58px);color:var(--fg-primary);letter-spacing:-.025em;line-height:1.1;margin-bottom:20px}.footer-sub{font-family:var(--font-body);font-size:17px;color:var(--fg-secondary);line-height:var(--leading-relaxed);margin-bottom:36px;max-width:420px;text-wrap:pretty}.footer-email-row{display:flex;gap:8px;align-items:center;background:var(--bg-surface-raised);border:var(--border-primary);border-radius:var(--radius-full);padding:8px 8px 8px 24px;box-shadow:4px 4px 0 0 var(--color-black);max-width:440px}.footer-email-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-body);font-size:15px;color:var(--fg-primary)}.footer-email-btn{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;background:var(--bg-dark);color:var(--color-yellow);padding:11px 22px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:transform var(--duration-fast)}.footer-success{display:inline-flex;align-items:center;gap:10px;background:var(--bg-dark);color:var(--color-success);padding:14px 24px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:15px;font-weight:500}.footer-success-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);display:block}.footer-contact-row{display:flex;gap:16px;margin-top:24px;flex-wrap:wrap;align-items:center}.footer-contact-link{font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg-secondary);text-decoration:none;border-bottom:1.5px solid var(--fg-primary);padding-bottom:1px;transition:color var(--duration-fast)}.footer-contact-link:hover{color:var(--fg-primary)}.footer-contact-divider{color:var(--color-gray-500)}.footer-bottom{padding:48px 48px 36px}.footer-inner{max-width:var(--content-max-width);margin:0 auto}.footer-cols{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:32px;margin-bottom:40px}.footer-brand-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.footer-brand-logo{border-radius:3px;filter:invert(1)}.footer-brand-name{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--fg-on-dark-primary)}.footer-brand-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg-on-dark-label);max-width:220px;line-height:var(--leading-relaxed)}.footer-powered{display:flex;align-items:center;gap:6px;margin-top:12px}.footer-powered-avatar{width:24px;height:24px;border-radius:50%;border:1px solid var(--color-gray-500)}.footer-powered-label{font-family:var(--font-mono);font-size:10px;color:var(--fg-on-dark-label)}.footer-nav-cols{display:flex;gap:48px;flex-wrap:wrap}.footer-nav-col{display:flex;flex-direction:column;gap:10px}.footer-nav-heading{font-family:var(--font-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--fg-on-dark-label);margin-bottom:4px}.footer-link{font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg-on-dark-label);background:none;border:none;cursor:pointer;padding:0;text-align:left;transition:color var(--duration-fast)}.footer-status-col{display:flex;flex-direction:column;gap:10px}.footer-status-heading{font-family:var(--font-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--fg-on-dark-label);margin-bottom:4px}.footer-status-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;background:var(--color-gray-900);color:var(--color-yellow);padding:5px 10px;border-radius:var(--radius-xs);border:1px solid var(--color-gray-500)}.footer-status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);display:block}.footer-version{font-family:var(--font-mono);font-size:10px;color:var(--fg-on-dark-label)}.footer-bottom-bar{border-top:1px solid var(--color-gray-900);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-copyright{font-family:var(--font-mono);font-size:11px;color:var(--fg-on-dark-label)}.footer-social-links{display:flex;gap:8px}.social-pill{font-family:var(--font-body);font-size:12px;color:var(--fg-on-dark-label);border:1px solid var(--color-gray-500);border-radius:var(--radius-full);padding:5px 12px;cursor:pointer;transition:border-color var(--duration-fast),color var(--duration-fast);text-decoration:none}.mobile-menu-btn{display:none!important}@media(max-width:768px){nav{padding:0 24px!important}nav .nav-links-desktop{display:none!important}nav .nav-cta{display:none!important}.mobile-menu-btn{display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1.5px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;flex-direction:column;gap:5px;padding:8px}.mobile-menu-btn span{display:block;width:16px;height:1.5px;background:#fafafa;border-radius:2px;transition:all .2s}.mobile-nav-open{display:flex!important}.hero-grid,#hero>div[style*=grid]{grid-template-columns:1fr!important;padding:100px 24px 60px!important;gap:40px!important}.hero-text{padding:0!important}.hero-scroll-indicator{position:static;transform:none;align-self:center;padding:8px 0 40px}.pocky-circle{position:relative;top:auto;right:auto;transform:translateZ(0);width:min(260px,70vw);height:min(260px,70vw);margin:0 auto;order:-1}#playground,.playground-section{padding:64px 24px!important}#playground>div>div[style*=grid-template-columns],.pg-cards-grid{grid-template-columns:1fr!important}#about,.about-section{padding:64px 24px!important}#about>div>div[style*=grid],.about-grid{grid-template-columns:1fr!important;gap:40px!important}#work,.work-section{padding:64px 24px!important}#work>div>div[style*="grid-template-columns: 48px"],.work-table-header,.work-row-grid{grid-template-columns:32px 1fr auto!important}#footer>div:first-child,.footer-cta{padding:48px 24px!important}#footer>div:first-child>div>div,.footer-cta-content{max-width:100%!important}#footer>div:last-child,.footer-bottom{padding:40px 24px 28px!important}.footer-cols{flex-wrap:wrap!important;gap:32px!important}.footer-bottom-bar{flex-direction:column!important;gap:16px!important;align-items:flex-start!important}}@media(max-width:480px){nav{padding:0 20px!important}#hero h1{font-size:clamp(36px,10vw,52px)!important}#hero p{font-size:16px!important}.hero-grid,#hero>div[style*=grid]{padding:88px 20px 48px!important}.pocky-circle{width:min(220px,65vw);height:min(220px,65vw)}#playground,.playground-section,#about,.about-section{padding:48px 20px!important}#about h2{font-size:36px!important}#work,.work-section{padding:48px 20px!important}#work h2{font-size:28px!important}.work-detail-row{flex-direction:column!important;gap:6px!important;align-items:flex-start!important}#footer>div:first-child,.footer-cta{padding:40px 20px!important}#footer>div:first-child h2,.footer-headline{font-size:28px!important}#footer>div:last-child,.footer-bottom{padding:32px 20px 24px!important}.footer-email-row{flex-direction:column!important;border-radius:12px!important;padding:12px!important;gap:10px!important}.footer-email-row button{width:100%!important;border-radius:8px!important}}.article-page{background:var(--bg-primary);min-height:100vh;padding:120px 24px 80px}.article{max-width:760px;margin:0 auto}.article-back-link{display:block;max-width:760px;margin:0 auto 48px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg-secondary);text-decoration:none}.article-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:16px}.article-title{font-family:var(--font-display);font-size:clamp(40px,7vw,72px);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg-primary);margin-bottom:20px}.article-description{font-family:var(--font-body);font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--fg-secondary);margin-bottom:24px}.article-meta{display:flex;gap:10px;align-items:center;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-tertiary);margin-bottom:56px}.article-content{font-family:var(--font-body);color:var(--fg-secondary)}.article-content h2{margin-top:48px;margin-bottom:16px}.article-content p{margin-bottom:20px}.article-content ol,.article-content ul{margin:20px 0 24px 24px;color:var(--fg-secondary)}.article-content li{margin-bottom:8px}.article-content img{width:100%;max-width:720px;height:auto;display:block;margin:32px auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}