/* Designer page: one type system and a slow, luminous fluid-blue background. */
.designer-page {
  --profile-font: "Segoe UI", Arial, sans-serif;
  --profile-heading: #f0f7ff;
  --profile-text: #c4d5e8;
  --profile-muted: #9eb8d2;
  font-family: var(--profile-font);
  font-size: 15px;
  font-weight: 400;
  background: #07182e;
  isolation: isolate;
}
.designer-page button,.designer-page input,.designer-page select,.designer-page textarea {font-family:inherit}
.designer-page main,.designer-page>.site-footer {position:relative;z-index:1}
.fluid-background {position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(135deg,#051428,#0c2747 50%,#071b34)}
.fluid-layer {position:absolute;filter:blur(55px);will-change:transform;border-radius:45% 55% 65% 35% / 40% 35% 65% 60%}
.fluid-cobalt {
  width:110vw;height:115vh;left:4%;top:-51%;
  background:radial-gradient(ellipse at 47% 55%,#235fc591 0%,#2456bb68 32%,#174b8233 51%,transparent 69%);
  animation:fluid-cobalt 29s ease-in-out infinite alternate;
}
.fluid-cyan {
  width:88vw;height:100vh;left:29%;top:22%;
  background:radial-gradient(ellipse at 60% 45%,#32b8d279 0%,#168fac50 28%,#19668825 48%,transparent 68%);
  animation:fluid-cyan 23s ease-in-out infinite alternate;
}
.fluid-indigo {
  width:94vw;height:106vh;left:-47%;top:25%;
  background:radial-gradient(ellipse at 58% 50%,#3459d680 0%,#174b9763 31%,transparent 65%);
  animation:fluid-indigo 32s ease-in-out infinite alternate;
}
.fluid-ribbon {
  width:125vw;height:100vh;left:-15%;top:5%;filter:blur(34px);opacity:.65;
  background:conic-gradient(from 40deg at 56% 48%,transparent 0deg,#4897f144 42deg,transparent 76deg,transparent 185deg,#30a9cd3d 214deg,transparent 253deg,transparent 360deg);
  animation:fluid-ribbon 36s ease-in-out infinite alternate;
}
.fluid-background:after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06142669 0%,#07162b33 42%,transparent 80%),linear-gradient(0deg,#05142955,transparent 55%)}
@keyframes fluid-cobalt {0%{transform:translate3d(-7%,2%,0) rotate(-15deg) scale(.94,1.04)}50%{transform:translate3d(7%,13%,0) rotate(8deg) scale(1.12,.86)}100%{transform:translate3d(-3%,28%,0) rotate(21deg) scale(.92,1.14)}}
@keyframes fluid-cyan {0%{transform:translate3d(7%,-4%,0) rotate(18deg) scale(.9,1.13)}50%{transform:translate3d(-18%,9%,0) rotate(-11deg) scale(1.08,.9)}100%{transform:translate3d(-35%,-14%,0) rotate(-24deg) scale(1.15,.83)}}
@keyframes fluid-indigo {0%{transform:translate3d(0%,7%,0) rotate(12deg) scale(1.07,.88)}50%{transform:translate3d(20%,-13%,0) rotate(-12deg) scale(.9,1.12)}100%{transform:translate3d(5%,-27%,0) rotate(27deg) scale(1.15,.92)}}
@keyframes fluid-ribbon {from{transform:translate3d(-5%,8%,0) rotate(-14deg) scale(1.1,.82)}to{transform:translate3d(10%,-9%,0) rotate(20deg) scale(.9,1.16)}}
.designer-page.motion-off .fluid-layer,.designer-page.background-paused .fluid-layer {animation-play-state:paused!important}
.designer-page .site-header {background:#07182ed9;border-bottom-color:#6d9fc52b}
.designer-page>.site-footer {background:#061426c9;border-top:1px solid #74a1c32e}
.designer-toolbar {display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:calc(var(--header) + 31px)}
.designer-toolbar .eyebrow {margin:0!important}
.designer-motion {display:flex;align-items:center;gap:9px;white-space:nowrap;border:1px solid #78b2d456;border-radius:24px;padding:8px 13px;background:#112e4c87;color:#c3e6f3;font-size:12px;font-weight:500}
.designer-motion:hover {background:#214b6d}
.designer-page .designer-hero {padding-top:32px;padding-bottom:64px;gap:54px}
.designer-page .designer-portrait {height:590px;border-color:#85bada59;box-shadow:0 15px 70px #020f293d}
.designer-page .designer-intro h1 {font-size:clamp(42px,4.4vw,62px);font-weight:600;letter-spacing:-.04em;line-height:1.1;margin:0 0 30px;color:var(--profile-heading)}
.designer-page .designer-intro h1>span {font-size:23px;font-weight:500;letter-spacing:0;margin-bottom:12px;color:#b5dcec}
.designer-page .designer-pretitle {font-size:14px;font-weight:400;color:var(--profile-muted);margin-bottom:24px}
.designer-page .designer-affiliation strong {font-size:15px;font-weight:600;line-height:1.6;color:#e2edf7}
.designer-page .designer-affiliation p {font-size:14px;font-weight:400;line-height:1.75;color:var(--profile-text)}
.designer-page .designer-affiliation {border-color:#8bcce5;padding-left:17px}
.designer-page .designer-lead {font-size:20px;font-weight:400;line-height:1.6;color:#dfedf8;margin:27px 0;max-width:440px}
.designer-page .designer-actions .button,.designer-page .designer-actions .text-link,.designer-page .designer-bio .text-link,.designer-page .designer-footer-note .text-link {font-size:13px;font-weight:500;letter-spacing:0}
.designer-page .designer-location {font-size:11px;font-weight:500;letter-spacing:.08em;color:#a3c8df}
.designer-page .eyebrow,.designer-page .designer-bio .eyebrow,.designer-page .research-heading .eyebrow,.designer-page .designer-connect .eyebrow,.designer-page .designer-fellowships>.eyebrow {font-size:11px;font-weight:600;letter-spacing:.13em;line-height:1.6;color:#a9d9ec}
.designer-page .designer-bio h2,.designer-page .research-heading h2,.designer-page .designer-connect h2 {font-size:clamp(32px,3.3vw,44px);font-weight:600;letter-spacing:-.03em;line-height:1.15;color:var(--profile-heading)}
.designer-page .research-copy h3 {font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--profile-heading)}
.designer-page em {color:#aadef3;font-style:normal;font-weight:inherit}
.designer-page .bio-copy>p,.designer-page .bio-side,.designer-page .research-copy>p:not(.research-number),.designer-page .designer-connect>div>p:not(.eyebrow) {font-size:15px;font-weight:400;line-height:1.85;color:var(--profile-text)}
.designer-page .bio-side {max-width:360px}
.designer-page .designer-bio {gap:80px}
.designer-page .designer-bio,.designer-page .designer-fellowships,.designer-page .designer-connect {border-color:#84b0d139}
.designer-page .academic-foundation h3 {font-size:15px;font-weight:600}
.designer-page .academic-foundation dt,.designer-page .academic-foundation dd {font-size:14px;font-weight:400}
.designer-page .academic-foundation dd span {font-size:12px;color:var(--profile-muted)}
.designer-page .designer-fellowships p:not(.eyebrow) {font-size:15px;color:#d8e7f3}
.designer-page .designer-fellowships p span {font-size:12px;color:var(--profile-muted)}
.designer-page .research-heading-aside p {font-size:14px;color:var(--profile-text)}
.designer-page .research-motion,.designer-page .research-media-tools button {font-size:12px;font-weight:500}
.designer-page .research-motion {background:#0b2642a6;border-color:#719bc15e}
.designer-page .research-motion-note,.designer-page .research-caption,.designer-page .profile-links-note {font-size:12px;line-height:1.7;color:#a9c4db}
.designer-page .research-card {background:#091d35c9;border-color:#6599be57;box-shadow:0 12px 35px #01102526}
.designer-page .research-media-tools {background:#0a213acc;border-color:#6599be42}
.designer-page .research-number {font-size:14px;font-weight:500}
.designer-page .research-number span {font-size:11px;font-weight:600;letter-spacing:.08em;color:#a6cee5}
.designer-page .research-copy li {font-size:13px;line-height:1.7;color:#bfd7e9}
.designer-page .profile-links>a {font-size:15px;font-weight:500;border-color:#81aac93b}
.designer-page .profile-links small {font-size:12px;color:var(--profile-muted)}
.designer-page .designer-credit {font-size:12px;line-height:1.85;color:var(--profile-muted)}
.designer-page .footer-bottom {font-size:12px;color:var(--profile-muted)}
.designer-page .designer-portrait figcaption span:first-child {font-size:11px;letter-spacing:.09em;font-weight:600}
.designer-page .designer-portrait figcaption span:last-child {font-size:15px;font-weight:500}
.designer-page .site-header.has-designer nav>a {font-family:var(--profile-font);font-size:12px;font-weight:500}
.designer-page .poster-dialog-top h2 {font-size:24px;font-weight:600;letter-spacing:-.02em}
.designer-page .poster-dialog-bottom p,.designer-page .poster-dialog-bottom a {font-size:12px}
@media(max-width:1050px){.designer-page .designer-hero{gap:30px}.designer-page .designer-portrait{height:570px}.designer-page .designer-bio{gap:38px}.designer-page .research-copy{padding:23px}.designer-page .research-copy h3{font-size:25px}}
@media(max-width:760px){.designer-page .designer-hero{grid-template-columns:1fr;gap:30px}.designer-page .designer-portrait{height:auto;aspect-ratio:3/2}.designer-page .designer-portrait img{object-position:50% 44%}.designer-page .designer-intro h1{font-size:48px}.designer-page .designer-lead{max-width:500px}.designer-page .designer-bio{grid-template-columns:1fr}.designer-page .research-grid{grid-template-columns:1fr}.designer-page .research-heading{align-items:flex-start}.designer-page .research-heading-aside{max-width:235px}.designer-page .designer-connect{grid-template-columns:1fr;gap:28px}}
@media(max-width:640px){
  .fluid-layer{filter:blur(35px)}.fluid-cobalt{width:180vw;left:-20%}.fluid-cyan{width:155vw;left:0%;opacity:.85}.fluid-indigo{width:170vw;left:-95%}.fluid-ribbon{width:190vw;left:-40%;filter:blur(25px)}
  .designer-toolbar{padding-top:calc(var(--header) + 20px);gap:10px;align-items:flex-start}.designer-toolbar .eyebrow{font-size:10px;max-width:170px;letter-spacing:.09em}.designer-motion{font-size:11px;padding:7px 10px;gap:6px}
  .designer-page .designer-hero{padding-top:29px;padding-bottom:39px;gap:28px}.designer-page .designer-intro h1{font-size:40px;margin-bottom:25px}.designer-page .designer-intro h1>span{font-size:21px}.designer-page .designer-pretitle{font-size:13px;margin-bottom:20px}.designer-page .designer-affiliation strong{font-size:14px}.designer-page .designer-affiliation p{font-size:13px}.designer-page .designer-lead{font-size:18px}.designer-page .designer-actions{gap:20px}.designer-page .designer-actions .button,.designer-page .designer-actions .text-link{font-size:12px}.designer-page .designer-location{font-size:10px}.designer-page .designer-portrait{aspect-ratio:4/3}
  .designer-page .designer-bio h2,.designer-page .research-heading h2,.designer-page .designer-connect h2{font-size:34px}.designer-page .bio-copy>p,.designer-page .bio-side,.designer-page .research-copy>p:not(.research-number),.designer-page .designer-connect>div>p:not(.eyebrow){font-size:14px;line-height:1.8}.designer-page .research-copy h3{font-size:27px}.designer-page .research-heading-aside{max-width:none;gap:13px}.designer-page .research-heading-aside p{font-size:12px}.designer-page .research-motion{font-size:11px;white-space:nowrap}.designer-page .research-number span{font-size:10px}.designer-page .research-copy li{font-size:12px}.designer-page .designer-fellowships p:not(.eyebrow){font-size:14px}.designer-page .designer-fellowships p span{font-size:11px}.designer-page .designer-portrait figcaption span:first-child{font-size:10px}.designer-page .site-header.has-designer nav>a{font-size:10px}.designer-page .poster-dialog-top h2{font-size:19px}.designer-page .poster-dialog-top .eyebrow{font-size:10px}.designer-page .poster-dialog-bottom p,.designer-page .poster-dialog-bottom a{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.fluid-layer{animation:none!important;will-change:auto}}
/* Research Motion V2: a neutral editorial canvas with a distinct accent for each field.
   Supplied poster colours and all research-media pixels are left unchanged. */
.designer-page {
  --profile-heading:#f5f2ed;
  --profile-text:#d8d7dd;
  --profile-muted:#b2b0be;
  --cyan:#e5c6a0;
  background:#15151d;
}
.designer-page .fluid-background {background:linear-gradient(135deg,#13141c,#24212c 52%,#191b24)}
.designer-page .fluid-cobalt {background:radial-gradient(ellipse at 47% 55%,#aa7b5554 0%,#72567438 32%,#4e385121 51%,transparent 69%)}
.designer-page .fluid-cyan {background:radial-gradient(ellipse at 60% 45%,#7e72ae4d 0%,#6d5c8a3d 28%,#493b6a20 48%,transparent 68%)}
.designer-page .fluid-indigo {background:radial-gradient(ellipse at 58% 50%,#5783784a 0%,#365c5736 31%,transparent 65%)}
.designer-page .fluid-ribbon {background:conic-gradient(from 40deg at 56% 48%,transparent 0deg,#a99ac02a 42deg,transparent 76deg,transparent 185deg,#dab68e24 214deg,transparent 253deg,transparent 360deg)}
.designer-page .fluid-background:after {background:linear-gradient(90deg,#16151a45,transparent 80%),linear-gradient(0deg,#13141c50,transparent 55%)}
.designer-page .site-header {background:#17171fe8;border-bottom-color:#b9a99133}
.designer-page>.site-footer {background:#14151dde;border-top-color:#b9a99133}
.designer-page .designer-motion,.designer-page .research-motion {background:#2c2935;border-color:#a79aa568;color:#ece1d4}
.designer-page .designer-motion:hover,.designer-page .research-motion:hover {background:#3a3342}
.designer-page .designer-actions .button.primary {background:#e5c6a0;border-color:#e5c6a0;color:#29221c}
.designer-page .designer-actions .button.primary:hover {background:#f3dbbd}
.designer-page .designer-intro h1>span,.designer-page em,.designer-page .eyebrow,.designer-page .designer-bio .eyebrow,.designer-page .research-heading .eyebrow,.designer-page .designer-connect .eyebrow,.designer-page .designer-fellowships>.eyebrow {color:#e0c7a9}
.designer-page .designer-affiliation {border-color:#cfad84}
.designer-page .designer-affiliation strong,.designer-page .designer-lead,.designer-page .designer-fellowships p:not(.eyebrow) {color:#eee8e2}
.designer-page .designer-location,.designer-page .research-heading-aside p,.designer-page .research-motion-note,.designer-page .research-caption,.designer-page .profile-links-note {color:#c0bbc9}
.designer-page .designer-portrait {border-color:#d1b9994d;box-shadow:0 15px 70px #03030b40}
.designer-page .designer-bio,.designer-page .designer-fellowships,.designer-page .designer-connect,.designer-page .profile-links>a,.designer-page .academic-foundation {border-color:#a39aa740}
.designer-page .profile-links>a {color:#e5dfd9}
.designer-page .research-card {--research-accent:#95d7d3;background:#20212bd9;border-color:#9992aa40;box-shadow:0 12px 35px #07071021;border-top:3px solid var(--research-accent)}
.designer-page [data-direction="utm"] {--research-accent:#c4b6ef}
.designer-page [data-direction="sustainable"] {--research-accent:#bad29b}
.designer-page [data-direction="safety"] {--research-accent:#e9ba92}
.designer-page [data-direction="stm"] {--research-accent:#d8b1db}
.designer-page .research-media-tools {background:#24242fe8;border-color:#a19aaa33}
.designer-page .research-number,.designer-page .research-number span {color:var(--research-accent)}
.designer-page .research-copy li {color:#d3d0dc}
.designer-page .research-copy li:before {background:var(--research-accent)}
.designer-page .research-copy ul {border-color:#a19aaa38}
.designer-page .research-caption {border-left-color:#a89c8f}
.research-directions-nav {display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 28px}
.research-directions-nav a {display:inline-flex;gap:9px;align-items:center;border:1px solid #a29aaf42;border-radius:100px;padding:9px 14px;background:#26243190;font-size:11px;color:#c9c1d4;text-decoration:none}
.research-directions-nav a span {color:#f0e9e1;font-size:12px}
.research-directions-nav a:hover {border-color:#e5c6a0;background:#3d3541}
.research-directions-nav a:focus-visible,.research-media-tools button:focus-visible,.poster-close:focus-visible {outline:2px solid #f2d2a9;outline-offset:4px}
.research-card {scroll-margin-top:calc(var(--header) + 25px)}
.designer-page .research-card-space {grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center}
.designer-page .research-card-space .research-copy {padding:28px 32px}
.designer-page .research-card-space .research-media {align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:#151823}
.designer-page #poster-dialog {background:#20212c;border-color:#9d91a766;color:#f1ede9}
.designer-page .poster-close {border-color:#b0a1b76b;background:#34303e;color:#f5eee8}
@media(max-width:980px){.designer-page .research-card-space{display:block}.designer-page .research-card-space .research-copy{padding:24px}}
@media(max-width:640px){.research-directions-nav{gap:8px}.research-directions-nav a{padding:8px 10px;font-size:10px}.research-directions-nav a span{font-size:11px}}