/* Only the supplied Construction hero photo opts into this static framed treatment. */
.onc-construction-hero-media { padding: 20px 18px 24px; }
.onc-construction-hero-photo { position: relative; z-index: 0; display: block; padding: 7px; background: #fff; border-radius: 18px 4px 18px 4px; transform: rotate(-2deg); box-shadow: 0 10px 24px rgba(31, 47, 70, .1); }
.onc-construction-hero-photo::before { content: ''; position: absolute; z-index: -1; inset: 14px -14px -14px 14px; background: var(--web-yellow); border-radius: 18px 4px 18px 4px; }
.onc-construction-hero-photo::after { content: ''; position: absolute; width: 54px; height: 54px; right: -12px; top: -12px; border-top: 3px solid var(--onc-link); border-right: 3px solid var(--onc-link); }
.onc-construction-hero-photo img { display: block; width: 100%; height: auto; border-radius: 12px 2px 12px 2px; }
@media (max-width: 767px) { .onc-construction-hero-media { padding: 16px 18px 22px; } }
@media (prefers-reduced-motion: reduce) { .onc-construction-hero-photo { transform: none; } }