@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;color:#282b28;background:#fff;font:16px/1.65 Geist,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}h1,h2{font-weight:450}h1{font-size:25px;line-height:1.45}h2{font-size:18px;margin-bottom:15px}a:focus-visible,button:focus-visible{outline:2px solid #596c7b;outline-offset:5px}.layout{max-width:1090px;margin:auto;padding:70px 30px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:85px}.identity{font-size:14px;position:sticky;top:60px;align-self:start}.identity .name{font-size:17px;text-decoration:none}.identity p{color:#616760;margin-top:6px}.identity nav{display:flex;flex-direction:column;gap:13px;margin-top:40px}.identity nav a{text-decoration:none}.identity nav a:hover{text-decoration:underline}.intro{max-width:570px;margin-bottom:55px}.intro p{margin-top:20px;color:#616760}.study-row{margin-bottom:43px}.study-row>a{display:flex;justify-content:space-between;text-decoration:none;align-items:baseline;gap:20px}.study-row h2{font-size:18px;margin:0}.study-row p,.study-row time{font-size:14px;color:#616760}.study-row p{margin-top:5px}.study-row img{display:block;width:100%;height:auto;margin-top:18px;transition:filter .2s}.study-row a:hover img{filter:contrast(1.03)}.case-head{margin-bottom:30px}.case-head .meta{font-size:14px;color:#616760;margin-bottom:18px}.case-head h1{font-size:30px;margin-bottom:18px}.case-head>p:last-child{font-size:18px}.figure{margin:30px 0 40px}.figure img{display:block;width:100%;height:auto}.figure figcaption{font-size:14px;color:#616760;margin-top:12px}.prose{max-width:590px}.prose section{margin-bottom:35px}.try{padding:26px 0;border-top:1px solid #d8dcd7;border-bottom:1px solid #d8dcd7;margin:40px 0}.try>p{font-size:14px;color:#616760;margin-bottom:20px}.try button{border:1px solid #c2c9c0;border-radius:5px;background:#f3f5f1;padding:10px 17px;color:#282b28}.try button:hover{background:#e8ece5}.try .reset{border:0;background:none;text-decoration:underline;padding-left:0;margin-left:20px;font-size:14px}.result{min-height:80px;margin-top:20px;font-size:16px}.next{border-top:1px solid #d8dcd7;padding-top:24px;display:flex;justify-content:space-between;gap:24px}.about p{margin-bottom:25px}.about h2{margin-top:38px}.about ul{padding-left:20px}.about li{margin-bottom:12px}footer{font-size:14px;color:#616760;margin-top:65px;display:flex;gap:22px;flex-wrap:wrap}.skip{position:absolute;top:-90px;padding:12px;background:white}.skip:focus{top:10px}@media(max-width:750px){.layout{display:block;padding:30px 22px}.identity{position:static;margin-bottom:45px}.identity nav{flex-direction:row;margin-top:22px;gap:25px}.intro{margin-bottom:35px}.case-head h1{font-size:27px}.study-row{margin-bottom:34px}.try{padding:22px 0}.try button{max-width:100%}.next{font-size:14px}.result{min-height:100px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}