:root{--blue:#566e8c;--navy:#263d58;--ink:#29384a;--muted:#65758a;--line:#e1e7ee;--bg:#f7f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);background:white;line-height:1.65}a{color:var(--blue)}.container{width:min(1080px,calc(100% - 48px));margin:auto}.site-header{border-bottom:1px solid var(--line);background:white}.header-inner{display:flex;align-items:center;gap:22px;min-height:86px}.wordmark{text-decoration:none;color:var(--navy);font-weight:750;font-size:1.12rem;white-space:nowrap}.header-logo{display:flex;align-items:center;border-left:1px solid var(--line);padding-left:18px}.header-logo img{width:140px;max-height:58px;object-fit:contain}nav{display:flex;gap:21px;margin-left:auto;align-items:center}nav a{text-decoration:none;font-size:.87rem;color:var(--muted);white-space:nowrap}nav a:hover,nav a.active{color:var(--navy)}nav a.active{font-weight:700}.menu-toggle{display:none;margin-left:auto;background:white;border:1px solid var(--line);border-radius:7px;padding:6px 12px;font-size:1.2rem;color:var(--navy)}.hero{padding:100px 0 110px}.hero-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:70px;align-items:center}.eyebrow{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;font-weight:750;color:var(--blue);margin:0 0 20px}h1{font-size:clamp(2.9rem,5.5vw,4.5rem);letter-spacing:-.045em;line-height:1.1;color:var(--navy);margin:0 0 22px}h2{font-size:clamp(1.75rem,3vw,2.3rem);line-height:1.25;letter-spacing:-.03em;color:var(--navy);margin:0 0 16px}.role{font-size:1.25rem;font-weight:650;margin:0;color:var(--navy)}.affiliation{color:var(--muted);margin:3px 0 25px}.intro{max-width:660px;font-size:1.07rem;line-height:1.85;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{padding:11px 19px;border-radius:6px;text-decoration:none;font-weight:650;font-size:.91rem}.button.primary{background:var(--blue);color:white}.button.secondary{border:1px solid #bac7d6;color:var(--navy)}.portrait-placeholder{aspect-ratio:4/4.7;border-radius:14px;background:linear-gradient(145deg,#e9eff5,#f8fafc);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:var(--muted);text-align:center;padding:20px}.portrait-placeholder svg{width:60px;stroke:#8a9cb0}.portrait-placeholder span{font-size:.8rem}.portrait-photo{width:100%;border-radius:14px;object-fit:cover}.section{padding:78px 0}.news-section{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{margin-bottom:30px}.news-item{display:grid;grid-template-columns:115px 1fr;gap:28px;padding:21px 0;border-top:1px solid #dfe6ee}.news-item time{font-size:.86rem;color:var(--blue);font-weight:650}.news-item h3{font-size:1.06rem;margin:0 0 5px;color:var(--navy)}.news-item p{margin:0;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:65px}.contact-links{display:flex;flex-wrap:wrap;gap:12px 25px}.contact-links a{text-decoration:none}.footer{background:#eef2f6;border-top:1px solid var(--line);padding:26px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-logo{width:165px;max-height:80px;object-fit:contain}.footer small{color:var(--muted)}.placeholder-note{font-size:.83rem;color:var(--muted)}.inner-page{padding:85px 0;min-height:55vh}.inner-page p{max-width:650px}@media(max-width:900px){.header-inner{flex-wrap:wrap;padding:14px 0}.menu-toggle{display:block}nav{display:none;flex-basis:100%;flex-direction:column;align-items:flex-start;gap:12px;padding:14px 0}nav.open{display:flex}.hero-grid{gap:35px}.header-logo img{width:105px}}@media(max-width:650px){.container{width:min(100% - 34px,1080px)}.hero{padding:55px 0}.hero-grid{grid-template-columns:1fr}.portrait-placeholder{max-width:300px;aspect-ratio:4/3}.contact-grid{grid-template-columns:1fr;gap:12px}.news-item{grid-template-columns:1fr;gap:5px}.section{padding:55px 0}.footer-inner{align-items:flex-start}.footer-logo{width:105px}}

/* Version 3: institutional emblem and portrait */
.affiliation{display:flex;align-items:center;gap:11px;line-height:1.4;margin-top:9px}.bgu-emblem{height:34px;width:34px;object-fit:contain;flex:none}.portrait-photo{display:block;width:100%;height:auto;aspect-ratio:316/425;object-fit:cover;object-position:center center;border-radius:14px;border:1px solid var(--line)}
@media(max-width:650px){.portrait-photo{max-width:320px}}

/* Version 4: compact contact bar above news and lab leadership */
.lab-lead{margin:-8px 0 22px;color:var(--navy);font-size:.95rem;font-weight:650;line-height:1.5}
.lab-lead a{color:var(--blue);text-decoration:none;border-bottom:1px solid #b8c5d3}
.lab-lead span{font-weight:400;color:var(--muted)}
.contact-strip{border-top:1px solid var(--line);padding:25px 0;background:white}
.contact-strip-inner{display:flex;align-items:center;gap:36px}
.contact-strip h2{font-size:1.18rem;letter-spacing:0;margin:0;white-space:nowrap}
.contact-strip .contact-links{gap:9px 23px;align-items:center}
.contact-strip .contact-links a{font-size:.9rem;font-weight:550;white-space:nowrap}
.contact-strip .contact-links a:hover{text-decoration:underline}
@media(max-width:650px){.contact-strip-inner{align-items:flex-start;flex-direction:column;gap:12px}.contact-strip{padding:22px 0}.lab-lead{margin-top:-8px}}

/* Research page */
.research-hero{background:linear-gradient(135deg,#f5f8fb,#fff);padding:74px 0 48px;border-bottom:1px solid #e3eaf0}
.research-hero h1{font-size:clamp(2.4rem,5vw,3.6rem);letter-spacing:-.035em;margin:12px 0 18px;color:#253d59}
.research-lede{font-size:1.12rem;line-height:1.85;color:#52647a;max-width:840px;margin:0}
.research-jump{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.research-jump a{display:inline-block;text-decoration:none;color:#435d7a;background:#eaf0f6;border:1px solid #dce5ed;padding:9px 15px;border-radius:99px;font-size:.9rem;font-weight:600}
.research-jump a:hover{background:#dbe6f0}
.research-content{padding-top:35px;padding-bottom:70px}
.research-direction{padding:42px 0 50px;border-bottom:1px solid #dfe7ef;scroll-margin-top:95px}
.direction-intro{display:grid;grid-template-columns:62px minmax(0,1fr);gap:16px;align-items:start;margin-bottom:30px}
.direction-index{color:#8093aa;font-size:1.5rem;font-weight:700;line-height:1.35}
.direction-intro h2{color:#2f4763;font-size:clamp(1.55rem,3vw,2rem);margin:0 0 9px;letter-spacing:-.02em}
.direction-intro p{color:#5c6f82;line-height:1.75;max-width:850px;margin:0}
.research-themes{margin-left:78px;display:grid;gap:18px}
.research-theme{background:#f7f9fc;border:1px solid #e2e9f0;border-radius:14px;padding:27px 30px}
.research-theme h3{color:#344d6a;font-size:1.27rem;margin:0 0 10px}
.research-theme>p{color:#536578;line-height:1.8;margin:0 0 20px;max-width:850px}
.research-links{border-top:1px solid #dce5ee;padding-top:16px}
.research-links h4{font-size:.8rem;letter-spacing:.075em;text-transform:uppercase;color:#7a8ba0;margin:0 0 10px}
.research-links ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.research-links li{display:flex;flex-direction:column;gap:2px}
.research-links li a{color:#405d7b;text-decoration:none;font-weight:650}
.research-links li a:hover{text-decoration:underline}
.research-links li span{font-size:.88rem;color:#78889a}
.research-code{display:inline-block;margin-top:14px;font-size:.9rem;color:#405d7b;font-weight:600}
.research-note{font-size:.85rem;color:#77899c;margin-top:24px}
@media(max-width:700px){.research-hero{padding:44px 0 32px}.direction-intro{grid-template-columns:1fr;gap:4px}.direction-index{font-size:1rem}.research-themes{margin-left:0}.research-theme{padding:20px}.research-direction{padding:30px 0}}

/* Version 6: research figure placeholders and pyRDDLGym */
.research-theme-layout{display:grid;grid-template-columns:minmax(210px,0.85fr) minmax(0,1.4fr);gap:26px;align-items:start;margin:15px 0 23px}
.research-figure{margin:0;min-width:0}
.research-figure-placeholder{aspect-ratio:4/3;border:1px dashed #aabbd0;border-radius:10px;background:linear-gradient(145deg,#eaf0f6,#f7f9fc);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;color:#647d99;gap:7px}
.figure-icon{font-size:2.2rem;line-height:1;color:#8ca1b7}.research-figure-placeholder strong{font-size:.92rem;color:#435d7a}.research-figure-placeholder span:last-child{font-size:.78rem;line-height:1.45}
.research-figure figcaption{color:#7b8b9d;font-size:.76rem;line-height:1.45;margin-top:8px}
.research-theme-copy p{color:#536578;line-height:1.8;margin:0}
.research-software{margin-top:19px;padding:17px 20px;background:#edf3f8;border-left:3px solid #566e8c;border-radius:0 9px 9px 0}
.research-software h4{margin:0 0 7px;font-size:.77rem;letter-spacing:.08em;text-transform:uppercase;color:#617891}
.research-software a{color:#344d6a;font-weight:700;text-decoration:none}.research-software a:hover{text-decoration:underline}
.research-software p{font-size:.9rem;color:#536578;line-height:1.65;margin:7px 0 0}
@media(max-width:760px){.research-theme-layout{grid-template-columns:1fr;gap:15px}.research-figure{max-width:440px}}

/* Research figures: preserve full scientific diagrams without cropping */
.research-figure-image{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;object-position:center;background:#fff;border:1px solid #e1e8f0;border-radius:10px;padding:8px}
@media(max-width:760px){.research-figure-image{max-height:360px}}
