.murat-hero-outline { display: none; }
@media (prefers-reduced-motion: no-preference) {
  .home-hero-img-inner:has(> .murat-hero-outline) > img {
    animation: murat-facade-reveal .9s 1.2s cubic-bezier(.35, .05, .2, 1) both;
  }
  .murat-hero-outline {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    animation: murat-facade-outline-out .55s 1.55s ease-out both;
  }
  .murat-hero-outline > :is(path, line) {
    stroke-width: 1.4px;
    stroke-dasharray: 1;
    animation: murat-facade-draw .72s ease-out both;
  }
  .murat-hero-outline > :nth-child(n+13) { animation-delay: .12s; }
  .murat-hero-outline > :nth-child(n+28) { animation-delay: .24s; }
  .murat-hero-outline > :nth-child(n+43) { animation-delay: .36s; }
}
@media (max-width: 767px) {
  .murat-hero-outline > :is(path, line) { stroke-width: 3.2px; }
}
@keyframes murat-facade-draw {
  from { stroke-dashoffset: 1; }
  to { stroke-dashoffset: 0; }
}
@keyframes murat-facade-outline-out {
  to { opacity: 0; visibility: hidden; }
}
@keyframes murat-facade-reveal {
  from { clip-path: inset(0 100% 0 0); }
  to { clip-path: inset(0); }
}