@layer components{.about-page{padding:calc(var(--nav-height) * 2.6) var(--space-5) calc(var(--space-5) * 3)}.about-page_layout{max-width:var(--container);grid-template-columns:minmax(15rem,22rem) minmax(0,1fr);column-gap:clamp(2.5rem,5vw,5rem);margin-inline:auto;display:grid}.about-page_header{top:calc(var(--nav-height) * 2.4);align-self:start;position:sticky}.about-page_title{font-family:var(--font-primary);font-size:var(--type-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);margin:0;line-height:1}.about-page_mark{color:var(--accent)}.about-page_name{margin:var(--space-4) 0 0;color:var(--label);font-family:var(--font-secondary);font-size:var(--text-small);letter-spacing:.2em;text-transform:uppercase}.about-page_portrait{margin-top:var(--space-5);aspect-ratio:4/5;border-radius:var(--radius-media);background:var(--surface-900);overflow:hidden}.about-page_portrait img{object-fit:cover;width:100%;height:100%;display:block}.about-page_body{min-width:0;max-width:var(--reading-measure)}.about-page_text p{color:var(--reading-copy);font-family:var(--font-primary);font-size:var(--type-reading);letter-spacing:-.005em;font-weight:300;line-height:var(--reading-leading);text-wrap:pretty;margin:0}.about-page_text p+p{margin-top:1.1em}.about-page_text p:first-child{color:var(--text-1);font-size:var(--type-subtitle);letter-spacing:-.02em;line-height:1.3}.about-page_quote{margin:calc(var(--space-5) * 1.6) 0 0;padding-left:var(--space-4);border-left:.125rem solid var(--accent)}.about-page_quote blockquote{margin:0}.about-page_quote p{font-family:var(--font-primary);font-size:calc(var(--fluid-unit) * 1.2);letter-spacing:-.01em;text-wrap:pretty;margin:0;font-weight:300;line-height:1.45}.about-page_quote figcaption{margin-top:var(--space-4);font-family:var(--font-secondary);font-size:var(--text-small);letter-spacing:.2em;text-transform:uppercase;gap:.3rem;display:grid}.about-page_quote-name{color:var(--text-1)}.about-page_quote-role{color:var(--label)}.about-page_section{margin-top:calc(var(--space-5) * 1.6);padding-top:calc(var(--space-5) * 1.2);border-top:.0625rem solid var(--line-faint)}.about-page_section h2{margin:0 0 var(--space-5);font-family:var(--font-primary);font-size:var(--type-title);font-weight:var(--display-weight);letter-spacing:-.025em;line-height:1.15}.about-page_work{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.about-page_work-item{align-items:center;gap:var(--space-5);grid-template-columns:8rem minmax(0,1fr);text-decoration:none;display:grid}.about-page_work-cover{aspect-ratio:3/2;border-radius:var(--radius-media);background:var(--surface-900);display:block;overflow:hidden}.about-page_work-cover img{object-fit:cover;width:100%;height:100%;transition:scale .6s cubic-bezier(.16,1,.3,1);display:block}.about-page_work-text{gap:.3rem;min-width:0;display:grid}.about-page_work-client{font-family:var(--font-primary);font-size:var(--type-title);font-weight:var(--display-weight);letter-spacing:-.025em;line-height:1.1;transition:color .5s}.about-page_work-title{color:var(--reading-copy);font-family:var(--font-primary);font-size:var(--type-reading);text-wrap:pretty;font-weight:300;line-height:1.4}@media (hover:hover){.about-page_work-item:hover .about-page_work-client{color:var(--accent-light)}.about-page_work-item:hover img{scale:1.04}}.about-page_work-item:active .about-page_work-client{color:var(--accent-light)}.about-page_end{max-width:var(--container);margin:clamp(4rem,8vw,7rem) auto 0}.about-page_writing{margin:0;padding:0;list-style:none}.about-page_writing li{padding-block:var(--space-4);border-top:.0625rem solid var(--line-faint);gap:.25rem;display:grid}.about-page_writing li:first-child{border-top:0;padding-top:0}.about-page_writing a{font-family:var(--font-primary);font-size:var(--type-item);letter-spacing:-.015em;text-wrap:balance;font-weight:400;line-height:1.3;transition:color .5s}.about-page_writing time{color:var(--label);font-family:var(--font-secondary);font-size:var(--type-readout);letter-spacing:.08em;font-variant-numeric:tabular-nums}.about-page_more,.about-page_links a{align-items:center;gap:var(--space-3);min-height:2.75rem;font-family:var(--font-secondary);font-size:var(--text-small);letter-spacing:.2em;text-transform:uppercase;border-bottom:.0625rem solid color-mix(in srgb, var(--text-1) 20%, transparent);transition:border-color .5s,color .5s;display:inline-flex}.about-page_more{margin-top:var(--space-4)}.about-page_more span,.about-page_links span{letter-spacing:0;transition:color .5s}.about-page_links{gap:var(--space-2) var(--space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.about-page_links a[href^=mailto\:]{text-transform:none;letter-spacing:.04em}@media (hover:hover){.about-page_writing a:hover{color:var(--accent-light)}.about-page_more:hover,.about-page_links a:hover{border-color:var(--accent)}.about-page_more:hover span,.about-page_links a:hover span{color:var(--accent)}}.about-page_writing a:active{color:var(--accent-light)}@media (width<=47.9375rem){.about-page{padding-inline:var(--space-4);padding-top:calc(var(--nav-height) * 2.2)}.about-page_layout{row-gap:calc(var(--space-5) * 1.6);grid-template-columns:minmax(0,1fr)}.about-page_header{position:static}.about-page_portrait{aspect-ratio:4/5;max-width:20rem}.about-page_work-item{gap:var(--space-4);grid-template-columns:6rem minmax(0,1fr)}}}