.creative-studio{margin:0;padding:24px;border:1px solid #ffffff40;border-radius:24px;background:linear-gradient(135deg,#ffffff22,#ffffff0d);box-shadow:0 24px 70px #063f8c25;color:#fff;min-width:0}.cs-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.11em;margin-bottom:22px}.cs-status{color:#ffcfac;letter-spacing:0}.cs-artboards{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:center}.cs-poster,.cs-video{position:relative;overflow:hidden;border-radius:17px;padding:20px;min-width:0}.cs-poster{background:#fff1e6;color:#173e70;aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:space-between}.cs-poster>span,.cs-video>span{font-size:10px;letter-spacing:.13em;position:relative;z-index:1}.cs-poster strong{font-size:clamp(18px,2.1vw,29px);line-height:1.12;position:relative;z-index:1}.cs-poster small{font-size:9px;letter-spacing:.1em;margin-top:12px}.cs-sculpture{height:105px;display:flex;align-items:center;justify-content:center;transform:rotate(-20deg)}.cs-sculpture i{width:62px;height:100px;border-radius:50%;background:linear-gradient(100deg,#f6803e,#b93c05);box-shadow:inset -8px -4px 10px #81300730;margin-left:-30px;animation:cs-float 4s ease-in-out infinite alternate}.cs-sculpture i:nth-child(2){background:linear-gradient(100deg,#ffcba7,#ee7131);animation-delay:-1s}.cs-sculpture i:nth-child(3){background:linear-gradient(100deg,#418dee,#0f4999);animation-delay:-2s}.cs-video{aspect-ratio:9/16;background:#122f60;display:flex;flex-direction:column;justify-content:space-between;border:4px solid #a8cbf5}.cs-video-orbit{position:absolute;inset:23% -45%;border:28px solid #4889d5;border-radius:50%;transform:rotate(-35deg);animation:cs-float 4s ease-in-out infinite alternate}.cs-play{position:relative;align-self:center;width:48px;height:48px;border-radius:50%;background:#ffffff24;display:grid;place-items:center;font-size:21px;color:#ffc499}.cs-video strong{position:relative;font-size:clamp(16px,1.7vw,24px);line-height:1.2}.cs-captions{position:relative;background:#ffffff15;padding:7px;font-size:8px;text-align:center;border-radius:5px}.cs-progress{height:3px;background:#ffffff30;overflow:hidden}.cs-progress i{display:block;height:100%;width:45%;background:#ffbc85;animation:cs-progress 4s ease-in-out infinite}.cs-timeline{display:flex;gap:10px;align-items:center;margin-top:22px;padding-top:17px;border-top:1px solid #ffffff30;font-size:10px}.cs-timeline i{flex:1;height:7px;border-radius:4px;background:repeating-linear-gradient(90deg,#a4caf7 0 8px,#a4caf733 8px 12px)}.creative-studio figcaption{font-size:10px;color:#dceafb;margin-top:16px}.creative-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.creative-format-grid article{padding:30px;border:1px solid #d6e1f0;border-radius:17px;background:#eef4fc}.creative-format-grid article:nth-child(2){background:#f0edf9}.creative-format-grid article:nth-child(3){background:#fff2e9}.creative-format-grid article>span{font-size:11px;letter-spacing:.12em;color:#617b9a}.creative-format-grid h3{margin:23px 0 15px}.creative-placements{margin-top:26px;padding:25px 30px;border-radius:17px;background:#f6f8fb}.creative-placements p{margin:12px 0 0}.creative-cross-link{display:flex;align-items:center;gap:35px;justify-content:space-between;padding:36px;border-radius:20px;background:linear-gradient(120deg,#eaf2fd,#fff1e6)}.creative-cross-link>div{max-width:720px}.creative-cross-link h2{font-size:clamp(25px,3vw,36px)}.creative-cross-link p{margin:18px 0}.creative-cross-link>.btn{flex-shrink:0}@keyframes cs-float{to{transform:translateY(-9px)}}@keyframes cs-progress{from{transform:translateX(-100%)}to{transform:translateX(230%)}}@media(max-width:800px){.creative-format-grid{grid-template-columns:1fr}.creative-cross-link{align-items:flex-start;flex-direction:column;padding:25px}.creative-studio{padding:20px}.cs-poster strong{font-size:23px}.cs-video strong{font-size:20px}}@media(max-width:380px){.cs-artboards{gap:10px}.cs-poster,.cs-video{padding:13px}.cs-poster strong{font-size:19px}.cs-video strong{font-size:16px}.cs-sculpture{height:85px}.cs-sculpture i{height:75px;width:48px}.creative-studio{padding:15px}.cs-play{height:36px;width:36px}}@media(prefers-reduced-motion:reduce){.creative-studio *{animation:none!important}}

/* Keep the creative placements and workflow visually connected. */
.section.creative-formats-section{padding-bottom:32px}.creative-formats-section+.section{padding-top:32px}@media(max-width:800px){.section.creative-formats-section{padding-bottom:24px}.creative-formats-section+.section{padding-top:24px}}