@keyframes personality-enter{0%{opacity:var(--motion-enter-opacity, 1);transform:var(--motion-enter-transform, none);filter:var(--motion-enter-filter, none)}}@keyframes personality-breathe{0%{filter:drop-shadow(0 0 0 transparent)}to{filter:var(--ambient-glow, none)}}@keyframes personality-pulse{0%{box-shadow:0 0 0 0 var(--ambient-pulse-color, transparent)}75%,to{box-shadow:0 0 0 12px transparent}}@keyframes personality-shimmer{0%,55%{background-position:150% 0}to{background-position:-50% 0}}@keyframes personality-drift{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:var(--ambient-drift-to, 0 0),0 0,0 0,0 0}}:where(html){color-scheme:light;accent-color:var(--primary);-webkit-text-size-adjust:100%}:where(html[data-theme=dark]){color-scheme:dark}:where(body){background-color:var(--background);color:var(--foreground);font-family:var(--font-body, system-ui, sans-serif);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading, var(--font-body, inherit));line-height:1.2}:where(code,kbd,pre,samp){font-family:var(--font-mono, ui-monospace, monospace)}:where(button,input,select,textarea){font:inherit}:where(a){color:var(--primary-text, var(--primary))}:where(:focus-visible){outline:2px solid var(--primary);outline-offset:2px}::selection{background-color:color-mix(in srgb,var(--primary) 30%,transparent)}:root{--topography-bg: #397c52;--portfolio-tone-social: #4fc3f7;--portfolio-tone-civic: #ffb74d;--portfolio-tone-planning: #9575cd;--portfolio-tone-finance: #4db6ac;--portfolio-tone-discovery: #ef9a9a;--portfolio-tone-developer: #90caf9;--portfolio-tone-commerce: #f48fb1;--portfolio-tone-media: #ce93d8;--portfolio-tone-business: #81c784;--portfolio-tone-config: #90a4ae;--portfolio-tone-publishing: #dce775;--portfolio-tone-internal: #b39ddb;--portfolio-tone-marketing: #ff8a65;--portfolio-tone-field: #ffd54f;--portfolio-tone-practice: #4dd0e1;--portfolio-tone-construction: #ff8f00}.heading{margin-bottom:40px}body{background-color:var(--background);-webkit-background-image:var(--background-pattern);background-image:var(--background-pattern);-webkit-background-repeat:repeat;background-repeat:repeat;background-size:52px 52px}p{line-height:1.6}.utility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;padding:1rem;height:100%;width:100%}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}