@layer components{.project{padding-block-end:var(--space-3xl);--intro-offset:var(--space-xl);--intro-size:var(--text-life);--intro-leading:var(--leading-display);--close-lane:calc(var(--page-gutter) + var(--close-size) + var(--grid-gutter))}:root{--meta-leading:1.55;--meta-line:calc(var(--text--1) * var(--meta-leading))}.project__close{position:fixed;inset-block-start:calc(var(--space-s) + (var(--meta-line) - var(--close-size)) / 2);inset-inline-end:var(--page-gutter);z-index:var(--z-nav);display:block;inline-size:var(--close-size);block-size:var(--close-size);color:var(--fg);mix-blend-mode:difference;filter:invert(1)}.project__close::before{content:'';position:absolute;inset:calc((100% - 2.75rem) / 2)}@media (min-width:60rem){.project__close{inset-block-start:var(--frame-top)}}.project__close-mark{position:relative;display:block;block-size:100%}.project__close-mark::before,.project__close-mark::after{content:'';position:absolute;inset-block-start:calc(50% - (var(--hairline-width) / 2));inset-inline-start:calc(50% - (100% * 1.41421 / 2));inline-size:calc(100% * 1.41421);block-size:var(--hairline-width);background:currentColor}.project__close-mark::before{transform:rotate(45deg)}.project__close-mark::after{transform:rotate(-45deg)}.project__close:focus-visible{outline:var(--focus-width) solid var(--focus-colour);outline-offset:var(--focus-offset);mix-blend-mode:normal;filter:none;background:var(--bg)}.project__hero{background:none}:where(.project.spine>*,.project__body>*){grid-column:full}.project__body>.project__meta{position:sticky;inset-block-start:0;z-index:var(--z-sticky);display:grid;grid-template-columns:calc(37vw - var(--page-gutter)) 1fr calc(var(--close-size) + var(--space-xs));align-items:start;padding:var(--space-s) var(--page-gutter);background:var(--bg);margin-block-end:0;pointer-events:none}.project__meta-inner{display:contents}.project__body>.project__meta>*{min-inline-size:0}.project__name{grid-column:1}.project__disciplines,.project__year{grid-column:2}@media (min-width:60rem){.project__body{display:contents}.project .project__hero{grid-row:1}.project .project__intro{grid-row:2}.project .project__blocks{grid-row:3}.project .project__contact{grid-row:4}.project .project__related{grid-row:5}.project__body>.project__meta{position:static;grid-column:full-start / content-start;grid-row:2 / span 2;align-self:stretch;display:block;padding:0;padding-inline-start:var(--page-gutter);padding-inline-end:var(--space-s);background:none}.project__body>.project__meta>.project__meta-inner{display:block;position:sticky;--intro-cap-top:calc(var(--intro-size) * (var(--intro-leading) / 2 - var(--cap-centre-display)));--meta-cap-top:calc(var(--meta-line) / 2 - var(--text--1) * var(--cap-centre-body));margin-block-start:calc(var(--intro-offset) + var(--intro-cap-top) - var(--meta-cap-top));inset-block-start:calc(var(--frame-top) - var(--meta-cap-top));z-index:var(--z-sticky);transition:color var(--duration-base) var(--ease-out)}.project__meta-inner.is-inverted,.project__meta-inner.is-inverted a{color:var(--bg)}}.project__body>.project__meta p,.project__body>.project__meta ul{margin:0}.project__meta{font-family:var(--font-body);font-size:var(--text--1);line-height:var(--meta-leading);letter-spacing:var(--tracking-label);margin-block-end:var(--space-s)}.project__name{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;margin:0}.project__disciplines{list-style:none;margin:0;padding:0}.project__year{margin:0}.project__intro{font-family:var(--font-display);font-size:var(--intro-size);line-height:var(--intro-leading);letter-spacing:var(--tracking-display);text-wrap:balance;padding-block:var(--intro-offset) var(--space-2xl)}@media (min-width:60rem){.project__intro{max-width:calc(100% * 12 / 14)}}.project__body>.project__intro{grid-column:content}.project__blocks>* + *{margin-block-start:var(--space-2xl)}.block--spacer{block-size:var(--space-2xl)}.block--text{max-width:var(--measure-body)}.block__eyebrow{font-size:var(--text--1);letter-spacing:var(--tracking-label);color:var(--fg-muted);margin-block-end:var(--space-2xs)}.prose>* + *{margin-block-start:var(--space-s)}.block--image-full{grid-column:full}.pair__media{display:grid;column-gap:6.6%;row-gap:var(--space-m)}@media (min-width:60rem){.pair__media{grid-template-columns:repeat(2,minmax(0,1fr))}}.pair__item>.pair__caption{margin-block-start:var(--space-xs)}.block--image-caption,.block--image-inset,.block--image-pair,.block--spreads{grid-column:full;display:grid;grid-template-columns:subgrid;row-gap:var(--space-xs)}.block--image-caption>.block__media{grid-column:full;grid-row:1}.block--image-inset>.block__media{grid-column:content;grid-row:1}.block--image-pair>.pair__media{grid-column:content;grid-row:1}.block--image-inset>.block__caption{grid-column:content;grid-row:2}.block__caption,.pair__caption{font-size:var(--text--1);line-height:1.45;letter-spacing:var(--tracking-label);color:var(--fg);max-width:26em}@media (max-width:59.999rem){.block--image-pair>.pair__captions{display:none}}@media (min-width:60rem){.block--image-inset>.block__caption{grid-column:aside-start / full-end;grid-row:1;align-self:start;text-align:start;justify-self:start;padding-inline-start:var(--grid-gutter);inline-size:calc(100% - var(--close-lane,0px));min-inline-size:calc(6 * var(--text--1) + var(--grid-gutter))}.pair__item>.pair__caption{display:none}.block--image-pair>.pair__captions{grid-column:aside-start / full-end;grid-row:1;align-self:start;text-align:start;justify-self:start;padding-inline-start:var(--grid-gutter);inline-size:calc(100% - var(--close-lane,0px));min-inline-size:calc(6 * var(--text--1) + var(--grid-gutter))}.pair__captions>* + *{margin-block-start:var(--space-xs)}}.block--spreads>.spreads__track{grid-column:content;grid-row:1}.block--spreads>.spreads__aside{grid-column:content;grid-row:2;display:flex;flex-direction:column;row-gap:var(--space-2xs)}@media (max-width:59.999rem){.block--spreads .spreads__nav{order:-1}}.spreads__track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:100%;column-gap:var(--grid-gutter);align-items:start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.spreads__item{scroll-snap-align:start}:root.js .spreads__track{scrollbar-width:none}:root.js .spreads__track::-webkit-scrollbar{display:none}:root.js .spreads__captions{display:grid}:root.js .spreads__caption{grid-area:1 / 1}:root.js .spreads__caption:not(.is-active){visibility:hidden}.spreads__nav{display:none}:root.js .spreads__nav{display:flex;align-items:center;gap:var(--space-3xs);font-size:var(--text--1);letter-spacing:var(--tracking-label);color:var(--fg)}.spreads__count>[data-spreads-index]{display:inline-block;min-inline-size:calc(var(--spreads-digits,1) * 1ch);text-align:end}.spreads__btn{position:relative;inline-size:2.75rem;block-size:2.75rem;padding:0;border:0;background:none;color:var(--fg);cursor:pointer}.spreads__btn:disabled{color:var(--fg-muted);opacity:0.4;cursor:default}.spreads__btn::before{content:'';position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:0.6rem;block-size:0.6rem;border-block-start:var(--hairline-width) solid currentColor;border-inline-end:var(--hairline-width) solid currentColor;transform:translate(-65%,-50%) rotate(45deg)}.spreads__btn--prev::before{transform:translate(-35%,-50%) rotate(-135deg)}@media (hover:hover) and (pointer:fine){[data-spreads-side='prev'] .spreads__track,[data-spreads-side='next'] .spreads__track{cursor:none}}.spreads__cursor{--spreads-arrow:calc(var(--close-size) * 1.41421);position:fixed;inset:0 auto auto 0;z-index:var(--z-nav);inline-size:var(--spreads-arrow);block-size:var(--spreads-arrow);transform:translate(-50%,-50%);pointer-events:none;color:#fff;mix-blend-mode:difference;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.spreads__cursor.is-on{opacity:1}.spreads__cursor[data-side='prev']{transform:translate(-50%,-50%) scaleX(-1)}.spreads__cursor::before{content:'';position:absolute;inset-block-start:calc(50% - (var(--hairline-width) / 2));inset-inline-start:0;inline-size:100%;block-size:var(--hairline-width);background:currentColor}.spreads__cursor::after{content:'';position:absolute;inset-block-start:50%;inset-inline-start:71.716%;inline-size:40%;block-size:40%;border-block-start:var(--hairline-width) solid currentColor;border-inline-end:var(--hairline-width) solid currentColor;transform:translate(-50%,-50%) rotate(45deg)}@media (min-width:60rem){.block--spreads>.spreads__aside{grid-column:aside-start / full-end;grid-row:1;align-self:stretch;justify-self:start;display:flex;flex-direction:column;justify-content:space-between;padding-inline-start:var(--grid-gutter);inline-size:calc(100% - var(--close-lane,0px));min-inline-size:calc(6 * var(--text--1) + var(--grid-gutter))}}.project__related{padding-block-start:var(--space-3xl)}.project__related-title{font-family:var(--font-body);font-size:var(--text--1);line-height:var(--leading-body);letter-spacing:var(--tracking-label);color:var(--fg-muted);margin-block-end:var(--space-m)}.work__grid--related{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:60rem){.work__grid--related{grid-template-columns:repeat(4,minmax(0,1fr))}.project__related-title{grid-column:full-start / content-start;grid-row:1;align-self:start;padding-inline-start:var(--page-gutter);padding-inline-end:var(--space-s);margin-block-end:0}.project__related>.work__grid--related{grid-column:content;grid-row:1}}}@layer components{.project__contact{margin-block-start:var(--space-3xl);grid-column:content}.project__contact-label{font-family:var(--font-body);font-size:var(--text--1);line-height:var(--leading-body);letter-spacing:var(--tracking-label);color:var(--fg-muted);margin-block-end:var(--space-2xs)}.project__contact-line{font-family:var(--font-display);font-size:var(--text-life);line-height:var(--leading-display);letter-spacing:var(--tracking-display);max-inline-size:26em}.project__contact-line a{color:inherit;text-decoration-thickness:from-font}}