/* Shared site chrome for developmentinternational.org */
.site-head{background:#F5F6F2;border-bottom:1px solid #D3D8CC;position:relative;z-index:10}
.site-wrap{max-width:1120px;margin:0 auto;padding:0 40px}
.site-head .site-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;min-height:72px;flex-wrap:wrap}
.brand{font-family:'Literata',Georgia,serif;font-size:20px;color:#1E2922;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:10px}
.brand .di-mark{flex:none;width:32px;height:32px}
.brand span{font-style:italic;color:#9C360B}
.site-nav{display:flex;gap:4px 28px;flex-wrap:wrap}
.site-nav a{font-family:'Work Sans','Helvetica Neue',Arial,sans-serif;font-size:15px;color:#1E2922;text-decoration:none;padding:10px 0;border-bottom:2px solid transparent}
.site-nav a:hover{color:#9C360B}
.site-nav a[aria-current="page"]{border-bottom-color:#B7410E}
.site-foot{background:#1E2922;color:rgba(255,255,255,.72);padding:48px 0 36px;font-family:'Work Sans','Helvetica Neue',Arial,sans-serif}
.site-foot .site-wrap:first-child{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.foot-brand{font-family:'Literata',Georgia,serif;font-size:19px;color:#fff}
.foot-tag{font-family:'Literata',Georgia,serif;font-style:italic;font-size:15px;margin-top:4px}
.foot-small{font-size:13.5px;margin-top:6px}
.foot-nav{display:flex;gap:10px 24px;flex-wrap:wrap;align-items:flex-start}
.foot-nav a{color:#fff;font-size:14.5px;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
@media (max-width:640px){.site-wrap{padding:0 20px}.site-head .site-wrap{padding-top:12px;padding-bottom:4px}.site-nav{gap:2px 20px}}

/* engraved plates */
.pg-plate{position:absolute;right:max(24px,calc((100% - 1180px)/2));top:50%;transform:translateY(-50%);width:min(30vw,400px);margin:0;pointer-events:none;z-index:1;background:radial-gradient(closest-side,var(--ground) 72%,rgba(231,234,225,0))}
.pg-plate img,.tool-plate img,.contact-plate img{display:block;width:100%;height:auto}
.tool-side{display:flex;flex-direction:column;gap:18px}
.tool-plate{margin:0;max-width:260px}
.contact-plate{margin:40px 0 0;max-width:620px}
.contact-plate figcaption{font-size:13px;color:var(--meta);margin-top:6px}
@media (max-width:1000px){.pg-plate{position:static;transform:none;width:auto;max-width:520px;margin:24px 20px 0}}
.with-plate{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:48px;align-items:center}
.side-plate{margin:0}
.side-plate img{display:block;width:100%;height:auto}
@media (max-width:900px){.with-plate{grid-template-columns:1fr;gap:24px}.side-plate{max-width:520px}}
.side-plate.tall{max-width:340px;justify-self:center}
.side-plate figcaption{font-size:13px;color:var(--meta);margin-top:6px}
.plate-band{border-top:none!important;padding:40px 0 0!important}
.plate-band figure{margin:0}
.plate-band img{display:block;width:100%;height:auto}
.plate-band figcaption{font-size:13px;color:var(--meta);margin-top:6px}
.plate-band+section{border-top:none}
.nav-dd{position:static;display:flex;align-items:center}
.dd-panel{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #D3D8CC;box-shadow:0 12px 30px rgba(30,41,34,.08);padding:26px max(24px,calc((100% - 1140px)/2)) 28px;grid-template-columns:repeat(3,minmax(0,260px));gap:40px;z-index:20}
.nav-dd:hover .dd-panel,.nav-dd:focus-within .dd-panel{display:grid}
.dd-col b{display:block;font-family:'Literata',Georgia,serif;font-weight:400;font-size:18px;color:#1E2922;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid #D3D8CC}
.dd-panel .dd-col a{display:block;padding:5px 0;font-size:14.5px;border:none}
@media (max-width:900px){.dd-panel{display:none!important}}
.plate-band:last-child{padding-bottom:64px!important}