.creatives{background:var(--bg);padding:96px 0}.creatives-bento{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,1fr);grid-auto-rows:280px;gap:1px;margin-top:8px;display:grid}.creative-tile{background:var(--ink);text-decoration:none;transition:transform .25s;display:block;position:relative;overflow:hidden}.creative-tile:hover{transform:scale(.99)}.creative-tile video{object-fit:cover;width:100%;height:100%;display:block}.creative-tile-v1{grid-row:span 2}.creative-tile-h{grid-column:span 2}.creative-tile-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bg);-webkit-backdrop-filter:blur(6px);z-index:2;background:#ffffff2e;padding:5px 10px;font-size:10px;font-weight:500;position:absolute;top:14px;left:14px}.creative-tile-meta{font-family:var(--font-display);color:var(--bg);z-index:2;letter-spacing:-.01em;text-shadow:0 1px 8px #0006;font-size:14px;font-weight:500;line-height:1.3;position:absolute;bottom:16px;left:16px;right:16px}.creative-cta{background:var(--bg);flex-direction:column;grid-column:span 2;justify-content:center;gap:12px;padding:32px 36px;text-decoration:none;transition:background .2s;display:flex}.creative-cta:hover{background:var(--surface-2)}.creative-cta .cta-meta{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin:0;font-size:10.5px}.creative-cta .cta-headline{font-family:var(--font-display);color:var(--accent);letter-spacing:-.015em;max-width:440px;font-size:19px;font-weight:500;line-height:1.35}.creative-cta .cta-action{background:var(--accent);color:#fff;font-family:var(--font-display);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:10px 18px;font-size:13px;font-weight:500;display:inline-flex}@media (max-width:1100px){.creatives-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:260px}.creative-tile-v1{grid-row:span 1}.creative-tile-h,.creative-cta{grid-column:span 2}}@media (max-width:700px){.creatives-bento{grid-template-columns:1fr;grid-auto-rows:240px}.creative-tile-v1{grid-row:span 1}.creative-tile-h,.creative-cta{grid-column:span 1}}
