/* Warm paper, original research imagery and restrained academic typography. */
:root{--ink:#173c4c;--muted:#526773;--paper:#f8f6f0;--line:#d8dfdf;--teal:#007e9d;--display:'Times New Roman','Yu Mincho','Hiragino Mincho ProN',serif;--reading:'Times New Roman','Meiryo','Yu Gothic',serif}
body{background:var(--paper);color:var(--ink);font-family:var(--reading);font-size:18px;line-height:1.9}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.02em}
.wrap{max-width:1280px}
header{max-width:none;background:#fff;height:120px;padding:0 max(32px,calc((100vw - 1184px)/2));gap:24px;border-bottom:1px solid #dce4e4}
header .brand{width:260px;height:112px;flex-shrink:0}
header .brand img.official-logo{width:240px;top:0}
.page-home .brand{--logo-width:240px}
#main-nav{gap:25px;font-size:17px}
#main-nav a{white-space:nowrap}
#main-nav a[aria-current=page]:after{background:#05a5bf;height:1px;bottom:-10px}
.language{font-size:16px}
.eyebrow{font-size:13px;letter-spacing:.07em}
.page-intro{padding-top:62px;padding-bottom:48px}
.page-intro h1{font-size:46px;line-height:1.45;margin-bottom:20px}
.page-intro .lede{max-width:850px;font-size:18px;line-height:1.9;color:#48616d}
footer{background:#fff;border-color:var(--line)}
footer .eyebrow{letter-spacing:.05em}
.footer-identity h2{font-family:var(--display);font-weight:400}
.home-hero{position:relative;isolation:isolate;overflow:hidden;background:#f2f3ed;border-bottom:1px solid #d8e1df}
.home-hero::before{content:'';position:absolute;inset:0;z-index:0;background:url('synchrotron-blueprint.svg?v=6c4e5a0b6a4c') right -100px top -190px/820px auto no-repeat,url('undulator-blueprint.svg?v=aa8d021f76fe') right -100px bottom -40px/900px auto no-repeat;opacity:.075;mask-image:linear-gradient(90deg,transparent 30%,#000 90%);pointer-events:none}
.home-hero-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;padding-top:68px;padding-bottom:76px;position:relative;z-index:1}
.home-hero-copy{min-width:0}
.home-lab-name{font-size:20px;color:#276277;line-height:1.65;margin-bottom:20px;letter-spacing:.04em}
.home-hero h1{font-size:clamp(37px,3.4vw,52px);line-height:1.48;font-weight:400;letter-spacing:.015em;margin:0}
.home-hero-lede{font-size:18px;line-height:1.95;margin-top:28px;max-width:28em}
.home-affiliation{font-size:16px;color:#526a74;line-height:1.8;margin-top:18px}
.home-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.home-action{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:10px 21px;font-size:17px;line-height:1.65;background:#11647c;color:#fff;border:1px solid #11647c;transition:background .15s,color .15s;text-decoration:none}
.home-action:hover{background:#07526b;color:white;text-decoration:none}
.home-action-secondary{background:transparent;color:#174b60;border-color:#8ba8b2}
.home-action-secondary:hover{background:#e5eeeb;color:#174b60}
.home-motion{display:block;margin-top:22px;color:#536d76;border-color:#afc0c5;font-size:14px}
.home-research-figure{margin:0;min-width:0}
.home-figure-image{display:block;background:white;border:1px solid #d8e1df;padding:16px;outline-offset:4px}
.home-figure-image img{width:100%;height:auto;object-fit:contain}
.home-main-figure .home-figure-image{padding:18px}
.home-main-figure{align-self:center}
.home-research-figure figcaption{font-size:16px;line-height:1.8;margin-top:15px;color:#415c69}
.home-figure-credit{display:block;margin-top:7px;font-size:14px;line-height:1.8}
.home-figure-credit a{text-decoration:underline;text-underline-offset:3px}
.home-figure-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:10px;font-size:16px;color:#006c88}
.home-figure-links a{text-decoration:underline;text-underline-offset:4px}
.home-section{padding-top:72px;padding-bottom:72px}
.home-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:36px}
.home-section-heading h2{font-size:36px;line-height:1.5}
.home-text-link{font-size:17px;color:#086981;text-decoration:underline;text-underline-offset:5px;line-height:1.8}
.home-research-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:54px;align-items:start}
.home-research-heading{min-height:110px;margin-bottom:24px}
.home-research-heading h3{font-size:29px;line-height:1.5}
.home-research-person{font-size:17px;color:#516a75;margin-top:10px;line-height:1.7}
.home-research-description{font-size:18px;line-height:1.95;margin-top:25px;margin-bottom:15px}
.home-yasui{margin-top:44px;padding-top:30px;border-top:1px solid #cddbdc;display:grid;grid-template-columns:.85fr 1.5fr;gap:45px}
.home-yasui h3{font-size:26px;line-height:1.6}
.home-yasui p{font-size:18px;line-height:1.9}
.home-yasui h3+p{font-size:17px;color:#526a75;margin-top:9px}
.home-yasui a{display:inline-block;margin-top:13px;color:#086981;font-size:17px;text-decoration:underline;text-underline-offset:5px}
.home-people-band{background:#eaf0ed;border-top:1px solid #d9e4df;border-bottom:1px solid #d9e4df}
.home-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.home-person{display:grid;grid-template-columns:112px 1fr;gap:21px;align-items:start;min-width:0}
.home-person-portrait{display:block;background:#fff}
.home-portrait{width:112px;height:146px;object-fit:cover;object-position:center top}
.home-person h3{font-size:25px;line-height:1.5;margin-bottom:7px}
.home-person-role{font-size:16px;line-height:1.65;color:#516872;margin:0}
.home-person-area{font-size:17px;line-height:1.8;margin-top:13px}
.home-person .home-text-link{display:inline-block;font-size:16px;margin-top:12px}
.home-photo-credit{font-size:14px;color:#536c76;margin-top:32px}
.home-selected-paper{display:grid;grid-template-columns:165px 1fr;gap:38px;padding:32px 0;border-top:1px solid #cbd9dc}
.home-paper-meta{font-size:16px;line-height:1.8;color:#526d79;display:flex;flex-direction:column;gap:8px}
.home-paper-meta>span:first-child{font-size:21px;color:#1b667e}
.home-selected-paper h3{font-size:25px;line-height:1.5;letter-spacing:0}
.home-paper-ja{font-size:18px;line-height:1.85;color:#49636f;margin-top:11px}
.home-paper-details{margin-top:15px;font-size:17px}
.home-paper-details>summary{color:#086981;text-decoration:underline;text-underline-offset:4px;cursor:pointer;line-height:1.85;padding:5px 0}
.home-paper-details>summary::marker{color:#1686a1}
.home-paper-details[open]{padding-bottom:15px}
.home-paper-details .paper-details{padding:24px;background:#fff;border:1px solid #dae3e2;margin-top:15px}
.home-paper-details .paper-abstracts{gap:30px}
.home-paper-details .paper-abstracts p{font-size:18px!important}
.home-paper-details .paper-reference{margin-top:25px}
.home-news-band{background:#edf2ef;border-top:1px solid #d9e3e0;border-bottom:1px solid #d9e3e0}
.home-update{display:grid;grid-template-columns:145px 1fr;gap:35px;padding:23px 0;border-top:1px solid #c9d9d9}
.home-update time{font-size:17px;color:#536c78}
.home-update h3{font-size:23px;line-height:1.65}
.home-update>div>a{display:inline-block;font-size:16px;margin-top:10px;color:#086981;text-decoration:underline;text-underline-offset:4px}
.home-contact{padding-top:60px;padding-bottom:66px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.home-contact h2{font-size:30px;line-height:1.6}
.home-contact p{font-size:18px;line-height:1.85;margin-top:13px;max-width:750px}
.home-contact .home-action{flex-shrink:0}
.background-beam{position:absolute;right:-100px;bottom:-40px;width:900px;height:auto;z-index:0;opacity:.13;pointer-events:none;overflow:hidden;fill:none;stroke:#087e9c;stroke-width:2}
.ambient-beam{stroke-dasharray:18 500;animation:ambient-beam-travel 18s linear infinite}
@keyframes ambient-beam-travel{from{stroke-dashoffset:518}to{stroke-dashoffset:0}}
.motion-paused .ambient-beam,.document-hidden .ambient-beam{animation-play-state:paused!important}
.person-photo{max-width:180px}
.person-portrait{width:160px;height:auto;object-fit:contain}
.person-photo-credit{font-size:14px;line-height:1.7;margin-top:12px;color:#5c727c}
.person h2{font-weight:400}
.research-figure,.research-figure-wide,.research-figure-panel{background:#fff}
.research-cover{border-bottom:0}
.research-contents{background:transparent}
.strain-chapter{background:#edf3f1}
.complementary-research{background:#f0f3f0}
.chapter-heading h2,.research-subsection>h3{font-weight:400}
.research-project-entry{padding-top:45px;padding-bottom:55px;border-top:1px solid #cbd9dc}
.research-project-entry h2{font-size:30px}
.research-project-entry p{font-size:18px;margin-top:15px;margin-bottom:20px}
.publication-tools input,.publication-tools select{background:#fff}
.project-card,.source-card,.contact-panel{background:#fff}
@media(max-width:1100px){header{padding-left:26px;padding-right:26px}#main-nav{top:119px;font-size:18px;background:#fff;gap:5px}.home-hero-inner{gap:35px}.home-hero h1{font-size:40px}.home-people-grid{gap:24px}.home-person{grid-template-columns:90px 1fr;gap:15px}.home-portrait{width:90px;height:120px}.home-person h3{font-size:23px}.home-research-grid{gap:35px}}
@media(max-width:850px){.home-hero-inner{grid-template-columns:1fr;gap:36px;padding-top:42px;padding-bottom:65px}.home-hero h1{font-size:44px;line-height:1.45}.home-hero-copy{max-width:700px}.home-hero h1{max-width:14em}.home-main-figure{max-width:700px;width:100%}.home-hero-lede{max-width:36em}.home-hero::before{background-size:680px auto,720px auto;background-position:right -180px top -100px,right -130px bottom -40px;opacity:.055}.background-beam{width:720px;right:-130px;bottom:-40px}.home-research-heading{min-height:0}.home-research-grid{grid-template-columns:1fr;gap:48px}.home-yasui{grid-template-columns:1fr;gap:18px}.home-people-grid{grid-template-columns:1fr;gap:30px}.home-person{grid-template-columns:112px 1fr;gap:24px;max-width:600px}.home-portrait{width:112px;height:146px}.home-person h3{font-size:27px}.home-person-area{margin-top:8px}.home-photo-credit{margin-top:25px}.home-contact{align-items:flex-start;flex-direction:column;gap:25px}.home-section{padding-top:52px;padding-bottom:52px}}
@media(max-width:600px){header{height:105px;padding-left:16px;padding-right:16px;gap:8px}header .brand{width:215px;height:99px;flex-shrink:1}header .brand img.official-logo{width:206px}.page-home .brand{--logo-width:206px}#main-nav{top:104px}.page-intro{padding-top:38px;padding-bottom:35px}.page-intro h1{font-size:34px}.home-hero h1{font-size:35px;line-height:1.55;max-width:10em}.home-lab-name{font-size:19px;margin-bottom:18px}.home-hero-inner{padding-top:32px}.home-hero-lede{margin-top:22px}.home-actions{gap:12px;margin-top:22px}.home-action{font-size:17px;padding:10px 16px;min-height:47px}.home-main-figure .home-figure-image,.home-figure-image{padding:10px}.home-figure-credit{font-size:14px}.home-section-heading{align-items:flex-start;gap:16px;flex-direction:column;margin-bottom:28px}.home-section-heading h2{font-size:31px}.home-section-heading .home-text-link{font-size:17px}.home-research-heading h3{font-size:27px}.home-selected-paper{grid-template-columns:1fr;gap:15px;padding-top:26px;padding-bottom:26px}.home-paper-meta{flex-direction:row;gap:20px;align-items:baseline}.home-selected-paper h3{font-size:24px}.home-paper-details .paper-details{padding:18px 15px}.home-paper-details .paper-abstracts{grid-template-columns:1fr;gap:23px}.home-update{grid-template-columns:1fr;gap:8px;padding:23px 0}.home-update h3{font-size:23px}.home-contact h2{font-size:28px}.home-contact{padding-top:45px;padding-bottom:48px}.home-person{grid-template-columns:100px 1fr;gap:19px}.home-portrait{width:100px;height:132px}.home-person h3{font-size:25px}.person-photo{max-width:150px}.person-portrait{width:140px}.research-project-entry h2{font-size:28px}}
@media(max-width:380px){header{padding-left:12px;padding-right:12px;gap:6px}header .brand{width:164px}header .brand img.official-logo{width:158px;top:12px}.page-home .brand{--logo-width:158px}.home-hero h1{font-size:32px}.home-actions{gap:10px}.home-action{padding-left:12px;padding-right:12px}.home-person{grid-template-columns:90px 1fr;gap:16px}.home-portrait{width:90px;height:120px}.home-person h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.ambient-beam{animation:none!important;display:none}.background-beam{display:none}.home-action{transition:none}}

/* Home is the laboratory introduction; the research page contains full studies. */
.home-hero h1{font-size:clamp(38px,3.5vw,54px)}
.home-hero-ident{font-family:var(--display);font-size:23px;line-height:1.6;color:#486573;margin-top:12px}
.home-welcome-figure .home-figure-image{padding:0;background:#050706;border-color:#182b33}
.home-portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.home-portal{position:relative;display:block;border:1px solid #cddbdc;background:#fff;padding:28px 28px 48px;min-height:215px;text-decoration:none}
.home-portal h3{font-size:28px;line-height:1.6;color:#164c60}
.home-portal p{font-size:18px;line-height:1.85;color:#47616e;margin-top:15px;max-width:24em}
.portal-arrow{position:absolute;right:25px;bottom:20px;font-size:25px;color:#09849f}
.home-portal:hover{text-decoration:none}
.background-orbit{position:absolute;right:-100px;top:-190px;width:820px;height:auto;pointer-events:none;z-index:0;opacity:.23;fill:none;stroke:#118ca6;stroke-width:1.6}
@media(max-width:1100px){.background-orbit{display:none}}
@media(max-width:850px){.home-portal-grid{grid-template-columns:1fr;gap:20px}.home-portal{min-height:0;padding:24px 58px 27px 24px}.home-portal p{max-width:none}.home-hero h1{font-size:43px}.home-hero-ident{font-size:22px}}
@media(max-width:600px){.home-hero h1{font-size:36px}.home-portal h3{font-size:26px}}
@media(max-width:380px){.home-hero h1{font-size:32px}}
@media(prefers-reduced-motion:no-preference){
  .background-beam{opacity:.34;stroke-width:2.5}
  .ambient-beam{stroke-dasharray:28 490;animation-duration:9s}
  .ambient-beam-follow{stroke-dasharray:12 506;animation-delay:-4.5s;opacity:.65}
  .ambient-forward{stroke-dasharray:18 420;animation:forward-beam-travel 11s linear infinite;animation-delay:-3s}
  .ambient-orbit{stroke-dasharray:24 1110;animation:orbit-beam-travel 21s linear infinite}
  .home-hero::before{animation:schematic-breathe 13s ease-in-out infinite alternate}
  @keyframes forward-beam-travel{from{stroke-dashoffset:438}to{stroke-dashoffset:0}}
  @keyframes orbit-beam-travel{from{stroke-dashoffset:1134}to{stroke-dashoffset:0}}
  @keyframes schematic-breathe{from{opacity:.075}to{opacity:.14}}
  .motion-ready .motion-reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1);transition-delay:var(--reveal-delay,0ms)}
  .motion-ready .motion-reveal:not(.is-revealed){opacity:0;transform:translateY(18px)}
  .motion-ready .home-hero-copy>.home-lab-name,.motion-ready .home-hero-copy>h1,.motion-ready .home-hero-copy>.home-hero-ident,.motion-ready .home-hero-copy>.home-hero-lede,.motion-ready .home-actions{animation:home-introduction-enter .8s ease both}
  .motion-ready .home-hero-copy>h1{animation-delay:.08s}
  .motion-ready .home-hero-copy>.home-hero-ident{animation-delay:.16s}
  .motion-ready .home-hero-copy>.home-hero-lede{animation-delay:.23s}
  .motion-ready .home-actions{animation-delay:.3s}
  @keyframes home-introduction-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
  .home-portal{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
  .home-portal:hover{transform:translateY(-4px);border-color:#48a3b8;box-shadow:0 9px 22px #163e4f10}
  .portal-arrow{transition:transform .25s ease}
  .home-portal:hover .portal-arrow{transform:translate(4px,-4px)}
  .home-action{transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
  .home-action:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0e56601c}
  .home-person-portrait{transition:outline-color .25s;outline:1px solid transparent;outline-offset:5px}
  .home-person-portrait:hover{outline-color:#2997ae}
}
.motion-paused .ambient-beam,.motion-paused .ambient-orbit,.document-hidden .ambient-beam,.document-hidden .ambient-orbit,.motion-paused .home-hero::before,.document-hidden .home-hero::before{animation-play-state:paused!important}
.motion-paused .motion-reveal,.document-hidden .motion-reveal{opacity:1!important;transform:none!important;transition:none!important}
.motion-paused .home-hero-copy>*:not(.home-main-figure),.document-hidden .home-hero-copy>*,.motion-paused .official-logo{animation:none!important;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.background-orbit{display:none}.ambient-orbit{animation:none!important}.motion-reveal{opacity:1!important;transform:none!important;transition:none!important}.home-portal,.portal-arrow,.home-action,.home-person-portrait{transition:none!important}}

/* Illustrated front door: materials stories, distinct from the research catalogue. */
.home-illustrated-hero{background:#f8eedf}
.home-illustrated-hero .home-hero-inner{display:flex;min-height:740px;padding-top:76px;padding-bottom:110px;align-items:center}
.home-illustrated-hero .home-hero-copy{width:46%;max-width:560px;position:relative;z-index:2}
.home-illustrated-hero h1{font-size:clamp(40px,3.75vw,58px);line-height:1.45}
.home-illustrated-hero .home-lab-name{font-size:18px;max-width:27em}
.home-illustrated-hero .home-hero-lede{font-size:19px;max-width:23em;line-height:1.95}
.home-hero-art{position:absolute;inset:0;z-index:0;overflow:hidden}
.home-hero-art img{width:100%;height:100%;object-fit:cover;object-position:right center}
.home-hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8f2e8 0%,#f8f2e8f5 25%,#f8f2e8b0 39%,#f8f2e835 54%,transparent 67%)}
.home-illustrated-hero .background-beam{opacity:.19}
.home-illustrated-hero .background-orbit{opacity:.11}
.home-scroll{position:absolute;bottom:24px;left:max(48px,calc((100vw - 1184px)/2));z-index:2;display:flex;align-items:center;gap:14px;color:#345766;font-size:15px;text-decoration:none}
.home-scroll-line{display:block;width:1px;height:38px;background:#a8b8b6;position:relative;overflow:hidden}
.home-scroll-line::after{content:'';position:absolute;left:0;top:0;width:1px;height:14px;background:#087b99}
.materials-introduction{padding-top:80px;padding-bottom:18px}
.materials-introduction .home-section-heading{margin-bottom:18px}
.materials-introduction h2{font-size:43px}
.materials-introduction>p{font-size:19px;max-width:42em;color:#4b6570;line-height:1.9}
.material-navigation{position:static;inset:auto;z-index:auto;width:auto;display:flex;gap:42px;padding:30px 0 22px;background:transparent;border:0;border-bottom:1px solid #c9d7d7;font-size:16px;color:#69818b;box-shadow:none}
.material-navigation a{display:flex;align-items:baseline;gap:14px;text-decoration:none}
.material-navigation a span{font-size:18px;color:#145c74}
.material-navigation a:hover span{text-decoration:underline;text-underline-offset:6px}
.material-scene{scroll-margin-top:30px;position:relative}
.material-scene-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:66px;align-items:center;min-height:680px;padding-top:70px;padding-bottom:90px}
.material-scene-copy{max-width:455px;position:sticky;top:170px;align-self:center}
.material-number{font-family:'Times New Roman',serif;font-size:22px;letter-spacing:.07em;color:#6a8792;display:flex;align-items:center;gap:20px;margin-bottom:23px}
.material-number span{display:block;height:1px;width:58px;background:#8eb8bf}
.material-scene h2{font-size:clamp(32px,3vw,44px);line-height:1.55;margin-bottom:24px}
.material-scene-description{font-size:19px;line-height:2;max-width:24em;color:#3f5f6d;margin-bottom:27px}
.material-art{margin:0;overflow:hidden;border-radius:2px;box-shadow:0 16px 44px #68442f10;background:#f6ead9}
.material-art img{display:block;width:100%;height:auto}
.material-scene-films{background:#edf2ef}
.material-scene-films .material-scene-inner{grid-template-columns:1.2fr .8fr}
.material-scene-films .material-scene-copy{grid-column:2;grid-row:1}
.material-scene-films .material-art{grid-column:1;grid-row:1}
.material-scene-interfaces .material-scene-inner{min-height:590px}
.home-glimpse-band{background:#e5eeeb;border-top:1px solid #d3e0dc;border-bottom:1px solid #d3e0dc}
.home-glimpse{display:grid;grid-template-columns:1fr .85fr;gap:76px;align-items:center;padding-top:76px;padding-bottom:76px}
.home-glimpse-copy h2{font-size:35px;line-height:1.65;margin-bottom:23px}
.home-glimpse-copy>p{font-size:19px;line-height:1.95;margin-bottom:24px;color:#3e5e6c}
.home-glimpse-figure .home-figure-image{padding:0}
.home-glimpse-figure figcaption{font-size:16px}
.home-glimpse-figure .home-figure-credit{font-size:15px}
.home-illustrated-hero~.home-people-band{border-top:0}
#materials,#research,#home-people{scroll-margin-top:30px}
@media(prefers-reduced-motion:no-preference){
  .home-hero-art img{animation:materials-hero-drift 25s ease-in-out infinite alternate;transform-origin:75% 60%;will-change:transform}
  .material-art img{animation:materials-art-drift 18s ease-in-out infinite alternate;transform-origin:center}
  .home-scroll-line::after{animation:materials-scroll 2.5s ease-in-out infinite}
  @keyframes materials-hero-drift{from{transform:scale(1)}to{transform:scale(1.035) translateX(-.4%)}}
  @keyframes materials-art-drift{from{transform:scale(1)}to{transform:scale(1.018)}}
  @keyframes materials-scroll{from{transform:translateY(-16px)}to{transform:translateY(42px)}}
}
.motion-paused .home-hero-art img,.motion-paused .material-art img,.motion-paused .home-scroll-line::after,.document-hidden .home-hero-art img,.document-hidden .material-art img,.document-hidden .home-scroll-line::after{animation-play-state:paused!important}
@media(max-width:1100px){.home-illustrated-hero .home-hero-copy{width:48%}.material-scene-inner{gap:40px;min-height:610px}.home-glimpse{gap:45px}.material-scene h2{font-size:35px}.home-illustrated-hero h1{font-size:43px}}
@media(max-width:850px){
  .home-illustrated-hero .home-hero-inner{min-height:0;padding-top:48px;padding-bottom:12px}
  .home-illustrated-hero .home-hero-copy{width:100%;max-width:650px}
  .home-illustrated-hero h1{font-size:45px}
  .home-illustrated-hero .home-hero-lede{max-width:33em}
  .home-hero-art{position:relative;height:auto;margin-top:12px}
  .home-hero-art img{height:auto;object-fit:contain}
  .home-hero-art::after{background:linear-gradient(#f8eedf 0%,transparent 25%)}
  .home-scroll{position:relative;bottom:auto;left:auto;margin:20px 32px 26px}
  .home-illustrated-hero .background-orbit,.home-illustrated-hero .background-beam{display:none}
  .material-scene-inner,.material-scene-films .material-scene-inner{grid-template-columns:1fr;gap:30px;min-height:0;padding-top:48px;padding-bottom:55px}
  .material-scene-copy{position:static;max-width:650px}
  .material-scene-description{max-width:34em}
  .material-scene-films .material-scene-copy,.material-scene-films .material-art{grid-column:auto;grid-row:auto}
  .material-art{max-width:720px;width:100%}
  .material-scene-interfaces .material-scene-inner{min-height:0}
  .materials-introduction{padding-top:55px}
  .home-glimpse{grid-template-columns:1fr;gap:34px;padding-top:52px;padding-bottom:52px}
  .home-glimpse-copy{grid-row:1;max-width:660px}
  .home-glimpse-figure{max-width:650px}
}
@media(max-width:600px){
  .home-illustrated-hero .home-hero-inner{padding-top:30px}
  .home-illustrated-hero h1{font-size:37px}
  .home-illustrated-hero .home-lab-name{font-size:17px}
  .home-illustrated-hero .home-hero-lede{font-size:18px;line-height:1.95;margin-top:22px}
  .home-illustrated-hero .home-hero-ident{font-size:21px}
  .home-hero-art img{width:118%;max-width:none;margin-left:-18%}
  .home-scroll{margin-left:22px;font-size:15px}
  .materials-introduction h2{font-size:34px}
  .materials-introduction>p,.material-scene-description,.home-glimpse-copy>p{font-size:18px}
  .material-navigation{gap:16px;justify-content:space-between;flex-wrap:wrap}
  .material-navigation a{gap:8px;font-size:15px}
  .material-navigation a span{font-size:17px}
  .material-scene h2{font-size:31px;line-height:1.6;margin-bottom:18px}
  .material-number{font-size:20px;margin-bottom:17px}
  .material-scene-inner{padding-top:35px;padding-bottom:42px}
  .home-glimpse-copy h2{font-size:30px}
  #materials,#research,#home-people,.material-scene{scroll-margin-top:15px}
}
@media(max-width:380px){.home-illustrated-hero h1{font-size:32px}.home-illustrated-hero .home-hero-ident{font-size:19px}.material-navigation{column-gap:14px;row-gap:12px}.material-navigation a span{font-size:16px}.material-navigation a{gap:6px}}
@media(prefers-reduced-motion:reduce){.home-hero-art img,.material-art img,.home-scroll-line::after{animation:none!important;transform:none!important}}