:root{--page-bg: #ece8e1;--canvas-bg: #f7f5f1;--paper: #ffffff;--surface: #ffffff;--surface-muted: #f0ede8;--ink: #12151a;--muted: #5c6470;--line: rgba(18, 21, 26, .12);--line-strong: rgba(18, 21, 26, .22);--accent: #0d9488;--accent-hover: #0f766e;--accent-soft: #ccfbf1;--warm: #c2410c;--warm-soft: #ffedd5;--stone-soft: #e8e4dc;--on-dark: #f4f6f8;--on-dark-muted: #9aa3af;--on-dark-link: #7dd3c7;--rail-bg: #0c1018;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(18, 21, 26, .06), 0 4px 12px rgba(18, 21, 26, .04);--shadow: 0 8px 24px rgba(18, 21, 26, .08), 0 2px 6px rgba(18, 21, 26, .04);--shadow-lg: 0 24px 48px rgba(18, 21, 26, .12);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--rail-w: 272px;--content-max: 940px;--section-y: clamp(56px, 9vw, 96px);--section-x: clamp(20px, 4vw, 40px);--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-hero-gap: clamp(36px, 5vw, 56px);--eyebrow: #0f766e;--stroke: 1px solid var(--line);--shadow-brutal: var(--shadow-sm);--hot: var(--warm);--hot-soft: var(--warm-soft);--lime: #99f6e4;--soft: var(--surface-muted);--navy: var(--accent)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body.portfolio-body{margin:0;background:var(--page-bg);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}.skip-link{position:absolute;left:-9999px;top:.75rem;z-index:10000;padding:.55rem 1rem;background:var(--accent);color:#fff;border-radius:var(--radius-pill);box-shadow:var(--shadow);font-weight:700;text-decoration:none}.skip-link:focus{left:.75rem}.portfolio-shell{position:relative;z-index:1}.portfolio-shell h1,.portfolio-shell h2,.portfolio-shell h3,.portfolio-shell .intro-title,.portfolio-shell .section-title,.portfolio-shell .history-title,.portfolio-shell .contact-title,.portfolio-shell .case-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.035em;line-height:1.08}.portfolio-shell .section-kicker,.portfolio-shell .eyebrow,.portfolio-shell .case-kicker{font-family:var(--font-mono);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}.page-main{min-width:0}