.about-page [hidden]{display:none!important}

.about-page .about-hero{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:start;
gap:var(--space-7);
padding-block:var(--hero-pad) var(--space-8);
}

.about-hero-copy{
min-width:0;
text-align:left;
overflow-wrap:break-word;
}

.about-hero-copy h1{
font-size:var(--text-display);
line-height:var(--lh-tight);
}

.about-hero-lead{
margin-top:var(--space-4);
}

.about-hero-copy .about-hero-actions{
justify-content:flex-start;
margin-block:var(--space-4);
}

.about-hero-note{
max-width:100%;
color:#626262;
font-size:var(--text-sm);
line-height:var(--lh-body);
}

.about-photo{
min-width:0;
margin:0;
}

.about-photo img{
width:100%;
height:var(--hero-stage-height);
object-fit:cover;
object-position:center;
border-radius:var(--r-l);
}

.about-photo figcaption{
margin-top:var(--space-2);
color:#626262;
font-size:var(--text-sm);
line-height:var(--lh-body);
}

.about-section-heading{
margin-bottom:var(--space-5);
}

.about-section-heading>.lead{
max-width:var(--container-narrow);
margin-top:var(--space-2);
}

.about-section-heading h2{
max-width:100%;
font-size:var(--text-section);
line-height:var(--lh-heading);
}

.about-follow{
max-width:var(--container-narrow);
margin-top:var(--space-4);
}

.about-follow>.c-actions{
margin-top:var(--space-4);
justify-content:flex-start;
}

.about-footnote{
margin-top:var(--space-4);
color:#626262;
font-size:var(--text-sm);
line-height:var(--lh-body);
}

.about-email{
overflow-wrap:anywhere;
}

.about-clock-table .c-table{
min-width:58rem;
}

.about-clock-table time{
display:block;
font-size:var(--text-card);
line-height:var(--lh-card);
white-space:nowrap;
}

.about-handoff{
display:grid;
gap:var(--space-5);
list-style:none;
margin:var(--space-6) 0 0;
padding:0;
}

.about-handoff>.about-handoff-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
}

.about-handoff-row>*{
min-width:0;
overflow-wrap:break-word;
}

.about-handoff-row h3{
font-size:var(--text-card);
line-height:var(--lh-card);
}

.about-handoff-row p{
font-size:var(--text-base);
line-height:var(--lh-body);
color:#626262;
}

.about-page .about-last-section{
padding-bottom:var(--space-close);
}

.about-page .about-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(12rem,.38fr);
align-items:center;
gap:var(--space-6);
padding:var(--space-7);
border-radius:var(--r-l);
background:#0E0F0C;
color:#FFFFFF;
text-align:left;
}

.about-closing>.about-closing-copy{
min-width:0;
text-align:left;
}

.about-closing .about-closing-copy h2{
color:#FFFFFF;
font-size:var(--text-section);
line-height:var(--lh-heading);
}

.about-closing .about-closing-copy p{
margin-top:var(--space-2);
color:#DADBD7;
font-size:var(--text-base);
line-height:var(--lh-body);
}

.about-closing>.about-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--space-3);
margin-top:0;
min-width:0;
}

.about-closing .about-closing-primary{
background:#FFFFFF;
color:#0E0F0C;
border-color:#FFFFFF;
}

.about-closing .about-closing-primary:hover{
background:#F4F4F4;
color:#0E0F0C;
border-color:#F4F4F4;
}

.about-closing .about-closing-secondary{
background:#0E0F0C;
color:#FFFFFF;
border-color:color-mix(in srgb,#FFFFFF 45%,transparent);
}

.about-closing .about-closing-secondary:hover{
background:#2A2B27;
color:#FFFFFF;
border-color:color-mix(in srgb,#FFFFFF 60%,transparent);
}

@media(max-width:64rem){
.about-page .about-hero{
grid-template-columns:minmax(0,1fr);
gap:var(--space-6);
}

.about-page .about-closing{
grid-template-columns:minmax(0,1fr);
}

.about-closing>.about-closing-actions{
align-items:flex-start;
}

.about-closing-actions>.c-btn{
min-width:min(100%,14rem);
}
}

@media(max-width:42rem){
.about-page .about-hero{
padding-bottom:var(--space-7);
}

.about-photo img{
height:var(--hero-stage-min);
}

.about-handoff>.about-handoff-row{
grid-template-columns:2.25rem minmax(0,1fr);
}

.about-handoff-row>:nth-child(3){
grid-column:2;
}

.about-page .about-closing{
padding:var(--space-4);
}

.about-closing>.about-closing-actions{
align-items:stretch;
}

.about-hero-actions>.c-btn{
width:100%;
}
}