:root{font-family:Helvetica,Arial,sans-serif;color:#242421;background:#f2f2ef;-webkit-font-smoothing:antialiased;color-scheme:light;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
main{width:min(100%,744px);margin:0 auto;padding:clamp(80px,20vh,190px) 48px 80px}
.name{font-size:12px;line-height:1.5;letter-spacing:.03em;color:#676762;margin:0 0 28px}
h1{font-size:clamp(36px,6.4vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.045em;margin:0 0 24px}
.intro{font-size:19px;line-height:1.65;color:#5e5e58;max-width:510px;margin:0}
.writing{margin-top:64px;max-width:510px}
h2{font-size:11px;line-height:1.5;font-weight:400;letter-spacing:.06em;color:#676762;margin:0 0 18px}
.essay-link{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:6px 0;text-decoration:none;color:inherit;font-size:19px}
.essay-link>span:first-child{text-decoration:underline;text-decoration-color:#c4c4bc;text-underline-offset:5px;text-decoration-thickness:1px}
.essay-link:hover>span:first-child{text-decoration-color:#242421}
.essay-link:focus-visible{outline:2px solid #44443d;outline-offset:7px;border-radius:1px}
.year{display:flex;align-items:center;gap:16px;color:#676762;font-size:12px}
.essay-description{font-size:14px;line-height:1.7;color:#676762;margin:8px 0 0;max-width:420px}
@media(max-width:600px){main{padding:80px 26px 60px}.name{margin-bottom:25px}h1{margin-bottom:21px}.intro{font-size:18px}.writing{margin-top:53px}.essay-description{font-size:13px}}
@media(max-width:350px){main{padding-left:22px;padding-right:22px}h1{font-size:34px}.intro{font-size:17px}}