@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400;font-display:swap;src:url("eb-garamond.ttf") format("truetype")}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#000;font:16px/1.35 "EB Garamond",Garamond,serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}button:focus-visible,a:focus-visible{outline:1px solid #171717;outline-offset:5px}header{height:58px;position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 26px;background:white;z-index:5}.brand{font-size:20px;letter-spacing:-.55px}nav{display:flex;gap:30px;font-size:18px}main{padding-top:70px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px;padding:0 26px 70px}.project{min-width:0}.cover{display:flex;align-items:center;justify-content:center;width:100%;height:min(29vw,480px);position:relative}.cover img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.project:nth-child(4n+1) .cover{padding:0 6%}.project:nth-child(4n+2) .cover{padding:0 9%}.project:nth-child(4n+3) .cover{padding:0 2%}.caption{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;padding:13px 0 0;font-size:13px}.caption h2{font:inherit;margin:0}.caption span{color:#000;font-size:12px;white-space:nowrap}.caption button{text-align:left}.project:hover .caption h2{text-decoration:underline;text-underline-offset:3px}.index,.info{margin:30px 26px 90px}.index h1,.info h1{font-weight:400;font-size:16px;margin:0 0 50px}.index-row{display:grid;grid-template-columns:2.2fr 1fr .7fr;gap:24px;border-top:1px solid #ddd;padding:16px 0;width:100%;text-align:left}.index-row:hover{color:#000}.index-row span:last-child{text-align:right}.info-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.intro{font-size:27px;line-height:1.3;letter-spacing:-.6px;margin:0 0 50px;max-width:730px}.team{font-size:18px}.info aside{padding-top:4px}.info details{border-top:1px solid #ddd;margin-top:40px;padding-top:12px}.info summary{cursor:pointer}.info details p{max-width:650px;font-size:14px;line-height:1.5}.info .source{font-size:12px;color:#000;margin-top:50px}.loading{padding:30px}@media(min-width:651px) and (max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover{height:min(40vw,610px)}}@media(max-width:650px){header{padding:0 16px;height:60px}.brand{font-size:16px}nav{font-size:15px;gap:16px}main{padding-top:72px}.grid{grid-template-columns:1fr;padding:0 16px 45px;gap:34px}.cover{height:110vw;max-height:620px}.project:nth-child(n) .cover{padding:0}.caption{font-size:13px}.caption span{font-size:11px}.index,.info{margin:15px 16px 60px}.index-row{grid-template-columns:1fr auto;gap:5px;font-size:14px}.index-row span:nth-child(2){grid-row:2;color:#000}.index-row span:last-child{grid-column:2;grid-row:1}.info-layout{grid-template-columns:1fr;gap:20px}.intro{font-size:23px;margin-bottom:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.project{scroll-margin-top:80px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Uniform typography throughout the information page. */
.info{font-size:16px;line-height:1.5;color:#000}.info .intro,.info .team,.info details p,.info .source,.info summary{font:inherit;letter-spacing:normal;color:inherit}

body.admin-bar header{top:32px}body.admin-bar main{padding-top:70px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100000;background:white;padding:8px}.skip-link:focus{top:40px}.info :is(p,h1,h2,h3,h4,li,summary,a){font:inherit;color:#000;letter-spacing:normal}.info img{max-width:100%;height:auto}@media(max-width:782px){body.admin-bar header{top:46px}}@media(max-width:600px){body.admin-bar header{position:absolute}}
