@font-face{font-family:Geist;src:url('assets/geist-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#fbfaf7;color:#252522;font:16px/1.65 Geist,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}h1,h2,p{margin:0}h1,h2{font-weight:450}header{max-width:1180px;margin:auto;padding:48px 30px 30px;display:flex;justify-content:space-between;align-items:baseline;gap:25px}header a{text-decoration:none}header .name{font-size:27px;letter-spacing:-.8px}header nav{display:flex;gap:28px;font-size:14px}.home{max-width:1180px;margin:auto;padding:0 30px 70px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:45px 0 60px;border-top:1px solid #d8d8cf}.intro h1{font-size:24px;line-height:1.5;max-width:360px}.intro p{max-width:450px;color:#5f615a}.works{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.work a{text-decoration:none}.work img{display:block;width:100%;height:auto;transition:transform .2s}.work a:hover img{transform:translateY(-4px)}.work h2{font-size:18px;margin:19px 0 4px}.work p{font-size:14px;color:#5f615a}.home-note{max-width:520px;margin:60px 0 0;font-size:15px}.case{max-width:1180px;margin:auto;padding:35px 30px 70px;border-top:1px solid #d8d8cf}.case-head{padding:0;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-bottom:45px}.case-head h1{font-size:38px;line-height:1.2;letter-spacing:-1px}.case-head .meta{font-size:14px;margin-top:18px;color:#5f615a}.case-head p{max-width:520px}.figure{margin:0 0 50px}.figure img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;background:#eae9df}.figure figcaption{font-size:14px;color:#5f615a;margin-top:13px}.reading{max-width:760px;margin-left:auto}.reading section{display:grid;grid-template-columns:160px 1fr;gap:30px;margin:35px 0}.reading h2{font-size:16px}.reading p{font-size:16px}.colophon{border-top:1px solid #d8d8cf;padding-top:22px;margin-top:45px;font-size:14px}.colophon summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.colophon p{margin-top:18px;max-width:600px}.next{display:flex;justify-content:space-between;gap:25px;margin-top:60px}.about{max-width:760px;margin:45px auto 85px;padding:0 30px}.about h1{font-size:30px;margin-bottom:30px}.about h2{font-size:19px;margin-top:40px;margin-bottom:18px}.about p{margin-bottom:22px}footer{max-width:1180px;margin:auto;padding:25px 30px;border-top:1px solid #d8d8cf;display:flex;justify-content:space-between;gap:30px;font-size:14px;color:#5f615a}footer nav{display:flex;gap:22px;flex-wrap:wrap}.skip{position:absolute;top:-80px;background:white;padding:12px}.skip:focus{top:10px}a:focus-visible,summary:focus-visible{outline:2px solid #42483b;outline-offset:5px}@media(max-width:750px){header{padding:28px 22px}header .name{font-size:24px}header nav{gap:20px}.home{padding:0 22px 50px}.intro{display:block;padding:28px 0 38px}.intro h1{font-size:23px;margin-bottom:20px}.works{grid-template-columns:1fr;gap:40px}.work img{max-height:480px;object-fit:contain;background:#eeeee6}.case{padding:30px 22px 50px}.case-head{display:block}.case-head h1{font-size:32px}.case-head>p{margin-top:25px}.reading section{display:block}.reading h2{margin-bottom:14px}.about{margin:30px auto 50px;padding:0 22px}footer{display:block;padding:25px 22px}footer nav{margin-top:15px}.next{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}