*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080808;--bg-raised: #121212;--border: #252525;--border-strong: #3a3a3a;--border-mid: #3f3f3f;--text-primary: #efefef;--text-secondary: #b0b0b0;--text-muted: #8a8a8a;--text-dim: #6f6f6f;--accent: #d0aa6b;--accent-soft: rgba(208, 170, 107, .35);--mono: "JetBrains Mono", "Fira Code", monospace;--sans: "Inter", system-ui, -apple-system, sans-serif;--max-w: 680px;--pad-x: 24px}html{background:radial-gradient(circle at top left,rgba(208,170,107,.08),transparent 26%),var(--bg);color:var(--text-primary);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}::selection{background:#2f2a22;color:var(--text-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.site{width:100%;flex:1;display:flex;flex-direction:column}.section,.home-section{padding:0;border:0}.section-heading{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.section-label{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.section-title,.home-section-title{font-size:clamp(20px,4vw,28px);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--text-primary)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-action,.work-project-name,.connect-link,.map-back-link,.connect-card{outline:none}.hero-action{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border-strong);border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);background:var(--bg-raised);transition:border-color .15s ease,color .15s ease,transform .15s ease}.hero-action:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.hero-action-accent{border-color:var(--accent);background:#d0aa6b14}.hero-action-arrow{font-size:12px}.work-project-header{display:flex;flex-direction:column;gap:6px}.work-project-name{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--text-primary);letter-spacing:.02em;display:inline-flex;align-items:center;gap:6px;width:fit-content;transition:color .15s ease}.work-project-name:hover{color:var(--accent)}.work-project-org{color:var(--text-muted)}.work-project-name-arrow,.connect-link-arrow{font-size:11px;color:var(--text-dim);display:inline-block;transition:color .15s ease,transform .15s ease}.work-project-name:hover .work-project-name-arrow,.connect-card:hover .connect-link-arrow,.connect-link:hover .connect-link-arrow{color:var(--accent);transform:translate(2px,-2px)}.work-project-meta{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.work-project-desc,.home-card-copy,.now-body,.connect-card-desc{font-size:14px;line-height:1.75;color:var(--text-secondary)}.work-project-packages{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:#00000024;width:100%;max-width:100%}.work-project-package,.work-project-stack{font-family:var(--mono);font-size:11px;color:var(--text-muted);letter-spacing:.02em;overflow-wrap:anywhere;word-break:break-word}.work-project-stack{color:var(--text-dim);letter-spacing:.04em}.hero-action:focus-visible,.work-project-name:focus-visible,.connect-link:focus-visible,.map-back-link:focus-visible,.connect-card:focus-visible{border-radius:10px;box-shadow:0 0 0 1px var(--bg),0 0 0 3px var(--accent-soft)}.footer{padding:8px 0 24px;display:flex;align-items:center;justify-content:space-between}.footer-copy{font-family:var(--mono);font-size:11px;color:var(--text-dim);letter-spacing:.05em}.map-page{flex:1;width:100%}.map-page-shell{width:min(1220px,calc(100% - 48px));margin:0 auto;padding:48px 0 72px}.map-back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;color:var(--text-muted);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.map-back-link:hover{color:var(--accent)}.map-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:28px;align-items:stretch;margin-bottom:36px}.home-hero{margin-bottom:28px}.hero-visual-stack{display:grid;align-self:center}.hero-diagram-frame{margin:0;padding:0;border:0;background:transparent;box-shadow:none}.hero-diagram{display:block;width:100%;max-width:720px;height:auto;border-radius:18px;transform:scale(1.4);transform-origin:center}.map-title{font-size:clamp(34px,6vw,64px);line-height:.98;letter-spacing:-.05em;max-width:10ch;margin:8px 0 18px}.hero-lead{font-size:20px;line-height:1.6;color:var(--text-primary);max-width:34ch;margin-bottom:14px}.map-intro{max-width:62ch;color:var(--text-secondary);font-size:15px;line-height:1.8}.map-summary-card,.map-note-card,.map-core-node,.map-cluster{position:relative;overflow:hidden;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff05,#fff0),var(--bg-raised);box-shadow:inset 0 1px #ffffff08}.map-summary-card{border-radius:24px;padding:24px;align-self:end}.map-summary-card:after,.map-note-card:after,.map-core-node:after,.map-cluster:after{content:"";position:absolute;inset:auto -30% -45% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(208,170,107,.18),transparent 70%);pointer-events:none}.map-summary-label,.map-note-label,.map-core-kicker,.map-cluster-label{display:inline-flex;margin-bottom:12px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.map-summary-text,.map-core-body,.map-note-card p{color:var(--text-secondary);line-height:1.75}.map-canvas{position:relative;display:grid;gap:28px}.map-core-node{border-radius:28px;padding:28px;max-width:780px;background:radial-gradient(circle at top left,rgba(208,170,107,.14),transparent 32%),var(--bg-raised)}.home-work-card{max-width:none}.map-core-title{font-size:clamp(24px,4vw,40px);line-height:1.02;letter-spacing:-.04em;max-width:13ch;margin-bottom:14px}.map-cluster-grid,.home-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.home-card-grid:not(.home-card-grid-3){grid-template-columns:1fr}.map-cluster{border-radius:22px;padding:20px;min-height:100%}.home-card,.connect-card{min-height:100%}.connect-card{display:flex;flex-direction:column;gap:10px;text-decoration:none}.connect-card-desc{flex:1}.map-cluster-warm{background:radial-gradient(circle at top right,rgba(208,170,107,.12),transparent 36%),var(--bg-raised)}.map-cluster-cool{background:radial-gradient(circle at top right,rgba(120,172,198,.12),transparent 36%),var(--bg-raised)}.map-cluster-title,.home-work-title{font-size:18px;line-height:1.2;margin-bottom:14px}.home-work-title{margin:0}.map-cluster-list{display:grid;gap:10px;padding-left:18px;color:var(--text-secondary)}.map-cluster-list li::marker{color:var(--accent)}.map-notes,.home-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.home-notes{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.map-note-card{border-radius:22px;padding:20px}.home-shell{display:grid;gap:28px}.home-section-heading{margin-bottom:18px}.home-footer{padding-top:0}@media(max-width:1080px){.map-hero{grid-template-columns:1fr}.hero-visual-stack{display:none}.map-title{max-width:12ch}.map-cluster-grid,.home-card-grid-3,.home-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.map-page-shell{width:min(100%,calc(100% - 32px));padding:28px 0 56px}.map-title{max-width:100%;font-size:clamp(30px,13vw,48px)}.hero-lead{font-size:18px}.map-core-node,.map-summary-card,.map-cluster,.map-note-card{border-radius:18px;padding:18px}.map-cluster-grid,.map-notes,.home-card-grid,.home-card-grid-3,.home-notes{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start;gap:12px}}
