.about-copy>p:not(.bio){max-width:42rem;font-size:1.08rem}
.about-contact{margin-top:2.5rem}
.outside-work{margin-top:clamp(5rem,10vw,10rem);padding-top:1.5rem;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,.8fr) minmax(28rem,1.2fr);gap:clamp(3rem,8vw,8rem);align-items:start}
.outside-heading{position:sticky;top:6rem}
.outside-heading h2{margin:1.25rem 0 0;font-size:clamp(2.4rem,5vw,5rem);line-height:.95;letter-spacing:-.055em;max-width:11ch}
.side-projects{display:grid;grid-template-columns:1fr;gap:1rem}
.side-project{min-height:23rem;padding:clamp(1.4rem,3vw,2.5rem);border-radius:var(--radius);display:flex;flex-direction:column;align-items:flex-start;transition:transform .3s ease}
.side-project:hover,.side-project:focus-visible{transform:translateY(-6px)}
.side-title{display:flex;align-items:center;gap:.12em;width:100%;margin:auto 0;font-size:clamp(3rem,6vw,6.5rem);line-height:.82;letter-spacing:-.07em}
.side-project strong{min-width:0;font-size:1em;line-height:inherit;letter-spacing:inherit}
.side-project p{font-size:1.1rem;max-width:100%}
.side-arrow{display:inline-flex;flex:0 0 auto;width:.7em;height:.7em}
.side-arrow svg{display:block;width:100%;height:100%}
.side-project:hover .side-arrow,.side-project:focus-visible .side-arrow{animation:side-arrow-nudge 1s ease-in-out infinite}
@keyframes side-arrow-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(.2em)}68%{transform:translateX(.11em)}82%{transform:translateX(.16em)}}
.wicked{background:#191919;color:#fff}
.book{background:#e3b7da;color:var(--ink)}
@media(max-width:760px){.outside-work{grid-template-columns:1fr;gap:2.5rem}.outside-heading{position:static}.side-projects{grid-template-columns:1fr}.side-project{min-height:25rem}}