.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}html{scrollbar-gutter:stable}.brand-intro{position:relative;width:150px;height:45px;display:block!important}.brand-intro>*{position:absolute;left:0;top:50%;transform:translateY(-50%)}.brand-intro .intro-camera{display:grid;place-items:center;width:40px;height:40px;animation:camera-intro .6s both}.intro-camera svg{width:36px;height:36px}.brand-intro .intro-symbol{width:38px;height:38px;opacity:0;object-fit:contain;animation:symbol-intro 1s .48s both}.intro-word{font-size:31px;line-height:1;opacity:0;animation:word-intro .65s 1.25s both}@keyframes camera-intro{0%{opacity:0;transform:translateY(-50%) scale(.65) rotate(-15deg)}25%,70%{opacity:1;transform:translateY(-50%) scale(1) rotate(0)}100%{opacity:0;transform:translateY(-50%) scale(.6) rotate(15deg)}}@keyframes symbol-intro{0%{opacity:0;transform:translateY(-50%) scale(.6) rotate(-10deg)}25%,65%{opacity:1;transform:translateY(-50%) scale(1) rotate(0)}100%{opacity:0;transform:translateY(-50%) scale(.6) translateX(10px)}}@keyframes word-intro{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(-50%) translateX(-8px)}to{opacity:1;clip-path:inset(0);transform:translateY(-50%) translateX(0)}}
.reel-origin{width:100%;height:310px;padding-top:80px;pointer-events:none;overflow:hidden;position:relative}.reel-origin canvas{width:100%;height:230px;display:block}.film-roll{width:min(54vw,calc(65svh * 9 / 16));padding:0 0 80px;position:relative}.film-roll:before,.film-roll:after{content:"";position:absolute;top:-14px;bottom:0;width:10px;background:repeating-linear-gradient(to bottom,#444 0 10px,transparent 10px 22px);opacity:.5;pointer-events:none}.film-roll:before{left:-22px}.film-roll:after{right:-22px}.film-frame{min-height:0;padding:15px 0 28px}.film-window{width:100%;max-height:none;border:1px solid #383838;transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .25s}.film-window:before,.film-window:after{width:10px;opacity:0;background:repeating-linear-gradient(to bottom,#fff 0 10px,transparent 10px 22px);transition:opacity .3s}.film-window:before{left:-23px}.film-window:after{right:-23px}.film-window:hover,.film-window:focus-visible{border-color:white}.film-window:hover:before,.film-window:hover:after,.film-window:focus-visible:before,.film-window:focus-visible:after{opacity:1}.film-caption{position:absolute;bottom:0;left:0;right:0;text-align:left;padding:55px 17px 17px;background:linear-gradient(transparent,#000b);display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;pointer-events:none;text-transform:uppercase;color:#fff;font:11px/1.3 monospace}.film-caption strong{font-size:13px;font-weight:500}.film-window:hover .film-caption,.film-window:focus-visible .film-caption{opacity:1;transform:none}.niches button{position:relative;padding:10px 14px 10px 10px;border-radius:6px;border:1px solid transparent;isolation:isolate;transition:background .25s,border-color .25s,box-shadow .25s,color .25s,transform .25s}.niches button:hover,.niches button:focus-visible{background:linear-gradient(125deg,#ffffff28,#ffffff08 48%,#ffffff14);border-color:#ffffff38;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:inset 0 1px 0 #ffffff50,0 7px 20px #0003;transform:translateX(3px)}.viewer-stage:not(.vhs) .camera-body{width:min(90vw,calc(75svh * var(--ratio)));max-width:1450px}.viewer-stage:not(.vhs) .camera-screen{height:auto;width:100%;aspect-ratio:var(--ratio);background:transparent}.viewer-stage:not(.vhs) .camera-screen video{object-fit:cover}.viewer-stage{min-height:calc(86svh - 84px)}dialog.opening .viewer-top,dialog.opening .viewer-controls,dialog.opening .shoot-details{opacity:0}dialog .viewer-top,dialog .viewer-controls,dialog .shoot-details{transition:opacity .25s}.viewer-stage .camera-body{transform-origin:0 0;will-change:transform}.enquiry-form{display:grid;gap:23px;max-width:720px;margin-bottom:55px}.enquiry-form label{display:flex;flex-direction:column;gap:10px;font-size:11px;text-transform:uppercase}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.enquiry-form input,.enquiry-form textarea{border:0;border-bottom:1px solid #aaa;border-radius:0;background:transparent;color:inherit;font:15px/1.5 Arial,sans-serif;padding:8px 0 12px;width:100%;outline-offset:5px;resize:vertical}.enquiry-form input:focus,.enquiry-form textarea:focus{outline:1px solid #111}.enquiry-form textarea{min-height:95px}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.form-bottom p{font-size:12px;color:#686868;margin:0}.form-bottom button{display:flex;align-items:center;gap:15px;font-size:13px;border-bottom:1px solid #b3b3b3;padding:10px 0;cursor:not-allowed;color:#777}.contact-main{padding-top:50px;padding-bottom:55px}.contact-main h1{font-size:72px;margin-bottom:42px}.contact-people{border-top:1px solid #bdbdbb;padding-top:28px}.contact-people h2{margin-bottom:15px}.contact-strip{position:sticky;top:92px;height:calc(100svh - 92px)}
@media(max-width:1000px){.film-roll{width:min(55vw,calc(62svh * 9 / 16));padding-top:0}.reel-origin{height:285px;padding-top:75px}.reel-origin canvas{height:210px}.niches{left:16px}.contact-main h1{font-size:62px}.contact-people{gap:24px}.contact-main{padding:45px 6%}.contact-people a{font-size:12px}}
@media(max-width:640px){.brand-intro{width:135px;height:40px}.intro-word{font-size:27px}.reel-origin{height:224px;padding-top:62px}.reel-origin canvas{height:162px}.niches{position:sticky;left:auto;top:70px;padding:7px 16px;gap:10px;margin-bottom:18px}.niches button{padding:8px 10px;min-height:38px}.niches button:hover{transform:none}.film-roll{width:min(calc(100% - 70px),calc(65svh * 9 / 16));padding:0 0 60px}.film-frame{min-height:0;padding:12px 0 26px}.film-window{width:100%;max-height:none}.film-roll:before,.film-roll:after{width:8px}.film-roll:before{left:-17px}.film-roll:after{right:-17px}.film-window:before,.film-window:after{width:8px}.film-window:before{left:-18px}.film-window:after{right:-18px}.film-caption{padding:45px 12px 12px;font-size:10px}.film-caption strong{font-size:11px}.film-frame.active .film-caption{opacity:1;transform:none}.viewer-stage:not(.vhs) .camera-body{width:min(93vw,calc(73svh * var(--ratio)))}.viewer-stage{min-height:76svh}.contact-main{padding:42px 22px}.contact-main h1{font-size:52px;margin-bottom:35px}.form-row{grid-template-columns:1fr;gap:23px}.enquiry-form{margin-bottom:40px}.contact-people{padding-top:25px}.contact-people a{font-size:13px}.contact-strip{position:static;height:180px;max-height:none}.contact-layout{display:block}}
@media(min-width:641px) and (max-height:760px){.niches{top:170px}.niches button{padding:5px 10px;min-height:25px}}
.brand-intro .intro-camera{animation:none;opacity:1}.brand-intro .intro-symbol,.brand-intro .intro-word{animation:none;opacity:0}.brand-intro.is-animating .intro-camera{animation:camera-intro .6s both}.brand-intro.is-animating .intro-symbol{animation:symbol-intro 1s .48s both}.brand-intro.is-animating .intro-word{animation:word-intro .65s 1.25s both}.reel-unavailable{height:120px}.reel-unavailable canvas{display:none}
.vhs .camera-screen{height:auto;aspect-ratio:var(--ratio)}.vhs .camera-screen video{object-fit:cover}.vhs .camera-body{width:min(900px,85vw,calc(52svh * var(--ratio) + 115px))}@media(max-width:640px){.vhs .camera-body{width:90%}.vhs .camera-screen{height:auto}}
html{background:#111}body:not(.contact-page){background:#111}
/* Full screen changes the player box, not the footage's aspect ratio. */
#full-video{object-fit:contain;object-position:center}
#full-video:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;background:#000;border:0}
#full-video:-webkit-full-screen{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;background:#000;border:0}
@media(prefers-reduced-motion:reduce){.intro-camera,.intro-symbol{display:none!important}.brand-intro .intro-word{animation:none;opacity:1;clip-path:none}.film-window:hover,.film-window:focus-visible{transform:none}.niches button:hover{transform:none}}