@font-face{font-family:Prata;src:url(/fonts/Prata-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:Jost;src:url(/fonts/Jost-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Jost;src:url(/fonts/Jost-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--paper:#f6f1e4;--ink:#1c2145;--ink2:#4d5272;--rule:rgb(28 33 69 / .2);--gt:clamp(18px,3vw,44px);--sh:rgb(28 33 69)}
*{box-sizing:border-box}body{margin:0;font:400 18px/1.4 Jost,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p,h1,h2,h3,figure{margin:0}img{display:block}:focus-visible{outline:2px solid currentColor;outline-offset:3px}
html{transition:background .7s}html.lock{overflow:hidden}

/* Landing. One screen on every device: the print fills it, names sit on the print. */
.lx{color:var(--paper);min-height:100svh}
.st{position:fixed;inset:0;height:100lvh;transition:background .7s;z-index:0}.st img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;opacity:0;transition:opacity .8s}.st img.on{opacity:1}
.shade{position:fixed;inset:0;height:100lvh;z-index:0;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(to bottom,rgb(28 33 69 / .72),rgb(28 33 69 / .45) 18%,rgb(28 33 69 / 0) 34%,rgb(28 33 69 / 0) 40%,rgb(28 33 69 / .82) 58%,rgb(28 33 69 / .92))}
.pt{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:max(12px,env(safe-area-inset-top)) var(--gt) max(18px,env(safe-area-inset-bottom))}
.pt h1{font:400 clamp(72px,min(21vw,15svh),250px)/.95 Prata,serif;letter-spacing:-.02em;margin-left:-.03em}.pt header p{font-size:clamp(18px,2vw,26px);font-weight:500;margin-top:5px}
.ab{position:absolute;right:var(--gt);top:max(14px,env(safe-area-inset-top));font-weight:500;padding:6px 0;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.cap{display:none}
.ns{display:flex;flex-direction:column;gap:16px}.k h2{font:500 15px/1.2 Jost,sans-serif;opacity:.9;margin-bottom:4px}.ka h2 a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ls{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.ka .ls{display:flex;flex-wrap:wrap;column-gap:18px}
.pn{display:block;width:fit-content;white-space:nowrap;font:400 clamp(16px,min(5vw,3.1svh),40px)/1.3 Prata,serif;border-bottom:1px solid transparent}.ka .pn{font-size:clamp(17px,min(4.6vw,2.6svh),26px);opacity:.82}.pn.on{border-bottom-color:currentColor;opacity:1}
@media (orientation:landscape) and (min-width:700px){
 .lx{overflow:hidden;height:100dvh;min-height:0}
 .st img{top:auto;bottom:0;height:auto;object-fit:fill;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%);mask-image:linear-gradient(to bottom,transparent,#000 9%)}
 .shade{background:linear-gradient(to bottom,rgb(28 33 69 / .62),rgb(28 33 69 / .4) 22%,rgb(28 33 69 / 0) 42%,rgb(28 33 69 / 0) 54%,rgb(28 33 69 / .8) 74%,rgb(28 33 69 / .9))}
 .pt{height:100dvh;min-height:0;padding:clamp(14px,2.4vw,30px) var(--gt) clamp(18px,2.6vw,34px)}
 .pt h1{font-size:clamp(84px,min(16vw,24vh),250px)}
 .cap{display:block;font-size:clamp(19px,1.7vw,25px);line-height:1.25;min-height:1.3em;margin-bottom:14px}
 .ns{flex-direction:row;justify-content:space-between;gap:clamp(24px,4vw,72px)}.ls{grid-auto-flow:column;grid-template-rows:repeat(3,auto);grid-template-columns:none;column-gap:clamp(22px,3.4vw,60px)}.ka .ls{display:grid}
 .pn,.ka .pn{font-size:clamp(22px,min(2.1vw,3.6vh),36px);line-height:1.22}.ka .pn{opacity:.78}
}
@media (orientation:landscape) and (min-width:700px) and (min-aspect-ratio:16/9){.st img{top:0;height:100%;object-fit:cover;-webkit-mask-image:none;mask-image:none}}

/* A work opens over its print: the print first, then its story slides up over it. */
.sh{position:fixed;inset:0;z-index:10;color:var(--paper);opacity:0;transition:opacity .35s}.sh.in{opacity:1}.sh[hidden]{display:none}
.sbg{position:absolute;inset:0;height:100lvh}.sbg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%}
.sfade{position:absolute;inset:0;height:100lvh;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(to bottom,rgb(28 33 69 / .5),rgb(28 33 69 / 0) 16%,rgb(28 33 69 / 0) 46%,rgb(28 33 69 / .86) 74%,rgb(28 33 69 / .92))}
.ssc{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.sop{min-height:84svh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--gt) 26px}.sop small{font-size:17px;font-weight:500}.sop h2{font:400 clamp(58px,16vw,120px)/1.02 Prata,serif;letter-spacing:-.015em;margin:2px 0 8px -.02em;overflow-wrap:anywhere}.sop p{font-size:clamp(21px,2vw,26px);line-height:1.25;max-width:24em}
.sbody{position:relative;background:var(--paper);color:var(--ink);padding:24px var(--gt) max(40px,env(safe-area-inset-bottom));min-height:60svh;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.sh.anim .sbody{transform:translateY(40svh)}.sh.anim.in .sbody{transform:none}.sh.anim .sop{opacity:0;transform:translateY(16px);transition:opacity .5s .1s,transform .5s .1s}.sh.anim.in .sop{opacity:1;transform:none}
.open{display:block;padding:15px 18px 16px;background:var(--ink);color:var(--paper);font-size:19px;font-weight:500;text-align:center}
.story section{margin-top:28px}.story h3,.ar h3{font:500 16px/1.2 Jost,sans-serif;margin-bottom:6px;color:var(--ink2)}.story p{font-size:20px;line-height:1.38}
.shot{margin:34px auto 0;max-width:min(72%,320px)}.shot img{width:100%;height:auto;border:1px solid var(--rule)}.shot figcaption{padding-top:8px;font-size:15.5px;color:var(--ink2);text-align:center}
dl{display:grid;grid-template-columns:5.6em 1fr;gap:9px 12px;margin:34px 0 0;padding-top:16px;border-top:1px solid var(--rule);font-size:16.5px;line-height:1.35}dt{color:var(--ink2)}dd{margin:0;min-width:0}dd a{text-decoration:underline;text-underline-offset:3px}
.sbody .cr{margin-top:28px;padding-top:16px;border-top:1px solid var(--rule);font-size:15.5px;line-height:1.4;color:var(--ink2)}.cr b{font-weight:500;color:var(--ink)}
.x{position:fixed;z-index:2;right:var(--gt);top:max(14px,env(safe-area-inset-top));font-weight:500;padding:7px 14px;border-radius:99px;background:rgb(28 33 69 / .55);color:var(--paper);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media (orientation:landscape) and (min-width:700px){
 .sbg img{top:auto;bottom:0;height:auto;object-fit:fill;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%);mask-image:linear-gradient(to bottom,transparent,#000 9%)}
 .sop{min-height:78vh;padding-bottom:30px}
 .sbody{width:min(820px,100%);margin:0 0 0 var(--gt);padding:30px clamp(26px,4vw,56px) 56px}
 .story{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.open{display:inline-block;padding-inline:28px}
}
@media (orientation:landscape) and (min-width:700px) and (min-aspect-ratio:16/9){.sbg img{top:0;height:100%;object-fit:cover;-webkit-mask-image:none;mask-image:none}}

/* Archive: one page, each work on its own colour. */
.arc{background:var(--paper);color:var(--ink)}
.bar{display:flex;justify-content:space-between;align-items:baseline;padding:max(14px,env(safe-area-inset-top)) var(--gt) 14px}.bar a:first-child{font:400 30px/1 Prata,serif}.bar a+a{font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.ah{padding:clamp(20px,6vh,70px) var(--gt) clamp(30px,7vh,80px)}.ah h1{font:400 clamp(64px,13vw,170px)/1 Prata,serif;letter-spacing:-.02em;margin-left:-.03em}.ah p{font-size:clamp(20px,2vw,26px);line-height:1.3;max-width:22em;margin-top:10px}
.ar{background:var(--g);color:var(--k)}.ar figure img{width:100%;height:auto}
.at{padding:22px var(--gt) 8px}.ar h2{font:400 clamp(54px,9vw,120px)/1 Prata,serif;letter-spacing:-.015em;margin-left:-.02em}.ln{font-size:clamp(21px,2vw,26px);line-height:1.25;margin-top:8px;max-width:22em}.bc{font:400 clamp(24px,2.4vw,32px)/1.2 Prata,serif;margin-top:14px}.bc a,.mt a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.mt{margin-top:10px;font-size:17px}
.ar h3{color:inherit;opacity:.72}.ar .story p{font-size:19px}
.ar .cr{padding:26px var(--gt) 30px;font-size:15px;opacity:.78}.ar .cr b{color:inherit}
.af{padding:40px var(--gt) max(40px,env(safe-area-inset-bottom));font-size:20px}.af a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
@media (min-width:860px){.at{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:clamp(30px,5vw,80px);padding-top:34px}.ar .story{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;align-content:start}.ar .story section:nth-child(-n+2){margin-top:6px}}
@media (max-width:340px){.pn{white-space:normal}}
@media (prefers-reduced-motion:reduce){html,.st img,.sh,.sbody,.sop{transition:none!important}.sh.anim .sbody,.sh.anim .sop{transform:none;opacity:1}}