*{box-sizing:border-box}
body{margin:0;background:#faf9f6;color:#292927;font-family:Georgia,serif}
a{color:inherit;text-underline-offset:4px}a:hover{color:#875044}a:focus-visible{outline:2px solid #875044;outline-offset:5px}
.skip{position:absolute;top:10px;left:15px;transform:translateY(-160%);background:#faf9f6;padding:10px}.skip:focus{transform:none}
.page{max-width:730px;margin:65px auto 45px;padding:0 30px}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:58px}nav{display:flex;gap:25px;font:13px Arial,sans-serif}.wordmark{font-size:29px;letter-spacing:-1px;text-decoration:none}
h1{font-size:36px;font-weight:400;line-height:1.2;letter-spacing:-1px;margin:0 0 28px}p{font-size:18px;line-height:1.65}.intro{font-size:22px;line-height:1.5}
h2{font:13px Arial,sans-serif;letter-spacing:.06em;margin:40px 0 18px}ul{padding:0;list-style:none}li{margin:18px 0;font-size:17px;line-height:1.5}li span{display:block;color:#696861}.more{font:13px Arial,sans-serif}
.cycle{margin:34px 0 38px;border-top:1px solid #d7d5cf;border-bottom:1px solid #d7d5cf;padding:24px 0 22px}.cycle img{display:block;width:100%;height:auto}.cycle figcaption{font:13px/1.6 Arial,sans-serif;color:#696861;text-align:center;margin-top:-12px}
footer{font:12px/1.6 Arial,sans-serif;border-top:1px solid #d7d5cf;margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#696861}
@media(max-width:650px){.page{margin-top:30px;padding:0 24px}header{margin-bottom:40px}nav{gap:20px}h1{font-size:31px}.intro{font-size:21px}p{font-size:17px}.cycle{padding-top:22px}.cycle figcaption{font-size:12px;margin-top:0}footer{font-size:11px}}