/* Portfolio material layer. Keep existing content, layouts and gallery behavior.
   Card translucency uses static paints, never a backdrop filter per project. */
body.site-shell.portfolio-page {
  --ink: #edf5fc;
  --muted: #abc0d1;
  --accent: #a6e5f5;
  --lime: #a3f2d1;
  --line: #c4e7ef2b;
  --portfolio-panel: var(--glass-panel, linear-gradient(128deg, #e5f4ff16, #b7ddec06 48%, #a4f5df0e), #0c1a2a50);
  --portfolio-border: var(--glass-border, #d4eaf03b);
  --portfolio-shadow: var(--glass-shadow, inset 0 1px #f0faff38, 0 14px 34px #01091826);
}

body.site-shell.portfolio-page :is(a, button, summary):focus-visible {
  outline: 2px solid #b7f8db;
  outline-offset: 5px;
}
body.site-shell.portfolio-page :is(.eyebrow, .section-number) { color: #a2e9d6; }
body.site-shell.portfolio-page .section-heading p { color: #a9bfd2; }
body.site-shell.portfolio-page .section-heading h2 { color: #edf6fc; }

/* The opening profile and its real project previews share the news palette. */
body.site-shell.portfolio-page .profile-intro { border-bottom-color: #c6e9f02b; }
body.site-shell.portfolio-page .profile-copy h1 { color: #caefe8; }
body.site-shell.portfolio-page .profile-copy > p { color: #bfd1df; }
body.site-shell.portfolio-page .author-profile .profile-avatar {
  border-color: #a8e6ed24;
  outline-color: #d0f6ed69;
  box-shadow: 0 0 0 5px #b2f5df08, 0 8px 20px #010a1924;
}
body.site-shell.portfolio-page .profile-name { color: #f0f8fc; }
body.site-shell.portfolio-page .profile-role { color: #b2c9da; }
body.site-shell.portfolio-page .profile-directions span {
  color: #c0eee9;
  background: linear-gradient(120deg, #ffffff0f, #b3f5df08), #102b4233;
  border-color: #d7f1f03b;
  box-shadow: inset 0 1px #efffff0d;
}
body.site-shell.portfolio-page .profile-mosaic > a {
  background: var(--portfolio-panel);
  border-color: var(--portfolio-border);
  border-top-color: #e2f5fb5c;
  box-shadow: var(--portfolio-shadow);
}
body.site-shell.portfolio-page .profile-mosaic img {
  background: #0a22364d;
  box-shadow: 0 0 0 1px #cceef124, 0 7px 15px #020b1721;
}
body.site-shell.portfolio-page .profile-mosaic a > span { color: #d2ecef; background: transparent; }
body.site-shell.portfolio-page .profile-mosaic > p { color: #a0bbce; }
body.site-shell.portfolio-page .profile-proof {
  border-top-color: #d3edf03d;
  background: linear-gradient(180deg, #a3f2d105, transparent 80%);
  box-shadow: inset 0 1px #e8ffff08;
}
body.site-shell.portfolio-page .profile-proof strong { color: #b5f2dd; text-shadow: 0 2px 12px #72e6cf1a; }
body.site-shell.portfolio-page .profile-proof span { color: #b6ccdc; }
body.site-shell.portfolio-page .profile-proof > a { color: #bcece8; text-decoration-color: #92d2ca66; }

@supports (background-clip: text) {
  body.site-shell.portfolio-page .profile-copy h1 {
    background: linear-gradient(110deg, #e3f0ff 2%, #b3e7ef 48%, #a6f0cf 96%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
}

/* Static glass replaces the old opaque panels throughout the long page. */
body.site-shell.portfolio-page :is(.capability-grid, .showcase-card, .industry-preview-card, .energy-experience-card, .vision-spotlight, .physical-ai-portfolio-link) {
  background: var(--portfolio-panel);
  border-color: var(--portfolio-border);
  border-top-color: #d6f1f54d;
  box-shadow: var(--portfolio-shadow);
}
body.site-shell.portfolio-page .capability-grid > div {
  border-color: #ceeaf029;
  background: linear-gradient(135deg, #c6ecff07, transparent 60%);
}
body.site-shell.portfolio-page .capability-icon {
  color: #cbfae8;
  background: linear-gradient(145deg, #b3fbe31c, #b2ddfa0c), #0e2b3938;
  border-color: #c5f4e25c;
  box-shadow: inset 0 1px #eafff029;
}
body.site-shell.portfolio-page .capability-grid h3 { color: #eef7fb; }
body.site-shell.portfolio-page .capability-grid p { color: #aec6d7; }
body.site-shell.portfolio-page .capability-grid > div > span:last-child { color: #b4dbe4; }

/* Screens remain crisp and fully visible, without filters or crop changes. */
body.site-shell.portfolio-page :is(.showcase-image, .spotlight-image) {
  background: linear-gradient(135deg, #d0efff09, #b9f4df06), #061a2c45;
  border-color: #d0eaf02e;
  box-shadow: inset 0 1px #efffff0d;
}
body.site-shell.portfolio-page .showcase-image img {
  background: #0616232b;
  box-shadow: 0 0 0 1px #daeff519;
}
body.site-shell.portfolio-page .image-expand {
  color: #e0f8f4;
  background: linear-gradient(135deg, #e4f8ff17, #c2f2db09), #0c253bdd;
  border-color: #d4f3f269;
  box-shadow: inset 0 1px #f3ffff26, 0 4px 12px #020b1738;
}
body.site-shell.portfolio-page .showcase-meta { color: #a9ddd9; }
body.site-shell.portfolio-page .responsibility {
  color: #d4ebe9;
  background: linear-gradient(115deg, #d9faff12, #adf3d80b), #102b3a26;
}
body.site-shell.portfolio-page .showcase-card h3 { color: #eef6fc; }
body.site-shell.portfolio-page .showcase-subtitle { color: #b5cbdb; }
body.site-shell.portfolio-page .project-facts dt { color: #9fbdd0; }
body.site-shell.portfolio-page .project-facts dd { color: #c5d8e4; }
body.site-shell.portfolio-page .project-facts strong { color: #e1f5ee; }
body.site-shell.portfolio-page .project-facts small { color: #a5bdce; }
body.site-shell.portfolio-page :is(.project-tech span, .energy-experience-tags span, .spotlight-tags span) {
  color: #bdddE7;
  background: linear-gradient(115deg, #e0f4ff09, #c5ffe805), #0c243a26;
  border-color: #c4e8ee2b;
}
body.site-shell.portfolio-page .project-detail { border-color: #d5edf026; }
body.site-shell.portfolio-page .project-detail summary { color: #b6e9df; }
body.site-shell.portfolio-page .project-detail summary::after { color: #d2f9e8; }
body.site-shell.portfolio-page .project-detail p { color: #bbd0df; }
body.site-shell.portfolio-page .project-links a { color: #b9e4ee; text-decoration-color: #b2dbed6b; }

/* The filter remains the same progressive-enhancement control. */
body.site-shell.portfolio-page .project-filters button {
  background: linear-gradient(115deg, #f0fbff0c, #d2ffe706), #10223840;
  color: #bed3df;
  border-color: #d3e9f03b;
  box-shadow: inset 0 1px #f5ffff12;
}
body.site-shell.portfolio-page .project-filters button:hover {
  background: linear-gradient(115deg, #d4f5ff1f, #b5f4df12), #122d4054;
  border-color: #ddf7f173;
  color: #f0fcfc;
}
body.site-shell.portfolio-page .project-filters button[aria-pressed=true] {
  background: linear-gradient(115deg, #b5e7fc, #a3eed2);
  color: #12313b;
  border-color: #d8fff3c9;
  box-shadow: inset 0 1px #ffffff6b, 0 4px 14px #76e4d014;
}
body.site-shell.portfolio-page .gallery-disclosure { color: #a2bbce; }
body.site-shell.portfolio-page .filter-status { color: #b6e6d9; }

/* Related previews and the routes from a case to a working experience. */
body.site-shell.portfolio-page .industry-preview-note { color: #b7cddd; }
body.site-shell.portfolio-page .industry-preview-image {
  background: linear-gradient(140deg, #b9e9ff0a, #c5ffe706), #09223733;
}
body.site-shell.portfolio-page .industry-preview-image img { box-shadow: 0 0 0 1px #d3f4ef24; }
body.site-shell.portfolio-page .industry-preview-image > span {
  color: #e1f6f4;
  background: linear-gradient(140deg, #d9f5ff14, #c2f4df0a), #102b3bdb;
  border-color: #cbeef15c;
}
body.site-shell.portfolio-page .industry-preview-card small { color: #a5d4dc; }
body.site-shell.portfolio-page .industry-preview-card h3 { color: #edf6fc; }
body.site-shell.portfolio-page .industry-preview-card p { color: #aec7d8; }
body.site-shell.portfolio-page .industry-credit-line { color: #a0bbce; }
body.site-shell.portfolio-page .energy-experience-cover { background: #071e3047; }
body.site-shell.portfolio-page .energy-experience-cover > span {
  background: linear-gradient(transparent, #0c2835c4 72%, #11352de3);
  color: #ddf8ee;
}
body.site-shell.portfolio-page .energy-experience-label { color: #a9e3d2; }
body.site-shell.portfolio-page .energy-experience-copy h3 { color: #edf6fc; }
body.site-shell.portfolio-page .energy-experience-copy p { color: #b4cddd; }
body.site-shell.portfolio-page .energy-experience-note { color: #a6becf; }
body.site-shell.portfolio-page .spotlight-copy > p { color: #b4cddd; }
body.site-shell.portfolio-page .spotlight-copy .spotlight-deck { color: #dbeef1; }
body.site-shell.portfolio-page .spotlight-image > span { color: #d5edf0; border-color: #c5e7ee26; }
body.site-shell.portfolio-page .spotlight-image > small { color: #a5bed0; }
body.site-shell.portfolio-page .case-experience-links { border-color: #c1e3ef2e; }
body.site-shell.portfolio-page .case-experience-eyebrow { color: #a6c5d5; }
body.site-shell.portfolio-page :is(.case-experience-primary, .case-direct-link, .project-demo-link) {
  color: #d9f4ee;
  background: linear-gradient(115deg, #ddf6ff14, #adf2d311), #0f2d413b;
  border-color: #b6e8de4d;
  box-shadow: inset 0 1px #ecffff14;
}
body.site-shell.portfolio-page :is(.case-experience-primary, .case-direct-link, .project-demo-link):hover {
  color: #f0fff8;
  background: linear-gradient(115deg, #d3f1ff24, #aff1d520), #173c454d;
  border-color: #bcefe5a3;
}
body.site-shell.portfolio-page .case-experience-related a { color: #b9d7e5; text-decoration-color: #a7d3e15c; }
body.site-shell.portfolio-page .case-experience-links > small { color: #a0bdcf; }
body.site-shell.portfolio-page .physical-ai-portfolio-link h2 { color: #eaf6f7; }
body.site-shell.portfolio-page .physical-ai-portfolio-link p { color: #b3ccdb; }

/* The engineering summary is a quiet translucent strip, not another heavy card. */
body.site-shell.portfolio-page .engineering-strip {
  background: linear-gradient(110deg, #b9e5ff08, #a7f1d404 53%, #bedbf708);
  border-color: #cbe8ed2e;
  box-shadow: inset 0 1px #f0ffff08;
}
body.site-shell.portfolio-page .engineering-strip h2 { color: #e3f3f4; }
body.site-shell.portfolio-page .engineering-strip h3 { color: #b9e9df; }
body.site-shell.portfolio-page .engineering-strip p { color: #afc6d7; }
body.site-shell.portfolio-page .profile-bottom { color: #9fbacd; }
body.site-shell.portfolio-page .profile-bottom a { color: #b6e4e7; }
body.site-shell.portfolio-page .button {
  color: #133039;
  background: linear-gradient(115deg, #b6e8ff, #a6f0d5);
  border-color: #dcfff2bd;
  box-shadow: inset 0 1px #ffffff66, 0 5px 18px #6ad8d01c;
}
body.site-shell.portfolio-page .button:hover { color: #102b34; background: linear-gradient(115deg, #d0f1ff, #bff7de); }
body.site-shell.portfolio-page .button.secondary {
  color: #e1f6f6;
  background: linear-gradient(115deg, #e3f6ff17, #bff3df0a), #102b4038;
  border-color: #d4f2ec57;
}
body.site-shell.portfolio-page .button.secondary:hover { color: #f0fff9; background: linear-gradient(115deg, #e2f5ff24, #bff3df1a), #16374866; }

/* A modal needs an anchored readable surface, while its chrome echoes the cards. */
body.site-shell.portfolio-page .image-dialog { background: #0c2032; border-color: #c4e7ec73; box-shadow: 0 22px 80px #010a1959, inset 0 1px #edffff2b; }
body.site-shell.portfolio-page .image-dialog::backdrop { background: #030c18d9; -webkit-backdrop-filter: none; backdrop-filter: none; }
body.site-shell.portfolio-page .image-dialog-header { background: linear-gradient(115deg, #d5efff10, #c3f4de07), #11293a; border-color: #cbeaf12e; }
body.site-shell.portfolio-page .image-dialog-body { background: #071827; }
body.site-shell.portfolio-page .image-dialog-footer { background: #102536; color: #b2cbd9; }
body.site-shell.portfolio-page .gallery-close { background: linear-gradient(115deg, #b4e5f8, #a4eed3); color: #12313a; }
body.site-shell.portfolio-page .gallery-original { color: #bcebe4; }

@media (hover: hover) and (pointer: fine) {
  body.site-shell.portfolio-page :is(.showcase-card, .profile-mosaic > a, .industry-preview-card, .energy-experience-card, .physical-ai-portfolio-link):hover {
    border-color: #d3f8e98f;
    box-shadow: inset 0 1px #f4ffff40, 0 14px 30px #010d193b;
  }
  body.site-shell.portfolio-page .capability-grid > div:hover { background: linear-gradient(135deg, #c5edff10, #b4f5dc09); }
}
body.site-shell.portfolio-page :is(.showcase-card, .profile-mosaic > a, .industry-preview-card, .energy-experience-card, .physical-ai-portfolio-link):focus-within {
  border-color: #b8f4dc;
  box-shadow: 0 0 0 1px #b8f4dc40, inset 0 1px #f5ffff29;
}

/* Only existing shared chrome gets real blur, with a smaller radius here. */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  @media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
    body.site-shell.portfolio-page .site-header { -webkit-backdrop-filter: blur(16px) saturate(135%); backdrop-filter: blur(16px) saturate(135%); }
    body.site-shell.portfolio-page .page-guide { -webkit-backdrop-filter: blur(12px) saturate(125%); backdrop-filter: blur(12px) saturate(125%); }
  }
}
@media (max-width: 900px) {
  body.site-shell.portfolio-page .site-header { -webkit-backdrop-filter: none; backdrop-filter: none; }
  body.site-shell.portfolio-page .page-guide { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.site-shell.portfolio-page :is(.showcase-card, .profile-mosaic > a, .industry-preview-card, .energy-experience-card, .physical-ai-portfolio-link),
  body.site-shell.portfolio-page :is(.showcase-image, .industry-preview-image, .energy-experience-cover) img { transition: none; }
  body.site-shell.portfolio-page :is(.showcase-card, .profile-mosaic > a, .industry-preview-card, .energy-experience-card, .physical-ai-portfolio-link):hover,
  body.site-shell.portfolio-page :is(.showcase-image, .industry-preview-image, .energy-experience-cover):hover img { transform: none; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  body.site-shell.portfolio-page { --portfolio-panel: linear-gradient(120deg, #193348, #122d38); --portfolio-border: #93bdc7; --portfolio-shadow: none; }
  body.site-shell.portfolio-page .profile-copy h1 { color: #d5f6e9; background: none; }
  body.site-shell.portfolio-page :is(.site-header, .page-guide) { background: #142c3d; -webkit-backdrop-filter: none; backdrop-filter: none; }
  body.site-shell.portfolio-page :is(.showcase-image, .spotlight-image, .industry-preview-image, .energy-experience-cover) { background: #0d2334; }
  body.site-shell.portfolio-page :is(.profile-directions span, .project-tech span, .energy-experience-tags span, .spotlight-tags span, .responsibility) { color: #d5ecee; background: #173a47; border-color: #91b6c1; }
  body.site-shell.portfolio-page :is(.profile-proof, .engineering-strip) { background: #102b39; border-color: #91b6c1; }
  body.site-shell.portfolio-page .project-filters button { background: #132d3d; border-color: #91b6c1; color: #e1eff4; }
  body.site-shell.portfolio-page .project-filters button[aria-pressed=true] { background: #b8f0d7; color: #102d30; border-color: #dcfff2; }
  body.site-shell.portfolio-page :is(.case-experience-primary, .case-direct-link, .project-demo-link, .button.secondary) { background: #1c3d49; border-color: #a1c9cb; color: #e0f7ef; }
}
@media (forced-colors: active) {
  body.site-shell.portfolio-page .profile-copy h1 { background: none; color: CanvasText; }
}
@media print {
  body.site-shell.portfolio-page { --portfolio-panel: #fff; --portfolio-border: #bfcad0; --portfolio-shadow: none; }
  body.site-shell.portfolio-page,
  body.site-shell.portfolio-page * { color: #17242b !important; text-shadow: none !important; }
  body.site-shell.portfolio-page .profile-copy h1 { background: none; color: #17242b; }
  body.site-shell.portfolio-page :is(.profile-directions span, .profile-proof, .capability-grid > div, .showcase-image, .spotlight-image, .industry-preview-image, .energy-experience-cover, .project-tech span, .energy-experience-tags span, .spotlight-tags span, .responsibility, .engineering-strip) { background: #fff; border-color: #bfcad0; box-shadow: none; }
  body.site-shell.portfolio-page :is(.button, .button.secondary, .case-experience-primary, .case-direct-link, .project-demo-link) { background: #fff; border-color: #bfcad0; box-shadow: none; }
}