/* Explicit final layer: card insets, full brand surfaces and the glass dock. */
.experience-row {
  padding: clamp(28px, 3.3vw, 48px);
  gap: 32px;
}
.experience-company { padding: 0; }
.company-icon { margin: 0; }
.education-card { padding: clamp(28px, 3.3vw, 48px); }
.education-logo { top: 32px; right: 32px; }
.education-card h3 { max-width: calc(100% - 68px); }
.education-card .small-label { padding-right: 75px; }

.chapter-card { color: #fff; border: 0; }
.chapter-card p, .chapter-card .chapter-type { color: #ffffffd9; }
.chapter-honeywell {
  background: radial-gradient(ellipse at 105% 110%, #f10026 0, transparent 48%),
    radial-gradient(ellipse at 105% 70%, #ac0045 0, transparent 42%), #65000a;
}
.chapter-honeywell > img { filter: grayscale(1) contrast(8); mix-blend-mode: screen; }
.chapter-tata { background: linear-gradient(140deg, #005ca9, #06336b); }
.chapter-tata > img { mix-blend-mode: screen; filter: grayscale(1) contrast(3) invert(1); }
.chapter-manchester { background: linear-gradient(145deg, #723298, #46205f); }
.chapter-manchester > img { background: #fff; padding: 10px; }
.chapter-vit { background: linear-gradient(145deg, #164c86, #092b51); }
.chapter-vit > img { background: #fff; padding: 12px; }
.chapter-fujitsu { background: linear-gradient(140deg, #dd0012, #93000c); }
.chapter-fujitsu > img { filter: brightness(0) invert(1); }

.floating-nav {
  left: calc(50% - var(--dock-shift, 0px));
  background: #c8cbc5b8;
  border: 1px solid #9b9f9666;
  backdrop-filter: blur(26px) saturate(1.3);
  -webkit-backdrop-filter: blur(26px) saturate(1.3);
  box-shadow: 0 8px 28px #00000014, inset 0 1px 0 #ffffff66;
}
.floating-nav a.is-current { background: #ffffffb3; }
.contact-dock {
  position: fixed;
  z-index: 11;
  right: 28px;
  bottom: max(24px, env(safe-area-inset-bottom));
  display: flex;
  gap: 6px;
  align-items: center;
  padding: 6px;
  border-radius: 20px;
  border: 1px solid #9b9f9666;
  background: #c8cbc5b8;
  backdrop-filter: blur(26px) saturate(1.3);
  -webkit-backdrop-filter: blur(26px) saturate(1.3);
  box-shadow: 0 8px 28px #00000014, inset 0 1px 0 #ffffff66;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .35s var(--ease), transform .35s var(--ease);
}
.contact-dock.is-shown { opacity: 1; transform: none; pointer-events: auto; }
.contact-monogram {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  background: #d5d5d180;
  border: 1px solid #ffffff30;
  border-radius: 14px;
  font: 550 15px var(--display);
  letter-spacing: -.04em;
}
.contact-label {
  min-height: 44px;
  display: grid;
  place-items: center;
  padding: 0 20px;
  color: #fff;
  background: #363735cc;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 550;
}
.contact-mobile { display: none; }
.contact-portrait { object-fit: cover; object-position: 50% 35%; }
.contact-dock:hover .contact-label { background: #20211ff0; }


@media (max-width: 700px) {
  .experience-row { padding: 28px; gap: 20px; }
  .education-card { padding: 28px; }
  .education-logo { top: 28px; right: 28px; width: 52px; }
}
@media (max-width: 600px) {
  .floating-nav { bottom: max(12px, env(safe-area-inset-bottom)); padding: 5px; }
  .floating-nav a { font-size: 10px; padding-inline: 7px; min-width: 44px; }
  .contact-dock { right: 8px; bottom: max(12px, env(safe-area-inset-bottom)); padding: 5px; gap: 4px; border-radius: 14px; }
  .contact-monogram { width: 26px; height: 44px; border-radius: 9px; font-size: 11px; border: 0; }
  .contact-label { padding-inline: 9px; font-size: 10px; border-radius: 9px; }
  .contact-desktop { display: none; }
  .contact-mobile { display: inline; }
}
@media (prefers-reduced-motion: reduce) { .contact-dock { transition: none; } }
@media (max-width: 360px) { .contact-monogram { display: none; } }
@media (prefers-contrast: more) {
  .floating-nav, .contact-dock { background: var(--bg); border: 2px solid var(--ink); backdrop-filter: none; }
}
@media print { .contact-dock { display: none; } }
.easter-egg-toggle { margin-left: 8px; padding: 0 7px; min-width: 44px; min-height: 44px; border: 0; background: none; color: var(--secondary); font: inherit; cursor: pointer; letter-spacing: .04em; }
.easter-egg-toggle:hover { color: var(--ink); }
.easter-egg-toggle:focus-visible { outline: 1px solid var(--ink); outline-offset: 1px; }
.easter-egg-note { color: var(--secondary); font-size: 11px; margin-left: 5px; }
.easter-egg-toggle[hidden], .easter-egg-note[hidden] { display: none !important; }
.screenshot-visual { aspect-ratio: 1.45; display: block; padding: clamp(12px, 1.6vw, 22px); }
.celerity-visual.screenshot-visual, .orbit-visual.screenshot-visual { background: #202120; }
.preview-frame { width: 100%; height: 100%; display: grid; grid-template-rows: 26px minmax(0, 1fr); background: #f8f7f4; border: 1px solid #deddd8; box-shadow: 0 5px 18px #00000005; }
.preview-toolbar { display: flex; align-items: center; gap: 18px; padding: 0 10px; background: #f8f7f4; color: #686b64; border-bottom: 1px solid #e9e7e1; font: 400 9px var(--body); }
.preview-dots { color: #b8bcb2; letter-spacing: 1px; font-size: 7px; }
.preview-viewport { display: flex; align-items: center; justify-content: center; min-height: 0; overflow: hidden; background: #f8f7f4; }
.project-screenshot { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.project-brand-caption { display: flex; align-items: center; gap: 12px; }
.project-brand-caption > img { width: 38px; height: 38px; object-fit: contain; flex: 0 0 38px; }
@media (max-width: 700px) { .preview-frame { grid-template-rows: 22px minmax(0, 1fr); } .preview-toolbar { font-size: 8px; } .project-brand-caption { gap: 9px; } .project-brand-caption > img { width: 32px; height: 32px; flex-basis: 32px; } }
.is-enhanced .chapter-stage { grid-template-columns: 1fr minmax(280px, 408px) 1fr; }
.is-enhanced .chapter-card { aspect-ratio: 1.5; }
.is-enhanced .chapter-card > .chapter-type, .is-enhanced .chapter-card > div { opacity: var(--card-detail, 1); }
.chapter-honeywell > img { transform: scale(1.7); }
@media (max-width: 850px) and (min-width: 701px) { .is-enhanced .chapter-stage { grid-template-columns: 1fr minmax(230px, 357px) 1fr; } }
@media (max-width: 700px) { .is-enhanced .chapter-stage { grid-template-columns: 1fr; } .is-enhanced .chapter-stack { width: min(75%, 357px); } .chapter-card h3 { font-size: 12px; } .chapter-card p { font-size: 9px; } .chapter-type { font-size: 8px; } .chapter-card > div { bottom: 15px; left: 16px; right: 16px; } }