.hero-image-container{width:100%;max-height:500px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.hero-image{width:100%;height:auto;max-height:500px;object-fit:cover;object-position:center;display:block;transition:transform var(--transition-base),filter var(--transition-base)}.hero-image:hover{transform:scale(1.02);filter:brightness(1.05)}.hero-image-container:after{content:'';position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(0,0,0,.1),transparent);pointer-events:none}.article-image-container{margin:var(--space-xl) 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 30px var(--color-shadow);background:var(--color-surface);border:1px solid var(--color-border)}.article-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform var(--transition-base),filter var(--transition-base)}.article-image-container:hover .article-image{transform:scale(1.03);filter:brightness(1.02) saturate(1.05)}.article-image-container:hover{box-shadow:0 12px 40px rgba(37,99,235,.15);border-color:var(--color-primary)}figure.image-figure{margin:var(--space-xl) 0;padding:0}figure.image-figure figcaption{padding:var(--space-md) var(--space-lg);font-size:.875rem;color:var(--color-text-muted);text-align:center;background:var(--color-bg);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}@keyframes imageReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-image-container{animation:imageReveal .6s ease-out}section:nth-of-type(2) .article-image-container{animation-delay:.1s}section:nth-of-type(3) .article-image-container{animation-delay:.15s}section:nth-of-type(4) .article-image-container{animation-delay:.2s}section:nth-of-type(5) .article-image-container{animation-delay:.25s}@media (max-width:1024px){.hero-image-container{max-height:400px}.hero-image{max-height:400px}.article-image-container{margin:var(--space-lg) 0;border-radius:var(--radius-md)}figure.image-figure figcaption{padding:var(--space-sm) var(--space-md);font-size:.8125rem}}@media (max-width:640px){.hero-image-container{max-height:300px}.hero-image{max-height:300px;object-position:center top}.article-image-container{margin:var(--space-md) calc(-1 * var(--space-md));border-radius:0;border-left:none;border-right:none}.article-image{aspect-ratio:4/3}figure.image-figure{margin:var(--space-md) calc(-1 * var(--space-md))}figure.image-figure figcaption{border-radius:0;padding:var(--space-sm);font-size:.75rem}.article-image-container:hover .article-image{transform:none;filter:none}.article-image-container:hover{box-shadow:0 8px 30px var(--color-shadow);border-color:var(--color-border)}}@media (prefers-color-scheme:dark){.hero-image{filter:brightness(.95)}.hero-image:hover{filter:brightness(1)}.article-image-container{box-shadow:0 8px 30px rgba(0,0,0,.4)}.article-image-container:hover{box-shadow:0 12px 40px rgba(37,99,235,.25)}.article-image{filter:brightness(.92) contrast(1.05)}.article-image-container:hover .article-image{filter:brightness(1) contrast(1.05) saturate(1.05)}}.article-image-container.loading{background:linear-gradient(90deg,var(--color-bg) 0%,var(--color-surface) 50%,var(--color-bg) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media print{.hero-image-container{max-height:250px;box-shadow:none}.article-image-container{box-shadow:none;border:1px solid #ddd;break-inside:avoid;page-break-inside:avoid}.article-image{filter:none !important;transform:none !important}}@media (prefers-reduced-motion:reduce){.hero-image,.article-image,.article-image-container{transition:none;animation:none}.hero-image:hover,.article-image-container:hover .article-image{transform:none}}.article-image-container:focus-within{outline:3px solid var(--color-primary);outline-offset:4px}a:has(.article-image-container):focus{outline:3px solid var(--color-primary);outline-offset:4px}.img-full-width{width:100%;max-width:none}.img-rounded{border-radius:var(--radius-lg)}.img-shadow-soft{box-shadow:0 4px 20px var(--color-shadow)}.img-shadow-strong{box-shadow:0 12px 40px var(--color-shadow)}.img-no-margin{margin:0}