/* Lightseer work — generated. Edit src/assets/css/work/*.css and rebuild. */
@font-face{font-family:"Anybody";src:url("/assets/fonts/anybody.woff2") format("woff2");font-weight:100 900;font-stretch:50% 150%;font-display:swap}@font-face{font-family:"Big Shoulders";src:url("/assets/fonts/big-shoulders.woff2") format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:"Instrument Serif";src:url("/assets/fonts/instrument-serif.woff2") format("woff2");font-style:normal;font-display:swap}@font-face{font-family:"Instrument Serif";src:url("/assets/fonts/instrument-serif-italic.woff2") format("woff2");font-style:italic;font-display:swap}@font-face{font-family:"Bodoni Moda";src:url("/assets/fonts/bodoni-moda.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:"Bodoni Moda";src:url("/assets/fonts/bodoni-moda-italic.woff2") format("woff2");font-weight:400 900;font-style:italic;font-display:swap}@font-face{font-family:"Fraunces";src:url("/assets/fonts/fraunces.woff2") format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:"Syne";src:url("/assets/fonts/syne.woff2") format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:"DM Mono";src:url("/assets/fonts/dm-mono.woff2") format("woff2");font-display:swap}@font-face{font-family:"Departure Mono";src:url("/assets/fonts/departure-mono.woff2") format("woff2");font-display:swap}.work{--f-house:Helvetica,"Helvetica Neue",Arial,sans-serif;--f-poster:"Anybody","Arial Black",Impact,sans-serif;--f-cond:"Big Shoulders","Arial Narrow",Impact,sans-serif;--f-serif:"Instrument Serif",Georgia,"Times New Roman",serif;--f-didone:"Bodoni Moda",Didot,"Bodoni MT",Georgia,serif;--f-book:"Fraunces",Georgia,serif;--f-wide:"Syne",Helvetica,Arial,sans-serif;--f-mono:"DM Mono",ui-monospace,Menlo,Consolas,monospace;--f-pixel:"Departure Mono",ui-monospace,Menlo,monospace;--f-system:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--tube:var(--paper);--phos:var(--ink);--phos-dim:var(--dim);--phos-faint:var(--rule);--pad:clamp(16px,4vw,56px);--p:0;background:var(--paper);color:var(--ink);letter-spacing:0;padding-bottom:0;font-family:var(--f-house);transition:background-color 900ms linear,color 900ms linear}html:has(>.work){background:var(--paper)}.work *::selection{background:var(--ink);color:var(--paper)}.w{display:block;position:relative}.w img{display:block;width:100%;height:auto}.w picture{display:block}.w .lightbox__image{height:100%}.w-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.w *:empty:is(p,dl){display:none}.w-label{font-family:var(--f-house);font-size:.6875rem;font-weight:400;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}a.w-label:hover,a.w-label:focus-visible{background:var(--ink);color:var(--paper)}.w-lede{max-width:46ch;font-size:clamp(1rem,1.5vw,1.1875rem);line-height:1.45}.w-quote{max-width:30ch}.w-docket{display:grid;gap:0;max-width:30rem}.w-docket>div{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:.5rem 0;border-top:1px solid var(--rule)}.w-docket>div:last-child{border-bottom:1px solid var(--rule)}.w-docket dt{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);padding-top:.2em}.w-docket dd{font-size:.9375rem;line-height:1.35}.mark{position:fixed;z-index:50;top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));display:flex;align-items:center;gap:0;height:44px;min-width:44px;padding:0 14px;color:#fff;mix-blend-mode:difference;font-family:var(--f-house);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.mark__glyph{font-size:1rem;letter-spacing:0}.mark__name{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width 160ms steps(4)}.mark:hover .mark__name,.mark:focus-visible .mark__name{max-width:9rem;padding-left:.6rem}.mark:focus-visible{outline:1px solid #fff}.bar-dock--tucked{position:fixed;top:0;left:0;right:0;z-index:55;background:transparent;transform:translateY(-110%);transition:transform 140ms steps(3);pointer-events:none}.bar-dock--tucked:focus-within{transform:none;pointer-events:auto}.bar-dock--tucked .bar{outline:1px solid #000}.bar-dock--tucked:focus-within .bar{box-shadow:0 0 0 100vmax rgba(0,0,0,.6)}.work::before{content:"";position:fixed;inset:0;z-index:48;pointer-events:none;background:var(--accent);transform-origin:50% 0;transform:scaleY(0);animation:w-arrive 420ms steps(5,end) both}@keyframes w-arrive{from{transform:scaleY(1)}to{transform:scaleY(0)}}[data-in]{opacity:0}[data-in].is-in,html:not(.js) [data-in]{opacity:1;transition:opacity 240ms steps(3)}.w-screen{position:relative;aspect-ratio:16 / 9;background:#000;overflow:hidden}.w-screen__play{position:absolute;inset:0;display:block;color:#fff}.w-screen__play picture,.w-screen__play img{width:100%;height:100%;object-fit:cover}.w-screen__play::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28)}.w-screen__play:hover::after,.w-screen__play:focus-visible::after{background:rgba(0,0,0,0)}.w-screen__cue{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.9em;padding:1.1em 1.6em;background:var(--accent);color:var(--on-accent);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}.w-screen__tri{width:0;height:0;border-left:.8em solid currentColor;border-top:.5em solid transparent;border-bottom:.5em solid transparent}.w-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.w-moments{padding:clamp(1.5rem,4vw,3rem) var(--pad)}.w-moments__list{list-style:none;margin:.75rem 0 0;padding:0;columns:18rem;column-gap:2rem}.w-moments__list li{break-inside:avoid;border-top:1px solid var(--rule)}.w-moments__list a{display:flex;gap:1em;padding:.55rem 0;font-family:var(--f-house);font-size:.8125rem;line-height:1.35}.w-moments__at{flex:none;min-width:3.2em;font-variant-numeric:tabular-nums;color:var(--dim)}.w-moments__list a:hover,.w-moments__list a:focus-visible{background:var(--ink);color:var(--paper)}.w-moments__list a:hover .w-moments__at,.w-moments__list a:focus-visible .w-moments__at{color:inherit}.w-out{display:inline-flex;align-items:baseline;gap:.5em;padding:.85rem 1.1rem;border:1px solid currentColor;font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase}.w-out:hover,.w-out:focus-visible{background:var(--ink);color:var(--paper);border-color:var(--ink)}.w-next{display:grid;grid-template-columns:1fr auto;align-items:end;gap:1rem 2rem;min-height:46svh;padding:var(--pad);background:var(--paper);color:var(--ink);overflow:hidden}.w-next .w-label{grid-column:1 / -1;align-self:start;color:var(--dim)}.w-next__title{font-family:var(--f-house);font-weight:700;font-size:clamp(2.5rem,9vw,8rem);line-height:.92;letter-spacing:-.02em;overflow-wrap:anywhere}.w-next__go{font-size:clamp(2rem,6vw,5rem);line-height:1;color:var(--accent)}.w-next:hover .w-next__go,.w-next:focus-visible .w-next__go{animation:w-nudge 600ms steps(3) infinite}@keyframes w-nudge{50%{transform:translateX(.25em)}}.w-next[data-cat="print"] .w-next__title,.w-next[data-cat="sketch"] .w-next__title{font-family:var(--f-poster);font-weight:900;font-stretch:125%;text-transform:uppercase}.w-next[data-cat="photo"] .w-next__title,.w-next[data-cat="film"] .w-next__title{font-family:var(--f-serif);font-weight:400;font-style:italic;letter-spacing:-.01em}.w-next[data-cat="single"] .w-next__title{font-family:var(--f-poster);font-weight:900;font-stretch:75%;text-transform:uppercase;letter-spacing:-.01em}.w-next[data-cat="book"] .w-next__title{font-family:var(--f-book);font-weight:400}.w-next[data-cat="product"] .w-next__title{font-family:var(--f-system);letter-spacing:-.04em}.w-next[data-cat="label"] .w-next__title{font-family:var(--f-cond);font-weight:300;letter-spacing:.08em;text-transform:uppercase}.w-colophon{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;padding:1.25rem var(--pad) calc(1.25rem + env(safe-area-inset-bottom));background:#030303}.w-colophon .w-label{color:#9c9c97}.w-colophon a.w-label{color:#f4f4f1}.w-colophon a.w-label:hover,.w-colophon a.w-label:focus-visible{background:#f4f4f1;color:#030303}.work .lightbox,.work .lightbox__close,.work .lightbox__step,.work .lightbox__status{background:var(--paper);color:var(--ink)}.work .lightbox__step{color:var(--dim)}.work .lightbox__status{border-top-color:var(--rule);color:var(--dim);font-size:.6875rem;letter-spacing:.16em}.work .lightbox::backdrop{background:var(--paper)}@media (prefers-reduced-motion:reduce){.work::before{display:none}.work{transition:none}}.film{--display:var(--f-serif);--bar:clamp(54px,10svh,104px)}.film-card{position:relative;overflow:hidden;display:grid;grid-template-rows:var(--bar) 1fr var(--bar);min-height:100svh;background:#000}.film-card__still{position:absolute;inset:var(--bar) 0}.film-card__still img,.film-card__still picture{width:100%;height:100%;object-fit:cover}.film-card__still::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.34)}.film-card__bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 var(--pad);background:#000}.film-card__bar--top{padding-left:max(var(--pad),72px)}.film-card__bar .w-label{color:#9c9c97}.film-card__cue{padding:.9rem 0}a.film-card__cue:hover,a.film-card__cue:focus-visible{background:none;color:#fff}.film-title{position:relative;z-index:1;grid-row:2;align-self:center;justify-self:center;padding:0 var(--pad);font-family:var(--display);font-weight:400;font-size:clamp(2.75rem,9vw,9rem);line-height:.95;letter-spacing:-.01em;text-align:center;color:var(--ink)}.film-title .w-word{display:inline-block;white-space:nowrap}.film--small-still .film-card__still{inset:auto;right:var(--pad);top:50%;transform:translateY(-50%);width:min(46vw,640px)}.film--small-still .film-card__still img{height:auto;aspect-ratio:16 / 9}.film--small-still .film-card__still::after{display:none}.film-screen{padding:clamp(3rem,10vh,8rem) var(--pad);background:#000}.film-screen .w-screen{width:min(100%,1280px,calc((100svh - 6rem) * 16 / 9));margin-inline:auto}.film-credits{display:grid;justify-items:center;gap:clamp(2.5rem,7vh,5rem);padding:clamp(5rem,18vh,12rem) var(--pad);text-align:center}.film-credits__line{max-width:26ch;font-family:var(--f-serif);font-style:italic;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.15}.film-roll{display:grid;gap:1.1rem;width:min(100%,44rem)}.film-roll>div{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:baseline}.film-roll dt{text-align:right;font-family:var(--f-house);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.film-roll dd{text-align:left;font-family:var(--f-serif);font-size:clamp(1.125rem,1.8vw,1.5rem);line-height:1.2}[data-work="a-poem-about-tents"] .film-card__still::after{background:rgba(35,35,31,.5)}[data-work="a-poem-about-tents"] .film-title{justify-self:start;margin-left:clamp(0rem,12vw,16rem);font-style:italic;text-align:left;text-transform:lowercase;font-size:clamp(2.5rem,7.6vw,8rem);line-height:1.02}[data-work="a-poem-about-tents"] .film-title .w-word{display:block;margin-left:calc(var(--w) * .9em)}[data-work="a-poem-about-tents"] .film-title .w-word:nth-child(1),[data-work="a-poem-about-tents"] .film-title .w-word:nth-child(2){display:inline-block;margin-left:0}[data-work="a-poem-about-tents"] .film-title .w-word:nth-child(2){margin-left:.22em}[data-work="blm-peaceful-protest-in-london"] .film-title{--display:var(--f-cond);justify-self:start;max-width:min(100%,54vw);font-weight:900;text-transform:uppercase;text-align:left;font-size:clamp(2.5rem,7.6vw,8rem);line-height:1.12;letter-spacing:.005em}[data-work="blm-peaceful-protest-in-london"] .film-title .w-word{margin:0 .04em .1em 0;padding:.02em .14em 0;background:var(--ink);color:var(--paper);transform:rotate(-1.4deg)}[data-work="blm-peaceful-protest-in-london"] .film-title .w-word:nth-child(2n){transform:rotate(1.1deg) translateY(.03em)}[data-work="blm-peaceful-protest-in-london"] .film-title .w-word:nth-child(3n){transform:rotate(-.4deg)}[data-work="blm-peaceful-protest-in-london"] .film-title .w-word:nth-child(2){display:none}[data-work="blm-peaceful-protest-in-london"] .film-card__still{width:min(40vw,560px);filter:grayscale(1) contrast(1.15)}[data-work="boy-with-camera"] .film-card__still::after{inset:12% 9%;background:linear-gradient(var(--ink),var(--ink)) left top / 34px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) left top / 1px 34px no-repeat,linear-gradient(var(--ink),var(--ink)) right top / 34px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) right top / 1px 34px no-repeat,linear-gradient(var(--ink),var(--ink)) left bottom / 34px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) left bottom / 1px 34px no-repeat,linear-gradient(var(--ink),var(--ink)) right bottom / 34px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) right bottom / 1px 34px no-repeat,linear-gradient(var(--ink),var(--ink)) center / 22px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) center / 1px 22px no-repeat}[data-work="boy-with-camera"] .film-title{--display:var(--f-mono);align-self:end;justify-self:start;margin:0 0 calc(12svh - var(--bar) * .3) 9%;padding-left:1.25rem;font-size:clamp(.875rem,1.5vw,1.25rem);letter-spacing:.34em;text-transform:uppercase;text-align:left}[data-work="cha"] .film-card__still::after{background:linear-gradient(to top,rgba(12,11,7,.82),rgba(12,11,7,.1) 70%)}[data-work="cha"] .film-title{--display:var(--f-didone);align-self:end;justify-self:start;font-style:italic;font-weight:900;font-size:clamp(8rem,36vw,38rem);line-height:.72;letter-spacing:-.05em;color:var(--accent);margin-bottom:-.04em}[data-work="cha"] .film-title .w-ch:last-child{display:inline-block;color:var(--ink);transform:rotate(11deg) translate(.06em,-.02em);animation:cha-shout 900ms steps(2,end) 700ms 3}@keyframes cha-shout{50%{transform:rotate(-4deg) translate(.1em,-.06em) scale(1.08)}}[data-work="manakin"] .film-card__still::after{background:rgba(6,7,26,.42)}[data-work="manakin"] .film-title{--display:var(--f-poster);justify-self:stretch;font-weight:100;font-stretch:150%;text-transform:uppercase;font-size:clamp(1.75rem,8.4vw,9.5rem);letter-spacing:0}[data-work="manakin"] .film-title>span,[data-work="manakin"] .film-title .w-word{display:flex;justify-content:space-between;width:100%}[data-work="manakin"] .film-title .w-ch{animation:manakin 6s steps(1,end) infinite;animation-delay:calc(var(--i) * 700ms)}@keyframes manakin{0%,8%{font-weight:900;color:var(--accent)}9%,100%{font-weight:100;color:inherit}}[data-work="showreel-2022"] .film-card__still::after{background:rgba(24,21,14,.9)}[data-work="showreel-2022"] .film-title{--display:var(--f-cond);justify-self:stretch;font-weight:900;text-transform:uppercase;font-size:clamp(4rem,23.5vw,26rem);line-height:.76;letter-spacing:-.012em;color:var(--accent)}[data-work="showreel-2022"] .film-title>span::before{content:"";display:block;height:.035em;margin:0 auto .1em;width:62%;background:linear-gradient(to right,var(--accent) 0 26%,transparent 26% 48%,var(--accent) 48% 52%,transparent 52% 74%,var(--accent) 74%)}[data-work="showreel-2022"] .film-title .w-word{display:block}[data-work="showreel-2022"] .film-title .w-word + .w-word{font-size:.2em;font-weight:300;letter-spacing:.7em;margin:.5em -.7em 0 0;color:var(--ink)}[data-work="sporadic"] .film-card__still::after{background:rgba(8,8,14,.12)}[data-work="sporadic"] .film-title{--display:var(--f-house);align-self:end;margin-bottom:22svh;font-size:clamp(1.5rem,3.3vw,3rem);letter-spacing:0;color:var(--accent);text-shadow:0 0 3px #000,.05em .05em 0 #000}[data-work="sporadic"] .film-title>span::before{content:"[ "}[data-work="sporadic"] .film-title>span::after{content:" ]"}[data-work="the-veil"] .film-card,[data-work="the-veil"] .film-card__bar,[data-work="the-veil"] .film-screen{background:#2c0001}[data-work="the-veil"] .film-card__bar .w-label{color:var(--dim)}[data-work="the-veil"] .film-card__still::after{background:rgba(109,0,1,.84)}[data-work="the-veil"] .film-title{--display:var(--f-poster);justify-self:stretch;font-weight:900;font-stretch:112%;text-transform:uppercase;font-size:clamp(3.5rem,19vw,21rem);line-height:.8;letter-spacing:-.03em;color:var(--accent);filter:blur(.012em);text-shadow:.035em 0 0 rgba(10,0,1,.55),-.07em .02em .01em rgba(10,0,1,.3),.12em -.015em .03em rgba(10,0,1,.22);animation:veil 5s steps(1,end) infinite}@keyframes veil{0%,100%{transform:skewX(0)}46%{transform:skewX(-5deg) translateX(.02em);text-shadow:.09em 0 .02em rgba(10,0,1,.5),-.14em .03em .04em rgba(10,0,1,.28),.2em -.02em .06em rgba(10,0,1,.18)}52%{transform:skewX(2deg)}}@media (max-width:44rem){.film--small-still .film-card__still{top:calc(var(--bar) + 4svh);transform:none;width:min(78vw,480px)}.film--small-still .film-title{align-self:end;margin-bottom:5svh}.film-roll>div{gap:1rem}[data-work="boy-with-camera"] .film-card__still::after{inset:14% 6%}[data-work="boy-with-camera"] .film-title{margin-left:6%}}@media (prefers-reduced-motion:reduce){[data-work="the-veil"] .film-title,[data-work="manakin"] .film-title .w-ch,[data-work="cha"] .film-title .w-ch:last-child{animation:none}}