:root{--bg:#000;--fg:#fff;--dim:#8a8a8a;--line:#1c1c1c;--gap:6px;--pad:clamp(16px, 3vw, 40px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--fg);letter-spacing:.01em;-webkit-font-smoothing:antialiased;font:11px/1.45 Helvetica Neue,Helvetica,Arial,sans-serif}a{color:inherit}.top{z-index:10;padding:12px var(--pad);background:linear-gradient(#0009,#0000);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.tag img{width:auto;height:44px;display:block}nav{text-transform:uppercase;gap:clamp(10px,3vw,18px);display:flex}nav a{text-decoration:none}nav a:hover{text-decoration:underline}section{padding:0 var(--pad) 56px}h1{text-transform:uppercase;font-size:11px;font-weight:700}h2{text-transform:uppercase;border-bottom:1px solid var(--line);margin-bottom:10px;padding:10px 0;font-size:11px;font-weight:700}.intro{max-width:520px;padding-top:24px}.intro p{color:var(--dim)}.stats{margin-top:6px}.card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#0a0a0a;border:0;padding:0;display:block;position:relative;overflow:hidden}.card img,.card video{object-fit:cover;width:100%;height:100%;display:block}.meta,figcaption{opacity:0;background:linear-gradient(#0000,#000000d9);padding:18px 8px 6px;transition:opacity .15s;position:absolute;inset:auto 0 0}.meta i{float:right;color:var(--dim);font-style:normal}.card:hover .meta,.card:hover figcaption,.card:focus-visible .meta{opacity:1}@media (hover:none){.meta,figcaption{opacity:1}}.grid.videos{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));display:grid}.grid.videos .card{aspect-ratio:16/9}.grid.videos img{transform:scale(1.34)}.grid.features{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));display:grid}.feature{aspect-ratio:16/10;cursor:default}button.feature{cursor:pointer}.feature img{filter:brightness(.6);position:absolute;inset:0;transform:scale(1.4)}.feature .label{background:linear-gradient(#0000,#000c);gap:2px;padding:28px 10px 10px;display:grid;position:absolute;inset:auto 0 0}.feature .label b{text-transform:uppercase;letter-spacing:.02em;font-size:15px}.feature .label i{color:var(--dim);font-style:normal}.feature.no-media{border:1px solid var(--line);background:#050505}.clients{color:var(--dim);text-transform:uppercase;margin-top:10px}.grid.projects{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));display:grid}.project{aspect-ratio:4/5;text-decoration:none}.project video,.project img{filter:brightness(.75);transition:filter .2s;position:absolute;inset:0}.project:hover video,.project:hover img{filter:brightness()}.project .label{background:linear-gradient(#0000,#000c);gap:2px;padding:28px 10px 10px;display:grid;position:absolute;inset:auto 0 0}.project .label b{text-transform:uppercase;letter-spacing:.02em;font-size:15px}.project .label i{color:var(--dim);font-style:normal}.masonry{columns:4 240px;column-gap:var(--gap)}.masonry .card{break-inside:avoid;margin-bottom:var(--gap)}.soon{color:var(--dim)}#info p{max-width:640px;color:var(--dim);margin-bottom:10px}.links{flex-wrap:wrap;gap:18px;display:flex}.links a{color:var(--fg)}dialog{background:#000000f0;border:0;width:100vw;max-width:none;height:100vh;max-height:none;padding:0}dialog::backdrop{background:#000}.stage{width:100%;height:100%;padding:48px var(--pad);place-items:center;display:grid}.stage iframe{aspect-ratio:16/9;border:0;width:min(100%,177.778vh - 170.667px)}.stage img{object-fit:contain;max-width:100%;max-height:100%}.close{top:10px;right:var(--pad);z-index:1;color:var(--fg);cursor:pointer;background:0 0;border:0;font-size:28px;position:fixed}nav a.on{text-decoration:underline}h2{justify-content:space-between;align-items:baseline;display:flex}h2 a{text-decoration:none}.more{color:var(--dim);text-transform:none;font-weight:400;text-decoration:none}.page{min-height:70vh;padding-top:16px}.hero{height:100svh;min-height:420px;margin:-68px 0 40px;padding:0;position:relative;overflow:hidden}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity 1.2s}.slide.on{opacity:1}.slide video,.slide img{object-fit:cover;width:100%;height:100%;display:block}.slide img{animation:8s ease-out both drift}@keyframes drift{0%{transform:scale(1.08)}to{transform:scale(1)}}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000059,#0000 30% 55%,#000);position:absolute;inset:0}.hero-copy{z-index:2;left:var(--pad);right:var(--pad);max-width:520px;position:absolute;bottom:32px}.hero-copy h1{font-size:11px}.hero-copy p{color:#cfcfcf}.doors{gap:var(--gap);grid-template-columns:repeat(4,1fr);display:grid}.doors a{aspect-ratio:2;border:1px solid var(--line);text-transform:uppercase;place-items:center;font-weight:700;text-decoration:none;display:grid}.doors a:hover{background:var(--fg);color:var(--bg)}@media (width<=600px){.doors{grid-template-columns:repeat(2,1fr)}}.work{border-collapse:collapse;width:100%}.work td{border-bottom:1px solid var(--line);vertical-align:top;padding:5px 12px 5px 0}.work .when{color:var(--dim);white-space:nowrap;width:1%}.work .client{width:34%;font-weight:700}.work .credit{color:#cfcfcf}@media (width<=600px){.work tr{border-bottom:1px solid var(--line);grid-template-columns:1fr;padding:6px 0;display:grid}.work td{white-space:normal;border:0;padding:0;width:auto!important}.hero{margin-top:-68px}.hero-copy{bottom:calc(24px + env(safe-area-inset-bottom))}.hero-copy p{font-size:12px}}.loop-fallback{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card.loop{position:relative}.project.no-media{border:1px solid var(--line);background:#050505}.case{max-width:1360px;padding:16px var(--pad) 56px}.case-head{max-width:760px;padding:24px 0 28px}.kicker{color:var(--dim);text-transform:uppercase;margin-bottom:14px}.kicker a{text-decoration:none}.case h1{letter-spacing:-.01em;text-transform:uppercase;font-size:clamp(28px,6vw,64px);line-height:.95}.case-meta{text-transform:uppercase;flex-wrap:wrap;gap:6px 18px;margin:14px 0;display:flex}.case-meta span{color:var(--dim)}.case-summary{color:#e6e6e6;font-size:15px;line-height:1.4}.signals{flex-wrap:wrap;gap:6px;margin-top:16px;padding:0;list-style:none;display:flex}.signals li{border:1px solid var(--line);color:#cfcfcf;padding:4px 8px}.case-block{padding:0 0 28px}.case-body{grid-template-columns:1.4fr 1fr;gap:40px;padding:8px 0 40px;display:grid}.story p{color:#d8d8d8;max-width:64ch;margin-bottom:12px;font-size:13px;line-height:1.6}.contrib h3{text-transform:uppercase;margin:0 0 8px;font-size:11px}.contrib ul{color:#cfcfcf;margin-bottom:20px;padding-left:14px;line-height:1.55}.next{border-top:1px solid var(--line);gap:4px;padding:28px 0 8px;text-decoration:none;display:grid}.next span{color:var(--dim);text-transform:uppercase}.next b{text-transform:uppercase;font-size:clamp(22px,4vw,40px)}@media (width<=760px){.case-body{grid-template-columns:1fr;gap:8px}}.info{max-width:760px;padding-bottom:48px}.info p{color:var(--dim);margin-bottom:10px}.info .lede{color:#e6e6e6;font-size:15px;line-height:1.45}.info .links{flex-wrap:wrap;gap:18px;display:flex}.info .links a{color:var(--fg)}.info .links{align-items:center}.info .ig{display:inline-flex}.logo-marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:14px;overflow:hidden}.logo-track{will-change:transform;width:max-content;animation:40s linear infinite logo-marquee;display:flex}.logo-set{flex:none;display:flex}.logo-cell{border-right:1px solid var(--line);place-items:center;width:132px;min-height:58px;padding:10px 18px;display:grid}.logo-cell img{object-fit:contain;filter:grayscale()invert();width:auto;max-width:92px;height:auto;max-height:24px}@keyframes logo-marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.logo-marquee{overflow-x:auto}.logo-track{animation:none}.logo-set[aria-hidden=true]{display:none}}.films{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));display:grid}.case video.film{background:#000;width:100%;max-height:82vh;display:block}.logos{padding-bottom:40px}.logos .logo-marquee{margin-top:0}.grid.videos .site-film img{transform:none}