:root{font-family:Arial,Helvetica,sans-serif;--paper:#d5d7d8;--ink:#080808;--fg:#fff;--gutter:3vw;background:var(--ink);color:var(--fg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ink);transition:background-color 1.5s,color 1s;overflow-x:clip}body.light{background:var(--paper);--fg:#080808;color:var(--fg)}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;border:0;border-radius:0;cursor:pointer;background:none;padding:0}a{color:inherit;text-decoration:none}img,video{display:block;width:100%;height:100%;object-fit:cover}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:7px}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip{position:fixed;left:20px;top:-80px;padding:15px;background:white;color:black;z-index:100}.skip:focus{top:20px}.site-header{position:fixed;left:0;right:0;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px var(--gutter);color:var(--fg);transition:color 1s;mix-blend-mode:normal}.wordmark{font-size:clamp(20px,2vw,32px);font-weight:400;letter-spacing:-.055em;white-space:nowrap}.site-header nav{display:flex;justify-content:space-between;align-items:center;gap:65px;font-size:12px;text-transform:uppercase;padding:5px 22px 20px;position:relative}.site-header nav::after{content:'';position:absolute;left:0;right:0;bottom:0;height:8px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 6px);opacity:.35;border-bottom:1px solid currentColor}.site-header a:hover{opacity:.6}#motion-toggle{font-size:10px;text-transform:uppercase}.edge-scale{position:fixed;right:26px;top:34vh;height:33vh;width:10px;z-index:25;background:repeating-linear-gradient(0deg,currentColor 0 1px,transparent 1px 6px);opacity:.55;pointer-events:none}.edge-scale i{position:absolute;height:1px;width:26px;background:#e72232;top:var(--progress,0%);left:-2px}.hero{position:relative;height:94svh;overflow:hidden;background:#080808;color:white}.hero-layer{position:absolute;left:0;top:0;width:100%;height:100svh;will-change:transform;filter:grayscale(1)}.hero-layer img,.hero-layer video{position:absolute;inset:0}.hero-layer::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 50%,#0005)}video[data-preview]{opacity:0;transition:opacity .35s}video.is-playing{opacity:1}.hero-mark{position:absolute;left:50%;top:51%;width:50vw;max-width:670px;fill:white;mix-blend-mode:difference;transform:translate(-50%,-50%) rotate(var(--rotation,0deg));will-change:transform;pointer-events:none}.hero-mark text{font:bold 128px Arial,Helvetica,sans-serif;letter-spacing:-9px}.hero-mark .surname{font-size:94px;letter-spacing:-6px}.hero-credit{position:absolute;left:var(--gutter);bottom:33px;font:10px/1.5 monospace;margin:0;max-width:230px}.scroll-hint{position:absolute;right:var(--gutter);bottom:31px;display:flex;align-items:center;gap:12px;font:10px monospace}.scroll-hint>span{width:16px;height:16px;border:1px solid #fff7}.selected{position:relative}.section-heading{font-size:25px;font-weight:400;letter-spacing:-.035em;margin:0;padding:22px var(--gutter) 34px;height:80px}.feature{position:relative;min-height:55vw;display:grid;grid-template-columns:15.5vw 1fr;padding:85px var(--gutter) 80px;gap:0}.section-index{position:relative;padding-top:1px}.section-index>span{position:sticky;top:48vh;display:block;font:12px monospace;padding-left:20px;white-space:nowrap}.section-index>span::before{content:'';width:6px;height:6px;border-radius:100%;position:absolute;left:5px;top:4px;background:#d32332}.feature h3{font-size:7vw;line-height:1.05;letter-spacing:-.028em;margin:0 0 22px;font-weight:700;white-space:nowrap}.reveal-title{overflow:hidden;perspective:800px}.letter{display:inline-block;transform-origin:50% 100%;will-change:transform}.feature-caption{font-size:15px;margin:0 0 48px;line-height:1.6}.feature-caption>span{color:#7c7c7c;padding:0 25px}.text-play{display:flex;align-items:center;gap:46px;font-size:13px;width:220px;text-align:left;padding:12px 8px 28px;position:relative}.text-play::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 6px);opacity:.45}.text-play:hover span{transform:translateX(5px)}.text-play span{transition:transform .2s}.feature-image{display:block;position:relative;width:46.85vw;aspect-ratio:16/9;margin-left:24.8vw;margin-top:-12px;overflow:hidden;border-radius:5px;filter:grayscale(1);transition:filter .4s}.feature-image img,.feature-image video{position:absolute;inset:0}.feature-image:hover,.feature-image:focus-visible{filter:grayscale(0)}.feature-image>span{position:absolute;right:22px;bottom:20px;color:white;font-size:11px;opacity:0;transition:opacity .3s;text-shadow:0 1px 8px black}.feature-image:hover>span,.feature-image:focus-visible>span{opacity:1}.panorama{position:relative;margin-top:27vw;overflow:clip}.type-cover{display:flex;gap:7vw;width:130%;height:fit-content;white-space:nowrap;margin-bottom:20px;will-change:transform}.type-group{flex:none;display:flex;gap:10px;align-items:center;animation:type-loop 50s linear infinite}.type-group>span:not(.inline-film){font-size:19.5vw;line-height:1.07;font-weight:700;letter-spacing:.02em}.inline-film{display:block;position:relative;flex:none;width:23.5vw;height:13.2vw;overflow:hidden;border-radius:6px;margin:0 18px}.inline-film img,.inline-film video{position:absolute;inset:0;filter:grayscale(1)}.inline-film i{position:absolute;right:12px;top:12px;border-radius:100%;width:7px;height:7px;background:#d32332}.image-cover{position:relative;left:-20%;width:130%;display:flex;gap:2.78vw;white-space:nowrap;will-change:transform;overflow:visible}.image-group{display:flex;gap:2.78vw;flex:none;animation:picture-loop 50s linear infinite}.panorama-image{position:relative;width:65vw;aspect-ratio:16/9;overflow:hidden;flex:none;border-radius:6px;filter:grayscale(1);transition:filter .4s}.panorama-image:hover,.panorama-image:focus-visible{filter:grayscale(0)}.panorama-image span{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;color:white;font-size:12px;text-shadow:0 1px 7px #000}.panorama-copy{padding:90px 0 160px;margin-left:18.5vw;max-width:550px}.eyebrow{font-size:12px;margin:0 0 25px}.panorama-copy h2{font-size:44px;letter-spacing:-.03em;font-weight:400;margin:0 0 24px}.panorama-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-bottom:42px}.copy-section{height:160svh;overflow:clip;position:relative;background:#080808;color:white}.copy-film{position:absolute;inset:0;width:100%;height:100%;display:block;text-align:left}.copy-layer{position:absolute;top:-30%;width:100%;height:120%;will-change:transform;display:block}.copy-layer img,.copy-layer video{position:absolute;inset:0;filter:grayscale(1)}.copy-cross{position:sticky;top:0;height:100svh;width:100%;display:block;pointer-events:none;mix-blend-mode:difference}.copy-cross i{position:absolute;top:0;bottom:0;width:1px;background:#fff5;left:var(--cursor-x,50%)}.copy-cross b{position:absolute;left:0;right:0;height:1px;background:#fff5;top:var(--cursor-y,50%)}.copy-cross em{font:12px monospace;position:absolute;left:var(--cursor-x,50%);top:var(--cursor-y,50%);padding:16px 14px;font-style:normal;white-space:nowrap}.copy-caption{position:absolute;bottom:40px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:12px}.all-films{padding:120px var(--gutter) 150px;background:var(--paper);color:#080808}.all-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.all-heading h2{font-size:7vw;line-height:1;letter-spacing:-.04em;margin:0;font-weight:400}.all-heading>span{font:12px monospace}#film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 24px}.grid-film{display:block;width:100%;text-align:left}.grid-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:5px;filter:grayscale(1);transition:filter .3s}.grid-film:hover .grid-image,.grid-film:focus-visible .grid-image{filter:none}.grid-image img,.grid-image video{position:absolute;inset:0}.grid-label{display:flex;justify-content:space-between;gap:20px;padding-top:14px;font-size:12px;line-height:1.5}.grid-label small{display:block;font-size:9px;margin-top:5px;opacity:.5}.grid-label i{font:22px Arial;font-style:normal}.contact{background:#080808;color:white;padding:65px var(--gutter) 30px}.contact>p{font-size:12px;margin:0 0 60px}.contact-name{display:block;position:relative;width:max-content;max-width:100%;font-size:14vw;line-height:.82;font-weight:bold;letter-spacing:-.07em}.contact-name>span{font-size:.4em;font-weight:400;position:absolute;right:-100px;top:0}.email{display:block;font-size:22px;letter-spacing:-.035em;margin-top:55px;overflow-wrap:anywhere}.contact footer{border-top:1px solid #444;margin-top:95px;padding-top:25px;display:flex;justify-content:space-between;gap:40px;font-size:10px;line-height:1.7}.contact footer nav{display:flex;gap:25px;flex-wrap:wrap}.contact footer a:hover{text-decoration:underline}.reel-entry{position:fixed;right:20px;bottom:80px;background:#050505;color:white;width:330px;height:104px;padding:8px 15px 8px 10px;z-index:35;display:flex;text-align:left;gap:23px;align-items:center;border-radius:2px}.reel-thumb{position:relative;display:block;width:120px;height:85px;flex:none}.reel-thumb img{filter:grayscale(1)}.reel-thumb>span{position:absolute;inset:0;display:grid;place-items:center;font-size:24px}.reel-copy{font:12px/1.6 monospace;align-self:flex-start;margin-top:10px}.reel-copy small{display:block;font-size:9px;margin-top:6px}.reel-arrow{position:absolute;right:19px;bottom:9px;font-size:15px}.reel-entry:hover .reel-thumb img{filter:none}.has-player{overflow:hidden}dialog{inset:0;position:fixed;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:30px;background:#060606;color:white;border:0;overflow:auto}dialog[open]{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:20px}dialog::backdrop{background:#060606}.player-top{width:100%;display:flex;justify-content:space-between;align-items:center;gap:25px}.player-top h2{font-size:16px;font-weight:400;margin:0}.player-top button{font:12px monospace;display:flex;align-items:center;gap:25px;min-height:44px}.player-top button span{font-size:25px}#main-video{width:100%;min-height:0;flex:1;object-fit:contain;max-height:calc(100dvh - 145px)}#player-credit{font-size:10px;margin:0;color:#999}.player-error{font-size:13px}.player-error[hidden]{display:none}@keyframes type-loop{from{transform:translateX(0)}to{transform:translateX(-102%)}}@keyframes picture-loop{from{transform:translateX(-100%)}to{transform:translateX(0)}}.bands-paused .type-group,.bands-paused .image-group{animation-play-state:paused}.motion-off *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.motion-off .hero-layer,.motion-off .copy-layer,.motion-off .type-cover,.motion-off .image-cover{transform:none!important}.motion-off .hero-mark{transform:translate(-50%,-50%)!important}.motion-off .copy-layer{top:-10%}
@media(min-width:768px) and (min-height:900px){.copy-layer{top:-90svh}}
@media(max-width:1100px) and (min-width:768px){.feature-caption{font-size:12px}.feature-image{margin-top:20px}.feature{padding-top:70px;min-height:66vw}.site-header nav{gap:40px}.section-index>span{font-size:10px;padding-left:14px}.contact-name>span{right:-70px}}
@media(max-width:767px){:root{--gutter:5vw}html{scroll-padding-top:90px}.site-header{padding-top:24px;gap:15px}.wordmark{font-size:21px}.site-header nav{gap:16px;font-size:10px;padding:5px 0 18px}#motion-toggle{font-size:8px}.site-header nav::after{height:5px}.edge-scale{right:10px;width:6px;opacity:.35}.edge-scale i{width:15px}.hero{height:92svh}.hero-mark{width:94vw;max-width:none;top:45%}.hero-credit{font-size:8px;bottom:28px;max-width:170px}.scroll-hint{font-size:8px;bottom:29px;gap:9px}.section-heading{height:70px;padding-top:22px;font-size:20px}.feature{display:block;min-height:0;padding-top:44px;padding-bottom:85px}.section-index{padding:0;margin-bottom:35px}.section-index>span{position:static;top:auto;font-size:10px}.feature h3{font-size:11.2vw;white-space:nowrap;margin-bottom:20px}.feature-caption{font-size:11px;line-height:1.7;margin-bottom:25px}.feature-caption>span{padding:0 10px}.text-play{font-size:11px;width:190px;padding-bottom:20px}.feature-image{width:100%;margin-left:0;margin-top:35px;border-radius:3px;filter:none}.feature-image>span{opacity:1;right:15px;bottom:15px;font-size:10px}.panorama{margin-top:16vw}.type-cover{gap:25vw;margin-bottom:20px}.type-group{gap:10px}.type-group>span:not(.inline-film){font-size:34vw;line-height:1.07}.inline-film{width:43vw;height:24.2vw;margin:0 7px;border-radius:3px}.inline-film i{top:8px;right:8px;width:5px;height:5px}.image-cover{left:-10%;gap:5.6vw}.image-group{gap:5.6vw}.panorama-image{width:88vw;aspect-ratio:1.35;border-radius:3px;filter:none}.panorama-image span{font-size:9px;left:15px;right:15px;bottom:15px}.panorama-copy{padding:60px 0 90px;margin-left:var(--gutter);max-width:86vw}.eyebrow{font-size:10px;margin-bottom:24px}.panorama-copy h2{font-size:34px}.panorama-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;margin-bottom:25px}.copy-section{height:120svh}.copy-layer{top:-30%}.copy-cross em{font-size:10px}.copy-caption{bottom:28px;font-size:10px;gap:20px}.all-films{padding-top:75px;padding-bottom:90px}.all-heading{margin-bottom:35px}.all-heading h2{font-size:14vw}#film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 15px}.grid-label{font-size:10px;padding-top:10px;gap:5px}.grid-label small{font-size:8px}.grid-label i{font-size:18px}.grid-image{filter:none}.contact{padding-top:45px}.contact>p{font-size:10px;margin-bottom:40px}.contact-name{font-size:15.7vw;line-height:.85}.contact-name>span{right:-30px;font-size:.5em}.email{font-size:15px;line-height:1.5;margin-top:35px}.contact footer{flex-direction:column;gap:15px;font-size:9px;margin-top:65px;padding-bottom:90px}.contact footer nav{gap:15px}.reel-entry{right:14px;bottom:18px;width:222px;height:76px;padding:5px 10px 5px 6px;gap:12px}.reel-thumb{width:85px;height:66px}.reel-thumb>span{font-size:21px}.reel-copy{font-size:10px;margin-top:6px}.reel-copy small{font-size:8px;line-height:1.4;margin-top:3px}.reel-arrow{font-size:12px;right:12px;bottom:6px}dialog{padding:18px}.player-top h2{font-size:14px;max-width:70%}.player-top button{gap:15px;font-size:10px}#player-credit{font-size:9px}.motion-off .type-group>span:not(.inline-film){font-size:30vw}}
@media(max-width:360px){.wordmark{font-size:18px}.site-header nav{gap:12px;font-size:9px}#motion-toggle{font-size:7px}.feature-caption>span{padding:0 5px}.contact-name>span{right:-20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.hero-layer,.type-cover,.image-cover{transform:none!important}.hero-mark{transform:translate(-50%,-50%)!important}.letter{transform:none!important;opacity:1!important}.copy-layer{transform:none!important;top:-10%}}
.menu-toggle{display:none}.over-dark .site-header{color:#fff}.copy-cross{opacity:0;transition:opacity .3s}.copy-film:hover .copy-cross,.copy-film:focus-visible .copy-cross{opacity:1}
@media(max-width:767px){.menu-toggle{display:block;min-height:44px;min-width:65px;font-size:12px;text-transform:uppercase;position:relative}.menu-toggle::after{content:'';position:absolute;bottom:0;left:0;right:0;height:5px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 6px);opacity:.6}.site-header{padding-top:14px}.site-header nav{display:none}.menu-open{overflow:hidden}.menu-open .site-header{background:#080808;color:white;min-height:80px}.menu-open .site-header nav{position:fixed;inset:80px 0 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:35px var(--gutter);background:#080808;color:white}.menu-open .site-header nav a{font-size:16vw;font-weight:700;line-height:1;padding:25px 0;border-bottom:1px solid #666;letter-spacing:-.045em}.menu-open .site-header nav::after{display:none}.menu-open #motion-toggle{font-size:12px;text-align:left;min-height:60px;margin-top:25px}.menu-open .reel-entry{visibility:hidden}.menu-open .edge-scale{visibility:hidden}.copy-cross{display:none}}
.menu-open .site-header{transition:none}