@font-face{font-family:"League Gothic";src:url(fonts/league-gothic.woff2) format("woff2");font-display:block}
@view-transition{navigation:auto}
header{view-transition-name:header;position:relative;z-index:2}
main{view-transition-name:page}
::view-transition-old(page){animation:fade-out .12s ease-out both}
::view-transition-new(page){animation:drop .25s .08s ease-out both}
@keyframes fade-out{to{opacity:0}}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}
html{overflow-y:scroll}
:root{--blue:#0072CE;--rule:1px dotted #BFBFBF;--display:"League Gothic","Arial Narrow",Impact,sans-serif}
body{margin:0;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:#fff;color:#252525;font:14px/1.55 Arial,Helvetica,sans-serif}
a{color:var(--blue);text-decoration:none}
a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
img{max-width:100%}
.wrap{box-sizing:border-box;max-width:800px;margin:0 auto;padding:25px 25px 0}
header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:15px;border-bottom:var(--rule)}
.logo{color:#444}
.logo span{display:block;font:42px/.9 var(--display);text-transform:uppercase}
.logo small{display:block;font:bold 15px Arial,sans-serif;color:var(--blue)}
nav ul{display:flex;gap:18px;margin:0;padding:0;list-style:none}
nav a{font:18px var(--display);text-transform:uppercase;color:#666;transition:color .15s ease-out}
nav a:hover,nav a.on{color:var(--blue)}
nav li{position:relative}
nav li ul{display:none;position:absolute;left:-14px;top:100%;z-index:1;flex-direction:column;gap:0;min-width:130px;padding:4px 0;border:var(--rule);background:#fff;white-space:nowrap}
nav li ul a{display:block;padding:5px 14px}
nav li:hover>ul,nav li:focus-within>ul{display:flex;animation:drop .15s ease-out}
h1{margin:25px 0;padding-bottom:5px;border-bottom:var(--rule);font:normal 32px var(--display);text-transform:uppercase;color:#444}
p{margin:0 0 1em;text-wrap:pretty}
h1,.mission{text-wrap:balance}
::selection{background:var(--blue);color:#fff}
@keyframes drop{from{opacity:0;transform:translateY(-6px)}}
.text::after{content:"";display:block;clear:both}
.text img{float:right;margin:0 0 1em 1em}
.text li img{float:none;display:block;width:100%;max-width:480px;margin:1em 0 .4em}
.text img[src*="find-logo"]{float:none;display:block;width:240px;margin:0 0 1em}
.text img[src*="pillar-"]{float:none;width:30%;margin:0 1% 1em 0}
.text img[src*="find-symposium"]{float:none;width:49%;margin:0 .5% .5em 0}
.text p:has(img[src*="find-logo"])+p{font-size:22px;line-height:1.3}
.text p:not(:first-child):has(>strong:first-child+br){margin-top:2em}
.text h2{margin:1.4em 0 .4em;font:normal 22px var(--display);text-transform:uppercase;color:#444}
.text ul{text-align:left}
.credit{display:block;margin-top:4px;font-size:12px;color:#666}
.slider{position:relative;margin-top:25px;aspect-ratio:2.05}
.slider img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;animation:fade 24s infinite}
.slider img:first-child{object-position:center 19%;animation-delay:-1.2s}
.slider img:nth-child(2){animation-delay:6s}
.slider img:nth-child(3){animation-delay:12s;object-position:center 35%}
.slider img:nth-child(4){animation-delay:18s;object-position:center 25%}
@keyframes fade{0%{opacity:0}5%,25%{opacity:1}30%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.slider img{animation:none}.slider img:first-child{opacity:1}}
.mission{margin:25px 0;font:16px/1.6 Arial,Helvetica,sans-serif;text-align:center;color:#252525}
.mission strong{font-weight:normal;color:var(--blue)}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.tiles h2{margin:0 0 5px;font:normal 17px var(--display);text-transform:uppercase;color:#444}
.cap{position:absolute;left:0;right:0;bottom:12%;padding:0 8%;text-align:center;font:15px/1.15 var(--display);text-transform:uppercase;color:#444}
.tiles a{position:relative;display:block;overflow:hidden;transition:transform .16s ease-out}
.tiles img{transition:transform .2s ease-out}
@media (hover:hover) and (pointer:fine){.tiles a:hover img{transform:scale(1.04)}a:hover{text-decoration:underline}nav a:hover,.tiles a:hover,.logo:hover{text-decoration:none}}
.tiles a:active{transform:scale(.97)}
.tiles img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.tiles img[src$="tile-publications.jpg"]{object-position:84% center}
main>p,.person{margin-bottom:1em;padding-bottom:1em;border-bottom:var(--rule)}
.person{display:flex;gap:15px}
.person img{flex:none;width:120px;aspect-ratio:4/5;object-fit:cover;object-position:top;align-self:flex-start}
footer{margin-top:25px;padding-top:15px;border-top:var(--rule);text-align:center}
footer p:last-child{font-size:12px}
.menu-toggle{position:absolute;opacity:0}
.menu-btn{display:none;position:relative;box-sizing:border-box;width:26px;height:18px;margin-top:12px;padding:8px 6px;background-clip:content-box;border:solid;border-width:2px 0;color:#444;font-size:0;cursor:pointer}
.menu-btn::before{content:"";position:absolute;inset:-13px -9px}
.menu-btn::after{content:"";position:absolute;left:0;right:0;top:6px;border-top:2px solid}
@media (max-width:600px),(hover:none){
header{flex-wrap:wrap;align-items:flex-start}
.menu-btn{display:block}
.menu-toggle:focus-visible+.menu-btn{outline:var(--rule);outline-offset:4px}
.menu-toggle:checked+.menu-btn{color:var(--blue);border-color:transparent}
.menu-toggle:checked+.menu-btn::before,.menu-toggle:checked+.menu-btn::after{inset:6px 0 auto;border-top:2px solid;transform:rotate(45deg)}
.menu-toggle:checked+.menu-btn::before{transform:rotate(-45deg)}
nav{display:none;width:100%;margin-top:12px;border-top:var(--rule);text-align:right}
.menu-toggle:checked~nav{display:block;animation:drop .2s ease-out}
nav ul{flex-direction:column;gap:0;margin:0}
nav>ul>li{border-bottom:var(--rule)}
nav>ul>li:last-child{border-bottom:0}
nav a{display:block;padding:12px 0;font-size:22px;letter-spacing:1px}
nav li ul{display:none;position:static;margin:0;padding:0 16px 8px 0;border:0}
nav li:has(>a.on)>ul{display:flex}
nav li ul a{padding:6px 0;font-size:17px;color:#767676}
nav li ul a.on{color:var(--blue)}
}
@media (max-width:600px){
.wrap{padding:20px 20px 0}
.slider{aspect-ratio:1.6}
.person img{width:100px}
.tiles{grid-template-columns:repeat(2,1fr)}
.person{flex-direction:column}
.text img[src*="find-symposium"]{display:block;width:100%;margin:0 0 .5em}
}
.text,.person,.news{text-align:justify;hyphens:auto;hyphenate-limit-chars:6 3 3}