/* Let each feature use the horizontal space available at its position. */
.home-columns{display:flow-root}
.notes-column{float:left;width:33.333333%;padding-right:5.666667%;padding-bottom:32px}
.projects-section{margin-left:33.333333%;display:flow-root}
.featured-canvases{border:0;padding:0;margin-top:48px}
.featured-canvases>.section-heading{border-top:1px solid var(--line);padding-top:28px}
.canvas-grid{display:block}
.post-canvas{display:flow-root;margin-bottom:28px}
.canvas-art{height:clamp(230px,25vw,330px)}
.post-canvas>a{display:block}
#notes,#projects,#features{scroll-margin-top:24px}
.nav nav{flex-wrap:wrap;column-gap:24px;row-gap:0}
.nav nav a[href^="https:"]{gap:4px}
.nav .personal-home{margin-left:14px}
@media(max-width:750px){
 .notes-column{float:none;width:100%;padding:0;margin-bottom:36px}
 .projects-section{margin-left:0}
 .nav nav{column-gap:16px;font-size:12px}
 .nav .personal-home{margin-left:auto}
 .featured-canvases{margin-top:36px}
 .canvas-art{height:210px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}