:root{--ink:#102e41;--muted:#5d7180;--teal:#0e8f88;--teal-light:#ddf4ef;--navy:#0c2337;--night:#071c2d;--sky:#f2f8fa;--line:#dce8eb;--white:#fff;--radius:20px;--container:1180px;--shadow:0 20px 65px rgba(21,56,80,.09)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,"Noto Sans JP",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,svg{max-width:100%;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.17}h1{font-size:clamp(3rem,5.4vw,5.85rem);font-weight:760}h2{font-size:clamp(2.1rem,3.4vw,3.5rem)}h3{font-size:1.35rem}p{color:var(--muted)}:focus-visible{outline:3px solid #26aaa3;outline-offset:4px}.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-50px;padding:8px 15px;background:#fff;color:var(--navy);z-index:99}.skip-link:focus{top:12px}.eyebrow{color:var(--teal);font-size:.77rem;letter-spacing:.18em;font-weight:800;text-transform:uppercase}.eyebrow.light{color:#83dfd2}.section{padding:100px 0}.section.soft{background:var(--sky)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.section-head h2{margin:12px 0 0}.section-head p{max-width:540px;margin:0}.mini-link{display:inline-flex;align-items:center;gap:9px;color:var(--teal);font-weight:750;font-size:.94rem}.mini-link:hover,.text-link:hover{text-decoration:underline}.top-strip{height:36px;display:flex;align-items:center;background:#081c2c;color:#b7cad6;font-size:.71rem;letter-spacing:.08em}.top-strip .container{display:flex;justify-content:space-between;gap:16px}.site-header{position:sticky;z-index:40;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid #edf1f2;backdrop-filter:blur(14px)}.nav-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;flex:none}.brand-mark{height:46px;width:46px;border-radius:13px;background:var(--navy);color:#8af1d8;display:grid;place-items:center;font-size:1.3rem;font-weight:850;letter-spacing:-.11em}.brand-text{display:flex;flex-direction:column;gap:1px}.brand-text strong{font-size:1.05rem;line-height:1.1;letter-spacing:-.035em}.brand-text small{font-size:.72rem;font-weight:600;letter-spacing:.13em;color:#8798a4}.nav-links{display:flex;align-items:center;gap:29px}.nav-links a{color:#516572;font-size:.91rem;font-weight:700;position:relative;padding:11px 0}.nav-links a:hover,.nav-links a[aria-current="page"]{color:#0b6f6b}.nav-links a[aria-current="page"]::after{content:"";height:3px;background:#1da49d;position:absolute;bottom:2px;left:0;right:0;border-radius:2px}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:47px;padding:0 21px;border-radius:10px;font-size:.9rem;font-weight:800;transition:transform .16s ease,background .2s ease,color .2s ease;border:1px solid transparent}.btn:hover,.nav-cta:hover{transform:translateY(-2px)}.nav-cta,.btn-primary{background:var(--teal);color:#fff}.nav-cta:hover,.btn-primary:hover{background:#086e6b}.btn-outline{border-color:#b7d5d5;color:var(--navy);background:#fff}.btn-outline:hover{background:var(--sky)}.btn-ghost{border-color:rgba(255,255,255,.4);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.1)}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);padding:8px}.menu-toggle svg{width:25px;height:25px}.hero{background:var(--night);color:#fff;position:relative;isolation:isolate;overflow:hidden}.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 78% 50%,#15556a 0,transparent 44%),linear-gradient(135deg,#081a2b,#102d48 70%,#0a3e50)}.hero::after{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent 4%,#000 100%)}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;min-height:650px;position:relative}.hero-content{padding:90px 0 93px;position:relative;z-index:2}.hero h1{font-size:clamp(3.1rem,5.2vw,5.5rem);max-width:700px;margin:24px 0 25px}.hero h1 span{color:#80e6d5}.hero .lead{color:#c0d2da;max-width:600px;font-size:1.12rem;line-height:1.87}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}.hero-art{height:100%;min-height:520px;position:relative;display:grid;align-items:center}.hero-art img{width:120%;max-width:none;position:absolute;right:-13%;top:50%;transform:translateY(-50%);filter:saturate(1.05)}.hero-footer{border-top:1px solid rgba(255,255,255,.14);display:flex;gap:36px;padding:23px 0;color:#b4cad4;font-size:.77rem;letter-spacing:.09em;text-transform:uppercase;font-weight:750}.hero-footer span{display:flex;gap:11px;align-items:center}.hero-footer i{width:5px;height:5px;border-radius:50%;background:#76decd;display:inline-block}.intro-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}.intro-label{font-size:clamp(2.1rem,3.4vw,3.7rem);margin:15px 0}.intro-main p{font-size:1.05rem;line-height:1.95;max-width:780px}.intro-main p:first-child{color:#263f4f;font-size:1.25rem;font-weight:550}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.theme-card{border:1px solid var(--line);border-radius:var(--radius);padding:34px 29px;background:#fff;min-height:310px;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}.theme-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.theme-icon{height:56px;width:56px;display:grid;place-items:center;background:#eaf8f6;color:var(--teal);border-radius:14px;margin-bottom:32px}.theme-icon svg{width:28px;height:28px}.theme-num{font-size:.73rem;font-weight:750;letter-spacing:.15em;color:#96aeb9}.theme-card h3{margin:13px 0}.theme-card p{font-size:.94rem;line-height:1.72;flex:1}.theme-card .mini-link{margin-top:18px}.statement{position:relative;background:linear-gradient(120deg,#10344b,#0b5659);padding:67px 0;color:#fff;overflow:hidden}.statement .container{display:flex;justify-content:space-between;gap:40px;align-items:center}.statement h2{font-size:clamp(1.7rem,3vw,3rem);max-width:790px;margin:10px 0 0}.statement p{color:#9ee4d8;margin:0}.statement .btn{flex:none}.news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{border-top:3px solid #0f938e;padding:25px 25px 23px;background:white;box-shadow:0 10px 35px rgba(10,48,70,.045);border-radius:0 0 13px 13px}.news-card time{font-size:.78rem;color:#0b8986;font-weight:800;letter-spacing:.1em}.news-card h3{font-size:1.06rem;line-height:1.55;margin:12px 0}.news-card p{font-size:.9rem;margin:0}.contact-band{background:var(--teal-light);border-radius:25px;padding:56px 65px;display:flex;justify-content:space-between;gap:45px;align-items:center}.contact-band h2{max-width:630px;margin:8px 0 14px;font-size:clamp(2rem,3vw,3rem)}.contact-band p{max-width:650px;margin:0}.contact-band .btn{flex:none}.japanese{font-size:.95rem;color:#647985;margin-top:16px!important}.site-footer{background:#081c2c;color:#e9f4f8;padding:70px 0 32px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:60px}.site-footer h3{font-size:.95rem;margin-bottom:22px;color:#fff}.site-footer p,.site-footer a{color:#b5c7d0;font-size:.91rem}.site-footer a:hover{color:#8de7da}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-brand{display:flex;gap:12px;align-items:center;margin-bottom:17px}.footer-bottom{margin-top:58px;padding-top:22px;border-top:1px solid #294152;display:flex;justify-content:space-between;gap:20px;color:#8da7b5;font-size:.78rem}.footer-bottom a{font-size:.78rem}.page-hero{background:linear-gradient(120deg,#0b2539 0%,#124957 100%);padding:76px 0 88px;position:relative;overflow:hidden}.page-hero::after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(165,236,225,.18);border-radius:50%;right:-50px;top:-250px;box-shadow:0 0 0 65px rgba(165,236,225,.035),0 0 0 125px rgba(165,236,225,.025)}.page-hero h1{color:#fff;font-size:clamp(2.9rem,5vw,4.9rem);margin:15px 0}.page-hero p{color:#bad0d6;font-size:1.12rem;max-width:750px;margin:0}.content-narrow{max-width:880px}.profile-card{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:35px;background:var(--sky);border-radius:22px;padding:35px}.avatar{border-radius:21px;height:118px;width:118px;display:grid;place-items:center;background:linear-gradient(140deg,#0d5363,#0d938a);font-size:2.7rem;color:#fff;font-weight:800;letter-spacing:-.08em}.profile-card h3{font-size:1.7rem;margin:0 0 8px}.profile-card p{margin:0 0 16px}.pill-row{display:flex;gap:10px;flex-wrap:wrap}.pill{padding:5px 11px;background:#ebf7f5;border:1px solid #cce7e1;color:#0d7873;border-radius:30px;font-size:.79rem;font-weight:750}.members-group{margin-top:50px}.members-group h2{font-size:2rem;padding-bottom:15px;border-bottom:1px solid var(--line)}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.person{padding:20px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:14px}.person-circle{width:41px;height:41px;border-radius:50%;flex:none;background:#def3f0;color:#0b7772;display:grid;place-items:center;font-size:.8rem;font-weight:800}.person strong{display:block;font-size:.94rem;line-height:1.35}.person span{display:block;font-size:.81rem;color:#728895}.meta-note{font-size:.81rem;color:#7d929c}.pub-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:27px}.pub-filter{background:#fff;border:1px solid #cbdde1;border-radius:10px;padding:9px 18px;color:#3e6071;font-weight:800}.pub-filter:hover,.pub-filter[aria-pressed="true"]{background:#0c7976;border-color:#0c7976;color:#fff}.pub-item{display:grid;grid-template-columns:64px 1fr;gap:16px;border-bottom:1px solid var(--line);padding:22px 0}.pub-item[hidden]{display:none}.pub-year{font-size:.83rem;color:#0b8986;font-weight:850;padding-top:4px}.pub-item h3{font-size:1.06rem;line-height:1.55;margin-bottom:8px;letter-spacing:0}.pub-item p{font-size:.9rem;margin:0}.pub-item a{color:#007d7c;text-decoration:underline;text-underline-offset:3px}.project-lead{max-width:890px;font-size:1.14rem;line-height:1.95}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.project-card{padding:35px;border:1px solid var(--line);border-radius:19px;background:#fff}.project-card h3{font-size:1.5rem}.project-card p{line-height:1.85}.tagline{color:#0b8380;font-size:.75rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.equipment-box{background:#fff;border:1px solid var(--line);border-radius:17px;padding:32px}.equipment-box ul,.check-list{padding:0;list-style:none;margin:20px 0 0}.equipment-box li,.check-list li{border-bottom:1px solid #e9eff0;padding:9px 0;color:#435d6b}.equipment-box li::before,.check-list li::before{content:'↗';color:var(--teal);font-weight:900;margin-right:12px}.join-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:40px}.join-intro h2{margin:0 0 21px}.join-intro p{line-height:1.9}.info-box{border-radius:18px;background:#e7f5f2;padding:32px;align-self:start}.info-box h3{font-size:1.3rem}.info-box p{font-size:.94rem}.info-box a{color:#006e68;font-weight:750}.join-columns{display:grid;grid-template-columns:1fr 1fr;gap:23px}.join-card{border:1px solid var(--line);padding:35px;border-radius:18px}.join-card h3{font-size:1.45rem}.archive{max-width:900px}.archive-year{margin:37px 0 15px;font-size:2rem}.archive-entry{display:grid;grid-template-columns:95px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.archive-entry time{font-size:.8rem;color:var(--teal);font-weight:850}.archive-entry p{margin:0;color:#345266}.social-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.social-row a{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid #d8e7e7;border-radius:12px;padding:11px 16px;color:#15384b;font-weight:800}.social-row a:hover{border-color:#0e918a;background:#f1fbf9}.social-x{font-size:1.3rem;font-weight:800}.muted-small{color:#81959e;font-size:.81rem}
@media(max-width:1000px){.nav-links{gap:18px}.nav-links a{font-size:.85rem}.hero-grid{grid-template-columns:1fr .85fr}.hero-art img{right:-24%;width:135%}.hero h1{font-size:clamp(3rem,5.5vw,4.4rem)}.section{padding:78px 0}.theme-card{padding:25px}.contact-band{padding:40px}.footer-grid{gap:35px}}
@media(max-width:760px){.container{width:min(calc(100% - 34px),var(--container))}.top-strip{height:30px;font-size:.63rem}.top-strip span:last-child{display:none}.site-header{position:sticky}.nav-inner{min-height:72px}.brand-mark{width:40px;height:40px}.brand-text strong{font-size:.92rem}.brand-text small{font-size:.62rem}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;align-items:stretch;padding:14px 18px 23px;box-shadow:0 16px 25px rgba(0,0,0,.07);gap:4px}.nav-links.is-open{display:flex}.nav-links a{display:block;padding:10px 5px}.nav-links a[aria-current="page"]::after{display:none}.nav-links .nav-cta{justify-content:center;margin-top:8px}.hero-grid{display:flex;flex-direction:column;min-height:unset;align-items:stretch}.hero-content{padding:75px 0 0}.hero h1{font-size:clamp(2.75rem,9vw,4.6rem)}.hero .lead{font-size:1.02rem}.hero-art{height:350px;min-height:350px;overflow:hidden}.hero-art img{width:580px;max-width:none;right:50%;top:50%;transform:translate(50%,-48%)}.hero-footer{font-size:.66rem;gap:15px;flex-wrap:wrap}.section{padding:67px 0}.section-head{display:block}.section-head p{margin-top:14px}.intro-grid{grid-template-columns:1fr;gap:15px}.intro-main p{font-size:.99rem}.theme-grid,.news-list,.people-grid,.project-grid,.equipment-grid,.join-columns,.join-intro{grid-template-columns:1fr}.theme-card{min-height:unset}.theme-icon{margin-bottom:18px}.statement .container{display:block}.statement .btn{margin-top:25px}.contact-band{display:block;padding:31px 27px;border-radius:18px}.contact-band .btn{margin-top:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:38px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.page-hero{padding:52px 0 60px}.page-hero p{font-size:1rem}.profile-card{grid-template-columns:1fr;gap:16px;padding:24px}.profile-card .avatar{height:82px;width:82px;font-size:1.9rem}.pub-item{grid-template-columns:45px 1fr;gap:12px}.archive-entry{grid-template-columns:72px 1fr}.social-row{flex-direction:column}.social-row a{justify-content:center}}
@media(max-width:380px){.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.hero-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Colour concept: Coastal Blue */
:root {--ink:#256789;--muted:#607684;--teal:#E58D58;--teal-light:#F9E8D9;--navy:#256789;--night:#E8F0F3;--sky:#EEF2F3;--line:#DCE2E8;--shadow:0 20px 60px rgba(24,47,72,.10);}
.top-strip{background:#1A4D68;color:#C4D2DB}
.brand-mark{background:#256789;color:#F9B67B}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:#256789}
.nav-links a[aria-current="page"]::after{background:#E58D58}
.nav-links .nav-cta,.btn-primary{background:#E58D58;color:#172A38}
.nav-links .nav-cta:hover,.btn-primary:hover{background:#F5B67C;color:#142739}
.eyebrow{color:#A74F20}
.eyebrow.light{color:#A74F20}
.hero{background:#E8F0F3;color:#256789}
.hero::before{background:radial-gradient(circle at 78% 50%, rgba(100,160,185,.19), transparent 48%),linear-gradient(126deg, #E8F0F3, #F9FBFC 85%)}
.hero::after{background-image:linear-gradient(90deg,rgba(39,88,116,.040) 1px,transparent 1px),linear-gradient(rgba(39,88,116,.040) 1px,transparent 1px)}
.hero h1 span{color:#B65C2C}
.hero .lead{color:#506C7C}
.hero-footer{color:#536D7D;border-color:#CAD9E1}
.hero-footer i{background:#E58D58}
.hero .btn-ghost{border-color:#94B1BE;color:#256789}
.hero .btn-ghost:hover{background:#D7E5EB}
.intro-label span{color:#E58D58!important}
.intro-main p:first-child{color:#256789}
.theme-icon{background:#FFF0E1;color:#A74F20}
.mini-link{color:#A74F20}
.theme-num{color:#7F90A3}
.statement{background:linear-gradient(118deg,#256789,#357D9C)}
.statement .eyebrow{color:#FFC491}
.news-card{border-top-color:#E58D58}
.news-card time,.pub-year,.archive-entry time,.tagline{color:#A74F20}
.contact-band{background:#FBEDE2}
.site-footer{background:#163F56}
.site-footer a:hover{color:#FDC087}
.page-hero{background:linear-gradient(120deg,#256789,#357D9C)}
.page-hero::after{border-color:rgba(255,196,145,.20)}
.pill{background:#FFF0E1;border-color:#F3D3B7;color:#A74F20}
.person-circle{background:#FCE9D9;color:#A74F20}
.avatar{background:linear-gradient(140deg,#256789,#E58D58)}
.pub-filter:hover,.pub-filter[aria-pressed="true"]{background:#256789;border-color:#256789}
.pub-item a,.info-box a{color:#A74F20}
.info-box{background:#FCECDF}
.social-row a:hover{border-color:#E58D58;background:#FFF8F0}
:focus-visible{outline:3px solid:#E58D58}

/* NSELab Coastal Blue – publications, projects and X-first news, October 2026 */
.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;white-space:nowrap}
.publications-width{max-width:1080px}
.bibliography-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}
.bibliography-intro h2{margin:6px 0 11px}.bibliography-intro p{max-width:710px;margin-bottom:0}
.publication-total{flex:none;min-width:160px;border-left:3px solid #E58D58;padding-left:21px}
.publication-total strong{font-size:3.2rem;font-weight:850;color:#256789;line-height:1;display:block}
.publication-total span{font-size:.86rem;color:#627686}
.pub-toolbar{padding:18px 0;border-block:1px solid #dce5eb;margin-bottom:15px}
.pub-tools{margin-bottom:18px}.pub-filter{background:#f6f9fa;display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid #dae4e8}
.pub-filter[aria-pressed="true"]{box-shadow:0 5px 14px rgba(37,103,137,.15)}
.tab-count{font-size:.7rem;opacity:.8;border-radius:8px;font-variant-numeric:tabular-nums}
.pub-search{display:flex;gap:10px;align-items:center;border:1px solid #cbdde1;border-radius:12px;padding:0 14px;max-width:470px;background:white}
.pub-search svg{width:18px;height:18px;fill:none;stroke:#617c8c;stroke-width:1.7;flex:none}
.pub-search input{padding:13px 0;background:transparent;border:0;width:100%;min-width:0;font:inherit;outline:0;color:#22485d}
.pub-search:focus-within{outline:2px solid #E58D58;outline-offset:1px}
.pub-list{margin-top:10px}
.pub-item{grid-template-columns:66px 1fr;gap:23px;padding:24px 6px;border-bottom:1px solid #e2eaf0}
.pub-item h3{margin:0 0 9px;line-height:1.48;font-size:1.075rem}
.pub-item h3 a{color:#204f69;text-decoration:none}.pub-item h3 a:hover{color:#ad5525;text-decoration:underline;text-underline-offset:3px}
.pub-item .pub-authors{color:#526a79;font-size:.88rem;margin:0 0 6px}
.pub-item .pub-journal{color:#607581;font-size:.86rem;margin:0 0 5px}
.publication-note{font-size:.77rem;color:#9a602d;display:block;margin-top:4px}
.pub-item .pub-source{font-size:.77rem;font-weight:800;color:#b65c2c;text-decoration:none}.pub-item .pub-source:hover{text-decoration:underline}
.no-results{padding:40px;text-align:center;background:#f5f9fa;border-radius:14px}
.bibliography-footnote{background:#eff5f8;border-radius:13px;padding:22px 24px;margin-top:30px;color:#506a78;font-size:.83rem;line-height:1.85}
.bibliography-footnote a{color:#9d4e25;font-weight:800}
.research-intro{margin-bottom:44px;max-width:940px}.research-intro h2{margin-top:9px}
.extended-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.extended-projects .project-card{padding:29px 26px;display:flex;flex-direction:column;min-width:0;border-radius:16px;transition:transform .2s,box-shadow .2s}
.extended-projects .project-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(24,47,72,.10)}
.extended-projects .project-card h3{font-size:1.29rem;line-height:1.38;margin:12px 0}
.extended-projects .project-card p{font-size:.91rem;line-height:1.75;flex-grow:1;margin:0 0 19px}
.extended-projects .pill-row{gap:6px}.extended-projects .pill{font-size:.7rem;padding:5px 8px}
.project-paper{margin-top:20px;display:inline-block;color:#ae5a2b;font-size:.8rem;font-weight:800;text-decoration:none}
.project-paper:hover{text-decoration:underline}.project-paper-muted{color:#798c98;font-weight:650}
.x-feature{background:#eff5f8;border:1px solid #d6e6ed;border-radius:24px;padding:44px 49px;display:grid;grid-template-columns:1.45fr .75fr;gap:46px;align-items:center}
.x-feature h2{margin:12px 0;font-size:clamp(2.1rem,3.2vw,3.2rem)}.x-feature p{max-width:540px}
.x-word{color:#256789}.x-actions{display:flex;flex-wrap:wrap;gap:13px;margin:24px 0 18px}
.btn-outline{background:transparent;border:1px solid #96b4c3;color:#225976}.btn-outline:hover{background:#deeaef}
.x-visual{background:linear-gradient(145deg,#2c7496,#1a4e6d);color:#fff;border-radius:23px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 30px rgba(25,75,104,.15)}
.x-visual-mark{font-size:6.2rem;line-height:1;font-weight:700;color:#fff}.x-visual-handle{font-weight:850;font-size:1.3rem;margin-top:8px}.x-visual-caption{font-size:.76rem;letter-spacing:.06em;color:#d7e8f2;margin-top:18px}
.x-embed{max-width:700px;margin:25px auto}.archive-intro{margin-top:84px;padding-bottom:20px;border-bottom:1px solid #dce5eb}.archive-intro h2{margin:6px 0}.archive-intro p{margin-bottom:4px}
.home-social-feature{display:grid;grid-template-columns:1.55fr .8fr;gap:20px;align-items:stretch}
.home-social-main{background:linear-gradient(135deg,#286d8f,#1b506c);border-radius:18px;padding:38px;color:white;display:flex;align-items:center;gap:34px}
.x-large-mark{font-size:5.3rem;line-height:1;color:white;flex:none}.home-social-main h3{font-size:1.9rem;color:#fff;margin:6px 0}.home-social-main p{color:#dbebf3;font-size:.92rem}
.home-social-main .eyebrow{color:#ffd3ae}.home-archive-aside{background:#f3f6f7;border-radius:18px;padding:36px;display:flex;flex-direction:column;align-items:start}
.home-archive-aside h3{font-size:1.38rem;margin:12px 0}.home-archive-aside p{font-size:.92rem;flex-grow:1}
@media(max-width:1050px){.extended-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.bibliography-intro{align-items:start}.publication-total{min-width:110px}.publication-total strong{font-size:2.4rem}.pub-item{grid-template-columns:42px 1fr;gap:12px}.extended-projects{grid-template-columns:1fr}.x-feature{grid-template-columns:1fr;padding:29px;gap:25px}.x-visual{min-height:180px}.x-visual-mark{font-size:4.5rem}.home-social-feature{grid-template-columns:1fr}.home-social-main{padding:27px;gap:20px}.x-large-mark{font-size:4rem}}
@media(max-width:440px){.bibliography-intro{display:block}.publication-total{margin-top:20px}.pub-filter{padding:9px 12px}.home-social-main{flex-direction:column;align-items:flex-start}.home-archive-aside{padding:25px}}

.page-hero .eyebrow.light { color:#FFD6AF; }

/* Bilingual Coastal Blue + figure gallery */
:root{--coastal:#256789;--warm-orange:#E58D58}
body:lang(ja){font-family: -apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,system-ui,sans-serif}
body:lang(ja) p{line-height:1.95}
body:lang(ja) .hero h1{font-size:clamp(2.8rem,5.1vw,4.9rem);letter-spacing:.018em;line-height:1.39}
body:lang(ja) .nav-links{gap:17px}
.language-switch{display:inline-flex;align-items:center;gap:2px;background:#eef5f7;border:1px solid #d6e5eb;padding:4px;border-radius:11px;flex-shrink:0;margin-left:7px}
.language-switch a{padding:7px 10px!important;color:#476b7e!important;font-size:.74rem!important;white-space:nowrap;border-radius:8px;line-height:1.15;font-weight:800}
.language-switch a[aria-current="true"]{color:white!important;background:#256789!important}
.language-switch a::after{display:none!important}
.nav-inner{gap:12px}.nav-links{gap:21px}
.institutional-logos{margin-top:22px;padding-top:23px;border-top:1px solid rgba(255,255,255,.16);display:flex;gap:27px;align-items:center;flex-wrap:wrap;opacity:.95}
.institutional-logos a{border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;padding:9px 12px;min-height:54px}
.institutional-logos img{height:34px;width:auto;max-width:210px;object-fit:contain}
.institutional-logos a:last-child img{width:36px;height:36px}
.home-figure-grid,.project-visuals{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.home-figure{display:block;border-radius:19px;overflow:hidden;background:white;border:1px solid #dce5eb;text-decoration:none;box-shadow:0 10px 25px rgba(24,47,72,.06);transition:transform .2s}
.home-figure:hover{transform:translateY(-3px)}.home-figure>img{width:100%;height:275px;object-fit:contain;background:#f5f8fa;display:block;padding:12px}
.home-figure>span{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:22px 24px;color:#1e516b}
.home-figure small{display:block;width:100%;color:#ac5a2b;font-weight:750;letter-spacing:.09em}.home-figure strong{font-size:1.18rem;flex:1;min-width:190px}
.home-figure>span>span{font-weight:700;font-size:.84rem;color:#b65c2c}
.gallery-feature-section{background:#f9fbfc}
.project-visuals{margin:29px 0 45px;gap:22px}
.project-visuals figure{margin:0;border:1px solid #d9e6eb;background:#fff;border-radius:16px;overflow:hidden}
.project-visuals figure img{display:block;width:100%;height:255px;object-fit:contain;padding:13px;background:#f5f9fa}
.project-visuals figcaption{padding:13px 18px;font-size:.86rem;color:#446678;font-weight:650;line-height:1.65}.project-visuals figcaption a{color:#ad5729}
.profile-photo{width:150px;height:175px;object-fit:cover;object-position:50% 16%;border-radius:15px;border:4px solid white;box-shadow:0 8px 30px rgba(23,63,85,.15)}
.members-photo{margin:35px auto 50px;max-width:840px;border-radius:18px;overflow:hidden;background:#f3f8f9;border:1px solid #e1e8ee}
.members-photo img{width:100%;height:440px;object-fit:cover;object-position:center 61%;display:block}
.members-photo figcaption{font-size:.85rem;color:#4f6d7b;padding:16px 22px}.members-photo figcaption a{color:#ae5a2b;font-weight:700}
.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.gallery-filter{border:1px solid #d1e1e8;background:#fff;color:#35627a;padding:11px 18px;border-radius:999px;font:inherit;font-weight:700;font-size:.84rem;cursor:pointer}
.gallery-filter[aria-pressed="true"]{background:#256789;color:white;border-color:#256789}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.gallery-card{border:1px solid #d9e5eb;border-radius:19px;overflow:hidden;box-shadow:0 10px 26px rgba(24,47,72,.06);background:white;min-width:0}
.gallery-card[hidden],.pub-item[hidden]{display:none!important}
.gallery-open{border:0;background:none;display:block;color:inherit;font:inherit;text-align:left;padding:0;width:100%;height:100%;cursor:pointer}
.gallery-open:hover .gallery-media img{transform:scale(1.022)}
.gallery-media{background:#f4f8fa;display:flex;height:315px;align-items:center;justify-content:center;overflow:hidden}
.gallery-media img{max-height:100%;width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .2s}
.gallery-meta{display:flex;flex-direction:column;gap:9px;padding:24px 27px 26px}
.gallery-kind{font-size:.72rem;color:#b26131;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.gallery-meta strong{font-size:1.24rem;color:#205472;line-height:1.35}
.gallery-desc{font-size:.9rem;color:#587281;line-height:1.8}
.gallery-zoom{color:#b65c2c;font-size:.85rem;font-weight:800;margin-top:6px}
.gallery-note{font-size:.82rem;line-height:1.8;color:#627987;margin-top:27px}
.lightbox[hidden]{display:none!important}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(4,23,37,.91);display:flex;align-items:center;justify-content:center;padding:30px}
.lightbox-content{max-width:min(1180px,100%);max-height:95vh;display:flex;flex-direction:column;position:relative;gap:12px;align-items:stretch}
.lightbox-image{display:block;max-width:100%;max-height:calc(95vh - 110px);height:auto;width:auto;object-fit:contain;background:white;border-radius:8px}
.lightbox-close{align-self:flex-end;border:0;background:#fff;color:#163f56;width:43px;height:43px;border-radius:50%;font-size:2rem;cursor:pointer;line-height:1}
.lightbox-bottom{display:flex;gap:20px;justify-content:space-between;align-items:center;color:white;flex-wrap:wrap;font-size:.9rem}.lightbox-original{color:#ffd4aa}
.lightbox-lock{overflow:hidden}
@media(max-width:1150px){.nav-links{gap:12px}.language-switch{margin-left:0}}
@media(max-width:950px){.language-switch{margin:8px 0 0;align-self:flex-start}}
@media(max-width:700px){.home-figure-grid,.project-visuals,.gallery-grid{grid-template-columns:1fr}.gallery-media{height:265px}.home-figure>img{height:250px}.members-photo img{height:320px}.profile-photo{width:115px;height:140px}.lightbox{padding:12px}}

/* Japanese hero typography: prevent an orphan final syllable on wide screens. */
body:lang(ja) .hero h1{font-size:clamp(2rem,3.35vw,3.1rem);letter-spacing:-.012em;line-height:1.45}
@media(max-width:760px){body:lang(ja) .hero h1{font-size:clamp(1.95rem,7vw,2.35rem);letter-spacing:-.015em}}

/* Final logo identity: original artwork supplied by the laboratory */
.brand {min-width:0;gap:0;flex-shrink:0}
.brand-logo{display:block;width:205px;height:auto;max-height:80px;object-fit:contain}
.footer-brand{display:inline-flex;background:#fff;border-radius:10px;padding:6px 10px;max-width:100%}
.footer-logo{display:block;width:230px;height:auto;max-height:95px;object-fit:contain}
.historical-year-picker{display:inline-flex;align-items:center;gap:12px;margin:0 0 14px;color:#476578;font-size:.87rem;font-weight:750}
.historical-year-picker select{font:inherit;color:#23516d;background:#fff;border:1px solid #cbdde1;border-radius:8px;padding:9px 12px}
@media(max-width:1100px) and (min-width:761px){.nav-inner{gap:12px}.nav-links{gap:12px}.nav-links a{font-size:.80rem}.brand-logo{width:156px}body:lang(ja) .nav-links{gap:9px}}
@media(max-width:760px){.brand-logo{width:180px;max-height:65px}.nav-inner{min-height:76px}.historical-year-picker{display:flex;flex-wrap:wrap;gap:7px}}
@media(max-width:420px){.brand-logo{width:153px}}

/* Oct 2026 homepage refinement: compact engineering-focused hero */
.hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:42px;min-height:0}
.hero-content{padding:65px 0 68px}
.hero h1{font-size:clamp(2.55rem,3.68vw,3.65rem);line-height:1.14;max-width:710px;margin:20px 0 23px}
.hero .lead{font-size:1.03rem;line-height:1.8}
.hero-art{min-height:0;height:auto;display:flex;align-items:center;justify-content:flex-end;overflow:visible}
.hero-art img{position:static;width:100%;max-width:570px;max-height:365px;height:auto;right:auto;top:auto;transform:none;object-fit:contain;filter:none;background:#f9fcfd;border:1px solid #d2e2e9;border-radius:16px;box-shadow:0 16px 35px rgba(25,74,103,.13)}
.hero-footer{padding:17px 0}
body:lang(ja) .hero h1{font-size:clamp(2rem,3.08vw,3rem);line-height:1.45}
@media(max-width:1050px) and (min-width:761px){.hero-grid{gap:24px}.hero h1{font-size:clamp(2.2rem,3.6vw,3.1rem)}.hero-art img{max-height:315px}}
@media(max-width:760px){
 .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .hero-content{padding:48px 0 12px}
 .hero h1{font-size:clamp(2.15rem,7.1vw,3.1rem);line-height:1.18}
 body:lang(ja) .hero h1{font-size:clamp(1.85rem,6.5vw,2.45rem);line-height:1.45}
 .hero-art{min-height:0;height:auto;display:flex;width:100%;padding:7px 0 27px;justify-content:center;overflow:visible}
 .hero-art img{position:static;width:100%;max-width:560px;max-height:315px;right:auto;top:auto;transform:none;object-fit:contain}
 .hero-footer{padding:15px 0;gap:12px}
}


/* Oct 2026 update: homepage figure and profile details */
.section-head .btn{margin-left:auto;align-self:flex-start}
@media(max-width:900px){.section-head .btn{margin-left:0}}
.hero-art img{max-width:760px;max-height:320px}
@media(max-width:1050px) and (min-width:761px){.hero-art img{max-height:280px}}
@media(max-width:760px){.hero-art img{max-height:270px}}
.timeline-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.timeline-list li{padding-left:0;color:#31556a;line-height:1.65}
.timeline-list strong{color:#173b50}
.profile-expanded{margin:32px 0 14px}
.profile-expanded .equipment-grid{margin-top:18px}

/* Publications call-to-action is anchored beneath the research cards and visible on light backgrounds. */
.research-publications-cta{display:flex;justify-content:center;align-items:center;padding:32px 0 0;clear:both}
.research-publications-cta .publications-button{background:#256789;color:#fff;border:1px solid #256789;min-width:220px;min-height:48px;justify-content:center;text-align:center;box-shadow:0 8px 22px rgba(37,103,137,.16);font-weight:750}
.research-publications-cta .publications-button:hover{background:#174c69;border-color:#174c69;color:#fff;transform:translateY(-1px)}
.research-publications-cta .publications-button:focus-visible{outline:3px solid #e58d58;outline-offset:4px}
@media(max-width:620px){.research-publications-cta{padding-top:26px}.research-publications-cta .publications-button{width:min(100%,350px)}}
/* Dedicated PI biography is separate from the Members listing. */
.academic-page-hero h1{font-size:clamp(2.35rem,4.4vw,4.1rem)}
.academic-back{margin:0 0 28px}
.academic-profile-lead{display:grid;grid-template-columns:170px minmax(0,1fr);gap:30px;align-items:center;max-width:1050px;padding:30px;border:1px solid #d5e3ea;border-radius:18px;background:#f7fbfd}
.academic-profile-lead img{display:block;width:170px;height:205px;object-fit:cover;object-position:top;border-radius:12px}
.academic-profile-lead h2{font-size:clamp(1.65rem,3vw,2.4rem);margin:10px 0 16px}
.academic-profile-lead p{max-width:760px;margin-bottom:14px}
.profile-shortcuts{display:flex;gap:20px;flex-wrap:wrap}
.academic-page-body .profile-expanded{margin-top:56px;scroll-margin-top:120px}
@media(max-width:620px){.academic-profile-lead{grid-template-columns:1fr;padding:22px;gap:18px}.academic-profile-lead img{height:185px;width:150px}.academic-page-body .profile-expanded{margin-top:40px}}

/* Oct 20 2026 – consistent Gomez-Lab identity, roster and paper selections */
.brand-logo{width:245px;height:auto;max-height:78px;object-fit:contain}
.footer-logo{width:265px;max-height:104px;height:auto;object-fit:contain}
.person{min-width:0}
.person-romanized{display:block;font-size:.83rem;color:#6b8493;letter-spacing:.015em;margin-top:2px}
.person .degree{display:block;font-size:.83rem;font-weight:700;color:#245f7f;margin-top:2px}
.project-selected-papers{border-top:1px solid #d7e6eb;margin-top:20px;padding-top:17px}
.project-selected-papers h4{font-size:.83rem;color:#315a72;letter-spacing:.015em;margin:0 0 12px}
.project-papers{counter-reset:papers;list-style:none;margin:0;padding:0;display:grid;gap:12px}
.project-papers li{padding:0;line-height:1.45}
.project-papers a{font-size:.88rem;line-height:1.55;font-weight:650;color:#17648d;text-decoration:none}
.project-papers a:hover,.project-papers a:focus-visible{text-decoration:underline}
.project-paper-meta{display:block;font-size:.77rem;color:#647e8d;margin-top:3px}
.project-paper-note{font-size:.76rem;color:#718593;line-height:1.6;margin-top:13px}
.project-publication-footer{text-align:center;padding:30px 0 0}
.project-publication-footer p{font-size:.83rem;color:#65808d;margin:0 auto 15px}
@media (max-width:1100px) and (min-width:761px){.brand-logo{width:185px;max-height:68px}}
@media (max-width:760px){.brand-logo{width:196px;max-height:68px}.footer-logo{width:225px}}
@media (max-width:420px){.brand-logo{width:169px}}