.production-details{max-width:1280px;margin:0 auto;padding:5rem 1.5rem;color:var(--text,#eef0f2)}
.production-eyebrow{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#adb5bd)}
.production-details h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.035em;margin:1rem 0 1.4rem}
.production-intro{max-width:760px;line-height:1.7;color:var(--muted,#adb5bd)}
.production-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;align-items:start}
.production-detail-grid details{border:1px solid rgba(255,255,255,.17);border-radius:1rem;background:rgba(255,255,255,.025)}
.production-detail-grid summary{cursor:pointer;padding:1.4rem;font-weight:600;line-height:1.5;list-style-position:outside;margin-left:1rem}
.production-detail-grid summary:focus-visible{outline:2px solid #dec49a;outline-offset:4px;border-radius:.5rem}
.production-detail-body{padding:0 1.4rem 1.3rem;line-height:1.65;font-size:.94rem;color:var(--muted,#adb5bd)}
.production-detail-body p{margin:0 0 1rem}.production-detail-body p:last-child{margin-bottom:0}
.production-detail-body dt{font-weight:600;color:var(--text,#eef0f2);margin-top:1rem}.production-detail-body dd{margin:.3rem 0 0}
.production-scope{font-size:.82rem;border-top:1px solid rgba(255,255,255,.14);padding-top:1rem}
@media(max-width:900px){.production-detail-grid{grid-template-columns:1fr}.production-details{padding:3rem 1.25rem}}

.app-motion-previews{display:grid;gap:1rem;margin:0 0 1.5rem}.app-motion-preview{margin:0;padding:0 0 1rem;border-bottom:1px solid #ffffff22}.app-motion-picture{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:16/9;background:#101720}.app-motion-picture img{width:100%;height:100%;object-fit:cover}.app-motion-source,.app-motion-result{position:absolute;left:8%;right:8%;bottom:9%;padding:.65rem;background:#101720ed;color:#fff;border:1px solid #a0bbc866;border-radius:8px;font-size:.8rem;line-height:1.3}.app-motion-result{opacity:0}.app-motion-preview figcaption{font-size:.75rem;color:#b9c7d1;margin:.6rem 0}.app-motion-preview.is-playing img{animation:app-image-pan 12s ease-in-out both}.app-motion-preview.is-playing .app-motion-source{animation:app-source 12s both}.app-motion-preview.is-playing .app-motion-result{animation:app-result 12s both}@keyframes app-image-pan{from{transform:scale(1)}to{transform:scale(1.06)}}@keyframes app-source{0%,40%{opacity:1;transform:translateY(0)}55%,100%{opacity:0;transform:translateY(-10px)}}@keyframes app-result{0%,45%{opacity:0;transform:translateY(10px)}60%,100%{opacity:1;transform:translateY(0)}}.app-motion-preview.is-complete .app-motion-source{opacity:0}.app-motion-preview.is-complete .app-motion-result{opacity:1}@media(prefers-reduced-motion:reduce){.app-motion-preview.is-playing img,.app-motion-preview.is-playing .app-motion-source,.app-motion-preview.is-playing .app-motion-result{animation:none}}

.production-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.production-feature{overflow:hidden;border:1px solid #ffffff22;border-radius:1rem;background:linear-gradient(145deg,#20344288,#101720)}.production-feature-image{width:100%;height:250px;object-fit:cover;display:block}.production-feature-model .production-feature-image{object-fit:contain;background:#17212b}.production-feature h3{font-size:1.4rem;line-height:1.3;margin:1.5rem 1.5rem .7rem}.production-feature-intro{margin:0 1.5rem 1.3rem;color:#bec9d2;line-height:1.6}.production-feature details{border:0;border-top:1px solid #ffffff22;border-radius:0;background:transparent}.production-feature-apps{grid-column:1/-1}.production-feature-apps .app-motion-previews{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 1.5rem;gap:1.5rem}.production-feature-apps .production-detail-body{columns:2;column-gap:2rem}.production-feature-apps .production-detail-body p,.production-feature-apps .production-detail-body dl{break-inside:avoid}@media(max-width:800px){.production-detail-grid{grid-template-columns:1fr}.production-feature-apps .app-motion-previews{grid-template-columns:1fr}.production-feature-apps .production-detail-body{columns:1}.production-feature-image{height:210px}}

.vega-measurement-source{margin:2rem 0}.vega-measurement-source img{display:block;width:100%;height:auto;border:1px solid #ffffff25;border-radius:12px}.vega-measurement-source figcaption{font-size:.85rem;line-height:1.5;color:#b7c5d0;margin-top:.7rem}

.blender-render-examples{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:2rem 0}.blender-render-examples figure{margin:0;overflow:hidden;border:1px solid #ffffff25;border-radius:12px;background:#101720}.blender-render-examples img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.blender-render-examples figcaption{padding:1rem;color:#bec9d2;line-height:1.5;font-size:.9rem}.blender-render-examples b{display:block;color:#eef0f2;margin-bottom:.35rem}.dog-source-drawer{margin-top:2rem;border:1px solid #ffffff25;border-radius:12px}.dog-source-drawer>summary{padding:1.25rem;cursor:pointer;font-weight:600}.dog-source-drawer .dog-development{margin-top:0}@media(max-width:700px){.blender-render-examples{grid-template-columns:1fr}}

.blender-camera-context{margin:2rem 0;padding:1.5rem;border:1px solid #ffffff25;border-radius:12px;background:#10172088}.blender-camera-context h4{font-size:1.5rem;margin:.6rem 0}.blender-camera-context p{max-width:850px;line-height:1.6}.blender-camera-context figure{margin:1rem 0}.blender-camera-context img{display:block;width:100%;height:auto;margin-top:1rem;border-radius:8px}.blender-camera-context figcaption{font-size:.85rem;color:#bec9d2;margin-top:.6rem}
