:root {
  --slate-950: #0b171b; --slate-900: #10252b; --slate-850: #153139; --slate-800: #1a3a42;
  --line: rgba(196, 226, 218, .14); --line-strong: rgba(196, 226, 218, .24);
  --ink: #ecf4ee; --muted: #a4bbb7; --teal: #55d6b2; --teal-soft: #b9f3dd;
  --amber: #f4b94f; --amber-soft: #ffe2a7; --red: #ff8a79; --shadow: 0 24px 70px rgba(0,0,0,.24);
  --radius: 18px; --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; color: var(--ink); background: var(--slate-950); font: 15px/1.55 var(--font); min-width: 320px; }
[hidden] { display: none !important; }
body::before { content: ""; position: fixed; inset: 0; z-index: -2; background: linear-gradient(145deg, #0b171b 0%, #10252b 47%, #0c1c20 100%); }
.ambient { position: fixed; z-index: -1; width: 40vw; height: 40vw; border-radius: 50%; filter: blur(80px); opacity: .14; pointer-events: none; }.ambient-one { background: var(--teal); top: -18vw; left: -12vw; }.ambient-two { background: var(--amber); top: 32vw; right: -24vw; }
a { color: var(--teal-soft); text-decoration: none; } a:hover { color: #fff; text-decoration: underline; } button, select { font: inherit; }
.shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }.hero { padding: 24px 0 38px; border-bottom: 1px solid var(--line); }.topbar { display:flex; align-items:center; justify-content:space-between; gap: 20px; padding-bottom: 54px; }.brand { display:flex; align-items:center; gap: 11px; color: var(--ink); }.brand:hover { text-decoration:none; }.brand-mark { display:grid; place-items:center; width:36px; height:36px; background:var(--amber); color:var(--slate-950); border-radius:11px; font-weight:900; font-size:20px; }.brand b, .brand small { display:block; }.brand small { color:var(--muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }.top-links { display:flex; gap: 22px; font-size:13px; }.top-links a { color:var(--muted); }.top-links a:hover { color:var(--ink); }
.hero-grid { display:grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); gap: 70px; align-items:end; }.eyebrow { margin:0 0 8px; color:var(--teal); text-transform:uppercase; font-size:11px; font-weight:800; letter-spacing:.15em; }.eyebrow.amber { color:var(--amber); } h1, h2, h3, h4, p { margin-top:0; } h1 { margin-bottom: 22px; font-size: clamp(42px, 7vw, 78px); line-height:.98; letter-spacing:-.06em; font-weight:800; } h1 em { color:var(--amber); font-style:normal; }.hero-copy { max-width: 640px; color:var(--muted); font-size:17px; }.hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }.primary-button, .outline-button { display:inline-flex; align-items:center; gap:7px; border-radius:10px; padding:10px 14px; font-weight:800; font-size:13px; }.primary-button { color:var(--slate-950); background:var(--amber); }.primary-button:hover { color:var(--slate-950); background:#ffd17b; text-decoration:none; }.outline-button { color:var(--ink); border:1px solid var(--line-strong); background:rgba(255,255,255,.03); }.outline-button:hover { background:rgba(255,255,255,.08); text-decoration:none; }.hero-note { padding:18px; border:1px solid var(--line); border-radius:var(--radius); background:rgba(16,37,43,.72); box-shadow:var(--shadow); color:var(--muted); }.hero-note b { color:var(--ink); }.hero-note p { margin:5px 0; font-size:13px; }.hero-note hr { border:0; border-top:1px solid var(--line); margin:16px 0; }.signal-dot { display:inline-block; width:8px; height:8px; margin-right:7px; border-radius:50%; background:var(--teal); box-shadow:0 0 0 5px rgba(85,214,178,.12); }code { padding:2px 5px; border:1px solid var(--line); border-radius:5px; color:var(--amber-soft); background:rgba(0,0,0,.16); font:12px ui-monospace, SFMono-Regular, Menlo, monospace; }.muted { color:var(--muted); }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
main { padding: 58px 0 90px; }.section-heading, .archive-heading { display:flex; align-items:end; justify-content:space-between; gap:28px; margin:0 0 20px; }.section-heading h2, .archive-heading h2 { margin:0; font-size:clamp(26px, 3vw, 38px); letter-spacing:-.04em; }.section-description { max-width:430px; margin:0 0 4px; color:var(--muted); text-align:right; }.overview { margin-bottom: 64px; }.overview-grid { display:grid; grid-template-columns:1.35fr repeat(3, 1fr); gap:12px; }.overview-card { min-height:172px; padding:19px; border:1px solid var(--line); border-radius:var(--radius); background:rgba(21,49,57,.58); }.overview-card h3 { margin:0 0 12px; font-size:14px; }.card-icon { display:grid; place-items:center; width:31px; height:31px; margin-bottom:14px; border-radius:9px; color:var(--slate-950); background:var(--amber); font-weight:900; }.card-icon.teal { background:var(--teal); }.card-icon.amber-icon { background:var(--amber); }.overview-number { display:block; margin:2px 0 4px; font-size:32px; letter-spacing:-.05em; }.overview-card p { margin:0; color:var(--muted); font-size:12px; }.status-stats { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:13px; }.status-stats span, .score-strip span { display:flex; flex-direction:column; }.status-stats b { font-size:22px; color:var(--amber); line-height:1; }.status-stats small, .score-strip small { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }.meter { height:4px; margin-top:15px; border-radius:4px; background:rgba(255,255,255,.08); overflow:hidden; }.meter span { display:block; height:100%; border-radius:inherit; background:var(--teal); }
.projects-section, .carts-section { margin-bottom:70px; }.toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:16px; padding:10px; border:1px solid var(--line); border-radius:13px; background:rgba(16,37,43,.6); }.filter-group { display:flex; flex-wrap:wrap; gap:5px; }.filter-button { cursor:pointer; border:1px solid transparent; border-radius:8px; padding:7px 9px; color:var(--muted); background:transparent; font-size:12px; }.filter-button span { margin-left:3px; color:var(--teal); }.filter-button:hover, .filter-button.active { border-color:var(--line-strong); color:var(--ink); background:rgba(255,255,255,.06); }.sort-control { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; }.sort-control select { border:1px solid var(--line); border-radius:8px; padding:7px 9px; color:var(--ink); background:var(--slate-850); }.project-grid-list { display:grid; gap:15px; }.project-card, .cart-card, .scan-card { border:1px solid var(--line); border-radius:var(--radius); background:rgba(21,49,57,.62); box-shadow:var(--shadow); }.project-card { padding:20px; }.project-head, .cart-head, .scan-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.project-kicker { margin-bottom:6px; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }.project-head h3, .cart-head h3, .scan-head h3 { margin:0; font-size:23px; letter-spacing:-.03em; }.status-badge, .pill, .score-badge, .effort-badge, .optional { display:inline-flex; align-items:center; white-space:nowrap; border-radius:999px; padding:4px 8px; border:1px solid var(--line); font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.status-badge { color:var(--amber-soft); border-color:rgba(244,185,79,.3); background:rgba(244,185,79,.1); }.status-research { color:var(--teal-soft); border-color:rgba(85,214,178,.3); background:rgba(85,214,178,.1); }.status-planning { color:var(--amber-soft); }.status-access { color:var(--slate-950); border-color:transparent; background:var(--teal); }.status-failed { color:#2a0f0b; border-color:transparent; background:var(--red); }.score-strip { display:flex; gap:18px; margin:18px 0; padding:12px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.score-strip b { color:var(--teal-soft); font-size:19px; line-height:1; }.score-strip .score-total { margin-left:auto; padding-left:18px; border-left:1px solid var(--line); }.score-strip .score-total b { color:var(--amber); }.project-summary { display:grid; grid-template-columns:repeat(2, 1fr); gap:14px 22px; }.field dt, .label { margin-bottom:3px; color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }.field dd { margin:0; color:#dbe8e3; }.project-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; margin-top:18px; }.mini-panel { min-width:0; padding:14px; border:1px solid var(--line); border-radius:12px; background:rgba(11,23,27,.32); }.mini-panel h4, .project-lists h4, .theme-panel h4, .ideas-panel h4 { margin:0 0 10px; color:var(--teal-soft); font-size:11px; text-transform:uppercase; letter-spacing:.1em; }.mini-panel p { margin:0 0 7px; color:#c3d3cd; font-size:13px; }.mini-panel p:last-child { margin-bottom:0; }.big-metric { margin-bottom:5px; color:var(--amber); font-size:28px; font-weight:800; letter-spacing:-.05em; }.big-metric small { color:var(--muted); font-size:11px; letter-spacing:0; }.compact-dl { display:grid; gap:5px; }.compact-dl .field { display:flex; justify-content:space-between; gap:10px; border-bottom:1px solid rgba(196,226,218,.08); padding-bottom:4px; }.compact-dl dd { color:var(--amber-soft); }.project-lists { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; margin-top:20px; padding-top:17px; border-top:1px solid var(--line); }.list-heading { padding-left:10px; border-left:2px solid var(--teal); }.solved-heading { border-color:var(--teal); }.open-heading { border-color:var(--amber); }.next-heading { border-color:var(--red); }.check-list { margin:0; padding:0; list-style:none; }.check-list li { position:relative; margin:7px 0; padding-left:16px; color:#c5d5d0; font-size:13px; }.check-list li::before { content:""; position:absolute; top:.62em; left:0; width:5px; height:5px; border-radius:50%; background:var(--teal); }.project-foot { display:flex; justify-content:space-between; gap:18px; align-items:center; margin-top:18px; padding-top:14px; border-top:1px solid var(--line); font-size:12px; }.project-foot > .muted { max-width:75%; }.text-link { color:var(--amber-soft); font-weight:800; white-space:nowrap; }.filter-empty { margin:20px 0; color:var(--muted); text-align:center; }.empty-state { display:flex; align-items:center; gap:14px; padding:26px; border:1px dashed var(--line-strong); border-radius:var(--radius); color:var(--muted); }.empty-state h3 { margin:0 0 3px; color:var(--ink); font-size:16px; }.empty-state p { margin:0; }.empty-mark { display:grid; place-items:center; flex:0 0 auto; width:38px; height:38px; border-radius:12px; color:var(--amber); background:rgba(244,185,79,.1); font-size:23px; }
.cart-list { display:grid; gap:15px; }.cart-card { overflow:hidden; }.cart-head { padding:20px 20px 15px; }.cart-head h3 { font-size:20px; }.cart-head p { margin:5px 0 0; font-size:12px; }.cart-total { text-align:right; }.cart-total small { display:block; color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.1em; }.cart-total strong { display:block; color:var(--amber); font-size:27px; letter-spacing:-.05em; }.table-wrap { overflow-x:auto; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.table-wrap table { width:100%; min-width:720px; border-collapse:collapse; }.table-wrap th { padding:10px 12px; color:var(--muted); background:rgba(11,23,27,.35); font-size:10px; text-align:left; text-transform:uppercase; letter-spacing:.1em; }.table-wrap td { padding:12px; border-top:1px solid rgba(196,226,218,.08); color:#d5e2dd; vertical-align:top; font-size:13px; }.table-wrap td small { display:block; max-width:350px; margin-top:3px; color:var(--muted); font-size:11px; }.table-link { color:var(--amber-soft); font-weight:800; }.optional { display:block; width:max-content; margin-top:6px; padding:2px 5px; color:var(--amber-soft); font-size:9px; }.cart-summary { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:16px 20px 0; }.cart-summary .label { display:block; }.cart-summary b { color:var(--amber-soft); }.cart-summary .check-list { margin-top:6px; }.cart-notes { margin:16px 20px 20px; color:var(--muted); font-size:12px; }.scans-section { margin-top:10px; }.scan-card { margin-bottom:16px; overflow:hidden; }.scan-head { padding:20px; }.scan-head h3 { font-size:24px; }.meta-row { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }.pill { color:var(--muted); font-weight:700; text-transform:none; letter-spacing:0; }.muted-pill { border-color:transparent; padding-left:0; }.scan-head .outline-button { margin-top:3px; }.scan-body { display:grid; grid-template-columns:.65fr 1.35fr; gap:0; border-top:1px solid var(--line); }.theme-panel, .ideas-panel { padding:20px; }.theme-panel { border-right:1px solid var(--line); background:rgba(11,23,27,.22); }.theme-cloud { display:flex; flex-wrap:wrap; gap:6px; }.theme-cloud span { padding:6px 8px; color:var(--teal-soft); border:1px solid rgba(85,214,178,.2); border-radius:8px; background:rgba(85,214,178,.06); font-size:12px; }.scan-notes { margin:18px 0 0; padding-top:15px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }.subhead { display:flex; justify-content:space-between; align-items:baseline; gap:15px; }.ideas-grid { display:grid; gap:9px; }.idea-card { order:var(--order); padding:13px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.025); }.idea-card.score-high { border-color:rgba(85,214,178,.35); }.idea-card.score-mid { border-color:rgba(244,185,79,.3); }.idea-card.score-low { border-color:rgba(255,138,121,.25); }.idea-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }.idea-head h3 { margin:0; font-size:15px; }.idea-badges { display:flex; flex-wrap:wrap; gap:5px; }.score-badge { color:var(--teal-soft); border-color:rgba(85,214,178,.25); }.effort-s { color:var(--teal-soft); }.effort-m { color:var(--amber-soft); }.effort-l { color:var(--red); }.idea-details { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:11px 0 0; }.idea-details .field dd { font-size:12px; }.archive-heading { margin-top:58px; }.archive-list { display:grid; gap:12px; }.archive-scan .scan-head { padding:16px 18px; }.archive-scan .scan-head h3 { font-size:18px; }.archive-scan .scan-body { display:none; }.footer { display:flex; justify-content:space-between; gap:20px; padding:20px 0 35px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }.footer p { margin:0; }
/* Collapsed project cards */
.project-card { overflow:hidden; }
.project-toggle { display:block; width:100%; padding:20px; border:0; color:inherit; background:transparent; text-align:left; cursor:pointer; }
.project-toggle:hover { background:rgba(255,255,255,.025); }
.project-toggle:focus-visible { outline:2px solid var(--teal); outline-offset:-3px; }
.project-title { display:block; margin:0; font-size:23px; font-weight:700; letter-spacing:-.03em; }
.project-status-row { display:flex; align-items:center; gap:12px; }
.project-chevron { display:block; width:9px; height:9px; border-right:2px solid var(--teal); border-bottom:2px solid var(--teal); transform:rotate(45deg) translateY(-2px); transition:transform .18s ease; }
.project-toggle[aria-expanded="true"] .project-chevron { transform:rotate(225deg) translate(-1px, -1px); }
.project-toggle-score { display:block; }
.project-toggle .score-strip { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.project-details { padding:0 20px 20px; border-top:1px solid var(--line); }
.project-details .project-summary { padding-top:18px; }
@media (max-width:900px) { .overview-grid { grid-template-columns:repeat(2, 1fr); }.project-grid { grid-template-columns:repeat(2, 1fr); }.hero-grid { gap:35px; }.scan-body { grid-template-columns:1fr; }.theme-panel { border-right:0; border-bottom:1px solid var(--line); } }
@media (max-width:640px) { .shell { width:min(100% - 28px, 1180px); }.hero { padding-top:16px; }.topbar { padding-bottom:40px; }.top-links { display:none; }.hero-grid { grid-template-columns:1fr; gap:25px; }.hero-copy { font-size:15px; } main { padding-top:40px; }.section-heading, .archive-heading { display:block; }.section-description { margin-top:8px; text-align:left; }.overview-grid { grid-template-columns:1fr 1fr; gap:8px; }.overview-card { min-height:150px; padding:14px; }.overview-card h3 { font-size:12px; }.status-stats { gap:10px; }.status-stats b { font-size:19px; }.toolbar { align-items:stretch; }.filter-group { overflow-x:auto; flex-wrap:nowrap; padding-bottom:2px; }.sort-control { justify-content:space-between; }.sort-control select { flex:1; }.project-card, .cart-head, .scan-head { padding:16px; }.project-head, .cart-head, .scan-head { flex-direction:column; gap:12px; }.project-head .status-badge { align-self:flex-start; }.project-head h3 { font-size:21px; }.project-summary, .project-grid, .project-lists, .cart-summary, .idea-details { grid-template-columns:1fr; }.score-strip { gap:12px; }.score-strip .score-total { padding-left:12px; }.project-foot, .footer { align-items:flex-start; flex-direction:column; }.project-foot > .muted { max-width:100%; }.cart-total { text-align:left; }.cart-total strong { font-size:24px; }.theme-panel, .ideas-panel { padding:16px; }.idea-head { flex-direction:column; }.footer { gap:8px; } }
@media (max-width:640px) { .project-card { padding:0; }.project-toggle { padding:16px; }.project-details { padding:0 16px 16px; }.project-status-row { justify-content:space-between; width:100%; }.project-title { font-size:21px; } }
/* Decision-first layout: deep research stays available without dominating the page. */
.now-section { margin-bottom:70px; }.focus-card { padding:26px; border:1px solid rgba(244,185,79,.36); border-radius:var(--radius); background:linear-gradient(120deg, rgba(244,185,79,.13), rgba(21,49,57,.72) 46%); box-shadow:var(--shadow); }.focus-label { display:flex; align-items:center; gap:5px; margin-bottom:16px; color:var(--amber-soft); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.focus-label .signal-dot { margin:0; }.focus-content { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); gap:32px; align-items:end; }.focus-card h2 { margin:0 0 10px; font-size:clamp(28px,4vw,45px); letter-spacing:-.045em; line-height:1.05; }.focus-problem { max-width:680px; margin:0; color:#d5e2dd; font-size:15px; }.next-move { padding:17px; border-radius:12px; background:rgba(11,23,27,.38); border:1px solid var(--line); }.next-move p { margin:4px 0 12px; color:var(--ink); font-weight:700; }.quick-stats { display:flex; flex-wrap:wrap; gap:8px 24px; margin:16px 4px 0; color:var(--muted); font-size:12px; }.quick-stats b { color:var(--teal-soft); }.research-section { margin-bottom:70px; }.research-columns { display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start; }.subsection-title { margin:0 0 10px; color:var(--muted); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }.disclosure-toggle { width:100%; border:0; color:inherit; background:transparent; cursor:pointer; text-align:left; }.disclosure-toggle:hover { background:rgba(255,255,255,.025); }.disclosure-toggle:focus-visible { outline:2px solid var(--teal); outline-offset:-3px; }.cart-head { align-items:center; padding:18px; }.cart-head .project-chevron { margin:10px 2px 2px auto; }.cart-total { display:flex; flex-direction:column; align-items:flex-end; }.disclosure-side { display:flex; align-items:center; gap:14px; }.disclosure-side .project-chevron { margin-top:-4px; }.disclosure-toggle[aria-expanded="true"] .project-chevron { transform:rotate(225deg) translate(-1px, -1px); }.scan-head { align-items:center; padding:18px; }.scan-head h3 { font-size:20px; }.scan-card { margin-bottom:12px; }.archive-list { margin-top:18px; }.archive-list .scan-card { display:none; }
@media (max-width:900px) { .focus-content, .research-columns { grid-template-columns:1fr; }.research-columns { gap:34px; } }
@media (max-width:640px) { .focus-card { padding:18px; }.focus-content { gap:18px; }.quick-stats { display:grid; gap:5px; }.cart-head, .scan-head { flex-direction:row; gap:12px; }.cart-head h3, .scan-head h3 { font-size:17px; }.cart-total strong { font-size:20px; }.cart-total small { font-size:9px; }.disclosure-side .text-link { display:none; }.cart-head .project-chevron { margin-top:7px; }.research-columns { gap:28px; } }
/* Calm resume surface: show orientation and one decision before the portfolio. */
.hero { padding:16px 0 22px; }.topbar { padding-bottom:28px; }.hero-grid { gap:46px; align-items:center; }.hero h1 { margin-bottom:12px; font-size:clamp(40px,5.4vw,62px); }.hero-copy { max-width:570px; margin-bottom:0; font-size:16px; }.hero-note { max-width:365px; padding:16px; }.hero-note .eyebrow { margin-bottom:5px; }.hero-note > b { display:block; margin-bottom:4px; }.hero-note p { line-height:1.45; }.now-section { margin-bottom:58px; }.section-heading { margin-bottom:15px; }.section-description { font-size:13px; }.resume-card { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr); overflow:hidden; border:1px solid rgba(244,185,79,.36); border-radius:var(--radius); background:linear-gradient(120deg, rgba(244,185,79,.11), rgba(21,49,57,.72) 48%); box-shadow:var(--shadow); }.resume-main { padding:24px 25px 20px; }.resume-main .eyebrow { margin-bottom:7px; }.resume-card h2 { margin:0 0 8px; font-size:clamp(27px,3.5vw,42px); letter-spacing:-.045em; line-height:1.08; }.resume-note { max-width:620px; margin:0; color:#dbe8e3; }.resume-card .next-move { align-self:stretch; margin:16px 16px 16px 0; padding:18px; border:1px solid var(--line); border-radius:13px; background:rgba(11,23,27,.4); }.resume-card .next-move p { margin:5px 0 15px; color:var(--ink); font-size:15px; font-weight:750; }.resume-checks { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr 1fr; gap:0; border-top:1px solid var(--line); background:rgba(11,23,27,.2); }.resume-checks section { min-width:0; padding:16px 22px 18px; }.resume-checks section + section { border-left:1px solid var(--line); }.resume-checks h3 { margin:0 0 6px; color:var(--teal-soft); font-size:10px; text-transform:uppercase; letter-spacing:.11em; }.resume-checks p { margin:0; color:#c9d9d3; font-size:13px; }.resume-list { margin:0; padding:0; list-style:none; }.resume-list li { position:relative; margin:4px 0; padding-left:12px; color:#c9d9d3; font-size:12px; }.resume-list li::before { content:""; position:absolute; top:.62em; left:0; width:4px; height:4px; border-radius:50%; background:var(--teal); }.project-toggle { padding:17px 20px; }.project-toggle-score { display:none; }.project-card-next { display:block; max-width:720px; margin-top:7px; color:var(--muted); font-size:12px; line-height:1.4; }.project-card-next b { color:var(--teal-soft); }.project-status-row { flex-shrink:0; }.project-status-row .score-badge { color:var(--amber-soft); border-color:rgba(244,185,79,.3); }.project-title { font-size:21px; }.projects-section, .research-section { margin-bottom:58px; }
@media (max-width:720px) { .hero-grid, .resume-card { grid-template-columns:1fr; }.hero-note { max-width:none; }.resume-card .next-move { margin:0 18px 18px; }.resume-checks { grid-template-columns:1fr; }.resume-checks section + section { border-top:1px solid var(--line); border-left:0; }.project-status-row .score-badge { display:none; } }
@media (max-width:640px) { .hero { padding-bottom:18px; }.topbar { padding-bottom:24px; }.hero h1 { font-size:43px; }.hero-copy { font-size:15px; }.resume-main { padding:20px 18px 16px; }.resume-card .next-move { margin:0 14px 14px; }.resume-checks section { padding:14px 18px; }.project-toggle { padding:15px 16px; }.project-head { gap:10px; }.project-card-next { font-size:11px; }.section-description { max-width:360px; } }
/* Phone-first front door: only the current work and two optional paths are visible at first. */
.hero { padding:15px 0 18px; }.hero-grid { display:block; }.hero h1 { margin:0 0 9px; font-size:clamp(38px,4.7vw,54px); line-height:1.02; }.hero-copy { max-width:650px; margin:0; font-size:15px; }.hero .eyebrow { margin-bottom:7px; } main { padding:32px 0 60px; }.now-section { margin-bottom:12px; }.now-card { padding:20px 22px; border:1px solid rgba(244,185,79,.42); border-radius:var(--radius); background:linear-gradient(120deg, rgba(244,185,79,.12), rgba(21,49,57,.7)); box-shadow:var(--shadow); }.now-card h2 { margin:0 0 7px; font-size:clamp(25px,3.3vw,35px); letter-spacing:-.04em; }.now-card > p:not(.focus-label) { max-width:760px; margin:0; color:#d7e5df; }.now-card-foot { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:16px; }.portal-list { display:grid; gap:10px; }.portal-card { overflow:hidden; border:1px solid var(--line); border-radius:14px; background:rgba(21,49,57,.62); box-shadow:var(--shadow); }.portal-card summary { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 20px; cursor:pointer; list-style:none; }.portal-card summary::-webkit-details-marker { display:none; }.portal-card summary:hover { background:rgba(255,255,255,.025); }.portal-card summary:focus-visible { outline:2px solid var(--teal); outline-offset:-3px; }.portal-card summary > span:first-child { display:grid; gap:2px; }.portal-kicker { color:var(--teal); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.portal-card strong { color:var(--ink); font-size:20px; letter-spacing:-.025em; }.portal-card small { color:var(--muted); font-size:12px; }.portal-arrow { width:10px; height:10px; border-right:2px solid var(--teal); border-bottom:2px solid var(--teal); transform:rotate(45deg) translateY(-3px); transition:transform .18s ease; }.portal-card[open] .portal-arrow { transform:rotate(225deg) translate(-1px,-1px); }.portal-content { padding:0 18px 18px; border-top:1px solid var(--line); }.portal-content .toolbar { margin-top:14px; }.portal-content .research-columns { margin-top:17px; }.portal-content .project-card { margin-top:0; }.portal-content .project-grid-list { margin-top:0; }.portal-content .cart-list { margin-top:0; }.portal-content .scan-card { margin-bottom:0; }.portal-content .archive-list { margin-top:12px; }.quick-stats, .resume-card { display:none; }
@media (max-width:640px) { .hero { padding-top:13px; }.top-links { display:flex; gap:15px; font-size:12px; }.brand small { font-size:9px; }.hero h1 { font-size:39px; }.hero-copy { font-size:14px; }.now-card { padding:18px; }.now-card h2 { font-size:26px; }.now-card-foot { margin-top:14px; }.portal-card summary { padding:16px 18px; }.portal-card strong { font-size:18px; }.portal-content { padding:0 12px 12px; }.portal-content .toolbar { margin-top:12px; } }
.project-costs { margin-top:18px; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:rgba(11,23,27,.2); }.project-costs > summary { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:13px 14px; cursor:pointer; color:var(--teal-soft); font-weight:800; font-size:13px; list-style:none; }.project-costs > summary::-webkit-details-marker { display:none; }.project-costs > summary span { color:var(--amber-soft); }.project-costs > summary::after { content:""; width:8px; height:8px; margin-left:3px; border-right:2px solid var(--teal); border-bottom:2px solid var(--teal); transform:rotate(45deg) translateY(-2px); transition:transform .18s ease; }.project-costs[open] > summary::after { transform:rotate(225deg) translate(-1px,-1px); }.project-costs .cart-card { border:0; border-top:1px solid var(--line); border-radius:0; box-shadow:none; }.project-costs .cart-head { background:rgba(255,255,255,.02); }
.idea-head h3 a { color:var(--ink); text-decoration:none; }.idea-head h3 a:hover, .idea-head h3 a:focus-visible { color:var(--teal-soft); text-decoration:underline; }.idea-head h3 a span { color:var(--teal); }
/* Problem-centric research portal */
.research-context { padding:16px 0 4px; }.research-context p:last-child { max-width:760px; margin:0; color:#d5e2dd; }.research-run-note { display:grid; gap:3px; margin:14px 0 16px; padding:13px 15px; border-left:3px solid var(--teal); border-radius:0 10px 10px 0; background:rgba(85,214,178,.07); color:var(--muted); font-size:12px; }.research-run-note b { color:var(--teal-soft); }.research-run-note p { margin:4px 0 0; }.problem-toolbar { justify-content:flex-end; margin-bottom:12px; }.toolbar-label { margin-right:auto; color:var(--muted); font-size:12px; }.problem-list { display:grid; gap:10px; }.problem-card { overflow:hidden; border:1px solid var(--line); border-radius:14px; background:rgba(21,49,57,.62); }.problem-toggle { display:block; width:100%; padding:16px 18px; border:0; color:inherit; background:transparent; text-align:left; cursor:pointer; }.problem-toggle:hover { background:rgba(255,255,255,.025); }.problem-toggle:focus-visible { outline:2px solid var(--teal); outline-offset:-3px; }.problem-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }.problem-kicker { display:block; margin-bottom:5px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.problem-title { display:block; font-size:19px; font-weight:750; letter-spacing:-.025em; }.problem-summary-preview { display:block; max-width:760px; margin-top:5px; color:var(--muted); font-size:12px; }.problem-status-row { display:flex; align-items:center; gap:9px; flex-shrink:0; }.problem-status-row .score-badge { color:var(--amber-soft); border-color:rgba(244,185,79,.3); }.status-active { color:var(--teal-soft); border-color:rgba(85,214,178,.3); background:rgba(85,214,178,.1); }.status-watching { color:var(--amber-soft); }.status-parked { color:var(--muted); }.problem-details { padding:17px 18px 18px; border-top:1px solid var(--line); }.problem-summary { max-width:860px; margin:0; color:#dbe8e3; font-size:14px; }.problem-score-grid { display:grid; grid-template-columns:repeat(6, 1fr); gap:8px; margin:16px 0; }.problem-score { min-width:0; padding:10px 9px; border:1px solid var(--line); border-radius:10px; background:rgba(11,23,27,.28); }.problem-score b { display:block; color:var(--teal-soft); font-size:18px; line-height:1.15; }.problem-score span { display:block; margin-top:4px; color:var(--muted); font-size:9px; line-height:1.2; text-transform:uppercase; letter-spacing:.07em; }.problem-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.problem-detail-grid .mini-panel { height:100%; }.linked-projects { display:grid; gap:6px; font-size:13px; }.linked-projects a { color:var(--amber-soft); font-weight:700; }.problem-observations { margin-top:10px; padding:14px; border:1px solid var(--line); border-radius:12px; background:rgba(11,23,27,.22); }.problem-observations h4 { margin:0; color:var(--teal-soft); font-size:11px; text-transform:uppercase; letter-spacing:.1em; }.observation-list { display:grid; gap:10px; margin:10px 0 0; padding:0; list-style:none; }.observation-list li { display:grid; grid-template-columns:90px 1fr; gap:12px; padding-top:10px; border-top:1px solid rgba(196,226,218,.08); color:#cbdad5; font-size:13px; }.observation-list li:first-child { padding-top:0; border-top:0; }.observation-date { color:var(--amber-soft); font-size:11px; font-weight:800; }.problem-notes { margin:12px 0 0; color:var(--muted); font-size:12px; }.legacy-logs { margin-top:16px; border-top:1px solid var(--line); }.legacy-logs > summary { display:flex; justify-content:space-between; gap:12px; padding:14px 2px 2px; color:var(--muted); cursor:pointer; font-size:12px; font-weight:800; list-style:none; }.legacy-logs > summary::-webkit-details-marker { display:none; }.legacy-logs > summary span:first-child { color:var(--teal-soft); }.legacy-log-list { display:grid; gap:10px; margin-top:12px; }.legacy-log-list .scan-card { display:block; margin:0; box-shadow:none; }.legacy-log-list .scan-body { display:grid; }.legacy-log-list .archive-scan .scan-head { padding:14px 16px; }.legacy-log-list .archive-scan .scan-body { display:none; }
@media (max-width:900px) { .problem-score-grid { grid-template-columns:repeat(3, 1fr); } }
.legacy-log-list .archive-scan .scan-body { display:grid; }
@media (max-width:640px) { .problem-head { flex-direction:column; gap:11px; }.problem-status-row { justify-content:space-between; width:100%; }.problem-title { font-size:18px; }.problem-score-grid { grid-template-columns:repeat(2, 1fr); }.problem-detail-grid { grid-template-columns:1fr; }.observation-list li { grid-template-columns:1fr; gap:2px; }.problem-toolbar { justify-content:space-between; }.toolbar-label { margin-right:0; } }