html:has(.about-page){height:auto;overflow:auto;scroll-behavior:smooth}
.about-page{height:auto;min-height:100svh;overflow:visible;--about-gap:24px}
.about-page .project-nav-list{display:none}
.about-main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--about-gap);margin:0 20px;padding-top:148px}
.about-main>section,.about-main>footer{grid-column:4/13;min-width:0}
.about-main p{font-size:14px;line-height:1.85;font-weight:400}
.about-main h3{font-weight:400}
.about-main a:hover,.about-index a:hover,.about-index a[aria-current]{color:var(--accent)}
.about-eyebrow,.about-section-heading>span,.about-date{font-size:11px;line-height:16px;font-weight:400;color:#757570;letter-spacing:.025em}
.about-identity,.about-intro,.about-row,.about-practice-intro,.about-tools,.about-skills,.about-contact-list>div,.about-footer-links{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));column-gap:var(--about-gap)}
.about-identity{align-items:start;margin:32px 0 56px}
.about-identity h1{grid-column:1/7;font-family:Glyphius,Georgia,serif;font-weight:400;font-size:clamp(100px,11.7vw,210px);line-height:.95;letter-spacing:-.055em;color:var(--accent);margin:0}
.about-identity h1 span{display:block;padding:0}
.about-portrait{grid-column:7/9;margin:0;min-width:0}
.about-portrait img{display:block;width:100%;height:auto}
.about-portrait figcaption{font-size:9px;color:#757570;line-height:16px;margin-top:8px}
.about-intro>h2,.about-row>:first-child,.about-practice-intro>h3,.about-contact-list dt{grid-column:1/4}
.about-intro>div,.about-row>:nth-child(2),.about-practice-intro>p,.about-contact-list dd{grid-column:4/10;min-width:0}
.about-intro{padding-bottom:80px;align-items:start}
.about-intro h2{font-size:clamp(22px,2.3vw,36px);line-height:1.35;letter-spacing:-.035em}
.about-intro p+p,.about-description p+p{margin-top:16px}
.about-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;font-size:12px}
.about-actions a,.about-link,.about-footer-links a{padding-bottom:4px;border-bottom:1px solid #aaa;width:fit-content}
.about-section,.about-contact{position:relative;border-top:1px solid transparent;padding-top:24px;scroll-margin-top:100px}
.about-section::before,.about-contact::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#9c9c96;transform:scaleX(.12);transform-origin:left;opacity:.3;transition:transform 1.3s cubic-bezier(.22,1,.36,1),opacity .8s}
.about-section-entered::before{transform:scaleX(1);opacity:1}
.about-section-heading{position:static;display:block;margin-bottom:48px}
.about-section-heading>span{display:block;margin-bottom:8px}
.about-section-heading h2{font-size:22px;line-height:32px;letter-spacing:-.025em}
.about-row{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #cfcfca;align-items:start}
.about-row:last-child{border-bottom:0;margin-bottom:40px}
.about-date{display:block;margin:0 0 8px}
.about-role h3{font-size:21px;line-height:28px;letter-spacing:-.025em;margin:0 0 8px}
.about-role p{font-size:12px;line-height:20px}
.about-row>.about-description,.about-row>.about-grade{padding-top:24px}
.about-link{display:inline-block;font-size:12px;margin-top:24px}
.about-practice-intro{align-items:start;margin-bottom:40px}
.about-practice-intro h3{font-size:25px;line-height:32px;letter-spacing:-.025em;margin:0}
.about-tools{margin-bottom:48px;row-gap:32px;align-items:start}
.about-tools>a,.about-skills>div{grid-column:span 3;min-width:0}
.about-tools>a{border-top:1px solid #b7b7b2;padding-top:16px;transition:color .2s}
.about-tools h3{font-size:19px;line-height:28px;display:flex;justify-content:space-between;gap:8px;margin:0 0 12px}
.about-tools h3 span{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.about-tools>a:hover h3 span,.about-tools>a:focus-visible h3 span{transform:translate(4px,-4px)}
.about-tools p{font-size:12px;line-height:20px;color:var(--ink)}
.about-training{border-top:1px solid #cfcfca;padding-top:32px}
.about-grade strong{font-size:40px;font-weight:400;line-height:40px;letter-spacing:-.04em}
.about-grade strong span{font-size:18px;letter-spacing:-.02em;color:#757570}
.about-grade p{font-size:12px;line-height:20px;margin-top:8px}
.about-skills{row-gap:40px;padding-bottom:80px}
.about-skills h3{font-size:11px;line-height:16px;font-weight:400;color:#757570;margin:0 0 16px}
.about-skills p{font-size:14px;line-height:24px}
.about-contact{padding-bottom:48px}
.about-contact h2{font-size:clamp(30px,4vw,60px);line-height:1.25;margin:16px 0 40px;letter-spacing:-.04em}
.about-contact-list{margin:0;display:grid;row-gap:24px}
.about-contact-list>div{align-items:start}
.about-contact-list dt{color:#757570;font-size:11px;line-height:16px;padding-top:3px}
.about-contact-list dt span{display:block;font-size:9px;line-height:16px}
.about-contact-list dd{margin:0;font-size:clamp(16px,1.6vw,22px);line-height:1.3;letter-spacing:-.03em;overflow-wrap:anywhere}
.about-email{font:inherit;letter-spacing:inherit}
.about-footer-links{margin-top:32px;row-gap:16px;font-size:12px;line-height:20px}
.about-footer-links a{grid-column:span 3}
.about-contact>p{margin-top:80px;font-size:10px;line-height:16px;color:#757570}
.about-index{position:fixed;left:20px;right:20px;bottom:32px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--about-gap);row-gap:12px;pointer-events:none;font-size:11px;line-height:16px;z-index:10}
.about-index>*{grid-column:2/4;pointer-events:auto;width:fit-content;min-width:0}
.about-index>span{margin-bottom:12px}.about-index a{transition:color .25s}
.about-reveal-pending{opacity:0}
.about-page::before{content:'';position:fixed;inset:0 0 auto;height:65px;background:var(--surface);z-index:15;pointer-events:none}
@media(min-width:800px){
 .about-page>header{position:fixed;left:20px;right:20px;top:20px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 var(--about-gap);align-items:start;z-index:30;pointer-events:none}
 .about-page>header>*{pointer-events:auto;grid-row:1}
 .about-page .brand{position:relative;left:auto;top:auto;grid-column:1}
 .about-page #navigation{position:relative;left:auto;top:auto;grid-column:2/4}
 .about-page .sound,.about-page .location,.about-page .inquiry{mix-blend-mode:normal;color:var(--ink)}
 .about-page .sound{position:relative;left:auto;top:auto;grid-column:5/7}
 .about-page .location{position:relative;left:auto;top:auto;grid-column:7/9}
 .about-page .inquiry{position:relative;left:auto;right:auto;top:auto;grid-column:10/13;justify-self:end;flex-wrap:wrap;justify-content:flex-end}
}
@media(min-width:800px) and (max-width:1100px){.about-main p{font-size:13px}.about-tools h3{font-size:16px;line-height:24px}.about-role h3{font-size:18px}.about-index{font-size:10px}.about-tools p{font-size:12px}.about-identity h1{font-size:11.7vw}}
@media(max-width:799px){
 .about-main{display:block;margin:0 20px;padding-top:112px}
 .about-index{display:none}.about-page .sound,.about-page .location{display:none}
 .about-identity{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:32px 0 48px}
 .about-identity h1{grid-column:1/4;font-size:clamp(76px,20vw,150px)}
 .about-portrait{grid-column:4/5}.about-portrait figcaption{font-size:7px;line-height:10px}
 .about-intro,.about-row,.about-practice-intro,.about-tools{grid-template-columns:1fr;gap:24px}
 .about-intro>*,.about-row>*,.about-practice-intro>*,.about-tools>a{grid-column:1!important}
 .about-intro{padding-bottom:64px}.about-intro h2{font-size:26px}.about-main p{font-size:13px}
 .about-section-heading{margin-bottom:32px}.about-section-heading h2{font-size:20px}
 .about-row{padding-bottom:32px;margin-bottom:32px}.about-row>.about-description,.about-row>.about-grade{padding-top:0}
 .about-tools h3{font-size:22px;line-height:28px}.about-tools p{font-size:12px}
 .about-skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px;padding-bottom:64px}.about-skills>div{grid-column:span 1}.about-skills p{font-size:12px;overflow-wrap:anywhere}
 .about-contact h2{font-size:32px;margin-bottom:32px}
 .about-contact-list>div{grid-template-columns:48px minmax(0,1fr);gap:16px}.about-contact-list dt{grid-column:1}.about-contact-list dd{grid-column:2;font-size:16px}
 .about-footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.about-footer-links a{grid-column:span 1;font-size:11px}
 .about-contact>p{margin-top:64px}.about-section,.about-contact{scroll-margin-top:85px}
}
@media(prefers-reduced-motion:reduce){html:has(.about-page){scroll-behavior:auto}.about-tools h3 span,.about-index a{transition:none}.about-tools>a:hover h3 span,.about-tools>a:focus-visible h3 span{transform:none}.about-reveal-pending{opacity:1}.about-section::before,.about-contact::before{transform:none;opacity:1;transition:none}}