html { color-scheme: dark; scroll-padding-top: calc(var(--header-height, 68px) + 10px); }
body.demo {
  --bg: #020e15; --fg: #f3f7fa; --muted: #b8c6cd; --mint: #80f5e1;
  --line: #244047; --surface: #061b20;
  margin: 0; background: var(--bg); color: var(--fg);
  font-family: Arial, Helvetica, sans-serif; font-size: 16px;
}
body.demo.light { --bg: #e9f5f4; --fg: #0c242b; --muted: #385159; --surface: #fff; --line: #8eadaf; color-scheme: light; }
.demo em { color: var(--mint); font-style: normal; }
.demo.light em { color: #007467; }
.demo a { color: inherit; }
.demo button, .demo input { font: inherit; color: inherit; }
.demo [hidden] { display: none !important; }
.demo :focus-visible { outline: 2px solid #6debd8; outline-offset: 4px; }
.demo .top { height: clamp(47px,3.72vw,75px); background: var(--bg); border-bottom: 1px solid var(--line); }
.demo .top-in, .demo .foot-in { width: 88%; max-width: none; padding: 0; margin: auto; }
.demo .top-in { height: 100%; gap: clamp(12px,2vw,38px); }
.demo .brand { gap: 9px; color: var(--fg); font-size: clamp(17px,1.65vw,31px); font-weight: 700; }
.demo .brand svg { width: clamp(28px,2.65vw,50px); height: auto; color: var(--mint); }
.demo .nav { margin-left: auto; display: flex; gap: clamp(16px,2.55vw,48px); }
.demo .nav a { position: relative; padding: 0; font-size: clamp(13px,1vw,19px); line-height: 2.65; }
.demo .nav a[aria-current] { color: var(--mint); }
.demo .nav a[aria-current]::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: var(--mint); }
.demo .hd-ic { background: transparent; border: 1px solid var(--line); border-radius: 50%; color: var(--fg); display: grid; place-items: center; width: clamp(28px,2.55vw,48px); aspect-ratio: 1; padding: 0; cursor: pointer; }
.demo .hd-ic svg { width: 48%; }
.demo .top-in .hd-ic { margin-left: 0; flex: none; }
.demo .foot { margin-top: 0; padding: 0; border-top: 1px solid #286068; background: var(--bg); }
.demo .foot-in { min-height: 112px; color: var(--fg); gap: 3.5vw; }
.demo .foot-brand span,.demo .foot-aut span { font: 400 clamp(12px,.87vw,18px)/1.45 Arial,sans-serif; color: var(--fg); }
.demo .foot-aut { padding-left: 3vw; border-left: 1px solid #44656c; }
.demo .foot-brand b { font-size: 24px; }
.demo .foot-brand svg { color: var(--mint); }
.demo-wrap { width: 90%; margin: 0 auto; max-width: 1920px; }
.demo:not(.light) :is(.hero,.band,.feat) { --ink-0: #031017; --ink-1: #091820; --mint: #9cf9dc; --line: #345c65; --muted: #c7d3dc; --text: #f5f8fa; color: var(--text); }
.demo .hero { background: radial-gradient(ellipse at 60% 55%,#0a38435e,transparent 52%),var(--ink-0); }
.demo.light :is(.hero,.band,.feat) { --ink-0: var(--bg); --ink-1: var(--surface); --text: var(--fg); --mint: #007467; }
.home-view .top { height: clamp(47px,4vw,77px); border-bottom-color: #2d8a86; }
.home-view .top-in { width: 92%; padding-left: 1vw; gap: clamp(12px,1.3vw,24px); }
.home-view .brand { font-size: clamp(20px,2.3vw,38px); }
.home-view .brand svg { width: clamp(30px,3.2vw,52px); }
.home-view .nav { gap: clamp(15px,3.2vw,53px); }
.home-view .nav a { font-size: clamp(14px,1.42vw,23px); }
.home-view .hd-ic { width: clamp(30px,2.7vw,47px); border-color: #268681; }
.home-view .top-in .header-search { margin-inline-start: clamp(12px,3.5vw,59px); position: relative; }
.home-view .header-search::before { content: ""; position: absolute; left: -2.4vw; height: 76%; width: 1px; background: #2d8a86; }
.hero-in,.feat-in { width: 88%; max-width: 1580px; padding-inline: 0; }
.hero-tx { gap: clamp(12px,1.4vw,22px); }
.hero .eyebrow { max-width: 24em; color: var(--text); font: 500 clamp(12px,1.16vw,19px)/1.42 var(--f-body); letter-spacing: .21em; gap: 1.2em; }
.hero .eyebrow img { width: 1.65em; flex: none; }
.hero h1 { font-size: clamp(62px,7.85vw,135px); font-weight: 700; letter-spacing: -.064em; }
.hero h1 span { color: var(--mint); font-weight: inherit; }
.hero-sub { font: 400 clamp(18px,1.8vw,29px)/1.2 var(--f-body); }
.stats { gap: clamp(12px,2.45vw,42px); border-image: linear-gradient(90deg,#51ac9c,#51ac9c 82%,transparent) 1; }
.stats dd { font-size: clamp(26px,2.65vw,44px); font-weight: 600; }
.stats dt { color: var(--muted); font-size: clamp(9px,.94vw,15px); }
.hero-logo .logo-img {
  position: absolute; inset: 0 auto auto -3%; width: 106%; max-width: none; height: auto;
  object-fit: contain; border-radius: 0; mask-image: none; filter: none;
}
.hero-logo::before { opacity: .23; }
.orbit { inset: -1.25% -9% -2.5% -5.8%; border-style: dotted; border-color: color-mix(in srgb,var(--mint),transparent 46%); }
.sat img { animation: none; }
.s1 { top: 1.4%; right: -5%; width: 22.6%; }
.s2 { bottom: 5%; right: -8.8%; width: 18.6%; }
.s3 { bottom: -1.3%; left: 1.4%; width: 20.2%; }
.s4 { top: 14.3%; left: -8%; width: 19.3%; }
.band { border-top: 1px solid var(--line); }
.marq li { padding: clamp(12px,1.05vw,19px) clamp(20px,2.65vw,45px); gap: .6em; }
.marq li:nth-child(-n+3) { order: 1; }
.eq { font-size: clamp(18px,1.67vw,28px); text-align: center; }
.eq-l { font-size: clamp(9px,.89vw,15px); color: var(--muted); text-align: center; }
.feat::before { background: linear-gradient(90deg,#031017 0%,#031017a0 45%,#03101765 74%,#031017b5 100%); }
.demo.light .feat::before { background: color-mix(in srgb,var(--ink-0) 80%,transparent); }
.feat-in { grid-template-columns: minmax(0,17.3%) minmax(0,1fr); gap: clamp(22px,3vw,52px); padding-block: clamp(32px,2.8vw,52px); }
.feat-poster { border: 1px solid #3c8a89; aspect-ratio: 7/10; animation: featured-drift 9s ease-in-out infinite; }
.feat-poster img { object-fit: contain; object-position: center; animation: none; }
@keyframes featured-drift { 0%,100% { transform: translateY(0) rotate(-1.65deg); } 50% { transform: translateY(-5px) rotate(-.6deg); } }
.feat-tx { gap: clamp(12px,1.4vw,24px); }
.feat h2 { font-size: clamp(28px,2.95vw,52px); font-weight: 600; max-width: 22ch; }
.feat-tx .eyebrow,.feat-meta dt { font-size: clamp(10px,1.06vw,18px); color: var(--muted); letter-spacing: .18em; }
.feat .speaker img { width: clamp(52px,6.25vw,105px); height: auto; aspect-ratio: 1; border: 1px solid var(--mint); }
.feat .speaker { gap: clamp(10px,1.15vw,20px); }
.feat .speaker b { font-size: clamp(17px,1.88vw,32px); font-weight: 600; }
.feat .speaker span { font: 400 clamp(13px,1.4vw,24px)/1.25 var(--f-body); }
.feat-meta dd { font-size: clamp(21px,1.95vw,34px); font-weight: 600; }
@media (min-width: 861px) {
  .hero-in { grid-template-columns: minmax(0,38%) minmax(0,37%); gap: 7.65%; padding-block: clamp(14px,1.15vw,22px); }
  .hero h1 { font-size: clamp(68px,8.85vw,148px); line-height: .76; translate: 0 .095em; }
  .hero .eyebrow { translate: 0 .7em; }
  .hero-logo { width: min(100%,27.5vw,480px); justify-self: start; }
  .feat-tx { grid-template-columns: max-content 1fr; }
  .feat-tx > :is(.eyebrow,h2,.speaker) { grid-column: 1/-1; }
  .feat-tx > .btns { align-self: end; }
}
@media (max-width: 860px) {
  .home-view .nav { gap: 15px; }
  .home-view .top-in .header-search { margin-inline-start: 0; }
  .home-view .header-search::before { display: none; }
}
@media (max-width: 760px) {
  .feat-in { grid-template-columns: minmax(0,33%) minmax(0,1fr); }
  .feat-poster { width: 100%; }
  .feat .speaker img { width: 42px; }
}
@media (max-width: 450px) {
  .feat-in { grid-template-columns: 1fr; }
  .feat-poster { width: min(54%,200px); }
}
@media (prefers-reduced-motion: reduce) {
  .demo .hero-logo .logo-img,.demo .feat-poster { animation: none; }
}
.demo-section { border-top: 1px solid var(--line); padding: clamp(22px,2.8vw,48px) 0 clamp(35px,4vw,72px); }
.demo .a-neuro { --hue: #be9bf2; --art: url("art/neuro.webp"); --art-alt: url("img/art/neuro.webp"); }
.demo .a-bio { --hue: #80ead8; --art: url("art/bio.webp"); --art-alt: url("img/art/bio.webp"); }
.demo .a-lead { --hue: #80ead8; }
.demo .a-fin { --hue: #f2c474; --art: url("art/fin.webp"); --art-alt: url("img/art/fin.webp"); }
.demo .a-phys { --hue: #88bbf7; --art: url("art/phys.webp"); --art-alt: url("img/art/phys.webp"); }
.demo .portrait-alt { --art: linear-gradient(#02141a40,#02141a66), var(--art-alt); }
.research-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(12px,1.06vw,20px); }
.research-tile { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: flex-start;
  min-height: clamp(245px,22.6vw,444px); padding: 1.9vw 2.6vw 2.1vw; border-radius: 19px; overflow: hidden;
  border: 1px solid color-mix(in srgb,var(--hue),transparent 48%);
  background: linear-gradient(100deg,#0c151b, #09151a); }
.research-tile::before { content: ""; position: absolute; z-index: -1; inset: 0 0 0 29%; background: var(--art) right center/100% 100% no-repeat; mask-image: linear-gradient(90deg,transparent,#000 30%); }
.research-tile.a-bio::before,.research-tile.a-phys::before { inset-inline-start: 47%; }
.research-tile > svg { width: clamp(36px,3.5vw,62px); height: auto; color: var(--hue); }
.tile-number { margin-top: .75vw; line-height: 1; font-size: clamp(62px,5.55vw,100px); font-family: "Segoe UI Light","Helvetica Neue",sans-serif; font-weight: 200; color: var(--hue); }
.research-tile h3 { color: #f3f7fa; margin: .45vw 0 1vw; font-size: clamp(21px,2.03vw,39px); font-weight: 400; }
.tile-line { width: 45px; height: 2px; background: var(--hue); }
.avatars { display: flex; margin-top: auto; padding-top: 14px; }
.avatars > * { width: clamp(33px,2.65vw,51px); aspect-ratio: 1; object-fit: cover; border-radius: 50%; border: 1px solid #4c5c65; }
.avatars > * + * { margin-left: -4px; }
.avatars span { display: grid; place-items: center; background: #17252d; color: #e8f5fc; font-size: 13px; }
.research-tile:hover, .event:hover, .contact-card:hover { border-color: var(--hue,var(--mint)); }
.banner { position: relative; isolation: isolate; display: flex; gap: clamp(14px,1.6vw,34px); align-items: flex-start; }
.banner::before { content: ""; position: absolute; inset: 0 -5.55% 0 38%; z-index: -1; background: var(--banner) center right/100% 100% no-repeat; mask-image: linear-gradient(90deg,transparent,#000 23%); }
.banner h2 { color: var(--fg); margin: 0 0 .5vw; line-height: 1; font-size: clamp(35px,3.25vw,72px); font-weight: 600; letter-spacing: -.035em; }
.banner p { margin: 0; color: var(--muted); line-height: 1.38; font-size: clamp(13px,1.03vw,20px); }
.banner-index { color: var(--mint); font-family: monospace; padding-top: .35em; }
.banner-research { margin-bottom: clamp(14px,1.8vw,30px); padding: .35vw 1vw; }
.banner-people { --banner: url("art/people.webp"); padding: .85vw 1vw .75vw; min-height: 5.65vw; }
.banner-people::before { inset: 0 0 0 45%; }
.banner-people h2 { font-size: clamp(30px,2.12vw,44px); margin-bottom: .15vw; font-weight: 500; }
.banner-people p { font-size: clamp(12px,.75vw,15px); line-height: 1.2; }
.people-section { position: relative; isolation: isolate; padding-top: 0; }
.demo:not(.light) .people-section { background: #020d14; }
.people-catalogue { padding-top: clamp(12px,1.1vw,22px); }
.lead-hero + .people-catalogue { border-top: 1px solid var(--line); }
#seminars { padding-top: clamp(18px,1.5vw,30px); scroll-margin-top: -10px; }
#seminars .demo-wrap { width: 91.8%; }
.banner-seminars { --banner: url("art/seminars.webp"); padding: .1vw 1.5vw 1vw; min-height: 7.8vw; gap: 1.3vw; }
.banner-seminars::before { inset: -18px -4.45% 0 35%; }
.banner-seminars .banner-index { display: flex; align-items: center; gap: 1.25vw; font: 400 clamp(14px,1.3vw,24px)/1 Arial,sans-serif; padding-top: .55em; }
.banner-seminars .banner-index::after { content: ""; width: clamp(18px,2.35vw,42px); height: 2px; background: var(--mint); }
.banner-seminars h2 em { color: transparent; background: linear-gradient(100deg,#f4fffd 20%,#63f0da); background-clip: text; }
.filters { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 0 .35vw 1.1vw; }
.filter-options { display: flex; flex-wrap: wrap; gap: clamp(7px,1.15vw,24px); }
.filter-options button,.find { display: flex; align-items: center; gap: .45em; border-radius: 50px; background: var(--bg); border: 1px solid color-mix(in srgb,var(--hue,var(--muted)),transparent 68%); min-height: 30px; padding: 0 1em; font-size: clamp(11px,.76vw,16px); }
.filter-options button { cursor: pointer; }
.filter-options button[aria-pressed=true] { color: #041919; background: #8bf8e4; border-color: #8bf8e4; }
.filter-options svg,.find svg { width: 1.25em; height: 1.25em; flex: none; color: var(--hue,currentColor); }
.find input { background: transparent; border: 0; width: clamp(120px,11vw,240px); font-size: inherit; }
.find input::placeholder { color: var(--muted); }
.researcher-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: clamp(24px,2.05vw,40px) clamp(14px,1.15vw,24px); margin-inline: -1.85%; }
.researcher {
  display: block; min-width: 0; container-type: inline-size;
}
.researcher.a-fin { --card-accent: #ffdc66; }
.researcher.a-neuro { --card-accent: #e3b7f8; }
.researcher.a-bio { --card-accent: #63f2ed; }
.researcher.a-phys { --card-accent: #9bd2ff; }
.researcher-photo,.demo .researcher-photo.portrait-frame {
  display: block; position: relative; overflow: hidden; aspect-ratio: 7/8;
  border: 1px solid #416d97; border-radius: clamp(11px,.94vw,18px);
}
.researcher-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.researcher:hover .researcher-photo { border-color: var(--card-accent,var(--mint)); }
.portrait-cutout img { mask-image: var(--portrait-mask); mask-size: 100% 100%; mask-repeat: no-repeat; }
.portrait-cutout[data-portrait="akram-karimi"] img { mask-image: var(--portrait-mask),linear-gradient(90deg,transparent,#000 4%,#000 93%,transparent); mask-composite: intersect; }
.portrait-initials {
  position: absolute; top: 50%; left: 50%; translate: -50% -50%; display: grid; place-items: center;
  width: 61px; aspect-ratio: 1; border: 1px solid var(--hue); border-radius: 50%;
  color: var(--hue); background: #071824ed; font: 500 17px/1 var(--f-mono);
}
.researcher-text { display: grid; justify-items: start; gap: clamp(6px,3.25cqw,10px); padding: clamp(6px,3.5cqw,11px) 2.7% 0; }
.researcher strong { font: 700 clamp(15px,8.45cqw,23px)/1.02 var(--f-body); letter-spacing: -.028em; overflow-wrap: anywhere; }
.researcher[href*="/motahareh-shabani-rahbar/"] strong { font-size: clamp(14px,7.7cqw,21px); }
.researcher small { color: var(--fg); font: 400 clamp(12px,6.55cqw,19px)/1.13 var(--f-mono); letter-spacing: -.045em; }
.field-pill { display: inline-flex; gap: .6em; align-items: center; color: var(--card-accent,var(--mint)); font: 600 clamp(12px,6.85cqw,19px)/1.18 var(--f-body); letter-spacing: -.025em; }
.field-pill svg { width: 1.78em; height: 1.56em; padding: .28em .36em; border: 1px solid color-mix(in srgb,currentColor,transparent 38%); border-radius: .48em; background: color-mix(in srgb,currentColor 14%,transparent); }
.demo.light .field-pill { color: #1c5c72; }
#seminars .filters { margin: 0 .5vw clamp(18px,1.8vw,32px) 1.5vw; }
#seminars .filter-options button,#seminars .find { min-height: clamp(37px,2.6vw,50px); font-size: clamp(12px,.92vw,17px); padding: 0 1.7em; border-color: #39636a; }
#seminars .filter-options button[aria-pressed=true] { background: #69e6cf; border-color: #8bf8e4; }
#seminars .find input { width: clamp(120px,15.6vw,315px); }
.event-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: clamp(14px,1.28vw,24px); }
.event { display: flex; flex-direction: column; overflow: hidden; border: 1px solid #307575; border-radius: 14px; background: linear-gradient(var(--surface),var(--bg)); }
.event-art { display: grid; place-items: center; aspect-ratio: 9/14; overflow: hidden; border-radius: 13px; background: #031019; }
.event-art img { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.event-text { padding: 8px 7% clamp(13px,1.05vw,20px); display: flex; flex-direction: column; align-items: flex-start; gap: 6px; flex: 1; }
.event-kind { display: inline-flex; align-items: center; gap: .45em; color: #bafdf3; background: #093032; border: 1px solid #265d61; border-radius: 30px; padding: 2px .75em; font-size: clamp(11px,.78vw,15px); line-height: 1.45; }
.event-kind svg { width: 1.3em; height: 1.3em; color: var(--mint); }
.event-text h3 { margin: 0; font: 600 clamp(14px,1vw,19px)/1.24 Arial,sans-serif; text-wrap: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.event-meta { display: flex; width: 100%; align-items: center; gap: clamp(8px,1vw,18px); margin-top: auto; padding-top: 7px; font-size: clamp(11px,.82vw,15px); line-height: 1.3; }
.event-meta > span { display: flex; align-items: center; gap: .62em; white-space: nowrap; }
.event-meta > span + span { min-width: 0; border-left: 1px solid #365a62; padding-left: clamp(8px,1vw,18px); }
.event-meta > span > span { overflow: hidden; text-overflow: ellipsis; }
.event-meta svg { width: 1.35em; height: 1.35em; color: var(--mint); }
#contact { padding-block: clamp(28px,3.5vw,80px) clamp(32px,3.2vw,74px); overflow: clip; }
#contact .demo-wrap { width: 86%; max-width: none; margin-inline: 8.1% 5.9%; }
.banner-contact { --banner: url("art/contact.webp"); padding: 0 .8vw; min-height: 11.15vw; gap: 1.5vw; }
.banner-contact::before { inset: -1.1vw -5.45% 0 40%; }
.banner-contact h2 { font-size: clamp(40px,3.35vw,80px); margin-bottom: .64vw; }
.banner-contact p { font-size: clamp(14px,.91vw,22px); }
.banner-contact .banner-index::after { content: ""; display: block; width: clamp(27px,2.7vw,65px); height: 4px; border-radius: 3px; background: var(--mint); margin-top: clamp(12px,1.32vw,30px); }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr 1.41fr; gap: 1.2vw; }
.contact-card { position: relative; isolation: isolate; display: flex; align-items: flex-start; gap: 1.35vw; min-height: clamp(188px,14.8vw,365px); padding: 2.08vw; border: 1px solid #65d9cd; border-radius: 20px; background: var(--surface); overflow: hidden; }
.contact-card::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--ct-art) bottom right/100% 72% no-repeat; mask-image: linear-gradient(transparent 24%,#000 39%); }
.telegram { --ct-art: url("art/telegram.webp"); }
.email { --ct-art: url("art/email.webp"); }
.email::before { left: 35%; mask-image: linear-gradient(90deg,transparent,#000 32%); }
.visit { --ct-art: url("art/visit.webp"); }
.visit::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto 0 0 auto;
  width: 29.46%;
  height: 72%;
  background: url("art/visit-aut-sign.png") center / 100% 100% no-repeat;
  mask-image: linear-gradient(90deg, transparent, #000 18%);
}
.contact-icon { display: grid; place-items: center; width: clamp(38px,3vw,72px); aspect-ratio: 1; border-radius: 16px; background: #072b2c; border: 1px solid #4fa79e; color: var(--mint); flex: none; }
.contact-icon svg { width: 64%; height: 64%; }
.contact-card h3 { margin: 4px 0 .35em; font-size: clamp(19px,1.22vw,30px); }
.contact-card p,.contact-card a { margin: 0; font-size: clamp(13px,.88vw,21px); line-height: 1.45; overflow-wrap: anywhere; }
.contact-card .copy { position: absolute; top: 47.3%; left: 8%; color: var(--fg); border: 1px solid #508d89; border-radius: 30px; padding: .45em 1.16em; background: #0b2c2e; text-transform: none; letter-spacing: normal; font-size: clamp(13px,.79vw,18px); }
.demo .person { background-color: var(--bg); }
.demo .person-ph .ph-clip { background: var(--art) center/cover; }
.demo .portrait-frame {
  position: relative; isolation: isolate; overflow: hidden;
  background: var(--art) center/cover; border: 1px solid color-mix(in srgb,var(--hue),transparent 46%); border-radius: 15px;
}
.portrait-frame.portrait-cutout img {
  position: absolute; left: var(--profile-center,50%); top: var(--profile-y); translate: var(--portrait-x) 0;
  width: var(--profile-width); max-width: none; height: auto; animation: none;
}
.researcher-photo.portrait-frame.portrait-cutout img {
  left: 0; top: 0; translate: none;
  width: 100%; height: auto;
}
.portrait-frame[data-portrait="masood-farahani"] img { object-position: center; animation: none; }
.portrait-frame .portrait-initials { width: 31%; font-size: clamp(14px,3vw,42px); }
.fp-ph.portrait-frame .portrait-initials { font-size: 12px; }
.demo .person-tx h1 { color: var(--fg); font-weight: 500; }
.demo .person-tx .role { color: var(--muted); }
.demo .person .area-chip { color: var(--hue); }
.demo .person .btn-li:not(.is-search) { color: #041a1d; }
.lead-profile .top { height: clamp(53px,4.12vw,84px); }
.lead-profile .top-in { width: 96.2%; }
.lead-profile .brand { font-size: clamp(19px,2.2vw,37px); }
.lead-profile .brand svg { width: clamp(28px,3.25vw,55px); }
.lead-profile .nav { gap: clamp(14px,3.9vw,70px); }
.lead-profile .nav a { font-size: clamp(13px,1.43vw,25px); }
.lead-profile .hd-ic { border-color: transparent; width: clamp(28px,3.2vw,55px); }
.lead-profile .hd-ic svg { width: 65%; height: 65%; }
.lead-profile .header-search { position: relative; margin-left: 1vw; }
.lead-profile .header-search::before { content: ""; position: absolute; inset: 16% auto 16% -1.8vw; width: 1px; background: #31545d; }
.lead-hero { position: relative; isolation: isolate; overflow: clip; background: radial-gradient(ellipse at 62% 86%,#07303a55,transparent 68%), var(--bg); }
.lead-hero::before { content: ""; position: absolute; z-index: -1; inset: 0 0 0 20.93%; background: url("art/lead-research.webp") right bottom/100% 100% no-repeat; mask-image: linear-gradient(90deg,transparent,#000 7%); }
.lead-hero .wrap { width: 89%; max-width: none; margin-inline: 8.9% 2.1%; padding-inline: 0; }
.lead-crumb { display: flex; align-items: center; flex-wrap: wrap; gap: 1.5vw; padding-block: clamp(18px,1.15vw,30px) clamp(20px,1.5vw,38px); font-size: clamp(14px,1.1vw,26px); }
.lead-crumb .back { margin: 0; font: inherit; text-transform: none; letter-spacing: normal; gap: .95em; }
.lead-crumb .back svg { width: 1.3em; height: 1.3em; color: var(--mint); }
.lead-hero .person-grid { grid-template-columns: minmax(0,30.55%) minmax(0,1fr); gap: 3.7vw; align-items: start; padding-bottom: clamp(28px,2.2vw,55px); }
.lead-hero .person-ph,.lead-hero .person-ph .ph-clip { aspect-ratio: 551/635; }
.lead-hero .person-ph .ph-clip { border-radius: clamp(14px,1.55vw,28px); border: 1px solid #25e8e6; }
.lead-hero .person-ph .ph-clip {
  --art: url("art/lead-pinn.svg");
}
.lead-hero .person-ph [data-portrait="mostafa-abbaszadeh"] { --profile-y: 1.9%; }
.lead-equations { display: grid; gap: 1.05em; grid-column: 2; padding-bottom: .5em; color: #bff8f1; font: italic clamp(17px,1.42vw,25px)/1.22 var(--f-math); }
.lead-equation-set { display: grid; gap: .46em; padding-left: .65em; border-left: 1px solid #4ca8ad; word-spacing: .14em; }
@media (min-width: 1200px) {
  .lead-equations { display: block; position: absolute; inset: 0; pointer-events: none; }
  .lead-equation-set { position: absolute; }
  .lead-equation-pde { left: 41.85%; top: 64.4%; }
  .lead-equation-stress { right: .65%; top: 49.5%; border-left: 0; }
}
.demo.light .lead-equations { color: #16575b; }
.lead-hero .person-ph img { animation: none; object-position: center top; }
.lead-hero .person-tx { gap: 0; padding-top: clamp(12px,2vw,36px); }
.lead-eyebrow { display: flex; align-items: center; gap: 1em; font: 500 clamp(13px,1.2vw,21px)/1.2 var(--f-mono); letter-spacing: .13em; text-transform: uppercase; }
.demo .lead-hero .lead-title { margin-top: .34em; font: 400 clamp(34px,3.95vw,100px)/1.04 Arial,sans-serif; letter-spacing: -.025em; }
.lead-hero .person-tx .role { margin-top: .38em; font-size: clamp(18px,1.4vw,36px); }
.lead-hero .person-tx .tags { gap: clamp(7px,1.35vw,25px); margin-block: clamp(12px,1vw,20px) clamp(13px,1.45vw,26px); }
.lead-hero .person-tx .tags li { padding: .53em 1.12em; font-size: clamp(12px,1.05vw,25px); border-color: #69828a; }
.lead-hero .person-tx .btns { gap: clamp(9px,1.55vw,28px); }
.lead-hero .person-tx .btn { height: clamp(44px,3.35vw,84px); }
.lead-hero .person-tx .btn-ic { width: clamp(44px,3.35vw,84px); border-color: #69828a; }
.lead-hero .person-tx .btn .ic { width: clamp(17px,1.8vw,33px); height: auto; }
.lead-hero .person-tx .btn-li:not(.is-search) { padding-inline: 1.25em; font-size: clamp(15px,1.4vw,25px); }
.lead-extra { padding-top: var(--s-6); }
.finance-profile .person { padding-top: 0; }
.finance-profile .top { height: clamp(56px,4.9vw,92px); }
.finance-profile .person-grid { background: radial-gradient(ellipse at 28% 68%,#a77b322d,transparent 60%); }
.finance-profile .person > .wrap { width: 100%; max-width: none; padding-inline: 0; }
.finance-profile .person-grid { grid-template-columns: 48% 1fr; align-items: start; gap: 2.65vw; }
.finance-profile .person-ph .ph-clip { aspect-ratio: 808/859; border-color: #af854b; }
.finance-profile .person-tx h1 { font-size: clamp(36px,5.2vw,100px); line-height: 1.04; }
.finance-profile .person-tx .area-chip { display: inline-flex; order: 3; }
.finance-profile .person-tx { display: flex; flex-direction: column; align-items: flex-start; padding: 5.35vw 4vw 0 0; }
.finance-profile .person-tx::before { content: ""; width: 4.35vw; height: 5px; border-radius: 4px; background: var(--mint); }
.finance-profile .person-tx .role { font-size: clamp(19px,2vw,36px); }
.finance-profile .person-tx .area-chip { border: 1px solid #a87d44; color: #f2c474; border-radius: 40px; padding: .45em .8em; font: 600 clamp(17px,1.75vw,32px)/1.2 Arial,sans-serif; text-transform: none; }
.finance-profile .person-tx .area-chip { letter-spacing: normal; }
.finance-profile .person-tx .tags li { font: 400 clamp(13px,1.1vw,20px)/1.2 Arial,sans-serif; padding: .65em 1em; }
.finance-profile .person > .wrap > .back { position: absolute; z-index: 2; margin-top: .45em; }
.finance-profile .person-tx > * { order: 4; }
.finance-profile .person-tx h1 { order: 0; }
.finance-profile .person-tx .role { order: 2; }
.finance-profile .person .back,.finance-profile .same,.finance-profile .pn { margin-inline: 5vw; }
.empty { padding: 20px 0; color: var(--muted); }
@media (max-width: 1160px) {
  .researcher-grid { grid-template-columns: repeat(4,minmax(0,1fr)); margin-inline: 0; }
}
@media (max-width: 920px) {
  .researcher-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-inline: 0; }
}
@media (max-width: 1000px) {
  .event-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  .contact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .visit { grid-column: 1/-1; }
}
@media (max-width: 620px) {
  html { scroll-padding-top: calc(var(--header-height, 90px) + 10px); }
  .demo .top,.finance-profile .top,.lead-profile .top,.home-view .top { height: auto; }
  .demo .top-in { width: 92%; min-height: 55px; flex-wrap: wrap; gap: 8px; padding: 7px 0; }
  .demo .nav,.lead-profile .nav,.home-view .nav { order: 2; width: 100%; justify-content: space-between; gap: 6px; }
  .demo .brand { margin-right: auto; }
  .demo .brand span { display: inline; }
  .research-grid,.contact-grid { grid-template-columns: 1fr; }
  #contact .demo-wrap { width: 92%; margin-inline: auto; }
  .research-tile,.contact-card { padding: 20px; }
  .researcher-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .event-grid { grid-template-columns: 1fr; }
  .banner { padding-block: 10px 18px; }
  .banner-people,.banner-seminars,.banner-contact { min-height: 120px; }
  .banner::before { inset-inline-start: 22%; background-size: cover; background-position: 75% center; opacity: .4; }
  .filters { margin-bottom: 14px; }
  .event-text { padding: 12px 18px 16px; }
  .demo .foot-in { padding-block: 20px; }
  .finance-profile .person-grid { grid-template-columns: 1fr; }
  .finance-profile .person-grid { background: none; }
  .finance-profile .person-tx { padding: 0 5vw; }
}
@media (max-width: 820px) {
  .lead-hero .wrap { width: 92%; margin-inline: auto; }
  .lead-hero .person-grid { grid-template-columns: 1fr; gap: 24px; }
  .lead-equations { grid-column: 1; }
  .lead-hero .person-ph { width: min(100%,430px); max-width: none; }
  .lead-hero .person-tx { padding-top: 0; }
  .lead-hero::before { inset: 0; opacity: .25; background-size: 100% auto; }
  .lead-hero .person-ph,.lead-hero .person-ph .ph-clip { aspect-ratio: 551/670; }
  .lead-profile .header-search::before { display: none; }
}
@media (max-width: 460px) {
  .researcher-grid { grid-template-columns: 1fr; }
}
.demo .foot-links .footer-admin {
  display: flex;
  gap: .5rem;
  padding-inline: .85rem;
  width: auto;
  border-radius: 999px;
  font-size: .85rem;
  white-space: nowrap;
}