@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)}
*{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}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid currentColor;outline-offset:3px}
html{transition:background .6s}html.lock{overflow:hidden}
html{background:#2a2346}body.pa{color:var(--paper);overflow:hidden;height:100dvh}
.pv{position:fixed;inset:0;height:100lvh;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;outline:0}.pv::-webkit-scrollbar{display:none}
/* Each stretch is one 16:9 print at full height. Neighbours overlap by a fifth and melt into each other. */
.strip{--w:calc(100lvh*16/9);--o:calc(var(--w)*.2);position:relative;height:100%;width:calc(var(--n)*(var(--w) - var(--o)) + var(--o) + 30vw);display:flex}
.sg{flex:none;width:var(--w);height:100%;position:relative}.sg:first-child{background:var(--g)}.sg+.sg{margin-left:calc(var(--o)*-1)}
.sg img{width:100%;height:100%;object-fit:cover}.sg+.sg img{-webkit-mask-image:linear-gradient(to right,transparent,#000 20%);mask-image:linear-gradient(to right,transparent,#000 20%)}
.strip::after{content:"";position:absolute;right:0;top:0;bottom:0;width:calc(30vw + var(--o));background:linear-gradient(to right,transparent,#2a2346 calc(var(--o)))}
.shade{position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(to bottom,rgb(28 33 69 / .62),rgb(28 33 69 / .3) 20%,rgb(28 33 69 / 0) 38%,rgb(28 33 69 / 0) 58%,rgb(28 33 69 / .78) 80%,rgb(28 33 69 / .9))}
.hd{position:absolute;z-index:1;left:var(--gt);top:max(14px,env(safe-area-inset-top));width:min(80vw,900px)}.hd h1{font:400 clamp(84px,min(16vw,24vh),250px)/.95 Prata,serif;letter-spacing:-.02em;margin-left:-.03em}.hd p{font-size:clamp(18px,2vw,26px);font-weight:500;margin-top:5px}
.go{position:absolute;top:calc(100svh - 150px - max(14px,env(safe-area-inset-top)));font-weight:500;animation:nudge 2.4s ease-in-out infinite}.go span{display:inline-block}@keyframes nudge{50%{transform:translateX(8px)}}
/* A work sits where its stretch is clearest, at the bottom left of it. */
.lb,.edge{position:absolute;z-index:1;left:calc(var(--i)*(var(--w) - var(--o)) + var(--o)*.9);bottom:calc(100lvh - 100svh + 96px);width:min(30em,80vw);text-align:left;color:var(--paper)}
.lb small,.edge small{display:block;font-size:17px;font-weight:500}.lb b,.edge b{display:block;font:400 clamp(56px,min(9vw,13vh),130px)/1.02 Prata,serif;letter-spacing:-.015em;margin:2px 0 8px -.02em}.lb span,.edge span{display:block;font-size:clamp(19px,1.8vw,24px);line-height:1.25;max-width:22em}
.lb b{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s;width:fit-content}.lb:hover b,.lb:focus-visible b{background-size:100% 1px}
.edge{left:calc(var(--i)*(var(--w) - var(--o)) + var(--o)*.6)}.edge b{width:fit-content;border-bottom:1px solid currentColor}
.mini,.ab{position:fixed;z-index:3;top:max(14px,env(safe-area-inset-top));color:var(--paper)}.mini{left:var(--gt);font:400 30px/1 Prata,serif;opacity:0;pointer-events:none;transition:opacity .3s}.mini.in{opacity:1;pointer-events:auto}.ab{right:var(--gt);font-weight:500;padding:6px 0;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
/* The map: where you are on the walk. */
.map{position:fixed;z-index:3;left:var(--gt);right:var(--gt);bottom:max(18px,calc(100lvh - 100svh + 18px));display:flex;gap:clamp(14px,3vw,44px);align-items:baseline;padding-bottom:12px;font-size:16px;font-weight:500;overflow-x:auto;scrollbar-width:none}
.map button,.map a{white-space:nowrap;opacity:.7;transition:opacity .3s}.map .on,.map button:hover,.map a:hover{opacity:1}.map a{margin-left:auto}
.map>i{position:absolute;left:0;right:0;bottom:0;height:1px;background:rgb(246 241 228 / .3)}.map>i>i{position:absolute;inset:0;background:var(--paper);transform-origin:0 0;transform:scaleX(0)}
@media (orientation:portrait),(max-width:699px){.hd{width:calc(100vw - 2*var(--gt))}.hd h1{font-size:clamp(72px,21vw,140px)}.lb,.edge{width:calc(100vw - 2*var(--gt));left:calc(var(--i)*(var(--w) - var(--o)) + var(--o)*.7)}.map{gap:18px}}
@media (prefers-reduced-motion:reduce){.go{animation:none}}

.sh{position:fixed;inset:0;z-index:50;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}
.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{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}
.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}}
@media (prefers-reduced-motion:reduce){html,.sh,.sbody,.sop{transition:none!important}.sh.anim .sbody,.sh.anim .sop{transform:none;opacity:1}}