.project{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:32px;display:grid}.project__head{justify-items:start;gap:12px;display:grid}.project__back-link{align-items:center;gap:8px;min-height:44px;text-decoration:none;display:inline-flex}.project__back-link:hover{color:var(--ink-strong)}.project__back-link:hover .arrow{transform:translate(-4px)}.project__title{font-size:clamp(42px,9vw,76px);line-height:.98}.project__summary{text-wrap:pretty;max-width:56ch;margin-top:6px;font-size:clamp(18px,2.2vw,20px);line-height:1.5}.project__links{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.project__facts .rows__row{grid-template-columns:minmax(0,1fr);gap:6px 16px}@media (width>=360px){.project__facts .rows__row:not(.rows__row--tags){grid-template-columns:112px minmax(0,1fr);align-items:baseline}}@media (width>=480px){.project__facts .rows__row--tags{grid-template-columns:112px minmax(0,1fr);align-items:baseline}}@media (width>=960px){.project{grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:48px 64px}.project>*{grid-column:1/-1}.project>.project__head{grid-column:1}.project>.project__facts{grid-column:2;align-self:end}.project__title{overflow-wrap:normal}}.gallery{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.gallery__shot{width:100%}.gallery__shot[data-shape=tall]{width:min(240px,70%)}.gallery__shot img{border:1px solid var(--rule);border-radius:var(--radius);background:var(--ground-raised);width:100%}.gallery__shot figcaption{margin-top:8px}@media (width>=700px){.gallery{flex-direction:row}.gallery__shot,.gallery__shot[data-shape=tall]{flex:var(--ratio) 1 0%;width:auto;min-width:0}.gallery__shot:only-child{flex:none;width:min(100%,860px)}.gallery__shot[data-shape=tall]:only-child{width:280px}}.write-up{padding:calc(var(--frame-pad) * 2);border:var(--frame) solid var(--rule);background:var(--frame-ground)}.write-up>*{max-width:54ch}.write-up h2{font-family:var(--font-display);font-size:var(--h3-size);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-transform:var(--display-case);text-wrap:balance;overflow-wrap:anywhere;color:var(--ink-strong);margin-top:40px;margin-bottom:12px;line-height:1.1}.write-up>:first-child{margin-top:0}.write-up h3,.write-up h4{color:var(--ink-strong);margin-top:28px;margin-bottom:8px;font-size:18px;line-height:1.35}.write-up p,.write-up ul,.write-up ol,.write-up blockquote,.write-up pre{margin-top:14px}.write-up p{text-wrap:pretty}.write-up ul,.write-up ol{gap:10px;padding-left:22px;display:grid}.write-up ul{list-style:square}.write-up ol{list-style:decimal}.write-up li::marker{color:var(--accent)}.write-up strong{color:var(--ink-strong)}.write-up blockquote{border-left:2px solid var(--accent);color:var(--ink-dim);margin-inline:0;padding-left:16px}.write-up code{font-family:var(--font-mono);font-size:.9em}.write-up pre{border:1px solid var(--rule);border-radius:var(--radius);padding:12px 16px;font-size:15px;line-height:1.5;overflow-x:auto}.write-up pre code{font-size:inherit}@media (width>=960px){.write-up{grid-template-columns:var(--label-column) minmax(0, 56ch);align-items:start;column-gap:48px;font-size:18px;display:grid}.write-up>*{grid-column:2;max-width:none}.write-up h2{grid-column:1;margin-bottom:0}.write-up h2+*{margin-top:40px}.write-up>:first-child+*{margin-top:0}.write-up h2+p,.write-up h2+ul{padding-top:2px}}.project__more.rows{border-top-width:1px;grid-template-columns:minmax(0,1fr);display:grid}.project__more-link{padding:var(--row-pad);gap:6px;text-decoration:none;display:grid}.project__more-link+.project__more-link{border-top:1px solid var(--row-rule)}.project__more-link .label{align-items:center;gap:8px;display:inline-flex}.project__more-title{font-size:var(--h3-size)}.project__more-link:hover .project__more-title{color:var(--accent)}.project__more-link:hover .arrow{transform:translate(4px)}.project__more-link[data-way=previous]:hover .arrow{transform:translate(-4px)}.project__more-link:focus-visible{outline-offset:-4px}@media (width>=700px){.project__more.rows{grid-template-columns:repeat(2,minmax(0,1fr))}.project__more-link+.project__more-link{border-top:0;border-left:var(--frame) solid var(--row-rule)}.project__more-link[data-way=next]{text-align:right;justify-items:end}.project__more-link[data-way=next]:only-child{border-left:var(--frame) solid var(--row-rule);grid-column:2}}