:root{--ink:#0b0b0b;--pale:#b7b7b7;--line:#ececec;--max:1500px}*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}body{margin:0}a{color:inherit}.site-head{height:78px;display:flex;align-items:flex-start;justify-content:space-between;padding:22px 20px 0;border-top:1px solid #eee}.brand{text-decoration:none;line-height:1}.brand strong{display:block;font-size:15px;letter-spacing:.34em;white-space:nowrap}.brand span{display:block;color:#bdbdbd;font-size:13px;margin-top:3px}.nav{display:flex;gap:34px;font-weight:700;font-size:13px}.nav a{text-decoration:none;color:#aaa}.nav a.active,.nav a:hover{color:#111}.home{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(320px,520px) minmax(320px,520px);gap:90px;justify-content:center;align-content:center;padding:60px 40px 150px}.mo-mark{width:100%;max-width:440px;height:auto;object-fit:contain}.home-copy{padding-top:20px}.home-copy h1{font-size:27px;letter-spacing:.34em;margin:0 0 55px}.people{font-size:16px}.person{margin-bottom:25px}.person a,.emails a{text-decoration:underline}.emails{margin-top:70px;display:grid;gap:22px;font-size:16px}.materials-intro{max-width:1000px;margin:18px auto 22px;padding:0 20px;font-size:16px}.materials{padding:0 10px 70px;columns:5 230px;column-gap:8px}.tile{break-inside:avoid;margin:0 0 8px;display:block;position:relative;overflow:hidden;background:#f4f4f4}.tile img{width:100%;display:block;height:auto}.tile[href] img{transition:opacity .15s}.tile[href]:hover img{opacity:.82}.standards{max-width:1020px;margin:35px auto 120px;padding:0 22px}.standards h1{font-size:62px;line-height:.95;letter-spacing:.01em;margin:0 0 12px}.standards .lead{font-weight:700;margin:0 0 24px}.standards h2{font-size:16px;margin:30px 0 14px}.standards h3{font-size:16px;margin:20px 0 8px}.standards p{font-size:16px;line-height:1.08;max-width:980px}.universal-footer{font-size:11px;color:#d0d0d0;padding:28px 0 16px;text-align:center;line-height:1.5}.universal-footer a{text-decoration:none;color:inherit}.universal-footer a:hover{color:#888}@media(max-width:760px){.site-head{height:auto;padding:18px 15px 12px;gap:18px}.brand strong{font-size:12px}.brand span{font-size:11px}.nav{gap:14px;font-size:11px;flex-wrap:wrap;justify-content:flex-end}.home{grid-template-columns:1fr;gap:30px;padding:55px 25px 100px}.home-copy h1{font-size:21px;margin-bottom:35px}.emails{margin-top:40px}.materials{columns:2 150px}.materials-intro{margin-top:30px}.standards{margin-top:45px}.standards h1{font-size:42px}}


/* V0.4 — shared outer identity geometry */
.site-head{height:118px;padding:30px clamp(20px,3.2vw,56px) 22px;align-items:flex-start}
.brand{line-height:1;text-decoration:none}
.brand strong{font-size:20px;letter-spacing:.22em;font-weight:800}
.brand span{font-size:12px;color:#555;margin-top:5px}
.nav{gap:30px;padding-top:3px;font-size:12px}

/* Universal footer follows the ABC reference treatment. */
.universal-footer{box-sizing:border-box;width:min(1180px,calc(100% - 48px));margin:64px auto 28px;padding:14px 0 0;border-top:1px solid currentColor;text-align:left;color:#777;font-size:11px;line-height:1.45;text-transform:uppercase;letter-spacing:.02em}
.universal-footer a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.universal-footer a:hover{opacity:.62;color:inherit}
@media(max-width:760px){
  .site-head{height:auto;padding:22px 20px 16px}
  .brand strong{font-size:14px;letter-spacing:.16em}
  .brand span{font-size:11px;color:#555}
  .nav{gap:14px;padding-top:0;font-size:11px}
  .universal-footer{width:calc(100% - 28px);margin-top:42px;font-size:10px}
}

/* V0.5 — locked paired-letter wordmark grammar: IV / EA */
.brand .wordmark-fixed{letter-spacing:0;font-size:18px;font-weight:800;white-space:nowrap}
@media(max-width:760px){.brand .wordmark-fixed{font-size:14px;letter-spacing:0}}