*{box-sizing:border-box}html,body{margin:0;background:#f4f2ed;color:#171717;font-family:Arial,Helvetica,sans-serif}
body{min-height:100vh}.wrap{width:min(100% - 48px,960px);margin:auto;padding:12vh 0}
header{margin-bottom:72px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;margin:0 0 20px}
h1{font-size:clamp(56px,10vw,120px);line-height:.85;letter-spacing:-.06em;margin:0 0 28px}
.intro{font-size:18px;color:#666;margin:0}.projects{border-top:1px solid #bbb}
.project{display:flex;align-items:center;justify-content:space-between;padding:28px 4px;border-bottom:1px solid #bbb;color:inherit;text-decoration:none;transition:padding .2s,opacity .2s}
.project:hover{padding-left:14px;padding-right:14px}.project h2{font-size:26px;margin:0 0 6px;letter-spacing:-.03em}
.project p{margin:0;color:#777;font-size:14px}.lock{font-size:24px}
@media(max-width:600px){.wrap{width:min(100% - 30px,960px)}header{margin-bottom:48px}.project{padding:22px 2px}}