.project-page__soon[data-astro-cid-4qnrviu5]{color:var(--clr-ink-3);padding-block:calc(.6em + 2px);font-weight:700;line-height:1.1}.project-page__story[data-astro-cid-4qnrviu5]{margin-block-start:3em;& .split{border-block-start:var(--rule);row-gap:.5em;padding-block:1.25em 2.5em}& h2{font-size:var(--size-3)}}.project-page__details[data-astro-cid-4qnrviu5]{border-block-end:var(--rule);margin-block-start:3em;& div{border-block-start:var(--rule);gap:.1em 4em;padding-block:.6em;display:grid;@media (width>=60em){grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}& dt{color:var(--clr-ink-3)}& dd{color:var(--clr-ink)}}.project-page__story[data-astro-cid-4qnrviu5]+.project-page__details[data-astro-cid-4qnrviu5],.project-page[data-astro-cid-4qnrviu5]>[data-astro-cid-4qnrviu5]:first-child{margin-block-start:0}.pager[data-astro-cid-4qnrviu5]{border-block-start:var(--rule);grid-template-areas:"prev""next""all";gap:1.5em 2em;margin-block-start:4em;padding-block-start:1.25em;display:grid;@media (width>=40em){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"prev all next"}}.pager__link[data-astro-cid-4qnrviu5]{color:var(--clr-ink);flex-direction:column;gap:.2em;display:flex;&:hover{text-decoration:none;& .pager__name{text-decoration:underline}}}.pager__link--prev[data-astro-cid-4qnrviu5]{grid-area:prev;& .pager__label:before{content:"← " / ""}}.pager__link--next[data-astro-cid-4qnrviu5]{grid-area:next;@media (width>=40em){text-align:end;align-items:end}& .pager__label:after{content:" →" / ""}}.pager__label[data-astro-cid-4qnrviu5]{color:var(--clr-ink-3)}.pager__name[data-astro-cid-4qnrviu5]{font-size:var(--size-3);letter-spacing:-.03em;text-wrap:balance;font-weight:700;line-height:1.1}.pager__all[data-astro-cid-4qnrviu5]{grid-area:all;justify-self:start;@media (width>=40em){justify-self:center}}@media (width>=80em){html[data-page=project]{& .section.banner{& .banner__head,& .actions{grid-row:1}& .actions{place-self:end;margin-block-start:0}}}}@media (width>=110em){html[data-page=project]:has(.project-page .project-shot){--pp-shot:1428px;--pp-gap:3rem;--pp-top:2.5rem;& .page{grid-template-columns:[full-start] var(--frame-gutter) [rail-start] minmax(17rem, 1fr) [rail-end] var(--pp-gap) [shot-start] minmax(0, var(--pp-shot)) [shot-end] var(--frame-gutter) [full-end];grid-template-rows:auto auto auto auto auto 1fr auto;min-block-size:100svh;display:grid}& .page>.section{grid-column:full}& .page>.site-header{grid-row:1}& .page>.get-in-touch{grid-row:6;align-self:end}& .page>.site-footer{grid-row:7}& .page>.section.project-page{display:contents}& .page>.section.banner{grid-area:2/rail;align-self:start;margin-block-start:var(--pp-top);padding-block:0;display:block;container-type:inline-size;& h1{overflow-wrap:break-word;font-size:clamp(2.25rem,12cqi,4.5rem)}& .banner__head>p{max-inline-size:32ch;font-size:clamp(1.15rem,5cqi,1.6rem)}& .actions{place-self:auto;margin-block-start:2em}}& .project-page .project-shot{grid-area:2/shot/span 2;align-self:start;margin-block-start:var(--pp-top)}& .project-page .project-page__details{grid-area:3/rail;align-self:end;margin-block-start:2em;& div{grid-template-columns:none}}& .project-page .project-page__story{grid-area:4/rail-start/auto/shot-end;grid-template-columns:subgrid;margin-block-start:3em;display:grid;& .split{grid-column:1/-1;grid-template-columns:subgrid;&>:not(h2){grid-column:3}}}& .project-page .pager{grid-area:5/rail-start/auto/shot-end;margin-block-start:3em}}}@media (width>=150em){html[data-page=project]:has(.project-page .project-shot){--pp-gap:clamp(3rem, 2.6 * var(--vw), 5rem);--pp-top:clamp(2.5rem, 5svh, 5rem);& .page{grid-template-columns:[full-start] var(--frame-gutter) [rail-start] minmax(0, 1fr) [rail-end] var(--pp-gap) [shot-start] minmax(0, var(--pp-shot)) [shot-end] var(--pp-gap) [side-start] minmax(0, 1fr) [side-end] var(--frame-gutter) [full-end]}& .project-page .project-page__details{grid-area:2/side;align-self:start;margin-block-start:var(--pp-top)}& .project-page .pager{grid-column:rail-start/side-end}& .project-page:not(:has(.project-page__story)) .pager{grid-area:3/side;grid-template-columns:none;grid-template-areas:"prev""next""all";align-self:end;margin-block-start:2em;& .pager__link--next{text-align:start;align-items:start}& .pager__all{justify-self:start}}}}