@import url('/liquid-glass.css');
@import url('/premium-finish.css');
/* Shared framing from the supplied portfolio references. */
.reference-header{box-sizing:border-box;position:fixed;inset:0 0 auto;z-index:50;height:72px;background:#605f59;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 30px;border-bottom:1px solid #77766d;gap:24px}
.site-name{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:7px}.site-name strong{font-size:14px;font-weight:500;letter-spacing:.025em}.site-name span{font-size:12px;color:#dededb;line-height:1.3}.reference-social{display:flex;gap:16px;align-items:center}.reference-social>a{display:flex;align-items:center;color:inherit;text-decoration:none}.reference-social svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.reference-social .reference-portfolio{border:1px solid #98978e;border-radius:4px;padding:7px 10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.reference-social a:hover{opacity:.65}
.reference-dock{box-sizing:border-box;position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:45;width:min(1200px,calc(100% - 64px));display:flex;align-items:center;justify-content:space-around;gap:20px;border:1px solid #3a3a3a;border-radius:999px;background:rgba(3,3,3,.95);backdrop-filter:blur(16px);padding:22px 28px;box-shadow:0 8px 32px #0006;overflow-x:auto;scrollbar-width:none}.reference-dock::-webkit-scrollbar{display:none}.reference-dock a{flex-shrink:0;color:#b5b5b5;text-transform:uppercase;text-decoration:none;font-size:14px;line-height:1.4;font-weight:500;white-space:nowrap}.reference-dock a:hover,.reference-dock a[aria-current=page]{color:#fff}.reference-header a:focus-visible,.reference-dock a:focus-visible{outline:2px solid #fff;outline-offset:5px}
.editorial-page{padding-top:72px;padding-bottom:100px}.portfolio-landing{padding-top:72px;box-sizing:border-box}.portfolio-landing .landing-centre{padding-bottom:100px}.page-footer{margin-bottom:36px}.home-latest{scroll-margin-top:100px}#work,#photography,#cases,#about,#contact{scroll-margin-top:100px}body:not(.editorial-page){padding-bottom:100px}
.project-film-heading{font-size:14px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#aaa;display:flex;align-items:center;gap:12px;margin:28px 0 18px}.project-film-heading span{color:#eee;font-size:22px;line-height:1}.project-films{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0 0}.project-films .card{position:relative;width:240px;flex:0 0 240px;overflow:hidden;border:0;border-radius:0;background:#121212}.project-films .card-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden}.project-films .card-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .3s ease,transform .4s ease}.project-films .card:hover img{filter:none;transform:scale(1.035)}.project-films .card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border:1.5px solid #fff;border-radius:50%;background:#0003;color:white;font-size:18px;opacity:1}.project-films .card-info{padding:12px 0;background:transparent}.project-films .card-info h3{margin:0;font-size:14px;line-height:1.5;font-weight:500;text-transform:uppercase;color:#eee}.latest-project .project-films .card{width:240px;flex-basis:240px}.latest-project .project-films .card-media{aspect-ratio:4/5}.latest-project .project-films .card-media:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.95));pointer-events:none}.latest-project .project-films .card-info{position:absolute;bottom:0;left:0;right:0;padding:16px;pointer-events:none;z-index:2}.latest-project .project-films .card-play{z-index:2}.latest-project .project-films .card-info h3{color:#fff;font-size:14px;font-weight:600}.editorial-page:has(.next-project) .project-films{justify-content:center}.editorial-page:has(.next-project) .section-label{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#aaa}.latest-project{border-bottom:1px solid #2b2b2b;padding-bottom:60px;margin-bottom:60px}.project-summary{margin:24px 0}.project-summary h2{margin-bottom:10px}.project-summary .project-tags{margin-bottom:0}.project-tags span{border-radius:0;padding:6px 12px;letter-spacing:.07em}.latest-project>.editorial-image{filter:grayscale(1)}
@media(max-width:760px){.reference-header{height:76px;padding:12px 16px;gap:12px}.site-name strong{font-size:12px}.reference-social{gap:12px}.reference-social svg{width:18px;height:18px}.reference-social .reference-portfolio{display:none}.reference-dock{width:calc(100% - 24px);bottom:max(12px,env(safe-area-inset-bottom));padding:17px 20px;justify-content:flex-start;gap:28px}.reference-dock a{font-size:14px}.editorial-page{padding-top:76px}.project-films .card,.latest-project .project-films .card{width:calc((100% - 16px)/2);flex-basis:calc((100% - 16px)/2)}.project-films .card-info h3,.latest-project .project-films .card-info h3{font-size:14px}.latest-project .project-films .card-info{padding:12px}.project-films .card-play{width:38px;height:38px}.project-summary h2{font-size:28px}.reference-dock:focus-within{overflow:visible;flex-wrap:wrap;border-radius:24px}.editorial-page:has(.next-project) .project-films{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.project-films .card-media img{transition:none}.project-films .card:hover img{transform:none}}