:root{color-scheme:dark;font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;background:#000;color:white}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid currentColor;outline-offset:7px}button{border:0;background:none}a{color:inherit;text-decoration:none}#work{height:100svh;min-height:300px;position:relative;isolation:isolate;overflow:hidden;background:#000}.backdrop{position:absolute;inset:0;opacity:0;transition:opacity 400ms linear;pointer-events:none}.backdrop.is-visible{opacity:1}.backdrop img,.backdrop video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.backdrop video{opacity:0}.backdrop video.is-playing{opacity:1}#film-hit{position:absolute;inset:0;width:100%;height:100%;z-index:1;cursor:none}#film-hit:focus-visible{outline:-webkit-focus-ring-color auto 1px;outline-offset:-8px}.shade{position:absolute;inset:0;background:linear-gradient(transparent 65%,#0008);pointer-events:none;z-index:2}header{position:absolute;z-index:5;top:14px;left:48px;right:38px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}header>*{pointer-events:auto}.identity{font-size:38px;font-weight:300;letter-spacing:-2px;line-height:1;min-height:44px;display:flex;align-items:center}.contact-open{width:44px;height:44px;display:grid;place-items:center}.contact-open span{display:block;width:21px;height:21px;border:2px solid #fff;border-radius:50%;transition:background .2s}.contact-open:hover span{background:#fff}.project-counter{position:absolute;z-index:3;right:35px;top:48%;display:flex;flex-direction:column;align-items:center;font:10px/1.3 Arial,sans-serif;gap:8px;pointer-events:none}.project-counter i{height:1px;width:12px;background:white}.project-counter span:last-child{opacity:.6}.rail-window{position:absolute;z-index:4;left:0;right:0;bottom:59px;overflow:hidden;height:66px}#project-rail{display:flex;align-items:end;width:max-content;height:100%;will-change:transform;transition:transform 600ms cubic-bezier(.645,.045,.355,1)}.project{display:block;flex:none;min-width:170px;padding:0 27px;white-space:nowrap;color:#fff;opacity:.32;line-height:1;text-align:center;transition:opacity .2s;cursor:none;height:66px}.project .brand{display:block;font-size:40px;font-weight:300;text-transform:uppercase;letter-spacing:-1.2px;line-height:1.08}.project .title{display:block;font-size:16px;font-weight:300;line-height:1.15}.project.is-current,.project:hover,.project:focus-visible{opacity:1}.project.is-current .brand{font-family:Georgia,'Times New Roman',serif;letter-spacing:-1px}.mobile-title{display:none}.demo-note{position:absolute;z-index:4;left:18px;bottom:11px;margin:0;font-size:8px;letter-spacing:.035em;opacity:.45;pointer-events:none}#cursor{position:fixed;left:0;top:0;translate:-50% -50%;width:48px;height:48px;border:1px solid #ffffff35;border-radius:50%;display:grid;place-items:center;pointer-events:none;z-index:10;opacity:0;transition:opacity .15s;mix-blend-mode:normal}#cursor span{font-size:9px;margin-left:2px}body.cursor-visible #cursor{opacity:1}#loading{position:absolute;left:50%;top:50%;translate:-50% -50%;font-size:12px;opacity:.7;pointer-events:none;z-index:5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{padding:0;border:0;margin:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;background:black;color:#fff;overflow:hidden}dialog::backdrop{background:#000}#player #full-film{position:absolute;inset:12% 0;width:100%;height:76%;object-fit:contain;background:#000}.player-close{position:absolute;z-index:2;right:40px;top:40px;width:48px;height:48px;border:1px solid #fff3;border-radius:50%;font-size:22px;font-weight:200;line-height:1}.player-caption{position:absolute;left:5.5%;bottom:8%;font:10px/1.4 Georgia,serif;text-transform:uppercase}.player-caption span+span{font:9px Arial,sans-serif;margin-left:7px;color:#aaa}#sound{position:absolute;right:5.5%;bottom:7%;font:9px Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;min-height:44px}#player-status{position:absolute;left:20%;right:20%;top:45%;text-align:center;font-size:13px;pointer-events:none}#contact[open]{display:grid;grid-template-columns:1fr 1fr;background:#fff;color:#000}.contact-still{position:relative;height:100svh;overflow:hidden;background:#ddd}.contact-still img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.contact-still span{position:absolute;left:20px;bottom:20px;font-size:9px;color:white}.contact-copy{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12%;font-size:15px}.contact-copy h1{font-size:16px;font-weight:400;margin:0 0 35px}.mail{font-size:clamp(16px,1.9vw,28px);line-height:1.4}.contact-copy nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:12px;margin-top:50px}.contact-copy nav button{padding:0;min-height:36px}.contact-copy p{margin-top:50px;color:#777;font-size:10px}.contact-close{position:absolute;top:28px;right:32px;width:44px;height:44px;color:#000;font-size:26px;font-weight:200}@media(max-width:767px){header{left:16px;right:6px;top:10px}.identity{font-size:38px}.rail-window{display:none}.mobile-title{position:absolute;display:flex;z-index:3;flex-direction:column;align-items:flex-end;left:15px;right:30px;top:46%;pointer-events:none;text-align:right}.mobile-title span:first-child{font:32px/1.08 Georgia,'Times New Roman',serif;text-transform:uppercase}.mobile-title span:last-child{font:25px/1.15 Arial,sans-serif;max-width:100%}.project-counter{top:auto;bottom:33px;right:22px}.demo-note{left:16px;bottom:12px;font-size:7px}#cursor{display:none}#film-hit{cursor:pointer}.player-close{top:15px;right:15px;width:44px;height:44px}#player #full-film{inset:15% 0;width:100%;height:70%}.player-caption{left:20px;right:65px;bottom:9%;font-size:9px}.player-caption span{display:block}.player-caption span+span{margin:4px 0 0}#sound{right:16px;bottom:6%;font-size:8px}#contact[open]{display:block;overflow-y:auto}.contact-still{height:47svh}.contact-copy{min-height:53svh;padding:45px 25px}.contact-copy h1{margin-bottom:22px}.mail{font-size:23px}.contact-copy nav{margin-top:25px;gap:6px}.contact-copy p{margin-top:25px}.contact-close{position:fixed;top:12px;right:12px;background:#fff9;border-radius:50%}}@media(prefers-reduced-motion:reduce){.backdrop,#project-rail,.project,#cursor{transition:none}}