/* Open research text over the photographer's own changing collection. */
:root {
  color-scheme:light;
  --paper:#f6efe3; --ink:#322e29; --muted:#6f665b; --rule:#cfc5b6; --accent:#855139; --wash:#eae1d3; --art-width:0px;
  /* 18px body: Harvard DAS, UCL long-form, GOV.UK desktop. Line-height 1.5: WCAG 1.4.8.
     Name 32px = UCL heading-xl. Titles 46px ≈ GOV.UK H1 (47px). Captions 12px; secondary 14px. */
  --type-caption:12px;
  --type-small:14px;
  --type-body:18px;
  --type-name:32px;
  --type-title:46px;
}
body.art-research {background:#16253c;color:#fff8ee;isolation:isolate;overflow:hidden;height:100dvh;overscroll-behavior-x:none;}
body.art-research .art-panel {inset:0;width:100%;height:100dvh;z-index:-2;pointer-events:none;background:#16253c;}
body.art-research .art-stage {z-index:-3;}
body.art-research .art-layer {background-size:cover;background-repeat:no-repeat;background-position:center center;filter:blur(28px);transform:scale(1.14);transition:opacity 1.6s ease,filter .8s ease,transform .8s ease;}
body.art-research .art-shade {background:linear-gradient(90deg,#0a172b8c,#0a172b38 46%,#0a172b24 100%),linear-gradient(0deg,#0a172b66,transparent 46%);transition:background .8s ease;}
body.art-research:has(#home:not([hidden])) .art-layer {filter:none;transform:none;background-size:cover;background-repeat:no-repeat;background-position:center center;}
body.art-research:has(#home:not([hidden])) .art-shade {background:none;}
body.art-research .art-photo-link {display:none;}
body.art-research .art-panel .art-footer {display:none!important;}
body.art-research .art-credit {display:none;}
body.art-research .art-btn {width:38px;min-width:38px;height:38px;background:transparent;}
body.art-research .site-reader {margin:0 auto;max-width:1180px;min-height:100dvh;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;padding-bottom:0;overflow:hidden;}
body.art-research .site-reader > main {flex:1 1 auto;min-height:0;overflow:auto;touch-action:pan-y;overscroll-behavior-x:none;}
body.art-research .site-header {padding:28px 45px 18px;display:flex;justify-content:space-between;align-items:center;gap:25px;border:0;}
.header-brand {display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;}
.header-name {font:600 clamp(26px,2.2vw,var(--type-name))/1.05 var(--serif);letter-spacing:-.03em;text-decoration:none;white-space:nowrap;}
.home-affiliation {margin:0;font-size:var(--type-caption);letter-spacing:.06em;text-transform:uppercase;color:#fff8eeb8;text-shadow:0 1px 10px #0a172be6;}
body.art-research .site-nav {position:relative;gap:2px;}
body.art-research .site-nav a {position:relative;z-index:1;min-height:32px;padding:5px 11px;border-radius:999px;color:#fff8eecc;font-size:12px;letter-spacing:.05em;text-decoration:none;text-shadow:0 1px 10px #0007;transition:color .25s ease,text-shadow .25s ease,background .25s ease,transform .25s ease;}
body.art-research .site-nav a[aria-current=page] {color:#ffdbb8;text-decoration:none;text-shadow:0 0 14px #ffdbb866,0 1px 8px #0006;}
body.art-research .site-nav a:hover,
body.art-research .site-nav a:focus-visible {color:#ffdbb8;text-decoration:none;background:#ffdbb824;text-shadow:0 0 18px #ffdbb8aa,0 1px 8px #0006;transform:translateY(-1px);}
body.art-research .site-nav a:focus-visible {outline:2px solid #ffdbb8;outline-offset:3px;}
body.art-research .site-nav a[href$=".pdf"] span {display:inline-block;transition:transform .25s ease;}
body.art-research .site-nav a[href$=".pdf"]:hover span,
body.art-research .site-nav a[href$=".pdf"]:focus-visible span {transform:translate(2px,-2px);}
body.art-research .site-nav-glint {position:absolute;top:0;left:0;height:2px;width:24px;border-radius:2px;background:#ffdbb8;box-shadow:0 0 12px #ffdbb8c4;pointer-events:none;opacity:0;transform:translate(0,0);transition:transform .38s cubic-bezier(.22,.7,.28,1),width .38s cubic-bezier(.22,.7,.28,1),opacity .25s ease;}
body.art-research .page,body.art-research .interactive-page {max-width:none;padding:55px 45px 0;color:#fff8ee;}
body.art-research .page a:focus-visible, .project-trigger:focus-visible {outline-color:#ffdbb8;}
body.art-research #home {display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0;min-height:100%;height:100%;padding:12px 45px 8px;text-align:center;}
body.art-research .welcome {transform:translateY(22px);}
body.art-research .bg-nav {position:static;flex:1 0 100%;display:flex;align-items:center;justify-content:flex-start;gap:7px;width:100%;margin:2px 0 0;padding:0;border:0;background:none;color:#f3eadc;text-shadow:0 1px 4px #0a172bcc;transform:none;}
body.art-research:has(#home:not([hidden])) .site-footer {display:grid;grid-template-columns:max-content max-content minmax(0,1fr);align-items:center;row-gap:2px;}
body.art-research:has(#home:not([hidden])) .bg-nav {grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;gap:normal;width:auto;margin:0;}
body.art-research:has(#home:not([hidden])) .bg-nav-label {width:0;min-width:0;overflow:visible;justify-self:start;}
body.art-research:has(#home:not([hidden])) .bg-nav-buttons {justify-self:start;}
body.art-research:not(:has(#home:not([hidden]))) .bg-nav {display:none;}
body.art-research .bg-nav-label {margin:0;font:500 9px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;}
body.art-research .bg-nav-buttons {display:flex;align-items:center;gap:2px;direction:ltr;}
body.art-research .bg-nav .art-btn {display:inline-grid;place-items:center;width:18px;min-width:18px;height:18px;padding:0;border:1px solid color-mix(in srgb,#f3eadc 72%,transparent);border-radius:50%;background:transparent;color:#f3eadc;cursor:pointer;}
body.art-research .bg-nav .art-btn::before {content:"";display:block;}
body.art-research .bg-nav #artPrevBtn::before {width:0;height:0;border-style:solid;border-width:3px 4px 3px 0;border-color:transparent #f3eadc transparent transparent;}
body.art-research .bg-nav #artNextBtn::before {width:0;height:0;border-style:solid;border-width:3px 0 3px 4px;border-color:transparent transparent transparent #f3eadc;}
body.art-research .bg-nav #artToggleBtn::before {width:6px;height:6px;background:linear-gradient(#f3eadc,#f3eadc) left / 1.5px 100% no-repeat,linear-gradient(#f3eadc,#f3eadc) right / 1.5px 100% no-repeat;}
body.art-research .bg-nav #artToggleBtn.is-paused::before {width:0;height:0;background:none;border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent #f3eadc;}
body.art-research .bg-nav .art-btn:hover,body.art-research .bg-nav .art-btn:focus-visible {background:color-mix(in srgb,#f3eadc 20%,transparent);}
body.art-research .bg-nav .art-btn:focus-visible {outline:1px solid #f3eadc;outline-offset:2px;}
body.art-research .bg-nav .art-btn:disabled {opacity:.4;cursor:default;}
html[dir="rtl"] body.art-research .bg-nav-label {letter-spacing:0;text-transform:none;font-size:10px;}
body.art-research .bg-note {margin:0;min-width:0;font:italic 400 13px/1.35 var(--serif);letter-spacing:0;text-transform:none;color:#f3eadc;text-shadow:0 1px 4px #0a172bcc;text-wrap:pretty;}
body.art-research:has(#home:not([hidden])) .bg-note {grid-column:3;justify-self:start;align-self:center;max-width:min(42rem,100%);}
body.art-research .bg-note[hidden] {display:none;}
body.art-research .welcome {--name-size:clamp(44px,5.4vw,76px);display:flex;flex-direction:column;align-items:center;width:min(44rem,100%);margin:0 auto;}
.welcome-name {margin:0;font-weight:600;font-size:var(--name-size,clamp(44px,5.4vw,76px));line-height:1.02;font-family:var(--serif);letter-spacing:-.03em;text-align:center;text-decoration:none;color:#f3eadc;}
.welcome-place {margin:.35em 0 1.05em;font-size:var(--type-caption);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#f3eadc;}
body.art-research .welcome-title {position:relative;z-index:0;isolation:isolate;max-width:40em;margin:0;padding:.9em 1.2em 1em;border-radius:1.15rem;font-weight:600;font-size:clamp(16px,1.85vw,24px);line-height:1.38;font-family:var(--serif);letter-spacing:-.02em;text-align:center;color:#f3eadc;text-shadow:0 1px 2px #0a172bcc,0 8px 22px #0a172baa;}
@media screen and (min-width:1100px) {
  body.art-research:has(#home:not([hidden])) .site-reader {max-width:none;}
  body.art-research .welcome {width:min(84vw,96rem);}
  body.art-research .welcome-title {max-width:none;}
}
body.art-research .welcome-title::before {content:"";position:absolute;inset:-.45em;z-index:-1;border-radius:1.4rem;background:color-mix(in srgb,#0a172b 24%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.15);backdrop-filter:blur(20px) saturate(1.15);pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
body.art-research .welcome-doors {display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;margin-top:32px;}
body.art-research .welcome-doors a {color:#fff8ee;font:600 15px/1.3 var(--sans);letter-spacing:.04em;text-decoration:none;text-shadow:0 1px 10px #0a172be6;}
body.art-research .welcome-doors a:hover,body.art-research .welcome-doors a:focus-visible {color:#ffdbb8;}
body.art-research .panel-scroll {position:fixed;top:50%;z-index:6;width:32px;height:32px;margin:0;padding:0;border:1px solid #f3eadc73;border-radius:50%;background:#0a172b47;color:#f3eadc;font:600 18px/1 var(--serif);cursor:pointer;transform:translateY(-50%);opacity:.62;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
body.art-research:has(#embody:not([hidden])) .panel-scroll {display:none;}
body.art-research .panel-scroll[data-scroll="-1"] {left:14px;}
body.art-research .panel-scroll[data-scroll="1"] {right:14px;}
body.art-research .panel-scroll:hover,body.art-research .panel-scroll:focus-visible {opacity:1;background:#0a172b78;}
body.art-research .panel-scroll:focus-visible {outline:2px solid #f3eadc;outline-offset:3px;}
@media(max-width:700px){body.art-research .panel-scroll{width:28px;height:28px;font-size:16px;}body.art-research .panel-scroll[data-scroll="-1"]{left:8px;}body.art-research .panel-scroll[data-scroll="1"]{right:8px;}}
/* Home type stays one cream, whichever photograph is behind it. */
body.art-research:has(#home:not([hidden])) .header-brand {display:none;}
body.art-research:has(#home:not([hidden])) .site-header {justify-content:flex-end;}
body.art-research:not(:has(#home:not([hidden]))) .header-name {font-size:18px;}
body.art-research:has(#home:not([hidden])) :is(.welcome-title,.welcome-name,.welcome-place,.welcome-doors a,.header-name,.home-affiliation,.site-nav a,.lang-switch,.site-footer,.site-footer a) {color:#f3eadc;text-shadow:0 1px 1px #0a172bcc,0 10px 28px #0a172bcc;}
body.art-research:has(#home:not([hidden])) .welcome-title {text-shadow:0 1px 2px #0a172bcc;}
body.art-research:has(#home:not([hidden])) :is(.welcome-name,.welcome-place) {text-shadow:0 1px 2px #0a172bcc;}
body.art-research:has(#home:not([hidden])) :is(.site-nav a[aria-current=page],.site-nav a:hover,.site-nav a:focus-visible,.welcome-doors a:hover,.welcome-doors a:focus-visible,.lang-switch) {color:#f3eadc;}
body.art-research:has(#home:not([hidden])) .site-nav a[aria-current=page] {text-decoration:underline;text-underline-offset:.4em;text-decoration-thickness:1px;}
body.art-research:has(#home:not([hidden])) .site-nav a:hover,
body.art-research:has(#home:not([hidden])) .site-nav a:focus-visible {background:color-mix(in srgb,#f3eadc 16%,transparent);text-shadow:0 1px 8px #0a172bcc;}
body.art-research:has(#home:not([hidden])) .lang-switch {border-color:color-mix(in srgb,#f3eadc 55%,transparent);}
body.art-research:has(#home:not([hidden])) :is(.site-nav a:focus-visible,.welcome-doors a:focus-visible,.lang-switch:focus-visible) {outline-color:#f3eadc;}
@media (max-width:700px) {
  body.art-research .welcome {--name-size:36px;}
  body.art-research .welcome-title {padding:.7em .85em .75em;border-radius:1rem;line-height:1.32;}
  body.art-research .welcome-doors {display:grid;grid-template-columns:1fr 1fr;justify-items:center;width:min(280px,100%);gap:14px 18px;}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body.art-research .welcome-title::before {background:color-mix(in srgb,#0a172b 58%,transparent);-webkit-mask-image:none;mask-image:none;}
}
body.art-research #research {position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:100%;min-width:0;padding:28px clamp(36px, 4.5vw, 72px) 48px;}
body.art-research #research .hero-title,
body.art-research #embody:not(.is-lab) .hero-title {font:600 clamp(32px,3.2vw,var(--type-title))/1.08 var(--serif);letter-spacing:-.03em;text-wrap:nowrap;white-space:nowrap;max-width:none;margin:22px auto 0;color:#fff8ee;text-shadow:0 2px 22px #0a172be6,0 1px 2px #0a172bcc;}
body.art-research #research > .hero-title {width:min(calc(62rem + 34px),100%);margin-inline:auto;padding-inline-start:34px;box-sizing:border-box;text-align:start;}
body.art-research .research-split {--rail-gap:clamp(56px,8vh,84px);position:relative;display:flex;flex-direction:column;align-items:stretch;gap:var(--rail-gap);width:min(calc(62rem + 34px),100%);box-sizing:border-box;margin-top:22px;padding-inline-start:34px;text-align:start;}
body.art-research .research-perspective {position:relative;width:100%;}
body.art-research .research-perspective::before {content:"";position:absolute;inset-inline-start:-26px;top:6px;width:1px;height:calc(100% + var(--rail-gap));background:#ffdbb8b8;pointer-events:none;}
body.art-research #research.has-rail .research-perspective::before {content:none;}
body.art-research #research.has-rail .research-part::before {inset-inline-start:var(--rail-dot,-30px);z-index:1;}
body.art-research #research.has-rail .research-part {z-index:2;}
body.art-research .research-rail {display:none;position:absolute;z-index:1;width:1px;background:#ffdbb8b8;pointer-events:none;}
body.art-research #research.has-rail .research-rail {display:block;}
body.art-research .research-rail-run {position:absolute;left:50%;width:36px;transform:translateX(-50%);overflow:hidden;top:var(--glow-track-top,0px);height:var(--glow-track-height,0px);pointer-events:none;}
body.art-research .research-rail-glow {position:absolute;left:50%;width:3.4px;height:88px;transform:translateX(-50%);border-radius:3px;background:linear-gradient(to bottom,transparent 0%,#ffdbb8b8 24%,#ffd7ae 64%,#ffe2c2 84%,transparent 100%);filter:drop-shadow(0 0 3px #ffdbb899) drop-shadow(0 0 6px #ffdbb855);animation:research-rail-glow 6.4s linear infinite;}
body.art-research .research-rail-glow::after {content:"";position:absolute;left:50%;bottom:12px;width:5px;height:5px;border-radius:50%;transform:translateX(-50%);background:#ffe4c4;box-shadow:0 0 3px #ffdbb8aa,0 0 6px #ffdbb866;}
@keyframes research-rail-glow {from {top:-73.5px;} to {top:calc(100% - 73.5px);}}
@media (prefers-reduced-motion:reduce) {body.art-research .research-rail-glow {display:none;}}
body.art-research .research-work {width:100%;}
body.art-research .research-part {position:relative;margin:0 0 14px;font:600 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#ffdbb8;text-shadow:0 1px 10px #0a172be6;}
body.art-research .research-part::before {content:"";position:absolute;inset-inline-start:-30px;top:1.5px;width:9px;height:9px;border-radius:50%;background:#ffdbb8;box-shadow:0 0 0 4px #0a172b66,0 0 12px #ffdbb8aa;}
body.art-research .research-work .research-part {width:auto;margin:0 0 20px;text-align:start;}
body.art-research .research-work .research-part:focus {outline:2px solid #ffdbb8;outline-offset:6px;}
body.art-research .research-statement {width:100%;max-width:none;min-width:0;box-sizing:border-box;font:400 var(--type-body)/1.6 var(--serif);margin:0;text-align:start;text-shadow:0 2px 18px #0a172be6,0 1px 2px #0a172bcc;}
body.art-research .research-statement p + p {margin-top:1em;}
body.art-research .research-statement strong {font-weight:700;}
body.art-research .research-statement a {color:#ffdbb8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em;text-shadow:0 1px 10px #0a172be6;}
body.art-research .research-statement a::after {content:"↗";display:inline-block;margin-inline:.22em .06em;font-size:.46em;line-height:1;vertical-align:.42em;text-decoration:none;transition:transform .25s ease;}
body.art-research .link-mark {display:inline-block;margin-inline-start:.28em;font-size:.7em;line-height:1;vertical-align:.28em;text-decoration:none;}
body.art-research .research-statement :is(a, button).concept-link,
body.art-research .welcome-title :is(a, button).concept-link {color:#ffdbb8;text-decoration:underline;text-underline-offset:.16em;text-decoration-thickness:1px;}
body.art-research .research-statement :is(a, button).concept-link::after,
body.art-research .welcome-title :is(a, button).concept-link::after {content:none;}
body.art-research :is(.research-statement, .welcome-title, .concept-intro) :is(a, button).concept-link {position:relative;display:inline-block;transition:transform .22s ease,color .22s ease;z-index:1;}
body.art-research :is(.research-statement, .welcome-title, .concept-intro) :is(a, button).concept-link:hover,
body.art-research :is(.research-statement, .welcome-title, .concept-intro) :is(a, button).concept-link:focus-visible {transform:translateY(-.22em);color:#fff8ee;z-index:4;}
body.art-research :is(.research-statement, .welcome-title, .concept-intro) :is(a, button).concept-link:hover::after,
body.art-research :is(.research-statement, .welcome-title, .concept-intro) :is(a, button).concept-link:focus-visible::after {content:attr(data-note);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:230px;padding:7px 10px;border-radius:8px;background:#0d1a2ef5;color:#fff8ee;font:500 12px/1.35 var(--sans);letter-spacing:0;text-indent:0;text-transform:none;text-decoration:none;text-shadow:none;text-align:center;white-space:normal;pointer-events:none;box-shadow:0 10px 28px #0008;}
body.art-research .welcome-title button.concept-link {margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;vertical-align:baseline;}
body.art-research .research-statement a:hover,body.art-research .research-statement a:focus-visible {color:#fff8ee;}
body.art-research .research-statement a:hover::after,body.art-research .research-statement a:focus-visible::after {transform:translate(2px,-2px);}
body.art-research .research-projects {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;align-items:start;gap:12px 28px;margin:0;width:100%;max-width:none;min-width:0;box-sizing:border-box;}
body.art-research .research-status {position:absolute;top:0;left:50%;z-index:2;font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 8px #0a172bf5;transform:translateX(-50%);white-space:nowrap;}
body.art-research .research-orb.is-active .research-status {color:#ffdbb8;}
body.art-research .research-orb.is-active .research-orb-disc {border-color:#ffdbb8;box-shadow:0 0 0 1px #ffdbb866,0 0 26px #ffdbb866,0 14px 40px #0005;}
body.art-research .research-orb.is-active .research-orb-fig {opacity:.95;filter:saturate(1.08) brightness(1.2);}
body.art-research .research-orb.is-active .research-orb-disc::after {opacity:.55;}
body.art-research .research-orb.is-done .research-status {color:#fff8ee80;}
body.art-research .research-orb.is-done .research-orb-disc {border-color:#fff8ee2e;background:#0d1a2eb0;box-shadow:none;}
body.art-research .research-orb.is-done .research-orb-fig {opacity:.42;filter:saturate(.55) brightness(.8);}
body.art-research .research-orb.is-done .research-name {color:#fff8eeb3;}
body.art-research .research-orb {position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:220px;padding-top:1.35em;color:#fff8ee;text-decoration:none;text-align:center;perspective:720px;}
body.art-research .research-orb:focus-visible {outline:none;}
body.art-research .research-orb-disc {position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:1;padding:18px 16px;border:1px solid #fff8ee55;border-radius:50%;background:#0d1a2ef2;box-shadow:0 14px 40px #0004;transform:translate3d(0,var(--orb-lift,0px),0) scale(var(--orb-scale,1)) rotateX(var(--orb-rx,0deg)) rotateY(var(--orb-ry,0deg));transform-style:preserve-3d;transition:transform .45s cubic-bezier(.22,.7,.28,1),background .35s ease,border-color .35s ease,box-shadow .35s ease;}
body.art-research .research-orb-fig {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.7;filter:saturate(.92) brightness(1.05);pointer-events:none;z-index:0;transition:opacity .35s ease,filter .35s ease;}
body.art-research .research-orb[href="#model"] .research-orb-fig {object-fit:contain;object-position:center;opacity:.88;}
body.art-research .research-orb[href="#model"] .research-orb-disc::after {width:72%;height:46%;opacity:.72;}
body.art-research .research-orb[href="#sleep"] .research-orb-fig,
body.art-research .research-orb[href="#circadian"] .research-orb-fig {object-fit:contain;}
body.art-research .research-orb[href="#organoids"] .research-orb-fig {object-fit:cover;object-position:center;}
body.art-research .research-orb-disc::after {content:"";position:absolute;left:50%;top:52%;width:86%;height:58%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#0a172bf5 0 42%,#0a172bd0 68%,transparent 100%);pointer-events:none;z-index:1;opacity:1;transition:opacity .35s ease;}
body.art-research .research-orb:hover .research-orb-disc,body.art-research .research-orb:focus-visible .research-orb-disc,body.art-research .research-orb.is-lit .research-orb-disc {--orb-lift:-4px;--orb-scale:1.02;background:#0d1a2ef2;border-color:#ffdbb8;box-shadow:0 22px 54px #0006;}
body.art-research .research-orb:hover .research-orb-fig,body.art-research .research-orb:focus-visible .research-orb-fig,body.art-research .research-orb.is-lit .research-orb-fig {opacity:1;filter:saturate(1.12) brightness(1.38);}
body.art-research .research-orb:hover .research-orb-disc::after,body.art-research .research-orb:focus-visible .research-orb-disc::after,body.art-research .research-orb.is-lit .research-orb-disc::after {opacity:.22;}
body.art-research .research-role {position:relative;z-index:2;display:block;margin-bottom:8px;font:11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#ffdbb8;text-shadow:0 0 12px #0a172b,0 1px 8px #0a172bf5;}
body.art-research .research-name {position:relative;z-index:2;font:600 17px/1.2 var(--serif);text-shadow:0 0 18px #0a172b,0 2px 12px #0a172bf8,0 1px 2px #0a172b;}
body.art-research .research-q {position:relative;width:100%;max-width:100%;margin:0;font:400 var(--type-small)/1.35 var(--serif);color:#fff1de;text-align:center;text-wrap:balance;text-shadow:0 2px 10px #0007;pointer-events:none;}
@media (hover:hover) and (pointer:fine) {
  body.art-research .research-q {min-height:4.5em;opacity:0;transition:opacity .3s ease;}
  body.art-research .research-orb:hover .research-q,body.art-research .research-orb:focus-visible .research-q,body.art-research .research-orb.is-lit .research-q {opacity:1;}
}
@media (max-width:1049px) {
  body.art-research .research-split {--rail-gap:28px;}
  body.art-research #research > .hero-title,
  body.art-research .research-split {padding-inline-start:26px;}
  body.art-research .research-part {text-align:start;}
  body.art-research .research-statement {text-align:start;}
  body.art-research .research-projects {grid-template-columns:1fr 1fr;max-width:480px;gap:28px 24px;}
  body.art-research .research-orb {max-width:200px;}
}
body.art-research .site-footer {flex:0 0 auto;margin:0 45px;padding:10px 0 12px;color:#fff1de;border-color:#ffffff60;font-size:12px;}
body.art-research .site-footer .copyright {margin-left:auto;}
body.art-research .page :is(.eyebrow,.project-meta,.kind,.aside,.back-link,.project-question,.project-contact) {color:inherit;}
body.art-research .page-header {border-color:#ffffff60;}
body.art-research :is(.page, .interactive-page) {font-family:var(--serif);}
body.art-research :is(.eyebrow,.label,.back-link,.kind,.aside,.link-row,.project-contact,.site-nav,.site-footer,.photo-instruction,.photo-number) {font-family:var(--sans);}
body.art-research .page-header h1 {font:600 clamp(32px,3.2vw,var(--type-title))/1.08 var(--serif);letter-spacing:-.03em;text-shadow:0 2px 22px #0a172be6,0 1px 2px #0a172bcc;}
body.art-research :is(.project-intro,.paper-finding,.project-notes p,.about-body,#about .contact>p:not(.label)) {font:400 var(--type-body)/1.55 var(--serif);}
body.art-research :is(#ecoliLab,#springLab,#sleepLab,#springIdeaLab) {color:#fff8ee;text-shadow:0 1px 10px #0006;background:transparent;padding:0;}
body.art-research :is(.elab,.learning-experiment.inquiry) {background:transparent;padding-inline:0;}
body.art-research :is(.elab-netwrap,.elab-lane-net,.elab-chart,.elab-clockchart,.inquiry-field) {background:transparent;}
body.art-research .elab-lane-stage {background:transparent;border-color:#ffffff40;}
body.art-research :is(#ecoliLab,#springLab,#sleepLab) :is(.eyebrow,.project-question) {color:#fff8ee;}
body.art-research .elab {--elab-ink:#fff8ee;--elab-muted:#e8dfd2;--elab-line:#ffffff50;}
body.art-research .learning-experiment.inquiry {--learn-ink:#fff8ee;--learn-muted:#e8dfd2;--learn-paper:transparent;--learn-rule:#ffffff55;color:var(--learn-ink);}
body.art-research .inquiry button:hover:not(:disabled) {background:#ffffff22;}
body.art-research .inquiry .inquiry-next {background:#fff8ee;border-color:#fff8ee;color:#1b2433;text-shadow:none;}
body.art-research .inquiry .inquiry-next:hover:not(:disabled) {background:#ffdbb8;border-color:#ffdbb8;color:#1b2433;}
body.art-research :is(.elab-inquiry-intro,.elab-step-cue,.elab-schematic-caption,.elab .elab-origin a) {color:#fff8ee;text-shadow:0 2px 12px #0008;}
body.art-research .embody-labs {border-color:#ffffff60;}
body.art-research .embody-labs a {color:#fff8ee;border-color:transparent;background:transparent;}
body.art-research .embody-labs a[aria-current=page] {background:transparent;color:#ffdbb8;border-bottom-color:#ffdbb8;}
body.art-research .embody-lead {align-self:center;width:max-content;max-width:100%;min-width:0;box-sizing:border-box;margin:14px auto 0;font:400 var(--type-body)/1.5 var(--serif);text-shadow:0 2px 12px #0006;white-space:nowrap;}
body.art-research #embody:not(.is-lab) {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;max-width:none;min-width:0;min-height:100%;padding:4px 24px 16px;margin:0 auto;}
body.art-research #embody:not(.is-lab) .page-header {width:100%;border:0;}
body.art-research #embody:not(.is-lab) .page-header {text-align:center;}
body.art-research .embody-net {display:flex;flex-direction:column;width:min(100%,1100px);height:min(46vh,400px);margin-top:4px;touch-action:none;}
body.art-research #embody:not(.is-lab) .embody-gates {display:none;}
body.art-research #embody.is-lab {display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px 16px;}
body.art-research #embody.is-lab>.page-header,
body.art-research #embody.is-lab>[data-embody-panel] {grid-column:1;min-width:0;}
body.art-research .embody-gates {display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:10px;width:max-content;max-width:100%;margin:4px 0 0;text-align:start;}
body.art-research .embody-gate {min-width:0;border:1px solid #fff8ee44;border-radius:16px;background:#0a172b66;box-shadow:0 12px 28px #0004;}
body.art-research .embody-gate summary {display:flex;flex-direction:column;gap:4px;padding:14px 16px 10px;list-style:none;cursor:pointer;color:#fff8ee;}
body.art-research .embody-gate summary::-webkit-details-marker {display:none;}
body.art-research .embody-gate summary::after {content:"";position:absolute;top:18px;inset-inline-end:16px;width:8px;height:8px;border-right:1.5px solid #ffdbb8;border-bottom:1.5px solid #ffdbb8;transform:rotate(45deg);}
body.art-research .embody-gate[open] summary::after {transform:rotate(225deg);top:22px;}
body.art-research .embody-gate summary {position:relative;}
body.art-research .embody-gate summary:focus-visible {outline:2px solid #ffdbb8;outline-offset:-2px;border-radius:16px;}
body.art-research .embody-gate-kicker {font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#ffdbb8;}
body.art-research .embody-gate-note {max-width:36ch;padding-inline-end:18px;font:400 15px/1.35 var(--serif);color:#fff8eedd;}
body.art-research .embody-gate-list {display:flex;flex-direction:column;gap:2px;padding:2px 8px 12px;}
body.art-research .embody-gate-list a {display:flex;align-items:center;min-height:38px;padding:6px 10px;border-radius:8px;color:#fff8ee;font:500 16px/1.3 var(--serif);text-decoration:none;text-shadow:0 1px 8px #0006;}
body.art-research .embody-gate-list a:hover,body.art-research .embody-gate-list a:focus-visible {background:#fff8ee18;color:#ffdbb8;}
body.art-research .embody-gate-list a:focus-visible {outline:2px solid #ffdbb8;outline-offset:2px;}
body.art-research .embody-gate-list a[aria-current="page"] {background:#fff8ee16;color:#ffdbb8;}
body.art-research #embody.is-lab .embody-gates {grid-column:1;grid-row:auto;position:relative;z-index:6;align-self:start;justify-self:start;}
body.art-research #embody.is-lab .embody-gate {position:relative;flex:0 0 auto;width:max-content;}
body.art-research #embody.is-lab .embody-gate-note {display:none;}
body.art-research #embody.is-lab .embody-gate summary {flex-direction:row;align-items:center;min-height:40px;padding:10px 34px 10px 14px;white-space:nowrap;}
body.art-research #embody.is-lab .embody-gate summary::after {top:15px;inset-inline-end:14px;}
body.art-research #embody.is-lab .embody-gate[open] summary::after {top:17px;}
body.art-research #embody.is-lab .embody-gate.is-current summary {color:#ffdbb8;}
body.art-research #embody.is-lab .embody-gate-list {position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:7;min-width:240px;max-height:min(52vh,420px);overflow:auto;border:1px solid #fff8ee44;border-radius:14px;background:#0a172be8;box-shadow:0 16px 36px #0007;}
body.art-research #embody.is-lab .embody-gate-list a {min-height:34px;padding:6px 12px;font-size:15px;white-space:nowrap;}
body.art-research .embody-read-first {margin-inline-start:12px;font:600 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#ffdbb8;white-space:nowrap;}
@media(max-width:700px){body.art-research #embody.is-lab{grid-template-columns:minmax(0,1fr);gap:8px;padding-inline:12px;}body.art-research #embody.is-lab .embody-gate-list{min-width:min(240px,72vw);}}
body.art-research .embody-net-stage {position:relative;flex:1;min-height:380px;touch-action:none;}
body.art-research .embody-net-bonds {position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
body.art-research .embody-node {position:absolute;left:0;top:0;width:30px;margin:0;padding:0;border:0;background:transparent;color:#fff8ee;font:inherit;text-decoration:none;text-align:center;cursor:pointer;user-select:none;-webkit-user-drag:none;touch-action:manipulation;transform:translate(-50%,-50%);transform-origin:center;z-index:1;will-change:transform,opacity,left,top;}
body.art-research .embody-node:focus-visible {outline:none;}
body.art-research .embody-node.is-empty {width:var(--node-size,10px);pointer-events:none;z-index:0;}
body.art-research .embody-node.is-focus,body.art-research .embody-node:hover,body.art-research .embody-node:focus-visible {width:104px;z-index:3;}
body.art-research .embody-node-disc {display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:1;padding:0;border:1px solid #fff8ee66;border-radius:50%;background:#fff8ee24;box-shadow:0 8px 22px #0003;transition:transform .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease,width .35s ease;}
body.art-research .embody-node:not(.is-empty) .embody-node-disc {background:#ffdbb8e6;border-color:#ffe9d2;box-shadow:0 0 18px #ffdbb88a,0 8px 22px #0004;}
body.art-research .embody-node.is-empty .embody-node-disc {padding:0;border-color:#fff8ee30;background:#fff8ee1f;box-shadow:none;}
body.art-research .embody-node:hover .embody-node-disc,body.art-research .embody-node:focus-visible .embody-node-disc,body.art-research .embody-node.is-focus .embody-node-disc {background:#1b2c4acc;border-color:#ffdbb8;box-shadow:0 18px 40px #0006;padding:14px 12px;}
body.art-research .embody-node.is-empty .embody-node-disc,
body.art-research .embody-node.is-empty:hover .embody-node-disc {transform:none;padding:0;}
body.art-research .embody-role {display:block;margin-bottom:6px;font:11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#ffdbb8;}
body.art-research .embody-name {font:600 16px/1.2 var(--serif);}
body.art-research .embody-node:not(.is-focus):not(:hover):not(:focus-visible) :is(.embody-role,.embody-name) {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;opacity:0;}
body.art-research .embody-net-cue {width:max-content;max-width:100%;margin:12px auto 0;min-height:0;color:#ffdbb8;font:400 16px/1.45 var(--serif);text-shadow:0 2px 12px #0008;white-space:nowrap;}
body.art-research .embody-net-cue.is-detail {width:min(72ch,100%);white-space:normal;}
body.art-research #embody.is-lab .embody-lead,
body.art-research #embody.is-lab .embody-net-cue {display:none;}
.embody-well {display:none;}
body.art-research:has(#embody.is-lab:not([hidden])) .art-footer {display:none;}
body.art-research #impressions {position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:100%;min-width:0;min-height:100%;height:100%;padding:0;overflow:hidden;}
body.art-research #impressions .page-header {position:relative;z-index:2;width:100%;border:0;padding:22px 45px 0;box-sizing:border-box;text-align:start;}
body.art-research #impressions .hero-title {font:600 clamp(52px,5.2vw,72px)/1.05 var(--serif);letter-spacing:-.03em;text-wrap:nowrap;white-space:nowrap;max-width:none;margin:8px 0 0;text-align:start;color:#fff6e8;text-shadow:0 0 8px #fff4dc,0 0 22px #ffdbb8,0 0 46px #f0b56acc,0 0 78px #e8a15a66;}
body.art-research .face-eye {--face-y:50%;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
body.art-research:has(#impressions:not([hidden])) .face-eye {position:fixed;inset:0;}
body.art-research.is-panel-swipe:has(#impressions:not([hidden])) .face-eye {position:absolute;inset:0;}
body.art-research.is-panel-swipe main {position:relative;overflow:hidden;}
body.art-research.is-panel-swipe main > .page.is-swipe-current,
body.art-research.is-panel-swipe main > .page.is-swipe-next {position:absolute;inset:0;width:100%;height:100%;margin:0;overflow:auto;}
body.art-research:has(#impressions:not([hidden])) .site-header,
body.art-research:has(#impressions:not([hidden])) .site-footer {position:relative;z-index:2;}
body.art-research .face-art {position:absolute;display:block;left:0;top:0;width:100%;height:100%;max-width:none;pointer-events:none;}
body.art-research .face-art [data-iris] {transform-box:view-box;transform-origin:0 0;}
body.art-research .impressions-split {display:grid;grid-template-columns:1fr 1fr;flex:1 1 auto;align-self:stretch;min-height:0;width:100%;margin-top:8px;}
body.art-research .impression-side {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-width:0;padding:12px 8px;color:#fff8ee;text-decoration:none;text-align:center;}
body.art-research .impression-side + .impression-side {border-inline-start:1px solid #fff8ee33;}
body.art-research .impression-side:focus-visible {outline:none;}
body.art-research .impressions-stage {position:relative;z-index:1;flex:1 1 auto;width:100%;min-height:0;}
body.art-research .impressions-split {position:absolute;inset:0;z-index:3;margin:0;}
body.art-research .impressions-stage .impression-side {justify-content:flex-end;padding:0 8px 40px;}
body.art-research .impressions-stage .impression-side + .impression-side {border:0;}
body.art-research .impression-side .research-name {position:relative;z-index:auto;display:inline-block;padding:8px 12px 12px;font:600 clamp(36px,4vw,50px)/1.08 var(--serif);white-space:nowrap;transform:translateY(0) scale(1);transition:transform .7s cubic-bezier(.2,.7,.2,1),text-shadow .7s ease,opacity .7s ease;}
body.art-research .impression-side[href="#writing"] .research-name {color:#c45c4c;text-shadow:0 1px 2px #1c120c80,0 0 8px #ffe4dc,0 0 22px #f0b0a0,0 0 46px #c45c4c99,0 0 78px #8c3e3244;}
body.art-research .impression-side[href="#photography"] .research-name {color:#708058;text-shadow:0 0 8px #f4f6e4,0 0 22px #c5d4a4,0 0 46px #8aa06a99,0 0 78px #5c6e4444;}
body.art-research .impression-side:has(.research-name:hover) ~ .impression-side .research-name,
body.art-research .impression-side:has(+ .impression-side .research-name:hover) .research-name,
body.art-research .impression-side:focus-visible ~ .impression-side .research-name,
body.art-research .impression-side:has(+ .impression-side:focus-visible) .research-name {opacity:.42;}
body.art-research .impression-side[href="#writing"]:focus-visible .research-name,
body.art-research .impression-side[href="#writing"] .research-name:hover {transform:translateY(-4px) scale(1.06);text-shadow:0 1px 2px #1c120c80,0 0 10px #ffe4dc,0 0 26px #f0b0a0,0 0 56px #c45c4cee,0 0 96px #8c3e3288,0 18px 28px #3a201840;}
body.art-research .impression-side[href="#photography"]:focus-visible .research-name,
body.art-research .impression-side[href="#photography"] .research-name:hover {transform:translateY(-4px) scale(1.06);text-shadow:0 0 10px #f4f6e4,0 0 26px #c5d4a4,0 0 56px #8aa06aee,0 0 96px #5c6e4488,0 18px 28px #1a221040;}
@media(max-width:700px){body.art-research .impression-side .research-name{font-size:clamp(26px,7.2vw,34px);}}
@media(prefers-reduced-motion:reduce){body.art-research .impression-side .research-name{transition:none;}body.art-research .impression-side:is(:hover,:focus-visible) .research-name,body.art-research .impression-side .research-name:hover{transform:none;}}
body.art-research #photography .photo-instruction {color:#fff1de;}
body.art-research #about {padding-top:18px;}
body.art-research #about .back-link {min-height:28px;margin:-4px 0 8px;}
body.art-research #about .page-header h1 {font-size:clamp(32px,3.2vw,var(--type-title));max-width:none;}
body.art-research #about .about-body {max-width:none;margin-top:12px;font:400 var(--type-body)/1.55 var(--serif);}
body.art-research #about :is(.about-body,.link-row,.contact) {margin-inline-start:18px;}
body.art-research .about-portrait {border:2px solid #ffdbb8aa;border-radius:50%;box-shadow:0 12px 28px #0005;}
body.art-research .about-portrait img {display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 0%;transform:none;}
body.art-research #about .link-row {margin-top:10px;}
body.art-research #about .link-row a,body.art-research #about .contact a {min-height:32px;}
body.art-research #about .contact {margin-top:52px;padding-top:18px;}
body.art-research #about .contact .email {font-size:22px;}
@media(max-width:700px){body.art-research #impressions .page-header{padding-inline:24px;}body.art-research .art-layer{background-size:cover;}body.art-research .art-panel{position:fixed;inset:0;width:100%;height:100dvh;}body.art-research .site-header{padding:22px 24px 12px;display:block}.header-name{font-size:26px;}body.art-research .site-nav{margin-top:17px;gap:13px;}.site-nav a{font-size:11px;}body.art-research .page,body.art-research .interactive-page{padding:38px 24px 0;}body.art-research #home{padding-top:28px;}body.art-research .welcome-doors{gap:12px 18px;}body.art-research #research{padding-top:38px;}body.art-research .research-statement{font-size:17px;}body.art-research .research-projects{margin-top:32px;gap:22px 16px;}body.art-research .research-orb{width:100%;max-width:none;}body.art-research .research-orb-disc{width:100%;padding:16px 12px;}body.art-research .research-name{font-size:17px;}body.art-research .site-footer{margin:0 24px;gap:15px;}body.art-research .art-footer{right:14px;bottom:14px;}body.art-research :is(#ecoliLab,#springLab,#sleepLab){padding:0;}body.art-research .embody-net{height:min(52vh,380px);}body.art-research .embody-node{width:26px;}body.art-research .embody-node.is-focus,body.art-research .embody-node:hover,body.art-research .embody-node:focus-visible{width:96px;}body.art-research .embody-node.is-empty{width:var(--node-size,9px);}body.art-research .embody-name{font-size:14px;}body.art-research #impressions .hero-title{white-space:normal;font-size:clamp(44px,12vw,58px);}body.art-research .impression-side{gap:12px;padding:8px 4px;}}
@media(prefers-reduced-motion:reduce){.research-orb-disc,.research-orb-fig,.embody-node-disc,.impression-eye,.art-layer,.site-nav a,.site-nav-glint,.site-nav a[href$=".pdf"] span,body.art-research .research-statement a::after{transition:none!important;}body.art-research .site-nav a:hover,body.art-research .site-nav a:focus-visible,body.art-research .research-statement a:hover::after,body.art-research .research-statement a:focus-visible::after,body.art-research :is(.research-statement,.welcome-title,.concept-intro) :is(a, button).concept-link:hover,body.art-research :is(.research-statement,.welcome-title,.concept-intro) :is(a, button).concept-link:focus-visible{transform:none;}body.art-research .research-orb:hover .research-orb-disc,body.art-research .research-orb:focus-visible .research-orb-disc,body.art-research .research-orb.is-lit .research-orb-disc{--orb-lift:0px;--orb-scale:1;}}
@media print {body.art-research{color:#222;background:white}.site-reader{margin:0!important}body.art-research .page{color:#222}.art-panel,.panel-scroll{display:none!important}}
body.art-research .page {--muted:#e0d8cd;--rule:#ffffff60;}
body.art-research :is(#ecoliLab,#springLab,#sleepLab) {--muted:#e8dfd2;--rule:#ffffff50;}
body.art-research .site-nav {display:flex;}
@media(max-width:700px){
  body.art-research .site-footer .copyright{flex-basis:100%;margin-left:0;}
  body.art-research:has(#home:not([hidden])) .site-footer {grid-template-columns:max-content minmax(0,1fr);width:auto;min-width:0;}
  body.art-research:has(#home:not([hidden])) .site-footer .copyright {grid-column:1 / -1;justify-self:start;}
  body.art-research:has(#home:not([hidden])) .bg-nav {display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;max-width:100%;min-width:0;}
  body.art-research:has(#home:not([hidden])) .bg-nav-label {width:auto;min-width:max-content;flex:none;}
  body.art-research:has(#home:not([hidden])) .bg-nav-buttons {flex:none;}
  body.art-research:has(#home:not([hidden])) .bg-note {flex:1 1 100%;grid-column:auto;width:100%;min-width:0;max-width:calc(100vw - 48px);margin-top:4px;}
  body.art-research .site-nav{flex-wrap:wrap;}
  body.art-research .site-reader,body.art-research .page,body.art-research #home,body.art-research #research,body.art-research #embody:not(.is-lab){max-width:100%;}
  body.art-research .research-statement{width:100%;max-width:min(62ch,100%);}
  body.art-research .embody-lead,body.art-research .embody-net-cue{width:100%;max-width:100%;white-space:normal;}
  body.art-research .research-projects{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:start;gap:22px 16px;}
  body.art-research .research-orb{width:100%;max-width:none;min-width:0;}
  body.art-research .site-reader>main{width:100%;min-width:0;max-width:100%;}
  body.art-research #about{width:100%;max-width:100%;box-sizing:border-box;}
  body.art-research .about-layout{display:flex;flex-direction:column;align-items:stretch;width:calc(100vw - 48px);max-width:calc(100vw - 48px);}
  body.art-research .about-copy{width:calc(100vw - 48px);max-width:calc(100vw - 48px);}
  body.art-research #about .page-header h1,body.art-research #about .about-body{white-space:normal;max-width:100%;}
  body.art-research .about-portrait{order:-1;width:min(240px,72%);max-width:72%;min-width:0;margin:0 auto 16px;aspect-ratio:1;}
  body.art-research .about-portrait img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 0%;}
  body.art-research #about{padding-top:12px;}
  body.art-research #research .hero-title,
  body.art-research #embody:not(.is-lab) .hero-title{white-space:normal;text-wrap:balance;max-width:18ch;font-size:clamp(28px,8vw,36px);}
  body.art-research #research > .hero-title{max-width:none;width:100%;text-align:start;}
}

.header-end {display:flex;align-items:center;gap:14px;min-width:0;}
.lang-switch {
  flex:none;
  min-height:32px;
  padding:5px 12px;
  border:1px solid #fff8ee55;
  border-radius:999px;
  background:transparent;
  color:#ffdbb8;
  font:600 12px/1.2 var(--sans);
  letter-spacing:.04em;
  cursor:pointer;
  text-shadow:0 1px 8px #0007;
}
.lang-switch:hover,.lang-switch:focus-visible {
  background:#ffdbb824;
  border-color:#ffdbb8;
  outline:none;
}
.lang-switch:focus-visible {outline:2px solid #ffdbb8;outline-offset:3px;}
html[dir="rtl"] {
  --serif:"Noto Naskh Arabic","Source Serif 4",Georgia,serif;
  --sans:Cairo,Inter,sans-serif;
}
html[dir="rtl"] body.art-research .site-nav a,
html[dir="rtl"] body.art-research .home-affiliation,
html[dir="rtl"] body.art-research .welcome-place,
html[dir="rtl"] body.art-research .embody-role,
html[dir="rtl"] body.art-research .research-role,
html[dir="rtl"] body.art-research .eyebrow,
html[dir="rtl"] body.art-research .label {
  letter-spacing:0;
  text-transform:none;
}
html[dir="rtl"] body.art-research .welcome-title,
html[dir="rtl"] body.art-research .welcome-doors a,
html[dir="rtl"] body.art-research .header-name,
html[dir="rtl"] body.art-research .welcome-name,
html[dir="rtl"] body.art-research #research .hero-title,
html[dir="rtl"] body.art-research #embody:not(.is-lab) .hero-title,
html[dir="rtl"] body.art-research #impressions .hero-title,
html[dir="rtl"] body.art-research .page-header h1 {
  letter-spacing:0;
}
html[dir="rtl"] body.art-research .site-footer .copyright {margin-left:0;margin-inline-start:auto;}
/* Simulations in Egyptian Arabic: the drawings keep their left-to-right layout (labs/demo-ar.js wraps each
   Arabic label as its own right-to-left unit); the text around them reads right to left. */
html[dir="rtl"] :is([data-concept], #ecoliLab, #sleepLab, #springLab) svg {direction:ltr;}
html[dir="rtl"] .lang-switch {font-family:Inter,var(--sans);}
@media (max-width:700px) {
  .header-end {flex-wrap:wrap;justify-content:flex-start;}
}

body.art-research .canon-dialog {
  width: min(560px, calc(100vw - 32px));
  max-height: min(720px, calc(100dvh - 32px));
  margin: auto;
  padding: 22px 22px 20px;
  border: 1px solid #ffdbb840;
  border-radius: 18px;
  background: #0d1a2ef5;
  color: #fff8ee;
  color-scheme: dark;
  box-shadow: 0 24px 64px #000c;
  overflow: auto;
}
body.art-research .canon-dialog::backdrop {background: #0a172bcc;}
body.art-research .canon-dialog :focus-visible {outline-color: #ffdbb8; outline-offset: 2px;}
body.art-research .canon-head {display: flex; justify-content: space-between; align-items: flex-start; gap: 16px;}
body.art-research .canon-kicker {margin: 0 0 6px; font: 600 11px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: #ffdbb8;}
body.art-research .canon-dialog h2 {margin: 0; font: 600 26px/1.15 var(--serif); letter-spacing: -.02em; color: #fff8ee;}
body.art-research .canon-lead {margin: 12px 0 0; font: 400 16px/1.5 var(--serif); color: #fff8ee;}
body.art-research .canon-close {
  flex: none;
  margin: 0;
  padding: 6px 10px;
  border: 1px solid #ffdbb855;
  border-radius: 999px;
  background: transparent;
  color: #ffdbb8;
  font: 600 12px/1 var(--sans);
  letter-spacing: .04em;
  cursor: pointer;
}
body.art-research .canon-close:hover,
body.art-research .canon-close:focus-visible {background: #ffdbb824; border-color: #ffdbb8;}
body.art-research .canon-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 18px 0 0;
  border-bottom: 1px solid #ffdbb833;
}
body.art-research .canon-tabs button {
  margin: 0;
  padding: 10px 8px 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #fff8eeb3;
  font: 600 12px/1.3 var(--sans);
  letter-spacing: .01em;
  text-align: center;
  text-wrap: balance;
  cursor: pointer;
}
body.art-research .canon-tabs button[aria-selected="true"] {color: #ffdbb8; border-bottom-color: #ffdbb8;}
body.art-research .canon-tabs button:hover {color: #fff8ee;}
body.art-research .canon-panel {padding-top: 16px; min-height: 12.5em;}
body.art-research .canon-lead strong {font-weight: 600; color: #ffdbb8;}
body.art-research #canonPanelPlain h3 {font-size: 18px;}
body.art-research #canonPanelPlain p strong {font-weight: 600;}
body.art-research #canonPanelPlain .canon-cite {margin: 4px 0 14px;}
body.art-research #canonPanelPlain .canon-origin {padding-top: 12px; border-top: 1px solid #ffdbb833; font-size: 15px;}
body.art-research .canon-panel h3 {margin: 0 0 8px; font: 600 22px/1.25 var(--serif); letter-spacing: -.02em; color: #fff8ee;}
body.art-research .canon-panel p {margin: 0; font: 400 16px/1.5 var(--serif);}
body.art-research .canon-panel .canon-cite {margin: 0 0 10px; font: 500 13px/1.45 var(--sans); color: #ffdbb8;}
body.art-research .canon-panel .canon-links {display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 14px;}
body.art-research .canon-links a {color: #ffdbb8; font: 600 13px/1.35 var(--sans); text-decoration: underline; text-underline-offset: .16em;}
body.art-research .canon-links a:hover,
body.art-research .canon-links a:focus-visible {color: #fff8ee;}
body.art-research .canon-links a::after {content: "↗"; display: inline-block; margin-inline-start: .28em; font-size: .85em; text-decoration: none;}
body.art-research .canon-links a.canon-try::after {content: none;}
@media (max-width: 560px) {
  body.art-research .canon-dialog {padding: 16px 16px 14px;}
  body.art-research .canon-dialog h2 {font-size: 22px;}
  body.art-research .canon-tabs {grid-template-columns: 1fr;}
  body.art-research .canon-tabs button {border-bottom: 0; border-inline-start: 2px solid transparent; text-align: start; padding-inline: 10px;}
  body.art-research .canon-tabs button[aria-selected="true"] {border-inline-start-color: #ffdbb8; border-bottom-color: transparent;}
  body.art-research .canon-panel {min-height: 0;}
}
html[dir="rtl"] body.art-research .canon-kicker {letter-spacing: 0; text-transform: none;}

/* Embodied physical learning: one reading column, figures set into the argument. */
body.art-research :is(#model, #sleep, #circadian, #organoids) {
  /* A bit wider than the research perspective (62rem), still inset from both edges. */
  width: min(100%, calc(70rem + 90px));
  margin-inline: auto;
  padding-bottom: 72px;
}
body.art-research :is(#model, #sleep, #circadian, #organoids) :is(.page-header, .paper-finding) { max-width: none; }
body.art-research :is(#model, #sleep, #circadian, #organoids) :is(.project-question, .paper-finding, .project-meta, .model-essay, .model-figure figcaption, .project-intro, .project-notes, .project-contact) {
  text-shadow: 0 2px 18px #0a172be6, 0 1px 2px #0a172bcc;
}
body.art-research :is(#model, #sleep, #circadian, #organoids) .paper-finding { border-color: #ffffff55; }
body.art-research :is(#model, #sleep, #circadian, #organoids) .project-meta { margin-top: 18px; font-size: 13px; }
body.art-research :is(#model, #sleep, #circadian, #organoids) .project-meta a,
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-links a,
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-fig-src a {
  color: #ffdbb8;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}
body.art-research :is(#model, #sleep, #circadian, #organoids) :is(.project-meta, .model-fig-src) a { white-space: nowrap; }
body.art-research :is(#model, #sleep, #circadian, #organoids) .project-meta a:hover,
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-links a:hover,
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-fig-src a:hover { color: #fff8ee; }
body.art-research :is(#model, #sleep, #circadian, #organoids) a[target="_blank"]::after {
  content: "↗";
  display: inline-block;
  margin-inline-start: .28em;
  font-size: .72em;
  line-height: 1;
  text-decoration: none;
}
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 22px;
  margin-top: 4px;
  font: 500 14px/1.4 var(--sans);
}
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-essay { margin-top: 1.15rem; }
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-essay > p,
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-essay > .essay-part > p {
  max-width: none;
  font: 400 var(--type-body)/1.6 var(--serif);
  text-shadow: 0 2px 18px #0a172be6, 0 1px 2px #0a172bcc;
}
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-essay a {
  color: #ffdbb8;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-essay a:hover,
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-essay a:focus-visible { color: #fff8ee; }
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-essay > p + p,
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-essay > .essay-part > p + p { margin-top: 1.05em; }
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-figure { width: min(100%, 28rem); margin: 1.75rem 0 0.35rem; }
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-figure img {
  display: block;
  width: 100%;
  height: auto;
  background: #f6f3ec;
  border-radius: 14px;
  padding: 12px 12px 8px;
  box-shadow: 0 18px 48px #0a172b80;
}
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-figure figcaption { margin-top: 14px; }
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-figure figcaption p {
  max-width: none;
  margin: 0;
  font: 400 var(--type-small)/1.55 var(--serif);
  text-wrap: pretty;
}
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-figure figcaption strong { font-weight: 600; }
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-figure figcaption .model-fig-src {
  margin-top: 8px;
  color: #fff8eed0;
  font: 500 12px/1.4 var(--sans);
  letter-spacing: .02em;
}
body.art-research :is(#model, #sleep, #circadian, #organoids) .model-figure + :is(p, .essay-part) { margin-top: 1.7rem; }
@media (max-width: 700px) {
  body.art-research :is(#model, #sleep, #circadian) { padding-bottom: 48px; padding-inline: 44px; }
  body.art-research :is(#model, #sleep, #circadian) .model-figure img { border-radius: 10px; padding: 8px 6px 4px; }
}