.production-blog-cover{max-width:1100px;margin-top:0;margin-bottom:64px;padding:12px;border:1px solid #ffda2f88;border-radius:24px;background:#292d35;box-shadow:8px 8px 0 #ffda2f18;box-sizing:border-box}.production-blog-cover img{display:block;width:100%;height:auto;border-radius:16px}.production-blog-cover figcaption{padding:16px 8px 6px;color:#c8cbcf;font-size:15px;line-height:1.5}.production-blog-note{padding:26px;margin:28px 0;background:#292d35;border:1px solid #ffda2f77;border-radius:20px}.production-blog-note .eyebrow{color:#ffda2f}.production-blog-note h3{margin-top:16px}.production-blog .blog-prose{overflow-wrap:break-word}.production-blog .blog-toc a{line-height:1.4;display:block}@media(max-width:700px){.production-blog-cover{width:calc(100% - 40px);padding:8px;box-shadow:5px 5px 0 #ffda2f18;border-radius:18px;margin-bottom:42px}.production-blog-cover img{border-radius:12px}.production-blog-cover figcaption{font-size:14px;padding:12px 5px 4px}.production-blog-note{padding:20px}.production-blog .blog-hero h1{font-size:clamp(32px,8.5vw,48px)}}
.production-blog-reel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,260px);gap:28px;align-items:center;margin:36px 0;padding:24px;border:1px solid #ffda2f77;border-radius:24px;background:radial-gradient(circle at 95% 10%,#4a4230,#292d35 60%);box-shadow:7px 7px 0 #ffda2f15}.production-blog-reel h3{font-size:clamp(24px,3vw,34px);line-height:1.14}.production-blog-reel .eyebrow{color:#ffda2f}.production-blog-reel figure{margin:0;min-width:0}.production-blog-reel video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:16px;background:#16181e}.production-blog-reel figcaption{font-size:13px;line-height:1.5;color:#d4d5d8;margin-top:12px}.production-blog-reel__note{font-size:14px!important;color:#c2c5cb}.production-blog-tags{display:flex;gap:8px;flex-wrap:wrap;padding:0!important;list-style:none!important}.production-blog-tags li{padding:6px 13px;border:1px solid #ffda2f66;border-radius:100px;font-size:13px;color:#ffda2f}.production-blog .is-visible{animation:production-arrive .5s ease-out both}@keyframes production-arrive{from{transform:translateY(14px)}to{transform:translateY(0)}}@media(max-width:850px){.production-blog-reel{grid-template-columns:1fr}.production-blog-reel figure{width:min(100%,300px);justify-self:center}}@media(prefers-reduced-motion:reduce){.production-blog .is-visible{animation:none}}