/* shared by the projects page and the case study pages */
.page{padding:calc(env(safe-area-inset-top,0px) + 7.5rem) var(--pad) 0}
.page-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(1.5rem,3vw,2.5rem);color:var(--mute)}
.page-bar a.pill{border-color:var(--line);color:var(--ink)}
.page-bar a.pill:hover{border-color:var(--ink)}
.d-title{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(4rem,15vw,16.25rem);line-height:.9;margin:0 0 clamp(1.25rem,3vw,2.5rem)}
.d-title .ln{display:block;overflow:hidden}
.d-title i{display:block;font-style:normal}
.js .d-title i{transform:translateY(105%)}
.js body.ready .d-title i{animation:rise .95s var(--ease) both;animation-delay:calc(.15s + var(--i,0) * .09s)}
.d-title .ln:nth-child(2) i{--i:1}.d-title .ln:nth-child(3) i{--i:2}
@keyframes rise{to{transform:none}}
.d-lead{font-size:clamp(1.25rem,2.4vw,2.125rem);line-height:1.2;letter-spacing:-.02em;font-weight:500;max-width:30ch;margin:0}
@media (prefers-reduced-motion:reduce){.js .d-title i{transform:none}.js body.ready .d-title i{animation:none}}