.creative-media{border:1px solid var(--color-rule);background:var(--color-paper-dim);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.creative-ratio-portrait{aspect-ratio:9/16}.creative-ratio-landscape{aspect-ratio:16/9}.creative-ratio-square{aspect-ratio:1}.creative-ratio-tall{aspect-ratio:4/5}.creative-ratio-wide{aspect-ratio:3/2}.creative-placeholder{border:1px dashed var(--color-rule);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex;position:absolute;inset:1rem}.creative-placeholder:before,.creative-placeholder:after{content:"";border-color:var(--color-ink);opacity:.2;width:1.25rem;height:1.25rem;position:absolute}.creative-placeholder:before{border-top:1px solid;border-left:1px solid;top:0;left:0}.creative-placeholder:after{border-bottom:1px solid;border-right:1px solid;bottom:0;right:0}.creative-video-track{gap:1.5rem;display:flex}.creative-video-track .reveal,.creative-video-track .reveal-pop,.creative-graphics-track .reveal,.creative-graphics-track .reveal-pop{opacity:1;transform:none}.creative-video-slide{flex:0 0 84%;min-width:0}.creative-video-preview{justify-content:center;align-items:center;height:23rem;display:flex}.creative-video-preview .creative-media{width:100%;height:auto;margin-inline:auto}.creative-video-preview .creative-ratio-portrait{width:auto;max-width:100%;height:100%}.creative-graphics-track{width:max-content;animation:65s linear infinite creative-graphics-loop;display:flex}.creative-graphics-sequence{align-items:flex-start;gap:1.5rem;padding-right:1.5rem;display:flex}.creative-graphic-slide{flex:none;width:17rem}.creative-graphics-window:hover .creative-graphics-track,.creative-graphics-window:focus-within .creative-graphics-track{animation-play-state:paused}.creative-graphics-window:focus-visible{outline:1px solid var(--color-royal);outline-offset:-2px}.creative-artwork{object-fit:contain;width:100%;height:100%;transform:none!important}@keyframes creative-graphics-loop{to{transform:translate(-50%)}}@media (width>=640px){.creative-video-slide{flex-basis:46%}.creative-graphic-slide{width:20rem}}@media (width>=1024px){.creative-video-slide{flex-basis:31%}}@media (prefers-reduced-motion:reduce){.creative-graphics-track{animation:none}.creative-graphics-window{overflow-x:auto}.creative-graphics-sequence[aria-hidden=true]{display:none}.creative-portfolio *{transition:none!important;animation:none!important}}