:root{--gg-mist: #4FA3B5;--gg-lavender: #7D74D4;--gg-mauve: #A673B8;--gg-coral: #D0708E;--gg-paper: #EFECE6;--gg-night: #121119;--gg-orange: var(--gg-coral);--gg-violet: var(--gg-lavender);--gg-signal: var(--gg-coral);--color-success: #4E9C7E;--color-warning: #C9913F;--color-danger: #C85A74;--color-info: #4FA3B5;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans: var(--font-body);--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, Menlo, monospace;--font-pixel: "Silkscreen", "JetBrains Mono", monospace;--font-jp: "Noto Sans JP", sans-serif;--tracking-display: -.03em;--tracking-tight: -.02em;--tracking-mono: .06em;--tracking-jp: .14em;--tracking-eyebrow: .12em;--text-display: 64px;--text-h1: 44.8px;--text-h2: 28px;--text-h3: 22px;--text-h4: 18px;--text-lead: 18px;--text-body-size: 15px;--text-sm: 13px;--text-mono: 12.5px;--text-mono-sm: 11px;--text-pixel: 10px;--text-hud: 64px;--leading-display: 1.05;--leading-heading: 1.2;--leading-body: 1.6;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--weight-black: 900;--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-24: 96px;--content-max: 1200px;--content-max-width: 1200px;--dock-width: 78px;--dock-offset: 116px;--dock-height: 56px;--grid-gap: 20px;--grid-cell: 24px;--radius-xs: 2px;--radius-sm: 4px;--radius-icon: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-bento: 10px;--radius-dock: 12px;--radius-full: 9999px;--px: 2px;--blur-glass: 0px;--blur-dock: 0px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-sine: cubic-bezier(.45, 0, .55, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-whip: cubic-bezier(.7, 0, .2, 1);--ease-in-expo: cubic-bezier(.7, 0, .84, 0);--ease-pixel: steps(6, end);--ease-pixel-fine: steps(12, end);--dur-fast: .15s;--dur-base: .3s;--dur-reveal: .7s;--dur-whip: .5s;--dur-morph: .7s;--dur-stack: 1.2s;--stagger: 60ms;--blur-motion: 14px;--perspective-stage: 1100px}:root,html.light-mode,.light-mode{--bg: #EFECE6;--surface: #F8F6F2;--surface-2: #E7E3DC;--surface-glass: rgba(248, 246, 242, .94);--surface-hover: #FFFFFF;--ink: #1B1A22;--ink-2: #5A5866;--ink-3: #7E7B8A;--ink-mute: #9C99A6;--line: rgba(27, 26, 34, .11);--line-strong: rgba(27, 26, 34, .19);--line-accent: rgba(125, 116, 212, .42);--c1: #4FA3B5;--c2: #7D74D4;--cx: #A673B8;--c3: #D0708E;--accent: #7D74D4;--accent-hover: #6A60C4;--accent-ink: #5B52B0;--accent-glow: rgba(125, 116, 212, .22);--on-accent: #FFFFFF;--grid-line: rgba(27, 26, 34, .055);--shadow-card: 0 1px 0 rgba(27, 26, 34, .06), 4px 4px 0 rgba(27, 26, 34, .07);--shadow-dock: 0 0 0 2px var(--line-strong), 4px 4px 0 var(--line);--shadow-glow: 0 0 0 3px var(--accent-glow);--shadow-logo: none;--shadow-btn: 3px 3px 0 color-mix(in oklch, var(--ink) 18%, transparent);--shadow-modal: 6px 6px 0 color-mix(in oklch, var(--ink) 14%, transparent), 0 0 0 1px var(--line-strong);--shadow-pixel: 4px 4px 0 var(--line-strong);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--gradient-accent: linear-gradient(90deg, var(--c1) 0%, var(--c2) 50%, var(--c3) 100%);--gradient-logo: var(--gradient-accent);--gradient-filament: linear-gradient(90deg, var(--c1), var(--c2), var(--cx), var(--c3));--gradient-banded: linear-gradient(90deg, #4FA3B5 0 12.5%, #5D95BE 0 25%, #6B87C8 0 37.5%, #7D74D4 0 50%, #9173C6 0 62.5%, #A673B8 0 75%, #BB71A3 0 87.5%, #D0708E 0);--glow-flow: linear-gradient(90deg, var(--c1), var(--c2), var(--cx), var(--c3), var(--cx), var(--c2), var(--c1));--scanline-opacity: 0;color-scheme:light;--bg-color: var(--bg);--bg-card: var(--surface);--bg-card-glass: var(--surface-glass);--bg-card-hover: var(--surface-hover);--border-color: var(--line);--border-highlight: var(--line-accent);--text-primary: var(--ink);--text-secondary: var(--ink-2);--text-muted: var(--ink-mute);--accent-solid: var(--accent);--accent-solid-accessible: var(--accent-ink);--accent-secondary: var(--c1);--accent-signal: var(--c3);--accent-gradient: var(--gradient-accent);--card-shadow: var(--shadow-card)}html.dark-mode,.dark-mode{--bg: #121119;--surface: #1B1A25;--surface-2: #23212F;--surface-glass: rgba(27, 26, 37, .94);--surface-hover: #22202D;--ink: #ECE9F2;--ink-2: #A9A6B8;--ink-3: #86839A;--ink-mute: #6E6B7E;--line: rgba(236, 233, 242, .11);--line-strong: rgba(236, 233, 242, .19);--line-accent: rgba(149, 140, 235, .45);--c1: #6CC0CF;--c2: #958CEB;--cx: #BC8ACD;--c3: #E58AA6;--accent: #958CEB;--accent-hover: #A9A1F2;--accent-ink: #ADA5F5;--accent-glow: rgba(149, 140, 235, .28);--on-accent: #121119;--grid-line: rgba(236, 233, 242, .045);--shadow-card: 0 1px 0 rgba(0, 0, 0, .4), 4px 4px 0 rgba(0, 0, 0, .35);--shadow-dock: 0 0 0 2px var(--line-strong), 4px 4px 0 rgba(0, 0, 0, .45);--shadow-glow: 0 0 0 3px var(--accent-glow);--shadow-btn: 3px 3px 0 rgba(0, 0, 0, .5);--shadow-modal: 6px 6px 0 rgba(0, 0, 0, .5), 0 0 0 1px var(--line-strong);--shadow-pixel: 4px 4px 0 var(--line-strong);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--gradient-banded: linear-gradient(90deg, #6CC0CF 0 12.5%, #78B0D9 0 25%, #859FE2 0 37.5%, #958CEB 0 50%, #A88BDC 0 62.5%, #BC8ACD 0 75%, #D08ABA 0 87.5%, #E58AA6 0);--gradient-accent: linear-gradient(90deg, var(--c1) 0%, var(--c2) 50%, var(--c3) 100%);--gradient-logo: var(--gradient-accent);--gradient-filament: linear-gradient(90deg, var(--c1), var(--c2), var(--cx), var(--c3));--glow-flow: linear-gradient(90deg, var(--c1), var(--c2), var(--cx), var(--c3), var(--cx), var(--c2), var(--c1));--scanline-opacity: .18;color-scheme:dark;--bg-color: var(--bg);--bg-card: var(--surface);--bg-card-glass: var(--surface-glass);--bg-card-hover: var(--surface-hover);--border-color: var(--line);--border-highlight: var(--line-accent);--text-primary: var(--ink);--text-secondary: var(--ink-2);--text-muted: var(--ink-mute);--accent-solid: var(--accent);--accent-solid-accessible: var(--accent-ink);--accent-secondary: var(--c1);--accent-signal: var(--c3);--accent-gradient: var(--gradient-accent);--card-shadow: var(--shadow-card)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:24px 24px;color:var(--ink);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;min-height:100vh;position:relative;padding-bottom:max(100px,calc(80px + env(safe-area-inset-bottom,20px)))}html.dark-mode body:after,.dark-mode .lab-bg:after,.dark-mode.lab-bg:after,.scanlines:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,rgba(0,0,0,var(--scanline-opacity, .16)) 0 1px,transparent 1px 3px)}a{color:var(--accent-ink);text-decoration:none}a:hover{color:var(--c3)}::selection{background:var(--accent-glow);color:var(--ink)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-pixel{font-family:var(--font-pixel)}.font-jp{font-family:var(--font-jp)}.lab-bg,.noir-bg{background-color:var(--bg);background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:24px 24px;color:var(--ink);position:relative}.dot-grid{background-image:radial-gradient(var(--line-strong) 1px,transparent 1px);background-size:12px 12px}.px-frame{clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 2px) calc(100% - 6px),calc(100% - 2px) calc(100% - 2px),calc(100% - 6px) calc(100% - 2px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 6px),0 calc(100% - 6px),0 6px,2px 6px,2px 2px,6px 2px)}.px-card,.glass-card{background:var(--surface);box-shadow:inset 0 0 0 2px var(--line);clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 2px) calc(100% - 6px),calc(100% - 2px) calc(100% - 2px),calc(100% - 6px) calc(100% - 2px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 6px),0 calc(100% - 6px),0 6px,2px 6px,2px 2px,6px 2px)}.glass-card-hover{transition:background var(--dur-fast) steps(2)}.glass-card-hover:hover{background:var(--surface-hover);box-shadow:inset 0 0 0 2px var(--line-accent)}.glass-dock{background:var(--surface);box-shadow:inset 0 0 0 2px var(--line);clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 2px) calc(100% - 6px),calc(100% - 2px) calc(100% - 2px),calc(100% - 6px) calc(100% - 2px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 6px),0 calc(100% - 6px),0 6px,2px 6px,2px 2px,6px 2px)}.gg-logo{display:inline-block;width:44px;height:17px;background:url(/brand/gjg-pixel.svg) center / contain no-repeat;image-rendering:pixelated}html.dark-mode .gg-logo,.dark-mode .gg-logo,.dark-mode.gg-logo{background-image:url(/brand/gjg-pixel-dark.svg)}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.fuse{background:var(--gradient-accent)}.fuse-banded{background:var(--gradient-banded)}.dither{--dither-size: 4px;background-color:var(--dither-b, var(--c2));background-image:conic-gradient(var(--dither-a, var(--c1)) 25%,transparent 0 50%,var(--dither-a, var(--c1)) 0 75%,transparent 0);background-size:calc(var(--dither-size) * 2) calc(var(--dither-size) * 2);image-rendering:pixelated}.dashed-filament,.px-rule{border:0;width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 4px,transparent 4px 8px)}.telemetry{font:500 11px var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--ink-mute)}.jp-label{font:400 11px var(--font-jp);letter-spacing:var(--tracking-jp);color:var(--ink-mute)}.hud{font-family:var(--font-pixel);line-height:.8;letter-spacing:.01em}.px-badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;font:400 10px var(--font-pixel);line-height:1;white-space:nowrap;text-transform:uppercase;background:color-mix(in oklch,var(--ink) 7%,transparent);color:var(--ink-2)}.px-badge:before{content:"";width:6px;height:6px;background:currentColor;flex-shrink:0}.px-badge.mist{background:color-mix(in oklch,var(--c1) 16%,transparent);color:color-mix(in oklch,var(--c1) 60%,var(--ink))}.px-badge.lavender{background:color-mix(in oklch,var(--c2) 16%,transparent);color:color-mix(in oklch,var(--c2) 60%,var(--ink))}.px-badge.coral{background:color-mix(in oklch,var(--c3) 16%,transparent);color:color-mix(in oklch,var(--c3) 60%,var(--ink))}.px-badge.fuse{background:var(--gradient-accent);color:var(--on-accent)}.px-badge.fuse:before{display:none}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:0!important;background:var(--c1);box-shadow:0 0 0 3px color-mix(in oklch,var(--c1) 22%,transparent);animation:pxBlink 1.2s steps(1) infinite}@keyframes pxBlink{50%{opacity:.35}}.laser-sweep{position:relative;overflow:hidden}.laser-sweep:after{display:none!important}.glow-orb,.labs-glow-orb{display:none!important}.gg-rise{animation:ggRise .7s var(--ease-out-expo) both;animation-delay:calc(var(--i, 0) * var(--stagger))}@keyframes ggRise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.gg-step-in{animation:ggStepIn .6s var(--ease-pixel) both;animation-delay:calc(var(--i, 0) * var(--stagger))}@keyframes ggStepIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.gg-hop{animation:ggHop 1.8s steps(1,end) infinite;animation-delay:calc(var(--i, 0) * .6s)}@keyframes ggHop{0%,45%,to{transform:translateY(0)}9%{transform:translateY(-10px)}18%{transform:translateY(-16px)}27%{transform:translateY(-10px)}36%{transform:translateY(-4px)}}.gg-caret:after{content:"";display:inline-block;width:.08em;height:.9em;margin-left:.04em;background:currentColor;vertical-align:-.08em;animation:ggCaret .9s steps(1) infinite}@keyframes ggCaret{50%{opacity:0}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:none!important;box-shadow:var(--focus-ring)!important;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.card-cover-wrapper:after,.laser-sweep:after,.pulse-dot{animation:none!important}}body{background-color:var(--bg);background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:24px 24px;color:var(--ink);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;position:relative;padding-left:var(--dock-offset, 116px)}@media(max-width:900px){body{padding-left:0;padding-bottom:100px}}.nav-dock{position:fixed;left:20px;top:50%;transform:translateY(-50%);width:62px;height:auto;background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 0 0 2px var(--line-strong);padding:14px 6px;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:100;filter:drop-shadow(4px 4px 0 var(--line))}.nav-logo{display:flex;align-items:center;justify-content:center;padding:2px 0;text-decoration:none;transition:transform .12s steps(2,end)}.nav-logo:hover{transform:translateY(-2px)}.nav-logo .gg-logo{width:44px;height:17px}.nav-divider{width:78%;margin:2px 0}.nav-links{display:flex;flex-direction:column;align-items:center;gap:10px;list-style:none;width:100%}.nav-item{position:relative;display:flex;justify-content:center}.nav-item a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);color:var(--ink-2);text-decoration:none;cursor:pointer;transition:all .12s steps(2,end);background:transparent;border:1px solid transparent}.nav-item a:hover{color:var(--ink);background:var(--surface-2);border-color:var(--line-strong)}.nav-item.active a{background:color-mix(in oklch,var(--accent) 16%,transparent);color:var(--accent-ink);border:1px solid var(--line-accent);box-shadow:var(--shadow-glow)}.nav-item svg{width:20px;height:20px;fill:currentColor}.nav-item a:after,.theme-toggle-btn:after{content:attr(data-title);position:absolute;left:60px;top:50%;transform:translateY(-50%) translate(-6px);background:var(--ink);color:var(--bg);font-family:var(--font-mono);font-size:11px;font-weight:600;padding:5px 10px;border-radius:var(--radius-xs);opacity:0;pointer-events:none;white-space:nowrap;transition:all .12s steps(2,end);box-shadow:3px 3px 0 var(--line-accent);letter-spacing:var(--tracking-mono);text-transform:uppercase;z-index:101}.nav-item:hover a:after,.theme-toggle-btn:hover:after{opacity:1;transform:translateY(-50%) translate(0)}@media(max-width:900px){.nav-item a:after,.theme-toggle-btn:after{display:none!important}.nav-dock{left:50%;bottom:16px;top:auto;transform:translate(-50%);width:92%;max-width:440px;height:auto;flex-direction:row;justify-content:space-between;padding:10px 16px}.nav-divider{display:none}.nav-links{flex-direction:row;justify-content:flex-end;gap:8px;width:auto}}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);font-weight:800;letter-spacing:var(--tracking-display)}p{color:var(--ink-2);line-height:1.65}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-title{font-size:28px;display:flex;align-items:center;gap:14px;margin-bottom:32px;font-weight:800;letter-spacing:var(--tracking-tight)}.section-title:before{content:"";display:inline-block;width:28px;height:6px;background:var(--gradient-banded);flex-shrink:0}.btn-card{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:var(--radius-sm);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:-.01em;cursor:pointer;background:var(--ink);color:var(--bg);border:2px solid var(--ink);box-shadow:var(--shadow-btn);z-index:2;transition:all .12s steps(2,end)}.btn-card:hover{transform:translate(2px,2px);box-shadow:1px 1px color-mix(in oklch,var(--ink) 22%,transparent);color:var(--bg)}.btn-card.glow-btn{background:var(--gradient-accent);color:var(--on-accent);border:2px solid transparent;box-shadow:var(--shadow-btn)}.btn-card.glow-btn:hover{transform:translate(2px,2px);box-shadow:1px 1px color-mix(in oklch,var(--ink) 28%,transparent);color:var(--on-accent);filter:brightness(1.04)}.btn-secondary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:14px;cursor:pointer;background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);box-shadow:var(--shadow-btn);z-index:2;transition:all .12s steps(2,end)}.btn-secondary:hover{border-color:var(--line-accent);color:var(--accent-ink);background:var(--surface-hover);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--line-strong)}.card{background:var(--surface);border:none;border-radius:0;padding:32px;box-shadow:inset 0 0 0 2px var(--line);clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 2px) calc(100% - 6px),calc(100% - 2px) calc(100% - 2px),calc(100% - 6px) calc(100% - 2px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 6px),0 calc(100% - 6px),0 6px,2px 6px,2px 2px,6px 2px);position:relative;overflow:hidden;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:background var(--dur-fast) steps(2),box-shadow var(--dur-fast) steps(2),transform var(--dur-fast) steps(2)}.card:hover{background:var(--surface-hover);box-shadow:inset 0 0 0 2px var(--line-accent)}main{max-width:1120px;margin:0 auto;padding:0 40px;position:relative;z-index:10}@media(max-width:768px){main{padding:0 20px}}.hero-container{min-height:82vh;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center;padding:64px 0 48px;position:relative}.hero-text-col{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}.hero-telemetry-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.hero-title{font-size:clamp(2.75rem,5.5vw,4.4rem);font-weight:800;line-height:1.02;letter-spacing:-.035em;margin-bottom:22px;color:var(--ink)}.hero-subtitle{font-size:17px;color:var(--ink-2);line-height:1.65;margin-bottom:28px;max-width:560px}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.hero-status-plate{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px;font:500 11.5px var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--ink-2)}.hero-image-col{display:flex;justify-content:center;position:relative;z-index:2}.hero-portrait-card{width:330px;padding:14px;display:flex;flex-direction:column;gap:12px;background:var(--surface);filter:drop-shadow(6px 6px 0 var(--line-strong))}.portrait-hud-top,.portrait-hud-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.hero-portrait-wrapper{position:relative;width:100%;height:360px;overflow:hidden;background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--line-strong)}.hero-portrait{width:100%;height:100%;object-fit:cover;display:block;filter:none}@media(max-width:900px){.hero-container{grid-template-columns:1fr;text-align:left;min-height:auto;padding:36px 0;gap:32px}.hero-image-col{justify-content:flex-start}.hero-portrait-card{width:100%;max-width:320px}}.about-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.tech-chip{padding:6px 12px;border-radius:var(--radius-xs);background:var(--surface-2);border:1px solid var(--line-strong);color:var(--ink-2);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.02em;transition:all .12s steps(2,end)}.tech-chip:hover{border-color:var(--accent);color:var(--accent-ink);background:color-mix(in oklch,var(--accent) 12%,transparent)}.career-explorer{display:grid;grid-template-columns:260px 1fr;gap:36px;background:var(--surface);padding:36px;box-shadow:inset 0 0 0 2px var(--line);clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 2px) calc(100% - 6px),calc(100% - 2px) calc(100% - 2px),calc(100% - 6px) calc(100% - 2px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 6px),0 calc(100% - 6px),0 6px,2px 6px,2px 2px,6px 2px)}.career-menu{display:flex;flex-direction:column;gap:10px;border-right:2px dashed var(--line-strong);padding-right:24px}.career-tab-btn{background:transparent;border:1px solid transparent;color:var(--ink-2);padding:12px 16px;border-radius:var(--radius-xs);cursor:pointer;text-align:left;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.03em;transition:all .12s steps(2,end)}.career-tab-btn:hover{color:var(--ink);background:var(--surface-2)}.career-tab-btn.active{border-color:var(--line-accent);background:color-mix(in oklch,var(--accent) 14%,transparent);color:var(--accent-ink);border-left:4px solid var(--accent)}.career-content-display{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-height:260px}.career-pane{grid-area:1 / 1 / 2 / 2;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .15s steps(3,end),transform .15s steps(3,end),visibility .15s}.career-pane.active{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}.career-pane-header{margin-bottom:18px;padding-bottom:14px;border-bottom:2px dashed var(--line)}.career-pane-title{font-size:22px;font-weight:800;margin-bottom:6px;color:var(--ink)}.career-pane-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:var(--tracking-mono);color:var(--accent-ink);font-weight:600}.career-accomplishments{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:18px}.career-accomplishments li{position:relative;padding-left:22px;line-height:1.6;font-size:15px;color:var(--ink-2)}.career-accomplishments li:before{content:"▪";position:absolute;left:2px;top:0;color:var(--c1);font-family:var(--font-mono)}@media(max-width:768px){.career-explorer{grid-template-columns:1fr;padding:24px;gap:24px}.career-menu{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:2px dashed var(--line-strong);padding-right:0;padding-bottom:12px}.career-tab-btn{padding:10px 14px;font-size:12px;white-space:nowrap}}.rubik-card{background:var(--surface)!important;box-shadow:inset 0 0 0 2px var(--line-accent)!important}.rubik-gridlines{position:absolute;inset:0;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:1}.rubik-sparkle{position:absolute;top:20px;right:28px;color:var(--c2);font-family:var(--font-pixel);font-size:14px;pointer-events:none;z-index:1}.rubik-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:28px}.rubik-service{border-left:3px solid var(--c2);padding:12px 16px;background:color-mix(in oklch,var(--surface-2) 55%,transparent)}.rubik-service:nth-child(1){border-left-color:var(--c1)}.rubik-service:nth-child(2){border-left-color:var(--c2)}.rubik-service:nth-child(3){border-left-color:var(--cx)}.rubik-service:nth-child(4){border-left-color:var(--c3)}.rubik-service-title{font-family:var(--font-mono);color:var(--ink);font-size:12px;font-weight:700;display:block;margin-bottom:6px;letter-spacing:var(--tracking-mono)}.rubik-btn{background:var(--gradient-accent)!important;box-shadow:var(--shadow-btn)!important;color:var(--on-accent)!important;padding:12px 24px;border-radius:var(--radius-sm);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:all .12s steps(2,end)!important}.rubik-btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--line-strong)!important}@media(max-width:768px){.rubik-services-grid{grid-template-columns:1fr;gap:16px}}footer{margin-top:120px;padding:48px 0;border-top:2px dashed var(--line-strong);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-family:var(--font-mono);font-size:12px;letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--ink-mute)}footer a{color:var(--ink-2);text-decoration:none;transition:color .12s steps(2,end)}footer a:hover{color:var(--accent-ink)}.reveal-section{opacity:1;margin-bottom:112px}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes heroScaleIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-virtual-card{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:0;background:var(--surface)!important;width:460px;max-width:100%;position:relative;overflow:hidden;margin:0 auto;box-sizing:border-box;box-shadow:inset 0 0 0 2px var(--line-strong)!important;filter:drop-shadow(6px 6px 0 var(--line-strong))}.contact-dither-banner{height:76px;width:100%;position:relative;border-bottom:2px solid var(--line-strong)}.contact-card-inner{padding:28px 36px 36px;display:flex;flex-direction:column;gap:24px}.contact-profile-part{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;margin-top:-58px;position:relative;z-index:2}.contact-avatar-glow-ring{position:relative;width:112px;height:112px;margin-bottom:16px;background:var(--surface);padding:4px;box-shadow:inset 0 0 0 2px var(--line-strong),4px 4px 0 var(--line-accent)}.contact-avatar-wrapper{width:100%;height:100%;overflow:hidden;background:var(--surface-2)}.contact-avatar{width:100%;height:100%;object-fit:cover;display:block}.contact-name{font-family:var(--font-display);font-size:24px;font-weight:800;margin-bottom:8px;color:var(--ink);letter-spacing:-.02em}.contact-title-badge{font-family:var(--font-mono);font-size:11px;color:var(--accent-ink);background:color-mix(in oklch,var(--c2) 14%,transparent);border:1px solid var(--line-accent);padding:4px 12px;border-radius:var(--radius-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-mono)}.contact-card-divider{width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 4px,transparent 4px 8px)}.contact-details-part{display:flex;flex-direction:column;gap:24px;width:100%}.contact-info-list{display:flex;flex-direction:column;gap:14px}.contact-info-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:2px dashed var(--line);padding-bottom:10px}.info-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-mono);color:var(--ink-mute)}.info-value{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--ink);text-decoration:none;transition:color .12s steps(2,end)}a.info-value:hover{color:var(--accent-ink)}.contact-socials-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%}.social-card-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-xs);text-decoration:none;cursor:pointer;background:var(--surface-2);border:2px solid var(--line-strong);color:var(--ink-2);box-shadow:2px 2px 0 var(--line);transition:all .12s steps(2,end)}.social-card-btn svg{width:16px;height:16px;fill:currentColor}.social-card-btn:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent-ink);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--line-accent)}.rubik-logo-only-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;width:auto;margin-left:12px;padding:4px 10px;border-radius:var(--radius-xs);background:#faf7f1;border:2px solid var(--line-strong);box-shadow:2px 2px 0 var(--line);transition:all .12s steps(2,end);cursor:pointer;outline:none;text-decoration:none}.rubik-contact-logo{height:30px;width:auto;display:block;object-fit:contain}.rubik-logo-only-btn:hover{border-color:var(--accent);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--line-accent)}#theme-toggle-item{border-top:2px dashed var(--line-strong);padding-top:10px;margin-top:2px;width:100%}@media(max-width:900px){#theme-toggle-item{border-top:none!important;border-left:2px dashed var(--line-strong);padding-top:0!important;padding-left:10px;margin-top:0!important;margin-left:2px;width:auto}}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;background:transparent;border:1px solid transparent;outline:none;transition:all .12s steps(2,end);position:relative;padding:0}.theme-toggle-btn:hover{color:var(--ink);background:var(--surface-2);border-color:var(--line-strong)}.theme-toggle-btn svg{width:19px;height:19px}