/* Home */
.home { color: var(--paper); background: var(--ink); }
.home .site-header { border-bottom: 1px solid rgba(244, 240, 233, .15); }
.home-main { overflow: hidden; background: var(--ink); }
.home-hero { position: relative; min-height: min(760px, calc(100svh - 68px)); overflow: hidden; }
.home-art { position: absolute; inset: 0; background: radial-gradient(ellipse at 65% 58%, rgba(61, 130, 163, .25), transparent 24%), radial-gradient(ellipse at 88% 0, rgba(66, 130, 162, .28), transparent 36%), linear-gradient(135deg, #071b2b, #020b13 78%); }
.orbit { position: absolute; z-index: 2; width: 88vw; height: 28vw; border: 1px solid rgba(149, 203, 222, .4); border-radius: 50%; transform: rotate(-9deg); }
.orbit-one { top: 9%; right: -21%; }
.orbit-two { top: 41%; right: -13%; width: 74vw; border-color: rgba(255, 101, 70, .8); transform: rotate(11deg); }
.orbit-two::after { position: absolute; top: 48%; right: 24%; width: 9px; height: 9px; border-radius: 50%; background: var(--coral); box-shadow: 0 0 18px 8px rgba(255, 101, 70, .32); content: ''; }
.fabrication-form { position: absolute; right: 5%; bottom: -12%; width: min(63vw, 930px); aspect-ratio: 1.28; border: 1px solid rgba(220, 244, 250, .64); border-radius: 46% 54% 56% 44% / 56% 43% 57% 44%; background: repeating-linear-gradient(178deg, rgba(231, 250, 255, .46) 0 2px, transparent 3px 11px), linear-gradient(138deg, rgba(220, 245, 255, .18), rgba(123, 204, 231, .6) 48%, rgba(255, 232, 208, .32)); box-shadow: inset 26px 14px 42px rgba(255, 255, 255, .3), 0 50px 85px rgba(0, 0, 0, .55); transform: rotate(-18deg); }
.fabrication-form::before { position: absolute; inset: 13% 17%; border: 2px solid rgba(5, 22, 34, .72); border-radius: 44% 56% 59% 41%; background: repeating-radial-gradient(ellipse at center, transparent 0 12px, rgba(5, 22, 34, .42) 13px 15px), rgba(5, 23, 35, .18); content: ''; }
.fabrication-form::after { position: absolute; top: 49%; left: -10%; width: 121%; height: 1px; background: linear-gradient(90deg, transparent, var(--coral), #fff, var(--coral), transparent); box-shadow: 0 0 16px var(--coral); content: ''; }
.fabrication-form i { position: absolute; z-index: 1; display: block; width: 22%; aspect-ratio: 1; border: 1px solid rgba(4, 23, 36, .72); border-radius: 50%; background: rgba(3, 21, 33, .32); }
.fabrication-form i:nth-child(1) { top: 25%; left: 25%; }
.fabrication-form i:nth-child(2) { top: 49%; left: 54%; }
.fabrication-form i:nth-child(3) { top: 17%; right: 16%; }
.home-identity { position: relative; z-index: 3; display: flex; min-height: inherit; flex-direction: column; justify-content: flex-end; padding-bottom: 72px; }
.home .eyebrow { color: rgba(244, 240, 233, .72); }
.home-name { max-width: 14ch; margin: 0; font-size: clamp(2.5rem, 3.5vw, 3rem); font-weight: 600; letter-spacing: -.055em; }
.home-role { margin: 12px 0 0; color: rgba(244, 240, 233, .78); font-size: 1.0625rem; line-height: 1.48; }
.home-research { position: relative; z-index: 3; padding: 0 0 48px; }
.home-research-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(244, 240, 233, .25); border-left: 1px solid rgba(244, 240, 233, .14); }
.home-research-card { min-height: 118px; padding: 19px 20px; border-right: 1px solid rgba(244, 240, 233, .14); color: var(--paper); text-decoration: none; }
.home-research-card:hover { background: rgba(255, 255, 255, .05); }
.home-research-card span { display: block; margin-bottom: 27px; color: var(--coral); font-size: .75rem; letter-spacing: .12em; }
.home-research-card strong { display: block; max-width: 18ch; font-size: .9375rem; font-weight: 500; line-height: 1.35; }

/* Profile */
.profile-intro { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(52px, 9vw, 150px); align-items: start; padding: 88px 0 54px; border-bottom: 1px solid var(--rule); }
.identity-block { display: grid; gap: 3px; margin-top: 37px; color: var(--mist); }
.identity-block strong { margin-bottom: 3px; color: var(--ink); font-size: 2rem; font-weight: 600; letter-spacing: -.05em; }
.profile-lead { display: grid; gap: 1px; margin: 40px 0 28px; color: var(--ink); font-size: 1.55rem; font-weight: 500; line-height: 1.35; letter-spacing: -.025em; }
.keyword-row { display: flex; flex-wrap: wrap; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.keyword-row span { padding: 12px 17px; border-right: 1px solid var(--rule); font-size: .875rem; }
.keyword-row span:first-child { padding-left: 0; }
.profile-portrait { position: relative; width: min(100%, 286px); margin: 42px 48px 0 auto; }
.profile-portrait::before { position: absolute; z-index: -1; top: -28px; right: -42px; bottom: -36px; left: 40px; border: 1px solid rgba(255, 101, 70, .55); border-radius: 50%; content: ''; }
.profile-portrait img { width: 100%; height: auto; border: 1px solid rgba(6, 24, 39, .2); object-fit: contain; }
.profile-approach { display: grid; grid-template-columns: .6fr 1fr; gap: 70px; padding: 48px 0; border-bottom: 1px solid var(--rule); }
.profile-approach h2, .cv-column h2 { margin: 0; font-size: var(--h3); line-height: 1.3; }
.profile-approach p { max-width: 48rem; margin: 0 0 14px; color: var(--mist); }
.cv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 42px; padding: 48px 0 100px; }
.cv-column { padding-left: 22px; border-left: 1px solid var(--rule); }
.cv-column h2 { margin-bottom: 23px; }
.cv-column ul { display: grid; gap: 17px; margin: 0; padding: 0; list-style: none; color: var(--mist); font-size: .9375rem; }
.cv-column li::before { display: inline-block; width: 7px; height: 7px; margin: 0 10px 2px -26px; border: 1px solid var(--coral); border-radius: 50%; background: var(--ivory); content: ''; }

/* Research */
.research-intro { display: grid; grid-template-columns: .78fr 1.22fr; gap: 54px; align-items: end; padding: 88px 0 46px; }
.research-atlas { position: relative; min-height: 330px; overflow: hidden; background: linear-gradient(135deg, #e9e4dc, #fbfaf7); }
.research-atlas i { position: absolute; z-index: 3; top: 49%; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--coral), transparent); content: ''; transform: rotate(-10deg); }
.atlas-layer, .atlas-lattice, .atlas-ring, .atlas-grid { position: absolute; display: block; }
.atlas-layer { top: 17%; left: 14%; width: 28%; aspect-ratio: 1.15; border: 1px solid #777; border-radius: 47% 53% 39% 61%; background: repeating-linear-gradient(0deg, transparent 0 5px, rgba(6, 24, 39, .45) 6px 7px), #d5d1ca; transform: rotate(-13deg); }
.atlas-lattice { right: 30%; bottom: 18%; width: 19%; aspect-ratio: 1; border: 1px solid #9aa2a3; background: linear-gradient(30deg, transparent 48%, #8d999b 49% 51%, transparent 52%), linear-gradient(-30deg, transparent 48%, #8d999b 49% 51%, transparent 52%), linear-gradient(90deg, transparent 48%, #8d999b 49% 51%, transparent 52%); background-size: 22px 22px; transform: rotate(9deg); }
.atlas-ring { top: 9%; right: 12%; width: 30%; aspect-ratio: 1; border: 12px double rgba(100, 112, 120, .7); border-radius: 50%; transform: rotate(32deg); }
.atlas-grid { right: -3%; bottom: 18%; width: 22%; aspect-ratio: .72; border: 1px solid #6b7781; background-image: linear-gradient(rgba(255, 101, 70, .6) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 101, 70, .6) 1px, transparent 1px); background-size: 13px 13px; }
.research-themes { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.research-theme { min-height: 390px; padding: 25px 20px 28px; border-right: 1px solid var(--rule); }
.research-theme:last-child { border-right: 0; }
.theme-art { height: 130px; margin-bottom: 20px; overflow: hidden; background: #cfd5d4; }
.theme-1 .theme-art { background: repeating-linear-gradient(10deg, rgba(255, 255, 255, .4) 0 3px, transparent 4px 9px), linear-gradient(150deg, #46515a, #d6d9d5); }
.theme-2 .theme-art { background: radial-gradient(circle at 17% 88%, #ffe4b6 0 3%, transparent 4%), linear-gradient(145deg, #020b14, #3a5667 54%, #d6d0bf 55%); }
.theme-3 .theme-art { background: radial-gradient(circle at 40% 55%, transparent 0 9px, rgba(255, 255, 255, .62) 10px 12px, transparent 13px), linear-gradient(135deg, #dfe6e5, #85979a); background-size: 30px 30px, auto; }
.theme-4 .theme-art { background-image: radial-gradient(circle at 65% 54%, #ff8468 0 3px, transparent 4px), linear-gradient(90deg, transparent 0 55%, rgba(255, 101, 70, .7) 56% 57%, transparent 58%); background-size: 17px 17px, auto; background-color: #0c2330; }
.research-theme p { margin: 0 0 12px; color: var(--coral); font-size: .8rem; font-weight: 600; }
.research-theme h2 { min-height: 52px; margin: 0 0 10px; font-size: var(--h3); line-height: 1.3; }
.research-theme > span { color: var(--mist); font-size: .9375rem; line-height: 1.45; }
.research-path { display: grid; grid-template-columns: .9fr 1.8fr; gap: 45px; align-items: center; padding: 62px 0 105px; }
.research-path h2 { margin: 0 0 14px; font-size: var(--h2); line-height: 1.05; letter-spacing: -.055em; }
.research-path > div > p:last-child { margin: 0; color: var(--mist); font-size: .9rem; }
.research-path ol { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin: 0; padding: 0; list-style: none; }
.research-path li { position: relative; display: grid; justify-items: center; gap: 10px; text-align: center; font-size: .875rem; }
.research-path li:not(:last-child)::after { position: absolute; top: 45px; right: -22px; width: 42px; height: 1px; background: var(--rule); content: ''; }
.research-path li img { width: 90px; aspect-ratio: 1; object-fit: cover; border: 1px solid var(--ink); border-radius: 50%; }

/* Publications */
.publications-intro { display: grid; grid-template-columns: 1fr .68fr; gap: 48px; align-items: end; padding: 88px 0 46px; }
.publications-intro > p { max-width: 32rem; margin: 0 0 9px auto; color: var(--mist); }
.publication-controls { border-top: 1px solid var(--rule); }
.year-tabs { display: flex; align-items: end; justify-content: space-between; gap: 18px; overflow-x: auto; padding-top: 22px; }
.year-tabs button { flex: 0 0 auto; padding: 0 0 14px; border: 0; border-bottom: 2px solid transparent; color: var(--mist); background: transparent; font-size: 1.125rem; }
.year-tabs button[aria-selected='true'] { border-bottom-color: var(--coral); color: var(--coral); font-weight: 600; }
.publication-list { padding: 27px 0 50px; }
.publication-table-head, .publication-row { display: grid; grid-template-columns: 60px minmax(0, 1.7fr) minmax(190px, .7fr); gap: 28px; }
.publication-table-head { padding: 0 0 13px; border-bottom: 1px solid var(--rule); color: var(--mist); font-size: .75rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.publication-row { padding: 25px 0; border-bottom: 1px solid var(--rule); }
.publication-number { color: var(--mist); }
.publication-title { display: block; margin: 0; color: var(--ink); font-size: 1.125rem; font-weight: 500; line-height: 1.36; text-decoration: none; }
a.publication-title { text-decoration-line: underline; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 5px; transition: text-decoration-color .16s ease; }
a.publication-title:hover { color: var(--ink); text-decoration-color: var(--coral); }
.publication-row div > p { margin: 7px 0 0; color: var(--mist); font-size: .85rem; }
.publication-journal { display: grid; gap: 6px; margin: 0; color: var(--mist); font-size: .9rem; line-height: 1.35; }
.publication-journal em { color: var(--ink); }
.publication-highlight { color: var(--paper); background: linear-gradient(105deg, #061827, #123345); }
.publication-highlight .shell { display: flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 128px; }
.publication-highlight p { margin: 0; }
.publication-highlight span { color: rgba(244, 240, 233, .76); font-size: 1.125rem; }

/* Collaboration */
.collaboration-intro { overflow: hidden; color: var(--ink); background: var(--ivory); }
.collaboration-hero { display: grid; grid-template-columns: .92fr 1.08fr; gap: 50px; align-items: center; min-height: 440px; }
.collaboration-intro .page-title small { color: #4a535d; }
.collaboration-intro .lead-copy { color: var(--mist); }
.collaboration-art { position: relative; min-height: 330px; overflow: hidden; }
.collaboration-art::before { position: absolute; inset: 14% -6% 7% 12%; border: 1px solid rgba(244, 240, 233, .6); background: repeating-linear-gradient(0deg, transparent 0 7px, rgba(244, 240, 233, .38) 8px 9px), linear-gradient(135deg, rgba(255, 255, 255, .04), rgba(189, 223, 227, .54)); clip-path: polygon(0 21%, 25% 2%, 91% 18%, 100% 59%, 68% 98%, 11% 79%); content: ''; transform: rotate(6deg); }
.collaboration-art::after { position: absolute; top: 48%; right: -8%; left: -10%; height: 1px; background: linear-gradient(90deg, transparent, var(--coral), rgba(255, 255, 255, .8), transparent); box-shadow: 0 0 13px var(--coral); content: ''; transform: rotate(-12deg); }
.collaboration-streams { display: grid; grid-template-columns: repeat(3, 1fr); padding: 60px 0 34px; border-bottom: 1px solid var(--rule); }
.collaboration-streams article { display: grid; align-content: start; gap: 13px; min-height: 345px; padding: 0 36px; border-right: 1px solid var(--rule); }
.collaboration-streams article:first-child { padding-left: 0; }
.collaboration-streams article:last-child { padding-right: 0; border-right: 0; }
.collaboration-streams p { margin: 0; color: var(--coral); font-size: .8rem; font-weight: 600; }
.collaboration-streams h2 { margin: 0; font-size: 1.8rem; line-height: 1.14; letter-spacing: -.05em; }
.collaboration-streams strong { font-size: 1.05rem; font-weight: 500; }
.collaboration-streams > article > span { color: var(--mist); font-size: .95rem; }
.collaboration-streams article div { display: grid; gap: 4px; margin-top: auto; }
.collaboration-streams small { color: var(--mist); }
.collaboration-streams a { width: max-content; color: var(--ink); text-decoration-color: var(--coral); text-underline-offset: 5px; }
.collaboration-areas { padding: 20px 0 90px; }
.collaboration-areas p { margin: 0 0 7px; color: var(--mist); font-size: .78rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
.collaboration-areas span { font-size: 1rem; }

/* Contact */
.contact-page { color: var(--paper); background: var(--ink); }
.contact-main { min-height: calc(100svh - 68px); background: var(--ink); }
.contact-intro { display: grid; grid-template-columns: .9fr 1.1fr; gap: 92px; min-height: calc(100svh - 136px); padding: 125px 0 90px; align-items: center; }
.contact-main .page-title small { color: rgba(244, 240, 233, .78); }
.contact-main .lead-copy { color: rgba(244, 240, 233, .72); }
.contact-details { display: grid; gap: 33px; }
.contact-details > div { display: grid; gap: 7px; }
.contact-details small { color: rgba(244, 240, 233, .64); font-size: .8rem; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.contact-details a, .contact-details strong { color: var(--paper); font-size: 1.55rem; font-weight: 400; line-height: 1.35; text-decoration-color: var(--coral); text-underline-offset: 7px; }
.academic-profiles { margin-top: 10px; padding-top: 25px; border-top: 1px solid var(--rule-dark); }
.academic-profiles p { display: flex; flex-wrap: wrap; gap: 10px; margin: 11px 0 0; }
.profile-button { display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid rgba(244, 240, 233, .42); border-radius: 999px; color: var(--paper); background: rgba(6, 24, 39, .36); font-size: .94rem !important; line-height: 1; text-decoration: none; transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease; }
.profile-button svg { width: 15px; height: 15px; fill: none; stroke: var(--cyan); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.profile-button:hover { border-color: var(--cyan); color: var(--paper); background: rgba(59, 212, 223, .13); transform: translateY(-1px); }
.contact-page .footer { border-top: 1px solid var(--rule-dark); }

@media (max-width: 980px) {
  .home-hero { min-height: 620px; }
  .fabrication-form { right: -13%; width: 89vw; }
  .profile-intro, .research-intro, .publications-intro, .collaboration-hero, .contact-intro { grid-template-columns: 1fr; }
  .profile-portrait { margin: 0; }
  .profile-approach, .research-path { grid-template-columns: 1fr; gap: 26px; }
  .cv-grid { gap: 20px; }
  .research-themes { grid-template-columns: repeat(2, 1fr); }
  .research-theme:nth-child(2) { border-right: 0; }
  .research-theme:nth-child(-n+2) { border-bottom: 1px solid var(--rule); }
  .publications-intro > p { margin: 0; }
  .collaboration-streams { gap: 24px; }
  .collaboration-streams article { padding: 0 20px; }
  .contact-intro { gap: 70px; }
}

@media (max-width: 700px) {
  .home-hero { min-height: 590px; }
  .home-identity { padding-bottom: 43px; }
  .home-research-grid, .cv-grid, .research-themes, .collaboration-streams { grid-template-columns: 1fr; }
  .home-research-card { min-height: auto; border-bottom: 1px solid rgba(244, 240, 233, .14); }
  .home-research-card span { margin-bottom: 7px; }
  .fabrication-form { right: -45%; bottom: -2%; width: 123vw; }
  .orbit { width: 135vw; height: 52vw; }
  .profile-intro, .research-intro, .publications-intro { padding: 58px 0 38px; }
  .profile-lead { font-size: 1.25rem; }
  .keyword-row span { padding: 8px 12px; font-size: .8rem; }
  .profile-approach { padding: 38px 0; }
  .cv-grid { padding: 38px 0 70px; }
  .cv-column { padding: 20px 0 20px 20px; border-top: 1px solid var(--rule); }
  .research-atlas { min-height: 230px; }
  .research-theme { min-height: auto; border-right: 0; border-bottom: 1px solid var(--rule); }
  .research-theme:last-child { border-bottom: 0; }
  .research-path { padding: 45px 0 72px; }
  .research-path ol { grid-template-columns: repeat(2, 1fr); row-gap: 27px; }
  .research-path li:nth-child(2)::after { display: none; }
  .publication-table-head { display: none; }
  .publication-row { grid-template-columns: 26px 1fr; gap: 13px; }
  .publication-journal { grid-column: 2; }
  .publication-highlight .shell { display: grid; gap: 13px; padding: 26px 0; }
  .publication-highlight span { font-size: 1rem; }
  .collaboration-hero { min-height: 0; padding: 59px 0; }
  .collaboration-art { min-height: 220px; }
  .collaboration-streams { padding: 38px 0; gap: 0; }
  .collaboration-streams article, .collaboration-streams article:first-child, .collaboration-streams article:last-child { min-height: auto; padding: 25px 0; border-right: 0; border-bottom: 1px solid var(--rule); }
  .collaboration-streams article:last-child { border-bottom: 0; }
  .collaboration-areas { padding-bottom: 70px; }
  .contact-intro { min-height: 0; padding: 72px 0; }
  .contact-details a, .contact-details strong { font-size: 1.18rem; }
  .contact-main { background-size: 43px 43px, 43px 43px, auto, auto; }
}

/* Approved high-fidelity visual assets: raster artwork replaces CSS-drawn stand-ins. */
.home-art {
  background-color: #03101a;
  background-image: url('../images/highfi/home-hero-reference-v3.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.home-art::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #03111c 0%, #03111c 46%, rgba(3, 17, 28, .9) 53%, rgba(3, 17, 28, .48) 66%, rgba(3, 17, 28, .08) 82%, transparent 100%);
  content: '';
}
.home-art .orbit, .home-art .fabrication-form,
.research-atlas > :not(.asset-fallback),
.collaboration-art::before, .collaboration-art::after { display: none; }

.profile-intro { position: relative; overflow: hidden; }
.profile-intro::after {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 36%;
  height: 100%;
  background: linear-gradient(90deg, rgba(244, 240, 233, .98), rgba(244, 240, 233, .18)), url('../images/highfi/profile-lattice-v2.png') right center / cover no-repeat;
  content: '';
  opacity: .72;
}
.profile-intro > * { position: relative; z-index: 1; }

.theme-1 .theme-art { background: url('../images/highfi/research-theme-01-v2.png') center / cover no-repeat; }
.theme-2 .theme-art { background: url('../images/highfi/research-theme-02-v2.png') center / cover no-repeat; }
.theme-3 .theme-art { background: url('../images/highfi/research-theme-03-v2.png') center / cover no-repeat; }
.theme-4 .theme-art { background: url('../images/highfi/research-theme-04-v2.png') center / cover no-repeat; }

.publication-highlight {
  background-color: var(--ink);
  background-image: linear-gradient(90deg, rgba(6, 24, 39, .77), rgba(6, 24, 39, .16)), url('../images/highfi/publications-band-v2.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.contact-main {
  background-color: var(--ink);
  background-image: linear-gradient(90deg, rgba(6, 24, 39, .96) 0%, rgba(6, 24, 39, .86) 46%, rgba(6, 24, 39, .45) 100%), url('../images/highfi/contact-lattice-v2.png?v=2');
  background-position: center, right bottom;
  background-repeat: no-repeat;
  background-size: cover, min(72vw, 990px) auto;
}

@media (max-width: 700px) {
  .home-art { background-size: cover; background-position: 61% center; opacity: .94; }
  .profile-intro::after { width: 66%; opacity: .27; }
  .publication-highlight { background-position: 62% center; }
  .contact-main { background-size: cover, 175vw auto; background-position: center, 90% bottom; }
}

/* 2026-10 high-fidelity page refinements */
.home-main { background: var(--ivory); }
.home-hero { min-height: clamp(340px, 27.5vw, 385px); }
.home-identity { justify-content: center; padding-bottom: 0; transform: translateY(-5%); }
.home-name { max-width: none; font-size: clamp(3.75rem, 5.75vw, 6rem); line-height: .96; }
.home-role { margin-top: 13px; color: rgba(244, 240, 233, .92); font-size: clamp(1.1rem, 1.55vw, 1.45rem); }
.home-research { z-index: auto; padding: 31px 0 46px; color: var(--ink); background: var(--ivory); }
.home-research h2 { margin: 0 0 15px; font-size: clamp(2rem, 3.2vw, 3.15rem); line-height: 1; letter-spacing: -.025em; }
.home-research-grid { border: 0; gap: 16px; }
.home-research-card { min-height: 0; padding: 0; border: 0; color: var(--ink); }
.home-research-card:hover { background: transparent; color: var(--ink); }
.home-card-art { display: block; height: clamp(125px, 13vw, 175px); margin-bottom: 10px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.home-research-card strong { max-width: none; font-size: clamp(.92rem, 1.22vw, 1.14rem); line-height: 1.35; }
.home-research-card.card-1 .home-card-art { background-image: url('../images/highfi/home-card-1-v2.png'); }
.home-research-card.card-2 .home-card-art { background-image: url('../images/highfi/home-card-2-v2.png'); }
.home-research-card.card-3 .home-card-art { background-image: url('../images/highfi/home-card-3-v2.png'); }
.home-research-card.card-4 .home-card-art { background-image: url('../images/highfi/home-card-4-v2.png'); }

.research-intro { display: flex; align-items: center; min-height: clamp(380px, 30vw, 465px); padding: 52px 0; background-image: linear-gradient(90deg, rgba(244, 240, 233, .98) 0%, rgba(244, 240, 233, .9) 29%, rgba(244, 240, 233, .04) 61%), url('../images/highfi/research-hero-v2.png'); background-position: center; background-repeat: no-repeat; background-size: cover; }
.research-intro-copy { max-width: 100%; }
.research-intro .lead-copy { max-width: 31rem; margin-top: 23px; font-size: 1.08rem; }

.collaboration-intro { min-height: clamp(370px, 30vw, 455px); background-image: linear-gradient(90deg, rgba(244, 240, 233, .98) 0%, rgba(244, 240, 233, .89) 35%, rgba(244, 240, 233, .08) 70%), url('../images/highfi/collaboration-hero-v2.png'); background-position: center; background-repeat: no-repeat; background-size: cover; }
.collaboration-hero { display: flex; align-items: center; min-height: inherit; }
.collaboration-hero > div { max-width: 34rem; }
.collaboration-intro .lead-copy { max-width: 32rem; margin-top: 22px; font-size: 1.08rem; }

@media (max-width: 980px) {
  .profile-portrait { margin: 0 0 0 22px; }
  .research-intro { min-height: 440px; background-position: 63% center; }
  .collaboration-intro { min-height: 420px; background-position: 63% center; }
}

@media (max-width: 700px) {
  .home-hero { min-height: 510px; }
  .home-art::before { background: linear-gradient(90deg, rgba(3, 17, 28, .96) 0%, rgba(3, 17, 28, .84) 51%, rgba(3, 17, 28, .28) 78%, transparent 100%); }
  .home-identity { justify-content: flex-end; padding-bottom: 42px; transform: none; }
  .home-name { font-size: clamp(3rem, 16vw, 4.25rem); }
  .home-role { font-size: 1.05rem; }
  .home-research { padding: 28px 0 42px; }
  .home-research-grid { gap: 24px; }
  .home-card-art { height: 155px; }
  .research-intro, .collaboration-intro { min-height: 390px; padding: 40px 0; background-position: 68% center; }
  .research-intro { background-image: linear-gradient(90deg, rgba(244, 240, 233, .98) 0%, rgba(244, 240, 233, .94) 48%, rgba(244, 240, 233, .22) 100%), url('../images/highfi/research-hero-v2.png'); }
  .collaboration-intro { background-image: linear-gradient(90deg, rgba(244, 240, 233, .98) 0%, rgba(244, 240, 233, .9) 57%, rgba(244, 240, 233, .2) 100%), url('../images/highfi/collaboration-hero-v2.png'); }
  .research-intro .lead-copy, .collaboration-intro .lead-copy { max-width: 18rem; font-size: .98rem; }
  .research-path li img { width: 82px; }
  .research-path li:not(:last-child)::after { top: 41px; }
}