@font-face{font-family:Video Condensed;src:url('/assets/fonts/big-shoulders.woff2')}@font-face{font-family:Video Serif;src:url('/assets/fonts/bodoni-moda-italic.woff2');font-style:italic}@font-face{font-family:Video Script;src:url('/assets/fonts/caveat.ttf')}@font-face{font-family:Video Pixel;src:url('/assets/fonts/departure-mono.woff2')}
body.videos{background:#000;color:white;padding:0;font-family:Helvetica,Arial,sans-serif;letter-spacing:0;text-shadow:none;overflow:hidden}.videos #main{height:100svh;max-width:none;padding:0}.videos a{text-decoration:none;color:inherit}.videos-viewport{position:relative;height:100svh;overflow:hidden;overscroll-behavior:contain;touch-action:none;user-select:none;cursor:grab;isolation:isolate}.videos-viewport.is-dragging{cursor:grabbing}.videos-viewport:before,.videos-viewport:after{content:'';position:absolute;left:0;right:0;z-index:6000;pointer-events:none}.videos-viewport:before{top:0;height:140px;background:linear-gradient(to bottom,#050505eb 0,#050505db 52px,#05050500)}.videos-viewport:after{bottom:0;height:165px;background:linear-gradient(to top,#050505f0 0,#050505db 66px,#05050500)}.videos-canvas{position:absolute;inset:0;pointer-events:none}.video-surface,.video-caption{position:absolute;left:50%;top:50%;transform-origin:center;will-change:transform;pointer-events:none}.video-surface{isolation:isolate}.video-tile{position:absolute;inset:0;clip-path:var(--shape);background:#111;overflow:hidden;pointer-events:auto;color:white;transform-origin:center;display:block;backface-visibility:hidden}.video-tile[hidden]{display:none}.video-tile>img{width:100%;height:100%;object-fit:cover;pointer-events:none}.video-tile>img.video-reference-art{position:absolute;max-width:none;object-fit:fill}.video-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0006,transparent 65%);pointer-events:none}.video-tile:has(.video-reference-art):after{display:none}.video-tile:hover:after{opacity:.65}.video-tile:focus-visible{outline:2px solid white;outline-offset:-2px}.video-tile.video-tile--pending{background:#191919}.video-caption{z-index:2000;overflow:visible;clip-path:none;pointer-events:none}.video-caption>.video-reference-title{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.video-tile__title{position:absolute;left:8%;top:17%;right:8%;font-size:var(--tsize);line-height:.93;text-wrap:balance}.video-tile__category{position:absolute;left:8%;bottom:13%;font-family:Video Condensed,sans-serif;font-size:calc(var(--tsize)*.22);line-height:1.05;text-transform:uppercase;letter-spacing:2px;max-width:30%}.video-tile__duration{position:absolute;bottom:7%;right:7%;font:12px Helvetica,Arial,sans-serif;background:#0007;padding:0 3px}.video-tile--script .video-tile__title{font-family:Video Script,cursive;font-weight:400;transform:rotate(-9deg);text-transform:uppercase;max-width:70%;font-size:calc(var(--tsize)*1.1)}.video-tile--condensed .video-tile__title{font-family:Video Condensed,Impact,sans-serif;text-transform:uppercase;font-weight:800;max-width:65%;font-size:calc(var(--tsize)*1.12)}.video-tile--serif .video-tile__title{font-family:Video Serif,serif;font-style:italic;text-transform:uppercase;max-width:72%}.video-tile--pixel .video-tile__title{font-family:Video Pixel,monospace;text-transform:uppercase;font-size:calc(var(--tsize)*.67)}.video-tile--round .video-tile__title{font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:1000;letter-spacing:-.07em;top:auto;bottom:14%;transform:rotate(-8deg);font-size:calc(var(--tsize)*1.2)}.video-tile.video-tile--veil{background:#ff0000}.video-tile--veil>img{opacity:1}.video-tile--veil:after{background:transparent}.video-tile--veil .video-tile__category,.video-tile--veil .video-tile__duration{display:none}.video-tile--veil .video-tile__title{font-family:Video Condensed,sans-serif;font-weight:800;text-transform:uppercase;top:42%;font-size:calc(var(--tsize)*1.5);opacity:0;transition:opacity .25s}.video-caption.video-tile--veil.is-hovered .video-tile__title{opacity:1}
.videos-header{display:contents}.video-chrome-surface{z-index:7000;pointer-events:none}.video-masthead,.video-search{position:absolute;left:50%;top:50%;translate:-50% -50%;height:57px;transform-origin:center;pointer-events:auto;background:transparent}.video-masthead{width:660px;display:flex;align-items:center;gap:50px}.videos-brand{display:flex;align-items:center;gap:6px;font-family:Video Condensed,Impact,sans-serif;font-weight:800;font-size:34px;line-height:1}.videos-brand__play{width:41px;height:29px;border-radius:8px;background:#ff0000;display:grid;place-items:center}.videos-brand__play:after{content:'';border-left:12px solid white;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}.videos-header nav{display:flex;gap:28px;white-space:nowrap;font-size:14px}.videos-header nav a{color:#ccc}.videos-header nav a:hover,.videos-header nav a[aria-current=true]{color:white}.videos-header nav a[aria-current=true]{box-shadow:0 2px #f00;padding-block:6px}.video-search{width:485px;display:flex;align-items:center}.videos-header .bar{position:relative;width:100%;margin:0;height:36px;border:1px solid #777;border-radius:24px;display:flex;align-items:center;background:#05050530;padding:0 15px;gap:8px;color:white;color-scheme:dark}.videos-header .bar__prompt{display:none}.videos-header .bar__input{font:14px Helvetica,Arial,sans-serif;width:100%;height:100%;min-height:0;padding:0;background:none;color:white;outline:none;border:0;letter-spacing:0;caret-color:white}.videos-header .bar__input::placeholder{color:#888}.videos-header .bar__go{display:block;visibility:visible;opacity:1;width:20px;height:20px;margin:0;padding:0;clip-path:none;overflow:hidden;font-size:0;position:relative;border:0;flex:none;cursor:pointer}.videos-header .bar__go:before{content:'';position:absolute;width:13px;height:13px;border:1px solid white;border-radius:50%;top:1px;left:1px}.videos-header .bar__go:after{content:'';position:absolute;width:7px;height:1px;background:white;transform:rotate(48deg);left:12px;top:14px}.videos-header .suggest{top:43px;left:0;right:0;border:1px solid #555;border-radius:12px;background:#111;font:14px Helvetica,Arial,sans-serif;text-transform:none;z-index:50;overflow:hidden}.videos-header .suggest__row{padding:12px 16px}.videos-hint{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);z-index:8000;background:#000b;padding:5px 12px;border-radius:20px;font-size:10px;color:#aaa;white-space:nowrap;opacity:0;transition:opacity .2s}.videos:hover .videos-hint,.videos-hint:focus-within{opacity:1}.videos-hint button{margin-left:12px;color:white;cursor:pointer}.videos-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.video-project[hidden]{display:none}.video-project{position:fixed;inset:0;z-index:10000;background:#050505;overflow:auto;overscroll-behavior:contain;color:white}.video-project__screen{height:100svh;position:relative;background:black}.video-project__cover{position:fixed;object-fit:cover;max-width:none;z-index:1}.video-project.is-veil .video-project__cover{background:red}.video-project__screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}.video-project__close{position:fixed;right:24px;top:20px;z-index:4;width:42px;height:42px;border:1px solid #777;border-radius:50%;background:#0009;color:white;font:30px Helvetica,sans-serif;cursor:pointer}.video-project__info{position:relative;z-index:3;min-height:60svh;background:#050505;padding:80px max(7vw,24px);font:20px/1.5 Helvetica,Arial,sans-serif}.video-project__info h1{font:clamp(40px,6vw,90px)/1 Video Condensed,sans-serif;margin:0 0 30px}.video-project__meta{color:#999;text-transform:capitalize;margin-bottom:24px}.video-project__summary{max-width:720px}.video-project__info a{display:inline-block;margin-top:30px;border-bottom:1px solid #aaa}.video-project.is-playing .video-project__cover{opacity:0;transition:opacity .5s}
@media(prefers-reduced-motion:reduce){.video-tile,.videos-hint{transition:none}}

.video-surface[hidden],.video-caption[hidden]{display:none}

/* Controls stay outside the moving gallery's projection. */
.videos-header{display:block;position:absolute;inset:0 0 auto;height:clamp(48px,3.41vw,57px);z-index:8000;pointer-events:none}
.video-masthead,.video-search{top:0;left:auto;translate:none;transform:none;height:100%;pointer-events:auto}
.video-masthead{left:1.91vw;width:auto;gap:3vw}
.videos-brand{font-size:clamp(24px,2.03vw,34px)}
.videos-brand__play{width:clamp(30px,2.45vw,41px);height:clamp(22px,1.73vw,29px)}
.videos-header nav{gap:1.67vw;font-size:clamp(11px,.84vw,14px)}
.video-search{left:61.42vw;width:29vw}
.video-surface,.video-caption{will-change:transform}
@media(max-width:1000px){.videos-header{height:98px}.video-masthead{left:16px;right:16px;gap:24px;height:48px}.videos-header nav{gap:18px;font-size:12px;overflow-x:auto;min-width:0;padding:6px 0}.video-search{left:16px;right:16px;top:50px;width:auto;height:42px}}

.videos-canvas{transform-origin:50% 50%;will-change:transform}.videos-hint button:disabled{opacity:.3;cursor:default}.videos-hint output{display:inline-block;min-width:36px;text-align:center}

/* A native scrolling collage: the reference is the opening composition. */
@font-face{font-family:Video Bubble;src:url('/assets/fonts/modak.ttf');font-display:swap}
body.videos{overflow-x:hidden;overflow-y:auto}.videos #main{height:auto}.videos-viewport{height:auto;min-height:100svh;overflow:visible;touch-action:pan-y;overscroll-behavior:auto;cursor:default;user-select:auto}.videos-viewport:before,.videos-viewport:after{display:none}.videos-canvas{position:absolute;inset:0 auto auto 0;width:100%;z-index:10;transform:none!important;will-change:auto;pointer-events:none}.video-surface,.video-caption{left:0;top:0;will-change:auto}.videos-header{position:fixed;inset:0 0 auto;z-index:5;background:none}.video-tile:after{display:none}.video-tile>img{transition:transform .18s ease}.video-tile:hover>img{transform:scale(1.025)}.video-tile--veil .video-tile__title{display:none!important}.video-tile--showreel .video-tile__title{font-family:Video Bubble,Arial,sans-serif;font-weight:400;letter-spacing:-.035em;font-size:calc(var(--tsize)*.91);line-height:.83;left:8%;right:1%;max-width:none;bottom:12%;top:auto;transform:rotate(-8deg);text-transform:uppercase;text-wrap:nowrap}.video-is-open{overflow:hidden!important}
@media(max-width:1000px){.videos-header{height:3.41vw}.video-masthead{left:1.91vw;right:auto;height:100%;gap:3vw}.videos-brand{font-size:2.03vw}.videos-brand__play{width:2.45vw;height:1.73vw;border-radius:.48vw}.videos-brand__play:after{border-left-width:.72vw;border-top-width:.42vw;border-bottom-width:.42vw;margin-left:.18vw}.videos-header nav{gap:1.67vw;font-size:.84vw;padding:0;overflow:visible}.video-search{left:61.42vw;right:auto;top:0;width:29vw;height:100%}.videos-header .bar{height:2.15vw;padding:0 .9vw}.videos-header .bar__input{font-size:.84vw}.videos-header .bar__go{transform:scale(.7)}.video-tile__duration{font-size:1vw}}

/* Titles are shrunk to fit their tile by videos.js (--fit); --tsize is the fitted type size. */
.video-tile,.video-caption{--tsize:calc(var(--size)*var(--fit,1))}