/* ── Reset & base ──────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  background: var(--bg-canvas);
  font-family: var(--font-sans);
  color: var(--fg-default);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; border: none; background: none; }

/* ── Scroll reveal ─────────────────────────────────────────────────────── */
.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 500ms var(--ease-standard), transform 500ms var(--ease-standard);
}
.reveal.revealed { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* ── Layout helpers ────────────────────────────────────────────────────── */
.p-container { max-width: 1200px; margin: 0 auto; padding: 0 32px; }
.p-section { padding: 112px 0; }
.p-section-muted {
  background: var(--ink-925);
  border-top: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
}
.p-section-head { max-width: 680px; margin: 0 auto 72px; text-align: center; }
.p-section-head .ctc-eyebrow { display: block; margin-bottom: 14px; }
.p-section-h2 {
  font-family: var(--font-display);
  font-size: clamp(32px, 5vw, 52px);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--fg-strong);
  text-wrap: balance;
}
.p-section-h2 em { color: var(--ember-400); font-style: italic; font-weight: 400; }
.p-lead {
  font-size: var(--fs-body-xl);
  line-height: var(--lh-relaxed);
  color: var(--fg-muted);
  margin-top: 16px;
  text-wrap: pretty;
}
.p-body {
  font-size: var(--fs-body-md);
  line-height: var(--lh-relaxed);
  color: var(--fg-default);
  margin-top: 16px;
  text-wrap: pretty;
}

/* ── Buttons (C2C system) ──────────────────────────────────────────────── */
.ctc-btn {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-sans); font-size: 14px; font-weight: 600;
  line-height: 1; padding: 11px 18px; border-radius: var(--radius-sm);
  border: 1px solid transparent; cursor: pointer;
  transition: all var(--dur-fast) var(--ease-standard);
}
.ctc-btn-lg { padding: 14px 24px; font-size: 15px; }
.ctc-btn-primary {
  background: var(--ember-600); color: #fff;
  box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 4px 12px -4px rgba(227,74,33,0.4);
}
.ctc-btn-primary:hover { background: var(--ember-500); box-shadow: 0 1px 0 rgba(255,255,255,0.12) inset, var(--shadow-ember); }
.ctc-btn-primary:active { background: var(--ember-700); transform: translateY(1px); }
.ctc-btn-ghost { background: transparent; color: var(--fg-muted); }
.ctc-btn-ghost:hover { background: rgba(255,255,255,0.05); color: var(--fg-strong); }
.ctc-btn:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }

/* ── NAV ───────────────────────────────────────────────────────────────── */
.p-nav {
  position: sticky; top: 0; z-index: var(--z-sticky);
  border-bottom: 1px solid transparent;
  transition: background 220ms var(--ease-standard), border-color 220ms, backdrop-filter 220ms;
}
.p-nav.scrolled {
  background: rgba(10,13,24,0.78);
  backdrop-filter: saturate(1.4) blur(14px);
  -webkit-backdrop-filter: saturate(1.4) blur(14px);
  border-bottom-color: var(--border-subtle);
}
.p-nav-inner {
  max-width: 1200px; margin: 0 auto; padding: 16px 32px;
  display: flex; align-items: center; gap: 32px;
}
.p-brand {
  display: flex; align-items: center; gap: 10px;
  font-family: var(--font-display); font-weight: 600; font-size: 18px;
  color: var(--fg-strong); white-space: nowrap; flex-shrink: 0;
}
.p-brand em { font-style: italic; font-weight: 400; color: var(--ember-400); }
.p-nav-links {
  display: flex; gap: 28px; margin-left: auto;
}
.p-nav-links a {
  font-size: 14px; font-weight: 500; color: var(--fg-muted);
  transition: color var(--dur-fast) var(--ease-standard);
}
.p-nav-links a:hover { color: var(--fg-strong); }
.p-nav-cta { display: flex; gap: 8px; flex-shrink: 0; }
.p-hamburger {
  display: none; flex-direction: column; gap: 5px;
  padding: 8px; margin-left: auto;
  min-width: 44px; min-height: 44px;
  align-items: center; justify-content: center;
}
.p-hamburger span {
  display: block; width: 22px; height: 2px;
  background: var(--fg-muted); border-radius: 2px;
  transition: all 200ms var(--ease-standard);
}

/* ── HERO ──────────────────────────────────────────────────────────────── */
.p-hero {
  position: relative; padding: 80px 0 72px; overflow: hidden;
  min-height: 90vh; display: flex; align-items: center;
}
.p-hero-glow {
  position: absolute; top: -200px; left: 50%;
  transform: translateX(-50%);
  width: 1000px; height: 600px; pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(245,106,45,0.22) 0%, transparent 65%);
  animation: glowPulse 7s ease-in-out infinite;
}
@keyframes glowPulse {
  0%,100% { opacity: 0.7; transform: translateX(-50%) scale(1); }
  50%      { opacity: 1;   transform: translateX(-50%) scale(1.06); }
}
.p-hero-sparks { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.p-hero-sparks span {
  position: absolute; width: 2px; height: 2px; border-radius: 999px;
  background: var(--ember-400); opacity: 0;
  box-shadow: 0 0 6px rgba(255,138,76,0.8);
  animation: sparkRise 10s linear infinite;
}
.p-hero-sparks span:nth-child(1){left:8%;animation-delay:0s;animation-duration:10s}
.p-hero-sparks span:nth-child(2){left:20%;animation-delay:2.5s;animation-duration:8s}
.p-hero-sparks span:nth-child(3){left:34%;animation-delay:5s;animation-duration:12s}
.p-hero-sparks span:nth-child(4){left:49%;animation-delay:1s;animation-duration:9s}
.p-hero-sparks span:nth-child(5){left:61%;animation-delay:3.5s;animation-duration:11s}
.p-hero-sparks span:nth-child(6){left:73%;animation-delay:6s;animation-duration:9s}
.p-hero-sparks span:nth-child(7){left:84%;animation-delay:0.5s;animation-duration:10s}
.p-hero-sparks span:nth-child(8){left:93%;animation-delay:4s;animation-duration:8s}
@keyframes sparkRise {
  0%{transform:translateY(110%) translateX(0) scale(0.8);opacity:0}
  12%{opacity:0.85}
  50%{transform:translateY(40%) translateX(18px) scale(1.1)}
  88%{opacity:0.6}
  100%{transform:translateY(-30%) translateX(-12px) scale(0.6);opacity:0}
}
.p-hero-inner {
  position: relative; display: grid;
  grid-template-columns: 1fr 420px;
  gap: 64px; align-items: center;
  animation: heroIn 800ms var(--ease-standard) both;
}
@keyframes heroIn {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: none; }
}
.p-hero-h1 {
  font-family: var(--font-display);
  font-size: clamp(44px, 7vw, 80px);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.04;
  color: var(--fg-strong);
  text-wrap: balance;
  margin: 0;
}
.p-hero-h1 em { color: var(--ember-400); font-style: italic; }
.p-hero-sub {
  max-width: 540px; margin-top: 28px;
  font-size: 19px; line-height: 1.6; color: var(--fg-muted);
  text-wrap: pretty;
}
.p-hero-ctas { display: flex; gap: 12px; margin-top: 40px; flex-wrap: wrap; }
.p-hero-tags {
  display: flex; gap: 24px; margin-top: 28px; flex-wrap: wrap;
  font-size: 13px; color: var(--fg-subtle);
}
.p-hero-tags span { display: inline-flex; align-items: center; gap: 6px; }
.p-hero-tags i { color: var(--ember-400); }

/* Hero photo */
.p-hero-photo-wrap { position: relative; }
.p-hero-photo {
  position: relative; border-radius: var(--radius-xl);
  overflow: hidden; border: 1px solid var(--border-default);
  box-shadow: var(--shadow-xl), 0 0 60px -20px rgba(245,106,45,0.2);
  animation: photoIn 1s var(--ease-emphasized) both 200ms;
}
@keyframes photoIn {
  from { opacity: 0; transform: translateY(24px) scale(0.97); }
  to   { opacity: 1; transform: none; }
}
.p-hero-photo img { width: 100%; height: 540px; object-fit: cover; object-position: top center; filter: contrast(1.05) brightness(0.97); }
.p-hero-photo-badge {
  position: absolute; bottom: 16px; left: 16px; right: 16px;
  background: rgba(10,13,24,0.82);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: 10px 14px;
  font-size: 13px; font-weight: 500; color: var(--fg-muted);
  display: flex; align-items: center; gap: 10px;
}
.badge-dot {
  width: 8px; height: 8px; border-radius: 999px;
  background: var(--success-400);
  box-shadow: 0 0 8px var(--success-400);
  animation: blink 2s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.4} }

/* ── STAT BAR ──────────────────────────────────────────────────────────── */
.p-statbar {
  border-top: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
  background: var(--ink-925);
  padding: 36px 0;
}
.p-statbar-inner {
  display: flex; gap: 0; align-items: stretch;
}
.p-stat {
  flex: 1; text-align: center;
  padding: 0 24px;
  border-right: 1px solid var(--border-subtle);
}
.p-stat:last-child { border-right: none; }
.p-stat-num {
  font-family: var(--font-display);
  font-size: 40px; font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--ember-400);
  line-height: 1;
}
.p-stat-label {
  font-size: 13px; color: var(--fg-muted);
  margin-top: 6px; font-weight: 500;
}

/* ── ABOUT ─────────────────────────────────────────────────────────────── */
.p-about-grid {
  display: grid; grid-template-columns: 420px 1fr;
  gap: 80px; align-items: start;
}
.p-about-photo-frame {
  position: relative;
  padding-bottom: 64px;
}
.p-about-photo-frame > img {
  width: 100%; border-radius: var(--radius-xl);
  border: 1px solid var(--border-default);
  box-shadow: var(--shadow-lg);
  object-fit: cover; object-position: top;
  max-height: 560px;
  display: block;
}
.p-about-tag {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: var(--ink-900);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  padding: 12px 16px;
  display: flex; align-items: center; gap: 12px;
  font-size: 13px; font-weight: 500; color: var(--fg-muted);
  box-shadow: var(--shadow-md);
}
.p-about-tag img { flex-shrink: 0; width: 28px; height: 28px; }
.p-about-traits {
  display: flex; flex-wrap: wrap; gap: 8px; margin-top: 32px;
}
.p-trait {
  font-size: 12px; font-weight: 600;
  color: var(--ember-300);
  background: var(--brand-subtle);
  border: 1px solid rgba(245,106,45,0.2);
  border-radius: var(--radius-pill);
  padding: 5px 12px;
}

/* ── VENTURES ──────────────────────────────────────────────────────────── */
.p-ventures-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.p-venture-card {
  background: var(--ink-900);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  padding: 28px;
  box-shadow: var(--shadow-sm);
  transition: border-color var(--dur-base) var(--ease-standard),
              box-shadow var(--dur-base) var(--ease-standard),
              transform var(--dur-base) var(--ease-standard);
  display: flex; flex-direction: column;
}
.p-venture-card:hover {
  border-color: var(--border-strong);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}
.p-venture-top { display: flex; align-items: center; justify-content: space-between; }
.p-venture-icon {
  width: 44px; height: 44px; border-radius: var(--radius-md);
  display: flex; align-items: center; justify-content: center;
}
.p-venture-icon.ember {
  background: var(--brand-subtle); color: var(--ember-400);
}
.p-venture-icon.gold {
  background: rgba(234,179,87,0.12); color: var(--gold-500);
}
.p-venture-name {
  font-family: var(--font-display);
  font-size: 20px; font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--fg-strong);
  margin-bottom: 10px;
}
.p-venture-desc {
  font-size: 14px; line-height: 1.65;
  color: var(--fg-muted); flex: 1;
  text-wrap: pretty;
}
.p-venture-link {
  display: inline-flex; align-items: center; gap: 5px;
  margin-top: 16px; font-size: 13px; font-weight: 600;
  color: var(--ember-400);
  transition: color var(--dur-fast) var(--ease-standard);
}
.p-venture-link:hover { color: var(--ember-300); }

/* Pills */
.p-pill {
  display: inline-block;
  font-size: 11px; font-weight: 600;
  letter-spacing: 0.06em; text-transform: uppercase;
  padding: 3px 9px; border-radius: var(--radius-pill);
}
.p-pill-success {
  background: rgba(34,163,111,0.14);
  color: var(--success-400);
  border: 1px solid rgba(34,163,111,0.2);
}
.p-pill-warning {
  background: rgba(217,154,44,0.14);
  color: var(--warning-400);
  border: 1px solid rgba(217,154,44,0.2);
}

/* ── MISSION ───────────────────────────────────────────────────────────── */
.p-mission {
  position: relative; overflow: hidden;
  background: var(--ink-950);
  border-top: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
  padding: 112px 0;
}
.p-mission-glow {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 900px; height: 500px;
  background: radial-gradient(ellipse at center, rgba(245,106,45,0.16) 0%, transparent 60%);
  pointer-events: none;
}
.p-mission-inner {
  position: relative;
  display: grid; grid-template-columns: 1fr 400px;
  gap: 80px; align-items: start;
}
.p-mission-quote {
  margin-top: 40px;
  padding: 28px 32px;
  border-left: 3px solid var(--ember-500);
  background: var(--ink-900);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}
.p-mission-quote blockquote {
  font-family: var(--font-display);
  font-size: 20px; font-weight: 400; font-style: italic;
  line-height: 1.5; color: var(--fg-strong);
}
.p-mission-quote cite {
  display: block; margin-top: 12px;
  font-size: 13px; color: var(--fg-muted); font-style: normal;
}

/* Causes */
.p-mission-causes {
  background: var(--ink-900);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  padding: 32px;
  box-shadow: var(--shadow-md);
}
.p-causes-head {
  text-align: center; padding-bottom: 24px;
  border-bottom: 1px solid var(--border-subtle);
  margin-bottom: 24px;
}
.p-causes-pct {
  font-family: var(--font-display);
  font-size: 72px; font-weight: 500;
  letter-spacing: -0.04em; line-height: 1;
  color: var(--ember-400);
}
.p-causes-label {
  font-size: 14px; color: var(--fg-muted);
  line-height: 1.4; margin-top: 8px;
}
.p-causes-list { display: flex; flex-direction: column; gap: 20px; }
.p-cause-item { display: flex; gap: 16px; align-items: flex-start; }
.p-cause-icon {
  width: 36px; height: 36px; border-radius: var(--radius-md);
  background: var(--brand-subtle); color: var(--ember-400);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.p-cause-name {
  font-size: 14px; font-weight: 600; color: var(--fg-strong);
}
.p-cause-desc { font-size: 13px; color: var(--fg-muted); margin-top: 3px; line-height: 1.5; }

/* ── SKILLS ────────────────────────────────────────────────────────────── */
.p-skills-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;
}
.p-skill-card {
  background: var(--ink-900);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  padding: 28px;
  box-shadow: var(--shadow-sm);
  transition: border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard);
}
.p-skill-card:hover { border-color: var(--border-default); box-shadow: var(--shadow-md); }
.p-skill-head { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.p-skill-icon {
  width: 38px; height: 38px; border-radius: var(--radius-md);
  background: var(--brand-subtle); color: var(--ember-400);
  display: flex; align-items: center; justify-content: center;
}
.p-skill-label { font-size: 16px; font-weight: 600; color: var(--fg-strong); }
.p-skill-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.p-tag {
  font-size: 13px; font-weight: 500;
  color: var(--fg-default);
  background: var(--ink-850);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-pill);
  padding: 5px 12px;
}

/* ── EXPERIENCE ────────────────────────────────────────────────────────── */
.p-timeline { position: relative; padding-left: 32px; }
.p-timeline::before {
  content: '';
  position: absolute; left: 7px; top: 6px; bottom: 6px;
  width: 1px; background: var(--border-subtle);
}
.p-timeline-item {
  position: relative; padding-bottom: 48px;
}
.p-timeline-item:last-child { padding-bottom: 0; }
.p-timeline-dot {
  position: absolute; left: -32px; top: 6px;
  width: 16px; height: 16px;
  display: flex; align-items: center; justify-content: center;
}
.p-timeline-dot span {
  display: block; width: 10px; height: 10px;
  border-radius: 999px; background: var(--ember-500);
  box-shadow: 0 0 0 3px var(--bg-canvas), 0 0 0 4px rgba(245,106,45,0.3);
}
.p-timeline-content {
  background: var(--ink-900);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  padding: 24px 28px;
  box-shadow: var(--shadow-sm);
}
.p-timeline-meta {
  display: flex; gap: 16px; align-items: center;
  margin-bottom: 8px; flex-wrap: wrap;
}
.p-timeline-period {
  font-size: 12px; font-weight: 600;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--ember-400);
}
.p-timeline-org {
  font-size: 13px; color: var(--fg-muted);
}
.p-timeline-title {
  font-size: 18px; font-weight: 600;
  color: var(--fg-strong); margin-bottom: 10px;
  font-family: var(--font-display); letter-spacing: -0.01em;
}
.p-timeline-desc { font-size: 14px; line-height: 1.65; color: var(--fg-muted); }

/* ── CONTACT ───────────────────────────────────────────────────────────── */
.p-contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 80px;
  row-gap: 40px;
  align-items: start;
}
.p-contact-intro {
  grid-column: 1 / -1;
}
.p-contact-links { display: flex; flex-direction: column; gap: 12px; margin-top: 0; }
.p-contact-link {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 16px; border-radius: var(--radius-md);
  background: var(--ink-900);
  border: 1px solid var(--border-subtle);
  transition: border-color var(--dur-fast) var(--ease-standard),
              background var(--dur-fast) var(--ease-standard);
}
.p-contact-link:hover { border-color: var(--border-strong); background: var(--ink-850); }
.p-contact-link-icon {
  width: 36px; height: 36px; border-radius: var(--radius-sm);
  background: var(--brand-subtle); color: var(--ember-400);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.p-contact-link-label { font-size: 11px; font-weight: 600; color: var(--fg-muted); text-transform: uppercase; letter-spacing: 0.08em; }
.p-contact-link-value { font-size: 14px; font-weight: 500; color: var(--fg-strong); margin-top: 1px; }
.p-contact-link-arrow { color: var(--fg-subtle); margin-left: auto; flex-shrink: 0; }

/* Form */
.p-form { display: flex; flex-direction: column; gap: 20px; position: relative; }
.p-form-group { display: flex; flex-direction: column; gap: 6px; }
.p-form-label { font-size: 13px; font-weight: 600; color: var(--fg-muted); }
.p-form-input {
  background: var(--bg-sunken);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  padding: 11px 14px;
  font-family: var(--font-sans);
  font-size: 15px; color: var(--fg-default);
  outline: none; width: 100%;
  transition: border-color var(--dur-fast) var(--ease-standard),
              box-shadow var(--dur-fast) var(--ease-standard);
}
.p-form-input::placeholder { color: var(--fg-subtle); }
.p-form-input:focus {
  border-color: var(--ember-500);
  box-shadow: 0 0 0 3px rgba(245,106,45,0.15);
}
.p-form-textarea { resize: vertical; min-height: 120px; }
.p-form-err { font-size: 13px; color: var(--error-400); }
.p-form-success {
  text-align: center; padding: 48px 32px;
  background: var(--ink-900); border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
}
.p-form-success-icon { color: var(--success-400); margin-bottom: 16px; }
.p-form-success-h { font-family: var(--font-display); font-size: 24px; color: var(--fg-strong); }

/* ── FOOTER ────────────────────────────────────────────────────────────── */
.p-footer {
  background: var(--ink-950);
  border-top: 1px solid var(--border-subtle);
  padding: 72px 0 32px;
}
.p-footer-inner {
  display: grid; grid-template-columns: 1fr 2fr; gap: 64px;
  padding-bottom: 48px;
  border-bottom: 1px solid var(--border-subtle);
}
.p-footer-brand { display: flex; align-items: center; gap: 16px; }
.p-footer-name { font-family: var(--font-display); font-size: 20px; font-weight: 600; color: var(--fg-strong); }
.p-footer-sub { font-size: 13px; color: var(--fg-muted); margin-top: 3px; }
.p-footer-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.p-footer-col-h {
  font-size: 11px; font-weight: 600; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--fg-strong); margin-bottom: 14px;
}
.p-footer-cols a {
  display: block; font-size: 14px; color: var(--fg-muted);
  padding: 4px 0;
  transition: color var(--dur-fast) var(--ease-standard);
}
.p-footer-cols a:hover { color: var(--fg-strong); }
.p-footer-fine {
  display: flex; justify-content: space-between; align-items: center;
  padding-top: 28px; font-size: 12px; color: var(--fg-subtle); flex-wrap: wrap; gap: 8px;
}

/* ── RESPONSIVE ────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .p-hero-inner { grid-template-columns: 1fr; text-align: center; }
  .p-hero-photo-wrap { display: none; }
  .p-hero-ctas { justify-content: center; }
  .p-hero-tags { justify-content: center; }
  .p-about-grid { grid-template-columns: 1fr; }
  .p-about-photo-col { display: none; }
  .p-mission-inner { grid-template-columns: 1fr; }
  .p-contact-grid { grid-template-columns: 1fr; gap: 48px; }
  .p-footer-inner { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 900px) {
  .p-nav-links, .p-nav-cta { display: none; }
  .p-hamburger { display: flex; }
  .p-nav-links.open {
    display: flex; flex-direction: column; gap: 0;
    position: absolute; top: 100%; left: 0; right: 0;
    background: var(--ink-925);
    border-bottom: 1px solid var(--border-subtle);
    padding: 16px 32px;
  }
  .p-nav-links.open a {
    padding: 14px 0;
    min-height: 44px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border-subtle);
  }
  .p-ventures-grid { grid-template-columns: 1fr; }
  .p-skills-grid { grid-template-columns: 1fr; }
  .p-section { padding: 72px 0; }
  .p-statbar-inner { flex-wrap: wrap; }
  .p-stat { flex: 1 1 40%; border-right: none; border-bottom: 1px solid var(--border-subtle); padding: 16px; }
  .p-stat:nth-child(odd) { border-right: 1px solid var(--border-subtle); }
  .p-footer-cols { grid-template-columns: 1fr 1fr; }
  .p-container { padding: 0 20px; }
}
@media (max-width: 640px) {
  .p-ventures-grid { grid-template-columns: 1fr; }
  .p-footer-cols { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .p-hero-glow, .p-hero-sparks span, .p-hero-inner, .p-hero-photo { animation: none !important; }
}

/* ── TWEAKS PANEL ──────────────────────────────────────────────────────── */
.tweak-panel {
  display: none;
  position: fixed; bottom: 24px; right: 24px;
  width: 260px; background: var(--ink-900);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
  z-index: var(--z-modal);
  font-family: var(--font-sans);
  overflow: hidden;
}
.tweak-panel.visible { display: block; }
.tweak-panel-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border-subtle);
}
.tweak-panel-title { font-size: 13px; font-weight: 600; color: var(--fg-strong); }
.tweak-panel-close {
  color: var(--fg-muted); padding: 4px;
  border-radius: var(--radius-xs);
  transition: color var(--dur-fast);
}
.tweak-panel-close:hover { color: var(--fg-strong); }
.tweak-panel-body { padding: 16px; display: flex; flex-direction: column; gap: 16px; }
.tweak-row { display: flex; flex-direction: column; gap: 6px; }
.tweak-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--fg-muted); }
.tweak-opts { display: flex; gap: 6px; flex-wrap: wrap; }
.tweak-opt {
  font-size: 12px; font-weight: 500; color: var(--fg-muted);
  background: var(--ink-850); border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xs); padding: 5px 10px;
  cursor: pointer; transition: all var(--dur-fast) var(--ease-standard);
}
.tweak-opt.active, .tweak-opt:hover { color: var(--ember-300); border-color: var(--ember-500); background: var(--brand-subtle); }