/* A conversational title voice and a quieter reading voice. */
:root{--display:'Bricolage Grotesque',Arial,sans-serif;--headline:'Bricolage Grotesque',Arial,sans-serif;--body:'Instrument Sans',Arial,sans-serif}
body{font-family:var(--body)!important;letter-spacing:0}
h1,h2,h3,h4{font-family:var(--display)!important;font-weight:700!important;font-variation-settings:'wdth' 100,'opsz' 64!important;letter-spacing:-.025em!important;font-stretch:normal!important}
h1{font-weight:800!important;line-height:1.03!important}
p,li,dt,dd,figcaption,label,summary,a,blockquote,button,input,textarea,select,span,strong,small,output,.eyebrow,.publication-folio,.casework-folder{font-family:var(--body)!important}
:is(h1,h2,h3,h4) :is(span,strong,em){font-family:inherit!important}
.character-margin blockquote,.research-note h4,.brief-assignment h4{font-family:var(--body)!important}
.welcome-invitation h1{font-size:clamp(49px,6vw,84px)!important;letter-spacing:-.045em!important}
.welcome-invitation h1 em{font-size:1em;line-height:1.03}
.welcome-invitation p{font-size:18px;line-height:1.6}
.film-chapter strong{font-family:var(--display)!important;letter-spacing:-.02em;font-size:21px}
.welcome-invitation,.project-letter,.practice-invitation{position:relative}
.meet-leads{display:grid;grid-template-columns:1.2fr 1fr;gap:0;margin-block:74px;background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 0 0 1px #e3e4e6}
.meet-leads figure{margin:0;align-self:stretch;background:#fff}
.meet-leads figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;min-height:380px}
.lead-invitation{padding:38px;align-self:center}
.lead-invitation h2{font-size:clamp(31px,3.5vw,48px);line-height:1.07!important;margin:0 0 24px}
.lead-invitation p{font-size:17px;line-height:1.6;max-width:38ch}
.lead-invitation a{display:inline-block;margin-top:15px;text-underline-offset:5px;font-weight:600;line-height:1.5}
.lead-opening{padding-top:50px}
.lead-opening-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:end;padding-bottom:35px}
.lead-opening h1{font-size:clamp(47px,6.5vw,86px);margin:0;max-width:14ch}
.lead-opening em{font-style:normal;color:var(--blue)}
.lead-opening-copy p{font-size:20px;max-width:40ch;margin:0 0 5px}
.lead-opening figure{margin:0;overflow:hidden;border-radius:32px}
.lead-opening img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:white}
.lead-stories{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:32px;margin-bottom:64px;background:white;border:1px solid #d6dae3;border-radius:30px;overflow:hidden}
.lead-stories article{padding:38px 42px}
.lead-stories article+article{border-left:1px solid #d6dae3}
.lead-stories .home-place{font-size:16px;font-weight:600;color:var(--blue);margin:0 0 10px}
.lead-stories h2{font-size:72px;margin:0 0 8px;line-height:1!important}
.lead-stories .lead-saying{font-family:var(--display)!important;font-size:26px;line-height:1.3;color:#9c2856;margin:0 0 25px}
.lead-stories p{font-size:18px;line-height:1.65}
.lead-stories details{border:0!important;border-radius:0!important;border-top:1px solid #d6dae3!important;background:white!important;padding:0!important;margin-top:22px}
.lead-stories summary{padding:18px 0;font-weight:600;cursor:pointer}
.lead-stories a{display:inline-block;font-weight:600;margin-top:22px;text-decoration:underline;text-underline-offset:5px;min-height:44px}
.lead-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:320px}
.cast-group-title{font-size:24px!important;letter-spacing:-.02em!important;margin-top:32px!important}
@media(max-width:900px){.lead-opening-copy{gap:25px}.lead-stories article{padding:28px}.meet-leads{grid-template-columns:1fr}.meet-leads figure img{height:auto;min-height:0;aspect-ratio:16/9;object-fit:contain}.lead-invitation{padding:28px}.lead-invitation p{max-width:65ch}}
@media(max-width:760px){.welcome-invitation h1{font-size:45px!important}.welcome-invitation h1 em{font-size:1em;line-height:1.04}.lead-opening{padding-top:30px}.lead-opening-copy{display:block}.lead-opening h1{font-size:47px;margin-bottom:23px}.lead-opening-copy p{font-size:18px}.lead-opening figure{border-radius:22px}.lead-stories{grid-template-columns:1fr;border-radius:24px;margin-top:20px}.lead-stories article+article{border-left:0;border-top:1px solid #d6dae3}.lead-stories h2{font-size:61px}.lead-stories .lead-saying{font-size:24px}.lead-stories p{font-size:17px}.meet-leads{margin-block:45px;border-radius:24px}.lead-invitation h2{font-size:34px}.film-chapter strong{font-size:19px}}
.case-hero-art:has(.authored-scene){height:auto!important;min-height:0;aspect-ratio:16/9;align-self:center;overflow:hidden;border-radius:24px}
.case-hero-art>.authored-scene{height:100%!important;width:100%!important;object-fit:contain!important;object-position:center!important}
.authored-scene{display:block;aspect-ratio:1672/941;object-fit:contain;object-position:center;width:100%;height:auto}
.card-art>img.authored-scene{width:100%;height:100%;aspect-ratio:1672/941!important;object-fit:contain!important;transform:none!important}
.scene-moment{padding:24px 28px;margin:0 0 28px;background:#fff7e5;border-radius:22px}
.scene-moment h2{font-size:29px!important;line-height:1.15!important;margin:0 0 10px!important}
.scene-moment p{font-size:17px;line-height:1.6;margin:0;max-width:64ch}
@media(max-width:760px){.scene-moment{padding:22px}.scene-moment h2{font-size:26px!important}}
/* The illustrated neighborhood lives around the white reading surface. */
body{background:#ffd34e url('/assets/identity/neighborhood-mural.webp') center center/cover fixed!important;padding:clamp(10px,2.8vw,42px)}
.site-canvas{box-shadow:0 8px 40px #34251120;border-radius:34px}
.site-header .brand{width:172px!important}
.site-header .restored-wordmark{object-fit:contain;mix-blend-mode:multiply}
.footer-wordmark{background:#fff!important;padding:12px 25px!important;border-radius:28px!important;margin-top:28px!important}
.footer-wordmark .restored-wordmark{max-height:250px;object-fit:contain}
body[data-page=world] .cast-together{margin-top:45px}
body[data-page=world] .cast-context{background:#fff7e5;border-radius:30px;padding:34px}
@media(max-width:760px){body{padding:10px;background-attachment:scroll!important;background-size:auto 900px!important;background-repeat:repeat-y!important}.site-canvas{border-radius:28px}.site-header .brand{width:142px!important}.footer-wordmark{padding:10px!important}.footer-wordmark .restored-wordmark{max-height:160px}.welcome-invitation h1 em{font-size:.82em}body[data-page=world] .cast-context{padding:24px}}