img{max-width:100%;height:auto;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}.optimized-image,.hero-image-container,.blog-image-container{position:relative;overflow:hidden;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}picture{display:block;width:100%;height:auto}.responsive-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;transition:opacity .3s ease-in-out,transform .3s ease-in-out;will-change:opacity,transform;backface-visibility:hidden;transform:translateZ(0)}.animate-fade{opacity:0;transition:opacity .3s ease-in-out}.animate-fade.loaded{opacity:1}.image-container{position:relative;overflow:hidden;background-color:#f3f4f6}.responsive-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.hero-image{width:100%;max-width:1200px;height:auto;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,4%)}.blog-featured-image{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:8px 8px 0 0}.thumbnail-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.logo-image{max-height:60px;width:auto;filter:brightness(0)saturate(100%)invert(0)}.dark .logo-image{filter:brightness(0)saturate(100%)invert(1)}.icon-image{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.screenshot-image{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.image-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-image,.blog-featured-image,.thumbnail-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{img{max-width:100%!important;page-break-inside:avoid}.hero-image,.blog-featured-image{max-height:400px}}img[alt]{border:2px solid transparent}img[alt]:focus{border-color:#3b82f6;outline:none}.dark .image-loading{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%);background-size:200% 100%}.dark .screenshot-image{border-color:#4b5563}img{will-change:opacity;backface-visibility:hidden;transform:translateZ(0)}.critical-image{font-display:swap}img:not([src]){visibility:hidden}img[src=""]{visibility:hidden}@media(max-width:640px){.hero-image{max-width:100%;border-radius:8px}.blog-featured-image{height:200px}.thumbnail-image{height:150px}}@media(min-width:641px) and (max-width:1024px){.hero-image{max-width:90%}.blog-featured-image{height:250px}}@media(min-width:1025px){.hero-image{max-width:1200px}.blog-featured-image{height:300px}}.image-hover{transition:transform .3s ease,box-shadow .3s ease}.image-hover:hover{transform:scale(1.02);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin:2rem 0}.image-gallery img{width:100%;height:250px;-o-object-fit:cover;object-fit:cover;border-radius:8px;transition:transform .3s ease}.image-gallery img:hover{transform:scale(1.05)}.video-thumbnail{position:relative;cursor:pointer}.video-thumbnail::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;opacity:.9;transition:opacity .3s ease}.video-thumbnail:hover::after{opacity:1}.bg-image{background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed}@media(max-width:768px){.bg-image{background-attachment:scroll}}