.c-project-case.project-case{color:var(--ink);padding-block:clamp(2rem,5vw,4.5rem) 2rem}.c-project-case .case-back{margin-bottom:2rem;padding-block:.65rem;display:inline-block}.c-project-case .case-header{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.c-project-case .case-opening{min-width:0;padding-bottom:1.5rem}.c-project-case h1:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)),.c-project-case h2:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)),.c-project-case h3:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){font-family:var(--font-display);overflow-wrap:break-word;text-wrap:balance;min-width:0}.c-project-case h1:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){letter-spacing:0;margin:0 0 1.5rem;font-size:clamp(2.6rem,5.6vw,4.5rem);line-height:1.16}.c-project-case .case-summary{max-width:30ch;margin:0;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.5}.c-project-case .case-main-link{margin-top:1.25rem;padding-block:.65rem;display:inline-block}.c-project-case .case-cover{min-width:0;margin:0}.c-project-case .case-glance{padding:var(--paper-inset-block) var(--paper-inset-inline) var(--paper-inset-end) var(--paper-inset-start);margin-top:3rem}.c-project-case .case-glance h2{letter-spacing:0;margin:0 0 1.4rem;font-size:1.35rem}.c-project-case .case-glance dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.3rem 2.5rem;margin:0;display:grid}.c-project-case .case-glance dt{color:var(--ink-soft);margin-bottom:.3rem;font-size:.9rem}.c-project-case .case-glance dd{margin:0;font-size:1rem;line-height:1.55}.c-project-case .case-glance-built{grid-row:span 2}.c-project-case .case-glance dd>ul:not(.case-stack){margin:0;padding-left:1.1rem;list-style:outside}.c-project-case .case-glance dd>ul:not(.case-stack) li{margin-block:.25rem}.c-project-case .case-glance dd>ul li::marker{color:var(--rust)}.c-project-case .case-stack{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.c-project-case .case-stack li{border:1px solid var(--rule);background:var(--paper-light);border-radius:3px 5px 4px 6px;padding:.15rem .6rem;font-size:.9rem}.c-project-case .case-glance dd .sketch-link{margin-left:.35rem}.c-project-case .case-part{max-width:64ch;color:var(--ink-soft);margin:1.6rem 0 0;font-size:1rem;line-height:1.65}@media (max-width:700px){.c-project-case .case-glance{margin-top:2rem}.c-project-case .case-glance dl{grid-template-columns:minmax(0,1fr);gap:1.1rem}.c-project-case .case-glance-built{grid-row:auto}}.c-project-case figcaption:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){color:var(--ink-soft);max-width:58ch;margin:1rem .25rem 0;font-size:.9rem;line-height:1.55}.c-project-case .case-reading{grid-template-columns:205px minmax(0,1fr);align-items:start;column-gap:clamp(2rem,4vw,3rem);padding-top:4rem;display:grid}.c-project-case .case-margin{position:sticky;top:10rem}.c-project-case .case-margin nav:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){flex-direction:column;align-items:start;gap:.35rem;padding:.4rem 0 .4rem 1.15rem;display:flex;position:relative}.c-project-case .case-index:before{content:"";background:var(--rule);clip-path:polygon(25% 0,65% 0,50% 24%,75% 48%,48% 75%,65% 100%,20% 100%,15% 74%,32% 48%,12% 24%);width:3px;height:100%;position:absolute;top:0;left:0}.c-project-case .case-margin a:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){color:var(--ink-soft);padding-block:.5rem;font-size:.9rem;line-height:1.5;text-decoration:none}.c-project-case .case-margin a:hover:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){color:var(--cobalt)}.c-project-case .case-chapters{min-width:0;max-width:none}.c-project-case .case-chapters h2:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){letter-spacing:0;margin:0 0 1.3rem;font-size:clamp(1.65rem,3vw,2rem);line-height:1.2}.c-project-case .case-chapters p:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){margin:0 0 1.25rem;font-size:1.075rem;line-height:1.85}.c-project-case .case-introduction,.c-project-case .case-chapter,.c-project-case .case-outcome,.c-project-case .case-technical{scroll-margin-top:7rem}.c-project-case .case-introduction p:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){font-size:1.18rem;line-height:1.75}.c-project-case .case-workflow{padding:var(--paper-inset-block) var(--paper-inset-inline) var(--paper-inset-end) var(--paper-inset-start);counter-reset:workflow;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;margin:2.25rem 0 3.75rem;list-style:none;display:grid}.c-project-case .case-workflow li:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){counter-increment:workflow;padding-top:.85rem}.c-project-case .case-workflow li:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)):before{content:"0" counter(workflow);font-family:var(--font-hand);color:var(--rust);margin-bottom:.4rem;font-size:1.5rem;line-height:1.3;display:block}.c-project-case .case-workflow h3:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){letter-spacing:0;margin:0 0 .5rem;font-size:1.05rem;line-height:1.3}.c-project-case .case-workflow p:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.6}.c-project-case .case-chapter{margin-top:4.75rem}.c-project-case .case-chapter-copy{max-width:64ch}.c-project-case .case-section-art{margin:0 0 2.25rem}.c-project-case .case-section-art figcaption:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){max-width:58ch}.c-project-case .case-chapter-detail .case-section-art{width:84%;margin-left:auto}.c-project-case .case-chapter-detail .case-chapter-copy{margin-left:0;margin-right:auto}@media (min-width:1100px){.c-project-case .case-chapter-aside{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.c-project-case .case-chapter-aside .case-section-art{margin:.5rem 0 0 -2rem}.c-project-case .case-chapter-aside .case-chapter-copy{margin:0;padding:0}.c-project-case .case-chapter-aside .case-pencil-note{margin-top:2rem;margin-left:-2.5rem;padding:1.8rem 1.6rem}}@media (max-width:700px){.c-project-case .case-chapter-detail .case-section-art{width:94%;margin-right:0}.c-project-case .case-chapter-visual .case-chapter-copy{padding-inline:0}}.c-project-case .case-chapter-visual .case-chapter-copy{max-width:59ch;padding-inline:1rem}.c-project-case .case-chapter-reverse .case-chapter-copy{margin-left:auto}.c-project-case .case-chapter-copy>p:last-child:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){margin-bottom:0}.c-project-case .case-introduction{max-width:62ch}.c-project-case .case-navigation strong:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){display:inline}@media (min-width:1100px){.c-project-case .case-section-art{margin-left:-2rem}.c-project-case .case-chapter-reverse .case-section-art{margin-left:0;margin-right:-1rem}}.c-project-case .case-chapter-positioned .case-section-art{width:100%;max-width:36rem;margin:0 0 1.75rem}.c-project-case .case-chapter-positioned .case-section-art-portrait{max-width:20rem}.c-project-case .case-chapter-positioned .case-chapter-copy{margin-inline:0}@media (min-width:1184px){.c-project-case .case-chapter-positioned{grid-template-columns:minmax(0,1fr) minmax(0,64ch);align-items:start;gap:1.75rem;display:grid}.c-project-case .case-chapter-positioned .case-section-art{grid-area:1/1;max-width:none;margin:4rem 0 0}.c-project-case .case-chapter-positioned .case-chapter-copy{grid-area:1/2}.c-project-case .case-chapter-art-right{grid-template-columns:minmax(0,59ch) minmax(0,1fr)}.c-project-case .case-chapter-art-right .case-chapter-copy{grid-column:1;max-width:59ch;padding-inline:1rem}.c-project-case .case-chapter-art-right .case-section-art{grid-column:2;align-self:center;margin:0}.c-project-case .case-chapter-positioned .case-section-art-portrait{margin-top:0}}.c-project-case .case-chapters .case-pencil-note{font-family:var(--font-hand);color:var(--rust);max-width:28rem;margin-top:1.75rem;padding:1.8rem 2rem;font-size:1.45rem;line-height:1.4}.c-project-case .case-outcome{margin-top:4rem;padding:3.5rem 2.75rem 2rem}.c-project-case .case-sticker{width:fit-content;color:var(--cobalt);font-family:var(--font-hand);margin:-4.5rem 0 1.5rem auto;padding:1rem 1.6rem;font-size:1.2rem;line-height:1.3;display:block}.c-project-case .case-outcome p:last-child:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){color:var(--ink-soft);font-size:.95rem}.c-project-case .case-technical{padding:var(--paper-inset-block) var(--paper-inset-inline) var(--paper-inset-end) var(--paper-inset-start);margin-top:3rem}.c-project-case .case-technical:before{transform:none}.c-project-case .case-technical-content section+section:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){margin-top:1.75rem}.c-project-case .case-technical-content h3:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){margin:0 0 .75rem;font-size:1.2rem}.c-project-case .case-technical-content p:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){color:var(--ink-soft);font-size:1rem}.c-project-case .case-technical-content section:last-child p:last-child:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){margin-bottom:0}.c-project-case .case-links{flex-wrap:wrap;gap:.5rem 2rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.c-project-case .case-links a:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){padding-block:.65rem;display:inline-block}.c-project-case .case-navigation{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:5rem;display:grid}.c-project-case .case-navigation a:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){color:var(--ink);flex-direction:column;align-items:start;gap:.75rem;padding:2rem 1.5rem 2rem 0;text-decoration:none;display:flex}.c-project-case .case-navigation a+a:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){border-left:1px solid var(--rule);padding-left:2rem}.c-project-case .case-navigation span:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){color:var(--ink-soft);font-size:.9rem}.c-project-case .case-navigation strong:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){font-family:var(--font-display);color:var(--cobalt);font-size:clamp(1.35rem,3vw,1.85rem);font-weight:400;line-height:1.2;text-decoration:none}.c-project-case a:active:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){color:var(--rust)}.c-project-case a:focus-visible:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){outline:2px solid var(--cobalt);outline-offset:5px;border-radius:2px}@media (max-width:850px){.c-project-case .case-header{grid-template-columns:minmax(0,1fr);gap:1.5rem}.c-project-case .case-opening{max-width:680px;padding-bottom:0}.c-project-case h1:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){max-width:14ch}.c-project-case .case-summary{max-width:42ch}.c-project-case .case-cover{max-width:680px}.c-project-case .case-reading{grid-template-columns:minmax(0,1fr);padding-top:2rem}.c-project-case .case-margin{margin-bottom:3rem;position:static}.c-project-case .case-margin nav:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.1rem 1.5rem;display:grid}.c-project-case .case-margin a:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){align-items:center;min-height:44px;display:flex}.c-project-case .case-chapters{max-width:100%}}@media (max-width:580px){.c-project-case .case-back{margin-bottom:1.25rem}.c-project-case h1:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){font-size:clamp(2.5rem,10vw,3.75rem)}.c-project-case .case-margin nav:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){grid-template-columns:minmax(0,1fr);gap:0}.c-project-case .case-margin{margin-bottom:2.5rem}.c-project-case .case-workflow{grid-template-columns:minmax(0,1fr);gap:1rem;margin-bottom:3rem}.c-project-case .case-workflow li:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){grid-template-columns:2rem minmax(0,1fr);column-gap:.75rem;display:grid}.c-project-case .case-workflow li:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)):before{grid-row:1/span 2}.c-project-case .case-workflow h3:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)),.c-project-case .case-workflow p:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){grid-column:2;font-size:1rem}.c-project-case .case-chapters p:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){font-size:1rem;line-height:1.8}.c-project-case .case-chapters .case-introduction p:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){font-size:1.1rem}.c-project-case .case-chapter{margin-top:3rem}.c-project-case .case-outcome{padding:3rem 1.4rem 1.5rem}.c-project-case .case-sticker{font-size:1rem;right:.6rem}.c-project-case .case-navigation{margin-top:3.5rem}.c-project-case .case-navigation a+a:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){padding-left:1rem}.c-project-case .case-navigation a:not(:where(.context-invitation *,.document-invitation *,.page-doodle *)){padding-right:1rem}}@media (min-width:851px){.c-project-case.project-case{padding-top:clamp(1.25rem,2.5vw,2.25rem)}.c-project-case .case-back{margin-bottom:.75rem}.c-project-case .case-header{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.5rem,4vw,3rem)}.c-project-case .case-opening{padding-bottom:0}.c-project-case .case-opening h1{margin-bottom:1rem;font-size:clamp(2.4rem,4.2vw,3.6rem);line-height:1.12}.c-project-case .case-summary{font-size:clamp(1.1rem,1.6vw,1.3rem)}.c-project-case .case-cover{justify-self:end;max-width:460px}.c-project-case .case-cover figcaption{margin-top:.6rem;font-size:.85rem}.c-project-case .case-glance{margin-top:1.75rem}}