.about-intro{display:grid;grid-template-rows:auto auto;gap:var(--space-l);margin-bottom:var(--space-l)}@media(min-width:700px){.about-intro{grid-template-columns:2fr 1fr;grid-template-rows:auto;align-items:start}}.about-intro__bio{color:var(--color-primary--dark);font-weight:300;line-height:165%}.about-intro__bio p{margin-top:0}.about-intro__photo{aspect-ratio:3 / 4;background-color:color-mix(in srgb,var(--color-primary--dark) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary--dark) 30%,transparent);overflow:hidden;max-height:480px}.about-intro__photo img{width:100%;height:100%;object-fit:cover;display:block}.about-intro__photo--placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--color-primary--dark) 30%,transparent);font-size:var(--font-size-05);font-style:italic}.tab-btn{all:unset;cursor:pointer;box-sizing:border-box;border:1px solid var(--color-primary--dark);color:var(--color-primary--dark);display:grid;grid-template-columns:48px 1fr;font-size:var(--font-size-1);font-family:var(--font-body);font-style:italic;font-weight:100;transition:background-color ease-in-out .25s,color ease-in-out .25s;white-space:nowrap;width:100%}.tab-btn span{border-right:1px solid var(--color-primary--dark);font-style:italic;padding:var(--space-s);display:flex;align-items:center;justify-content:center}.tab-btn div{padding:var(--space-s);display:flex;align-items:center}.tab-btn:hover,.tab-btn:focus-visible{background-color:color-mix(in srgb,var(--color-primary--dark) 10%,transparent);outline:none}.tab-btn.active,.tab-btn[data-state=open]{background-color:var(--color-primary--light);color:var(--color-primary--dark)}.about-tabs-accordion{display:block}@media(min-width:700px){.about-tabs-accordion{display:none}}.accordion-header{margin:0;padding:0;font-size:inherit;font-weight:inherit}.accordion-trigger{margin-bottom:-1px}.accordion-content{overflow:hidden}.accordion-content[data-state=open]{animation:accordion-open .2s ease-out}.accordion-content[data-state=closed]{animation:accordion-close .2s ease-out}@keyframes accordion-open{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-close{0%{height:var(--radix-accordion-content-height)}to{height:0}}.accordion-content-inner{border:1px solid var(--color-primary--dark);border-top:none;padding:var(--space-l);color:var(--color-primary--dark);font-weight:100;line-height:165%;margin-bottom:-1px}.accordion-content-inner h2{margin-top:0;font-size:var(--font-size-2);color:var(--color-primary--dark)}.accordion-content-inner p{margin:0 0 var(--space-s)}.accordion-content-inner p:last-child{margin-bottom:0}.about-tabs-desktop{display:none}@media(min-width:700px){.about-tabs-desktop{display:grid}}.about-tabs{grid-template-columns:auto 1fr;grid-template-rows:auto;align-items:start;gap:0}.about-tabs__content{border:1px solid var(--color-primary--dark);padding:var(--space-l);color:var(--color-primary--dark);font-weight:100;line-height:165%;min-height:240px;margin-left:-1px}.about-tabs__content h2{margin-top:0;font-size:var(--font-size-2);color:var(--color-primary--dark)}.about-tabs__content p{margin:0 0 var(--space-s)}.about-tabs__content p:last-child{margin-bottom:0}.tab-panel{display:none}.tab-panel.active{display:block}.about-tabs__nav{display:flex;flex-direction:column;min-width:220px}.about-tabs__nav .tab-btn{margin-bottom:-1px}.experience-section{display:grid;gap:3rem}@media(min-width:900px){.experience-section{grid-template-columns:1fr 1fr}}.experience-section h3{text-transform:uppercase;font-size:var(--font-size-1);font-weight:400}.experience-section ul{margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.experience-section li{list-style:none;display:grid;grid-template-columns:10% 1fr;gap:1rem;line-height:150%}.experience-section h4{font-size:var(--font-size-05);margin:0 0 5px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-m)}.skills-grid__column h3{text-transform:uppercase;font-size:var(--font-size-1);font-weight:400}.skills-grid__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35em}.skills-grid__list li{font-family:var(--font-body);font-size:var(--font-size-05);font-weight:400;color:var(--color-dark)}@media(max-width:600px){.skills-grid{grid-template-columns:1fr}}
