:root{--color-primary: #201d1d;--color-on-primary: #fdfcfc;--color-ink: #201d1d;--color-ink-deep: #0f0000;--color-charcoal: #302c2c;--color-body: #424245;--color-mute: #646262;--color-stone: #6e6e73;--color-ash: #9a9898;--color-canvas: #fdfcfc;--color-surface-soft: #f8f7f7;--color-surface-card: #f1eeee;--color-surface-dark: #201d1d;--color-surface-dark-elevated: #302c2c;--color-hairline: rgb(15 0 0 / .12);--color-hairline-strong: #646262;--color-on-dark: #fdfcfc;--color-on-dark-mute: #9a9898;--color-accent: #007aff;--color-accent-hover: #0056b3;--color-accent-active: #004085;--color-warning: #ff9f0a;--color-danger: #ff3b30;--color-success: #30d158;--font-primary: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--text-display-xl: 38px;--text-heading-md: 16px;--text-body-md: 16px;--text-caption-md: 14px;--leading-display-xl: 1.5;--leading-body: 1.5;--leading-tight: 1;--leading-caption: 2;--spacing-xxs: 1px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--spacing-section: 96px;--radius-none: 0;--radius-sm: 4px;--radius-full: 9999px}html[data-theme=dark]{--color-primary: #f2eded;--color-on-primary: #131010;--color-ink: #f2eded;--color-ink-deep: #ffffff;--color-charcoal: #e0dada;--color-body: #b8b2b2;--color-mute: #9a9494;--color-stone: #888282;--color-ash: #716b6b;--color-canvas: #131010;--color-surface-soft: #191616;--color-surface-card: #201d1d;--color-surface-dark: #0c0c0e;--color-surface-dark-elevated: #201d1d;--color-hairline: rgb(255 255 255 / .14);--color-hairline-strong: #716b6b;--color-on-dark: #fdfcfc;--color-on-dark-mute: #b8b2b2;--color-accent: #66aaff;--color-accent-hover: #8abdff;--color-accent-active: #b3d5ff}:root{color-scheme:light;--ink: var(--color-ink);--ink-rgb: 32 29 29;--paper: var(--color-canvas);--paper-rgb: 253 252 252;--paper-2: var(--color-surface-soft);--surface: var(--color-canvas);--surface-rgb: 253 252 252;--surface-raised: var(--color-surface-card);--strong-surface: var(--color-surface-dark);--strong-text: var(--color-on-dark);--muted: var(--color-mute);--muted-strong: var(--color-body);--coral: var(--color-surface-card);--lime: var(--color-surface-soft);--blue: var(--color-surface-card);--violet: var(--color-surface-soft);--line: var(--color-hairline);--line-strong: var(--color-hairline-strong);--header-bg: rgb(253 252 252 / .96);--shadow-soft: none;--mono: var(--font-primary);--sans: var(--font-primary);--measure: 72ch;--radius-sm: 4px;--radius-md: 8px;--shell-max: 1200px;--shell-gutter: 24px;--focus-ring: var(--color-accent);--accent-text: var(--color-accent-hover);--inverse-accent: #66aaff;--inverse-focus: #f8faf9}html[data-theme=dark]{color-scheme:dark;--ink-rgb: 242 237 237;--paper-rgb: 19 16 16;--surface-rgb: 19 16 16;--header-bg: rgb(19 16 16 / .96);--focus-ring: var(--color-accent);--accent-text: var(--color-accent-hover);--inverse-accent: var(--color-accent);--inverse-focus: var(--color-on-dark)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:var(--leading-body);overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img,svg,video{max-width:100%}::selection{background:var(--coral);color:var(--ink)}.section-shell{width:min(var(--shell-max),calc(100% - var(--shell-gutter) * 2));margin-inline:auto}.brand-monogram{display:grid;place-items:center;width:32px;height:32px;background:var(--strong-surface);color:var(--strong-text);border-radius:var(--radius-sm);font:500 10px var(--mono);letter-spacing:-.08em}footer .brand-monogram{background:var(--color-on-dark);color:var(--color-surface-dark)}.brand{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:800;letter-spacing:-.02em}.brand em{font-style:normal;font-weight:500;opacity:.7}.pixel-wordmark{display:inline-block;color:var(--ink);line-height:.82;white-space:nowrap}.pixel-wordmark-visual{display:inline-block;font-family:"Pixelify Sans",var(--font-primary);font-size:clamp(34px,5vw,64px);font-weight:700;letter-spacing:-.075em;text-transform:lowercase}.pixel-wordmark-tone{opacity:.5}.pixel-wordmark.is-compact .pixel-wordmark-visual{font-size:20px}.portfolio-footer .pixel-wordmark{color:var(--ink)}.archive-section,.writing-section,.now-strip,.working-on,.primary-action,.button-dark,.ddia-spotlight,.ddia-section-dark,.tw-math,.tail-origin,.sd-system-map,.sd-dark,.sd-process,.pattern-visual,.ai-dark,.ai-orbit,.ai-spotlight,.akp-truth,.akp-decisions,.akp-footer,footer,.portfolio-footer{--accent-text: var(--inverse-accent);--focus-ring: var(--inverse-focus)}.contact-section,.principle-layout,.sd-definition,.ai-band,.ai-final{--accent-text: var(--ink)}:where(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:1px}.skip-link{position:fixed;z-index:200;top:10px;left:10px;padding:12px 18px;background:var(--strong-surface);color:var(--strong-text);font-size:13px;font-weight:700;border-radius:2px;transform:translateY(-180%);transition:transform .18s}.skip-link:focus-visible{transform:translateY(0);--focus-ring: var(--inverse-focus)}.theme-toggle{position:fixed;z-index:120;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);cursor:pointer;font-size:12px;font-weight:700;letter-spacing:-.01em}.theme-toggle:hover{border-color:var(--muted)}.theme-toggle-icon{width:18px;font-size:15px;line-height:1;text-align:center}.theme-toggle-label{min-width:39px;text-align:left}body main :is(.ai-prose,.ddia-prose,.cp-prose){max-width:var(--measure)}body main :is(.ai-prose,.ddia-prose,.cp-prose) p{color:var(--muted-strong);font-size:clamp(16px,calc(15px + .16vw),18px);line-height:1.8}body main :is(.ai-prose,.ddia-prose,.cp-prose) :is(a,code){overflow-wrap:anywhere}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.eyebrow,.section-number,.panel-kicker{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:2px;background:var(--coral)}h1 em,h2 em{font-style:normal;color:var(--accent-text)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 20px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:13px;font-weight:700;transition:background-color .18s,color .18s,border-color .18s}.button:hover{border-color:var(--ink)}.button-dark{background:var(--strong-surface);color:var(--strong-text)}.button-light{margin-top:10px;background:var(--paper)}.button-light:hover{background:var(--paper-2)}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{margin-left:16px}footer{min-height:120px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-block:30px;padding-inline:max(var(--shell-gutter),calc((100% - var(--shell-max)) / 2));background:var(--strong-surface);color:var(--strong-text);font-size:11px}footer p{text-align:center;opacity:.55}.footer-note{display:grid;gap:7px}.footer-note small{font:500 8px var(--mono);letter-spacing:.08em;text-transform:uppercase}footer>a:last-child{justify-self:end;font:500 9px var(--mono);border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:4px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media print{.theme-toggle,.skip-link{display:none!important}}@media(max-width:680px){:root{--shell-gutter: 16px}footer{grid-template-columns:1fr auto}.footer-brand{display:none}footer p{text-align:left}}
