:root{--ink:#000;--muted:#676767;--rule:#d9d9d9;--soft:#f6f6f4;--display:"Ruluko",Arial,sans-serif;--body:"Roboto",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:300 16px/1.7 var(--body)}a{color:inherit;text-underline-offset:.22em}img{display:block;max-width:100%}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#000;color:#fff;padding:.6rem}.nav{display:flex;max-width:84rem;margin:auto;padding:1rem 1.25rem;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--rule)}.brand{font:1.5rem/1 var(--display);text-decoration:none;white-space:nowrap}nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem 1.3rem}nav a{font-size:.78rem;text-decoration:none}.hero,.page-title{max-width:84rem;margin:auto;padding:7rem 1.25rem;text-align:center}.hero h1,.page-title h1{margin:0;font:400 clamp(4rem,10vw,8.5rem)/.9 var(--display);letter-spacing:-.04em}.hero>p{font:1.5rem var(--display)}.hero h2{max-width:58rem;margin:4rem auto 0;font:400 clamp(1.9rem,3vw,2.7rem)/1.15 var(--display)}.bio{display:grid;max-width:72rem;margin:auto;padding:0 1.25rem 8rem;grid-template-columns:.85fr 1.15fr;gap:6rem}.bio figure{margin:0}.bio figcaption{color:var(--muted);font-size:.8rem}.bio p{margin:0 0 1.2rem}.period-index{padding:7rem 1.25rem;background:var(--soft);text-align:center}.period-index h2,.resources h2{font:400 4rem/1 var(--display)}.period-index div{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem 2rem}.resources{display:grid;max-width:72rem;margin:auto;padding:7rem 1.25rem;grid-template-columns:1fr 1fr;gap:6rem}.button{display:inline-block;padding:.8rem 1rem;border:1px solid #000;text-decoration:none}.grid{display:grid;max-width:84rem;margin:auto;padding:0 1.25rem 8rem;grid-template-columns:1fr 1fr;gap:7rem 5rem}.work{margin:0;text-align:center}.image{display:flex;min-height:22rem;padding:1.25rem;align-items:center;justify-content:center;background:var(--soft)}.work img{width:auto;max-height:37rem;box-shadow:0 15px 35px #0002}.work h2,.cards h2{margin:1.5rem 0 .35rem;font:400 2rem/1.1 var(--display)}.work p{margin:.25rem auto 0;font-size:.82rem}.note{color:var(--muted)}.cards{display:grid;max-width:72rem;margin:0 auto 8rem;padding:0 1.25rem;grid-template-columns:repeat(3,1fr);gap:1px}.cards article{padding:2rem;border:1px solid var(--rule)}.label{font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}footer{padding:2.5rem 1rem;background:#000;color:#fff;text-align:center;font-size:.75rem}@media(max-width:800px){.nav{align-items:flex-start;flex-direction:column}.nav nav{justify-content:flex-start}.bio,.grid,.resources,.cards{grid-template-columns:1fr;gap:3rem}.hero,.page-title{padding:5rem 1.25rem}.image{min-height:15rem}}