/* Alorah creative production: scoped addition to the existing design. */
.creative-production{scroll-margin-top:100px;border-top:1px solid rgba(255,255,255,.12)}
.creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.creative-card{display:flex;flex-direction:column;padding:36px 28px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(150deg,rgba(68,87,255,.10),transparent 65%);border-radius:4px;transition:border-color .25s,transform .25s}
.creative-card:hover{border-color:rgba(130,145,255,.7);transform:translateY(-4px)}
.creative-card h3{font-size:clamp(24px,2.3vw,34px);line-height:1.12;margin:20px 0}
.creative-card>p:not(.eyebrow),.creative-brief p:not(.eyebrow){opacity:.78;line-height:1.7}
.creative-card__formats{font-size:12px;line-height:1.8;opacity:.6;padding:28px 0;margin-top:auto}
.creative-card .text-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
.creative-brief{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:48px}.creative-brief>div{max-width:660px}.creative-brief h3{font-size:24px;margin:12px 0}.creative-brief .btn{flex-shrink:0}
@media(max-width:900px){.creative-grid{grid-template-columns:1fr}.creative-card{padding:30px}.creative-brief{align-items:flex-start;flex-direction:column;gap:24px}}
@media(prefers-reduced-motion:reduce){.creative-card{transition:none}.creative-card:hover{transform:none}}