.content-page{display:flex;flex-direction:column;min-height:100svh}.content-page header{position:relative;top:auto;left:auto;right:auto;margin:30px 5vw 0}.content-page header a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.content-page main{position:relative;overflow:visible;display:block;min-height:0;width:min(740px,calc(100% - 56px));margin:110px auto 90px;padding:0;flex:1}
.content-page h1{display:block;font-size:clamp(46px,6vw,78px);line-height:1.02;letter-spacing:-.065em;font-weight:400;margin:0 0 30px}.eyebrow{font-size:12px;color:var(--soft);margin-bottom:24px}.content-page .lede{font-size:21px;line-height:1.5;letter-spacing:-.4px;max-width:580px}.content-page p{line-height:1.65}.prose{max-width:615px}.prose p+p{margin-top:25px}.prose p:not(.lede){font-size:16px;color:var(--soft)}
.projects{margin-top:60px}.projects article{padding:30px 0 34px;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.project-area{font-size:11px;color:var(--soft);margin-bottom:9px}.content-page h2{font-size:28px;font-weight:400;letter-spacing:-.8px;margin:0 0 12px}.projects article p:not(.project-area){font-size:16px;max-width:590px;color:var(--soft)}.text-link{display:inline-block;font-size:14px;text-decoration:underline;text-underline-offset:5px}.projects .text-link{margin-top:18px}.text-link:hover,.email:hover{background:var(--accent);color:#22241f}.side-note{margin:30px 0 0;max-width:590px}.side-note h2{font-size:20px}.side-note p{font-size:14px;color:var(--soft)}.side-note a{text-decoration:underline}
.page-end{margin-top:62px;padding-top:30px;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.page-end>p{font-size:20px;letter-spacing:-.4px;margin-bottom:15px}.archive{display:block;width:fit-content;font-size:12px;margin-top:38px;color:var(--soft)}.elsewhere{margin-top:35px;font-size:13px;gap:25px;flex-wrap:wrap}.email{display:inline-block;font-size:clamp(17px,3vw,26px);letter-spacing:-.5px;margin-top:38px;text-decoration:underline;text-underline-offset:7px;overflow-wrap:anywhere;max-width:100%}
.content-page footer{position:relative;left:auto;right:auto;bottom:auto;margin:0 5vw 24px;font-size:11px}.skip{position:fixed;left:20px;top:-100px;z-index:10;padding:12px;background:var(--accent);color:#22241f}.skip:focus{top:12px}.beavers{display:block;width:100%;height:auto;margin:35px 0 25px}
@media(max-width:600px){.content-page header{margin:25px 25px 0}.content-page main{margin-top:75px;margin-bottom:65px}.content-page h1{font-size:49px;margin-bottom:25px}.content-page .lede{font-size:19px}.content-page footer{margin:0 28px 20px}.projects{margin-top:42px}.projects article{padding:25px 0 30px}.content-page h2{font-size:25px}.side-note h2{font-size:20px}.page-end{margin-top:45px}.elsewhere{gap:20px}}

.earlier{margin-top:65px;scroll-margin-top:35px}.roles{margin:25px 0 0}.roles>div{display:grid;grid-template-columns:130px 1fr;gap:25px;padding:20px 0;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.roles dt{font-size:14px}.roles dd{font-size:14px;line-height:1.65;color:var(--soft);margin:0}.roles a{text-decoration:underline}.quiet-end{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.quiet-end .archive,.quiet-end .elsewhere{margin-top:0}
@media(max-width:600px){.roles>div{grid-template-columns:1fr;gap:9px}.earlier{margin-top:45px}.quiet-end{align-items:flex-start;flex-direction:column}.quiet-end .elsewhere{margin-top:4px}}

.prose a{text-decoration:underline;text-underline-offset:4px}

.email-tools{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:12px}.copy-email{background:none;border:0;border-bottom:1px solid var(--ink);color:var(--ink);padding:10px 0;min-height:44px}.copy-email[hidden]{display:none}.copy-status{color:var(--soft);line-height:1.5}.elsewhere a{padding:10px 0}.email{line-height:1.7}

.content-page h1.secret-title{font-size:28px;letter-spacing:-.5px}

.about-chapter{margin-top:44px}.about-chapter h2{font-size:23px;letter-spacing:-.6px;margin-bottom:19px}.prose .about-aside{margin-top:44px;padding-top:25px;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}
.content-page footer{font-size:12px}
@media(max-width:600px){.about-chapter{margin-top:34px}.about-chapter h2{font-size:22px}}