/* Division gateway: a restrained masthead and two large photographic entry points. */
body.is-divisions{background:#060a0d}
body.is-divisions .site-header{position:relative;height:82px;padding-inline:4vw;background:#060a0d;border-bottom:1px solid #ffffff20;backdrop-filter:none}
body.is-divisions .site-header .header-wordmark{display:block;width:92px}
body.is-divisions .site-header .institute-name{color:#9eacb6;font-size:8px;letter-spacing:2px}
.division-page{color:#edf2f5;padding:0 4vw}
.division-intro{padding:32px 0 28px}
.division-kicker{font:9px/1.5 var(--sans);letter-spacing:2px;text-transform:uppercase;color:#a3b3bf}
.division-headline{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:14px}
.division-headline h1{font:400 clamp(48px,5.3vw,76px)/1 var(--sans);letter-spacing:-.055em;margin:0}
.division-headline>p{font:12px/1.7 var(--sans);color:#9eafbb;margin:0 0 4px;text-align:right}
.division-portals{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;background:#8295a040;border-block:1px solid #ffffff24}
.division-portal{min-width:0;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;height:clamp(470px,47vw,680px);overflow:hidden;padding:32px 38px;background:#101a22;color:#edf2f5}
.division-portal>img{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;filter:saturate(.4);transition:transform .8s ease,filter .8s ease}
.division-portal-field>img{object-position:40% center}.division-portal-research>img{object-position:58% center}
.division-portal:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#050b1160,transparent 28%,#040a1170 52%,#040a11f5 100%)}
.portal-topline{font:9px/1.6 var(--sans);letter-spacing:1.8px;text-transform:uppercase;color:#d1dce4}
.portal-content{padding-top:160px}
.portal-content h2{font:400 clamp(42px,6.2vw,96px)/1 var(--sans);letter-spacing:-.065em;margin:0 0 18px}
.portal-detail p{font:14px/1.6 var(--sans);color:#b6c6d2;margin:0}
.portal-enter{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff38;padding-top:20px;margin-top:32px;font:10px/1.5 var(--sans);letter-spacing:1.5px;text-transform:uppercase}
.portal-enter>span{font:26px/1 var(--sans);transition:transform .3s}
.division-portal:focus-visible{outline:2px solid #e4f3ff;outline-offset:-6px}
.division-about{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding:44px 0;border-bottom:1px solid #ffffff20}
.division-about h2{font:400 25px/1.2 var(--sans);letter-spacing:-.5px;margin:0}
.division-about p{max-width:59ch;font:14px/1.85 var(--sans);color:#a6b7c3}
.division-colophon{display:flex;justify-content:space-between;gap:24px;padding:23px 0 28px;font:9px/1.7 var(--sans);color:#8296a4}
.division-colophon a{text-decoration:underline;text-underline-offset:4px}
@media(hover:hover){.division-portal:hover>img{transform:scale(1.035);filter:saturate(.75)}.division-portal:hover .portal-enter>span{transform:translate(3px,-3px)}}
@media(min-width:1800px){.division-page{max-width:1900px;margin:auto}}
@media(max-width:700px){body.is-divisions .site-header{height:74px;padding-inline:22px;flex-direction:row;align-items:center}body.is-divisions .site-header .site-brand{gap:18px}body.is-divisions .site-header .header-wordmark{width:78px}body.is-divisions .site-header .institute-name{max-width:155px;font-size:7px;line-height:1.7;letter-spacing:1.4px}.division-page{padding:0 20px}.division-intro{padding:26px 0}.division-kicker{font-size:8px;letter-spacing:1.5px}.division-headline{margin-top:15px;align-items:center}.division-headline h1{font-size:46px}.division-headline>p{font-size:10px;max-width:15ch}.division-portals{grid-template-columns:1fr}.division-portal{height:450px;padding:24px}.portal-content{padding-top:120px}.portal-content h2{font-size:clamp(48px,13vw,72px)}.portal-topline{font-size:8px;letter-spacing:1.5px}.portal-detail p{font-size:13px}.portal-enter{margin-top:26px;padding-top:18px}.division-about{grid-template-columns:1fr;gap:18px;padding:32px 0}.division-about p{font-size:13px}.division-colophon{display:grid;grid-template-columns:1fr auto;gap:8px 14px;font-size:8px}.division-colophon>span:nth-child(2){grid-row:2}.division-colophon>a{grid-column:2;grid-row:1/3;align-self:center;padding:12px 0}}
@media(prefers-reduced-motion:reduce){.division-portal>img,.portal-enter>span{transition:none}}
