.article-image{display:block;max-width:100%;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.article-image:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-lg)}.image-container{margin:var(--spacing-lg) 0;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface)}.image-container figcaption{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;color:var(--color-text-muted);text-align:center;font-style:italic;background:var(--color-surface);border-top:1px solid var(--color-border)}.hero-image-container{margin:0 0 var(--spacing-lg) 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);position:relative}.hero-image{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.hero-image-container:hover .hero-image{transform:scale(1.03)}.hero-image-container:after{content:'';position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(0,0,0,.15),transparent);pointer-events:none}.section-image-container{margin:var(--spacing-md) 0 var(--spacing-lg) 0;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border)}.section-image{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94),filter .5s ease}.section-image-container:hover .section-image{transform:scale(1.02)}.image-hover-darken{position:relative}.image-hover-darken:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);transition:background .4s ease;pointer-events:none;z-index:1}.image-hover-darken:hover:before{background:rgba(0,0,0,.05)}.image-hover-border{border:3px solid transparent;transition:border-color .4s ease,transform .4s ease,box-shadow .4s ease}.image-hover-border:hover{border-color:var(--color-primary)}@media (max-width:768px){.hero-image-container{border-radius:var(--radius-md);margin:0 calc(-1 * var(--spacing-sm)) var(--spacing-md) calc(-1 * var(--spacing-sm))}.section-image-container{margin:var(--spacing-sm) 0 var(--spacing-md) 0}.article-image:hover{transform:none}.section-image-container:hover .section-image{transform:none}.hero-image-container:hover .hero-image{transform:none}.image-container figcaption{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}}@media (max-width:480px){.hero-image{aspect-ratio:4/3}.section-image{aspect-ratio:4/3}}@media (prefers-color-scheme:dark){.image-container figcaption{background:var(--color-surface)}.hero-image-container:after{background:linear-gradient(to top,rgba(0,0,0,.3),transparent)}.section-image-container{border-color:var(--color-border)}}.image-fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.image-fade-in.visible{opacity:1;transform:translateY(0)}@media print{.article-image,.hero-image,.section-image{box-shadow:none;border:1px solid #ccc}.hero-image-container:after{display:none}.image-container figcaption{background:#fff;border-top:1px solid #ccc}}