html,body{margin:0;background:var(--surface)}
body.about-production-page{color:var(--ink);background:var(--surface)}
#about-page{--about-paper:var(--surface);--about-field:color-mix(in srgb,var(--surface) 80%,#fff);--about-ink:var(--ink);--about-muted:var(--muted);--about-rule:var(--rule);--about-blue:var(--ui-accent);width:100%;color:var(--about-ink);background:var(--about-paper);font-family:'Source Sans 3',sans-serif;font-size:16px;line-height:24px;font-weight:400}
#about-page,#about-page *{box-sizing:border-box}
#about-page .about-band{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;padding:1.25rem 2rem;border-bottom:1px solid var(--about-rule)}
#about-page .about-system-label,#about-page .about-meta{color:var(--about-muted);font-size:12px;line-height:1.25;letter-spacing:.05em;text-transform:uppercase}
#about-page .about-hero{padding-top:2.25rem;padding-bottom:2.25rem;align-items:start}
#about-page .about-hero-copy{grid-column:1 / 8;display:flex;flex-direction:column;justify-content:flex-start;gap:1.75rem;padding-top:.25rem}
#about-page .about-hero h1{margin:0;max-width:8ch;font-size:76px;line-height:.94;letter-spacing:-.05em;font-weight:400}
#about-page .about-roles{max-width:34rem;padding-top:1.5rem;border-top:1px solid var(--about-rule)}
#about-page .about-roles p{margin:0 0 .7rem;font-size:20px;line-height:1.32}
#about-page .about-roles p:first-child{font-size:25px}
#about-page .about-roles strong{font-weight:500}
@layer global-opening-contract{
  #about-page [data-opening-shell=about][data-opening-has-native]{padding-bottom:96px!important}
  #about-page [data-opening-shell=about][data-opening-has-native]{border-bottom:1px solid var(--about-rule)!important}
  #about-page [data-opening-native].about-hero{display:none!important}
}
#about-page .about-section-index{grid-column:1 / 4}
#about-page .about-section-content{grid-column:4 / 13}
#about-page .about-section-content h2{margin:0 0 1.5rem;font-size:40px;line-height:1.05;letter-spacing:-.025em;font-weight:400}
#about-page .about-lead{max-width:42rem;margin:0;font-size:20px;line-height:1.45}
#about-page #practice-block{position:relative;padding-top:48px;padding-bottom:48px;gap:16px;background:var(--about-field)}
#about-page #practice-block .about-system-label,#about-page #selected-research-block .about-research-heading .about-system-label{font:400 13px/18px 'PT Mono',monospace;letter-spacing:normal}
#about-page #practice-block .about-section-index{display:contents}
#about-page #practice-block #practice-title{grid-column:1 / 4;grid-row:1}
#about-page #practice-block .about-interests-portrait{grid-column:1 / 4;grid-row:2;align-self:start;width:200px;max-width:100%;margin:0;border:1px solid var(--about-muted);background:var(--about-field)}
#about-page #practice-block .about-interests-portrait img{display:block;width:100%;height:auto;object-fit:contain}
#about-page #practice-block .about-interests-link{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;color:var(--about-muted)}
#about-page #practice-block .about-interests-link path{fill:none;stroke:currentColor;stroke-width:1}
#about-page #practice-block .about-photo-mobile-arrow{display:none}
#about-page #practice-block .about-section-index,#about-page #selected-research-block .about-section-index{grid-column:1 / 4}
#about-page #practice-block .about-section-content,#about-page #selected-research-block .about-section-content{grid-column:4 / 13}
#about-page #practice-block .about-section-content{grid-row:2}
#about-page #practice-block .about-practice-flow{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);gap:16px;align-items:start;width:100%}
#about-page #practice-block .about-practice-step{display:grid;place-items:center;width:100%;min-height:96px;margin:0;padding:16px;border:1px solid var(--about-muted);background:var(--about-field);color:var(--about-ink);text-align:center;font:400 20px/28px 'Source Sans 3',sans-serif;cursor:pointer}
#about-page #practice-block .about-practice-step:is(:focus-visible,.is-active){border-color:var(--about-blue);background:color-mix(in srgb,var(--about-blue) 7%,var(--about-field));color:var(--about-blue)}
#about-page #practice-block .about-practice-step.is-selected{box-shadow:inset 0 0 0 1px var(--about-blue)}
#about-page #practice-block :is(.about-practice-step,.about-practice-form).is-related{border-color:var(--about-blue)}
#about-page #practice-block :is(.about-practice-step,.about-practice-form,.about-practice-arrow){transition:color 180ms ease,border-color 180ms ease,background-color 180ms ease}
@media(prefers-reduced-motion:reduce){#about-page #practice-block :is(.about-practice-step,.about-practice-form,.about-practice-arrow){transition:none}}
#about-page #practice-block .about-practice-step:focus-visible{outline:2px solid var(--about-blue);outline-offset:2px}
#about-page #practice-block .about-practice-arrow{position:relative;display:block;width:100%;height:48px;font-size:0;color:var(--about-muted)}
#about-page #practice-block .about-practice-arrow.is-active{color:var(--about-blue)}
#about-page #practice-block .about-practice-arrow::before{content:'';position:absolute;left:50%;top:0;bottom:8px;border-left:1px solid currentColor}
#about-page #practice-block .about-practice-arrow::after{content:'';position:absolute;left:calc(50% - 3px);bottom:6px;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
#about-page #practice-block .about-practice-flow .about-practice-arrow{height:96px}
#about-page #practice-block .about-practice-flow .about-practice-arrow::before{left:0;right:8px;top:50%;bottom:auto;border-left:0;border-top:1px solid currentColor}
#about-page #practice-block .about-practice-flow .about-practice-arrow::after{left:auto;right:6px;top:calc(50% - 3px);bottom:auto;transform:rotate(-45deg)}
#about-page #practice-block .about-practice-result{max-width:560px;margin:16px auto 0}
#about-page #practice-block .about-practice-form,#about-page #selected-research-block .about-research-node{min-height:128px;padding:15px;border:1px solid var(--about-rule);background:transparent}
#about-page #practice-block .about-practice-form{display:flex;flex-direction:column;justify-content:center;text-align:center}
#about-page #practice-block .about-practice-form .about-system-label{display:block;margin-bottom:12px}
#about-page #practice-block .about-practice-outcome{margin:0;font:400 16px/24px 'Source Sans 3',sans-serif}
#about-page #selected-research-block{padding-top:16px;background:var(--about-field)}
#about-page #selected-research-block .about-research-heading{text-align:center}
#about-page #selected-research-block .about-research-branches{height:56px;color:var(--about-muted)}
#about-page #selected-research-block .about-research-branches svg{display:block;width:100%;height:56px;overflow:visible}
#about-page #selected-research-block .about-research-branches svg>path{fill:none;stroke:currentColor;stroke-width:1}
#about-page #selected-research-block .about-selected-research__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#about-page #selected-research-block .about-research-node{display:flex;flex-direction:column;justify-content:center;color:var(--about-ink);text-decoration:none}
#about-page #selected-research-block .about-research-node:is(:hover,:focus-visible){border-color:var(--about-blue);color:var(--about-blue)}
#about-page #selected-research-block .about-research-node:focus-visible{outline:2px solid var(--about-blue);outline-offset:2px}
#about-page #selected-research-block h3{margin:0 0 12px;font:400 20px/26px 'Source Sans 3',sans-serif}
#about-page #selected-research-block p{margin:0;font-size:16px;line-height:24px}
#about-page .about-method{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2rem;border-top:1px solid var(--about-rule)}
#about-page .about-method div{padding:1rem;border-right:1px solid var(--about-rule)}
#about-page .about-method div:last-child{border-right:0}
#about-page .about-method span{display:block;color:var(--about-muted);margin-bottom:.75rem}
#about-page .about-method strong{display:block;margin-bottom:.75rem;font-size:20px;font-weight:500}
#about-page .about-method p{margin:0;color:var(--about-muted);font-size:14px;line-height:1.4}
#about-page .about-rows{border-top:1px solid var(--about-rule)}
#about-page .about-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:24px;padding:1rem 0;border-bottom:1px solid var(--about-rule)}
#about-page :is(#public-activity-block,#recognition-block) .about-row>:first-child{grid-column:1 / 2}
#about-page :is(#public-activity-block,#recognition-block) .about-row>:nth-child(2){grid-column:2 / 6}
#about-page :is(#experience-block,#public-activity-block,#recognition-block) .about-row>:last-child{grid-column:6 / 10;padding-inline:16px}
#about-page #experience-block .about-row>:first-child{grid-column:1 / 6}
#about-page #experience-block .about-row:not(.about-row--current)>:nth-child(2){display:none}
#about-page .about-row strong{font-weight:500}
#about-page .about-experience-identity{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
#about-page .about-experience-identity .about-meta{font:400 12px/16px 'PT Mono',monospace;letter-spacing:normal;text-transform:none}
#about-page .about-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.5rem;border-top:1px solid var(--about-rule);border-left:1px solid var(--about-rule)}
#about-page .about-evidence article{padding:1rem;border-right:1px solid var(--about-rule);border-bottom:1px solid var(--about-rule)}
#about-page .about-evidence article>a{display:block;height:100%;color:inherit;text-decoration:none}
#about-page .about-evidence h3{margin:.75rem 0;font-size:24px;line-height:1.15;font-weight:500}
#about-page .about-evidence p{margin:0;max-width:36ch}
#about-page .about-contact{padding-top:3rem;padding-bottom:3rem}
#about-page .about-contact .about-section-content{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:24px;align-items:end}
#about-page .about-contact .about-section-content>:first-child{grid-column:2 / 6}
#about-page .about-contact .about-section-content>:last-child{grid-column:6 / 10;padding-inline:16px}
#about-page .about-contact p{margin:0}
#about-page .about-contact a{color:var(--about-blue);text-decoration:underline;text-underline-offset:.3em}
body.about-production-page .ay-site-footer__profile .ay-site-footer__inline-link{font-size:13px;line-height:18px;text-transform:none}
body.about-production-page .ay-site-footer__profile .ay-site-footer__inline-link span{font-size:inherit}
body.about-production-page .ay-site-footer__navigation > a{padding:5px 0;font-size:12px;line-height:17px}
body.about-production-page .ay-site-footer__navigation > a span:last-child{font-family:'Source Sans 3',sans-serif;font-size:inherit;font-weight:400}
@media(max-width:900px){
  #about-page #practice-block .about-practice-flow{grid-template-columns:minmax(0,1fr);gap:0}
  #about-page #practice-block .about-practice-step{min-height:72px;text-align:center}
  #about-page #practice-block .about-practice-flow .about-practice-arrow{height:44px}
  #about-page #practice-block .about-practice-flow .about-practice-arrow::before{left:50%;right:auto;top:0;bottom:8px;border-top:0;border-left:1px solid currentColor}
  #about-page #practice-block .about-practice-flow .about-practice-arrow::after{left:calc(50% - 3px);right:auto;top:auto;bottom:6px;transform:rotate(45deg)}
}
@media(max-width:720px){
  #about-page .about-band{padding:1rem;gap:.75rem}
  #about-page .about-hero-copy,#about-page .about-section-index,#about-page .about-section-content{grid-column:1 / 13}
  @layer global-opening-contract{#about-page [data-opening-shell=about][data-opening-has-native]{padding-bottom:64px!important}}
  #about-page #practice-block{padding-top:48px;padding-bottom:0}
  #about-page #practice-block #practice-title,#about-page #practice-block .about-interests-portrait,#about-page #practice-block .about-photo-mobile-arrow,#about-page #practice-block .about-section-content{grid-column:1 / 13}
  #about-page #practice-block #practice-title{grid-row:1}
  #about-page #practice-block .about-interests-portrait{grid-row:2;justify-self:center}
  #about-page #practice-block .about-interests-link{display:none}
  #about-page #practice-block .about-photo-mobile-arrow{display:block;grid-row:3;justify-self:stretch;height:44px;position:relative}
  #about-page #practice-block .about-photo-mobile-arrow::before{content:'';position:absolute;left:50%;top:0;bottom:8px;border-left:1px solid var(--about-muted)}
  #about-page #practice-block .about-photo-mobile-arrow::after{content:'';position:absolute;left:calc(50% - 3px);bottom:6px;width:6px;height:6px;border-right:1px solid var(--about-muted);border-bottom:1px solid var(--about-muted);transform:rotate(45deg)}
  #about-page #practice-block .about-section-content{grid-row:4}
  #about-page #practice-block .about-section-index,#about-page #practice-block .about-section-content,#about-page #selected-research-block .about-section-index,#about-page #selected-research-block .about-section-content{grid-column:1 / 13}
  #about-page #practice-block .about-practice-step{min-height:72px;font-size:18px;line-height:26px}
  #about-page #practice-block .about-practice-arrow{height:44px}
  #about-page #practice-block .about-practice-outcome{font-size:16px;line-height:24px}
  #about-page #practice-block .about-practice-form,#about-page #selected-research-block .about-research-node{min-height:160px}
  #about-page #selected-research-block .about-research-branches{position:relative;height:40px}
  #about-page #selected-research-block .about-research-branches::before{content:'';position:absolute;left:50%;top:0;bottom:8px;border-left:1px solid var(--about-muted)}
  #about-page #selected-research-block .about-research-branches::after{content:'';position:absolute;left:calc(50% - 3px);bottom:6px;width:6px;height:6px;border-right:1px solid var(--about-muted);border-bottom:1px solid var(--about-muted);transform:rotate(45deg)}
  #about-page #selected-research-block .about-research-branches svg{display:none}
  #about-page #selected-research-block .about-selected-research__items{grid-template-columns:minmax(0,1fr);gap:16px}
  #about-page #selected-research-block .about-research-node:first-child,#about-page #selected-research-block .about-research-node:last-child{grid-column:1}
  #about-page .about-hero h1{max-width:none;font-size:64px}
  #about-page .about-method{grid-template-columns:1fr}
  #about-page .about-method div{border-right:0;border-bottom:1px solid var(--about-rule)}
  #about-page .about-row,#about-page .about-contact .about-section-content{grid-template-columns:1fr}
  #about-page :is(#experience-block,#public-activity-block,#recognition-block) .about-row>:is(:first-child,:nth-child(2),:last-child){grid-column:1}
  #about-page .about-contact .about-section-content>:first-child,#about-page .about-contact .about-section-content>:last-child{grid-column:1}
  #about-page .about-evidence{grid-template-columns:1fr}
}
@media(max-width:639px){body.about-production-page .ay-site-footer__navigation > a{padding:6px 0;font-size:13px;line-height:18px}}
