/* Brand roles and one navigation indicator, shared by every page. */
body #main :is(h1,h2,h3,h4,h5,h6){font-family:var(--serif)}
body #main :is(p,li,dd,dt,label,input,textarea,select,button,.eyebrow,.person-role,.method-label){font-family:var(--sans)}
body #main :is(p,li,dd) em{font-family:var(--sans)}
body #main :is(h1,h2,h3) em{font-family:var(--serif)}
body .site-header nav .nav-link{border-bottom:1px solid transparent;text-decoration:none;padding-bottom:8px}
body .site-header nav .nav-link[aria-current="page"]{border-bottom-color:var(--green);text-decoration:none}
body .site-header nav .nav-link::after{display:none}
.site-talk{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:32px;border-top:1px solid var(--rule)}
body #main .site-talk{background:var(--ink);color:var(--paper)}
body #main .site-talk h2{margin:0}body #main .site-talk .text-link{margin:0;color:var(--paper)}
@media(max-width:800px){
 .site-talk{flex-direction:column;align-items:flex-start;width:calc(100% - 48px)}
 body.experience-page #main .experience-hero{display:flex;flex-direction:column}
 body.experience-page #main .experience-bridge{order:-1;width:100%}
 body.experience-page #main .sample-day-intro figure{grid-row:1}
 body.experience-page #main .experience-closing{display:flex;flex-direction:column}
 body.experience-page #main .experience-closing figure{order:-1}
 body.method-page #main .method-hero>img{grid-row:1}
 body.method-page #main .method-arc-layout>.arc-photo{grid-row:1}
 body.home-page #main .home-process>.material-photo{grid-row:1}
 body.about-page #main .about-work-photo{grid-row:1}
}
@media(max-width:800px){
 body.home-page #main .home-process{display:flex;flex-direction:column}
 body.home-page #main .home-process>.material-photo{order:-1;width:100%}
 body.home-page #main .forest-hero{display:flex;flex-direction:column}
 body.home-page #main .forest-hero-main{display:contents}
 body.home-page #main .forest-hero-main::after,body.home-page #main .forest-hero-main::before{display:none}
 body.home-page #main .forest-hero-background{position:relative;inset:auto;order:0;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;opacity:1}
 body.home-page #main .forest-hero-support{order:1}
 body.home-page #main .forest-hero-copy{order:2;position:relative;inset:auto;width:100%;background:var(--ink)}
}
body #main :is(p,li,dd,dt,label,input,textarea,select,button,.eyebrow,.person-role,.method-label){font-family:var(--sans)!important}
body #main :is(p,li,dd) em{font-family:var(--sans)!important}