.home{--home-ink:var(--fg);--home-muted:var(--fg-3)}.home main.col{max-width:43rem;padding:0 1.5rem 2.5rem}.home main>*{animation:none}.motion-switch{color:var(--fg-3);font:inherit;cursor:pointer;background:0 0;border:0;min-height:24px;padding:0}.motion-switch[hidden]{display:none}.motion-switch:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;margin-right:.6rem;display:inline-block}.motion-switch[aria-pressed=false]:before{background:var(--fg-3)}.writing-section,.work-section{border-top:1px solid var(--line);margin-bottom:3.5rem;padding-top:2.5rem;scroll-margin-top:2rem}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.75rem;display:flex}.section-heading h2{letter-spacing:-.06em;max-width:14ch;font-size:2.25rem;font-weight:450;line-height:1}.section-heading h2>span{color:var(--accent)}.section-heading p{color:var(--fg-3);font-size:.8125rem;line-height:1.6}.story-list li{border-top:1px solid var(--line)}.story-list li:last-child{border-bottom:1px solid var(--line)}.story-list a{isolation:isolate;grid-template-columns:3.5rem 1fr 6.5rem;align-items:baseline;gap:1rem;padding:1.4rem 0;transition:color .25s;display:grid;position:relative}.story-list a:before{content:"";z-index:-1;background:var(--accent);transform-origin:bottom;transition:transform .35s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0 -1rem;transform:scaleY(0)}.story-list a:is(:hover,:focus-visible):before{transform:scaleY(1)}.story-list a:is(:hover,:focus-visible){color:var(--bg)}.story-list a:is(:hover,:focus-visible) :is(p,.story-date,.story-end){color:#343b20}.story-date{font:.6875rem var(--mono);color:var(--fg-3)}.story-list h3{letter-spacing:-.035em;font-size:1.125rem;font-weight:450;line-height:1.25}.story-list p{color:var(--fg-3);max-width:40rem;margin-top:.75rem;font-size:.8125rem;line-height:1.7}.story-end{font:.625rem var(--mono);color:var(--fg-3);justify-content:space-between;align-items:center;gap:1rem;display:flex}.story-end svg{flex-shrink:0;width:18px;height:18px;transition:transform .3s}.story-list a:hover svg{transform:rotate(45deg)}.all-writing{border-bottom:1px solid var(--accent);justify-content:space-between;gap:3rem;width:fit-content;margin-top:2rem;padding-bottom:.5rem;font-size:.875rem;display:flex}.all-writing:hover{color:var(--accent)}.personal-note{border-top:1px solid var(--line);grid-template-columns:1fr;gap:1.5rem;padding-top:2.5rem;scroll-margin-top:2rem;display:grid}.personal-note h2{letter-spacing:-.055em;font-size:2.25rem;font-weight:450;line-height:1.02}.personal-note p{max-width:32rem;color:var(--fg-2);line-height:1.85}.personal-note p+p{margin-top:1.25rem}.personal-note p a{text-underline-offset:.2em;text-decoration:underline}.back-top{color:var(--accent);margin-top:2rem;font-size:.8125rem;display:inline-block}.home .foot{margin-top:3.5rem;font-size:.75rem}.foot nav{align-items:center}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (width<=700px){.writing-section,.work-section{margin-bottom:4rem;padding-top:2.5rem}.section-heading{flex-direction:column;align-items:start;gap:1rem;margin-bottom:2rem}.section-heading p br{display:none}.story-list a{grid-template-columns:1fr 22px;gap:.75rem;padding-block:1.5rem}.story-date,.story-list a>div{grid-column:1}.story-end{grid-area:2/2}.story-end>span{display:none}.story-list h3{font-size:1.25rem}.personal-note{grid-template-columns:1fr;gap:2rem;padding-top:3rem}.personal-note p{font-size:.9375rem}}.personal-note h2>span{color:var(--accent)}.project-list li{border-top:1px solid var(--line)}.project-list li:last-child{border-bottom:1px solid var(--line)}.project-list a{justify-content:space-between;gap:2rem;padding-block:1.4rem;display:flex}.project-list h3{font-size:1.125rem;font-weight:500}.project-list p{color:var(--fg-3);margin-top:.4rem;font-size:.875rem;line-height:1.7}.project-list a>span{transition:transform .2s}.project-list a:hover h3{color:var(--accent)}.project-list a:hover>span{transform:translate(2px,-2px)}.home-intro{grid-template-columns:1fr auto;align-items:center;gap:2.25rem 3rem;padding-block:4.5rem 3.5rem;display:grid}.living-name{width:fit-content;color:var(--fg);letter-spacing:-.04em;font-size:6rem;font-weight:430;line-height:1.05;display:flex}.living-name>span{width:.59em;font-weight:var(--letter-weight,430);transform:translateY(var(--letter-lift,0px));transition:font-weight .25s,transform .35s;display:inline-block}.living-name>span:first-child{width:.91em}.living-name>span:nth-child(3){width:.55em}.living-name>span:nth-child(4){width:.22em}.living-name>.name-dot{width:.22em;color:var(--accent)}.intro-handle{font:.75rem var(--mono);color:var(--fg-3);margin-top:.6rem;display:inline-block}.intro-handle:hover{color:var(--fg)}.intro-index{flex-direction:column;align-items:start;gap:.15rem;padding-right:.5rem;display:flex}.intro-index a{color:var(--fg-3);padding:.35rem 0 .35rem 1.2rem;font-size:.875rem;transition:color .2s,transform .25s;position:relative}.intro-index a:before{content:"";background:var(--fg-3);width:.4rem;height:1px;transition:width .25s,background .2s;position:absolute;top:50%;left:0}.intro-index a:is(:hover,:focus-visible){color:var(--fg);transform:translate(4px)}.intro-index a:is(:hover,:focus-visible):before{background:var(--accent);width:.65rem}.intro-note{grid-column:1/-1;max-width:31rem}.intro-note>p:first-child{letter-spacing:-.025em;font-size:1.25rem;line-height:1.55}.intro-note>p+p{color:var(--fg-3);margin-top:1rem;font-size:.9375rem;line-height:1.8}.intro-note a{color:var(--fg-2);text-underline-offset:.2em;text-decoration:underline;text-decoration-color:var(--line-2)}.intro-note a:hover{color:var(--accent);text-decoration-color:var(--accent)}@media (width<=500px){.home-intro{gap:2rem 1rem;padding-block:3rem 2.5rem}.living-name{font-size:4rem}.intro-index{padding:0}.intro-index a{font-size:.8125rem}.intro-note>p:first-child{font-size:1.125rem}}