/* 10 Kasım banner, homepage only. Markup: scripts/ataturk-memorial.cjs */
.amb{margin-inline:calc(-1 * var(--gutter,16px));background:#000;color:#fff;overflow:hidden}
.amb-in{display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);height:clamp(300px,40vw,560px);max-width:1600px;margin:0 auto}
.amb-photo{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 60%,transparent 98%);mask-image:linear-gradient(90deg,#000 60%,transparent 98%)}
.amb-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:32% 30%;transform-origin:42% 32%;animation:amb-zoom 26s ease-in-out infinite alternate}
.amb-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 12px;min-width:0}
.amb-time{margin:0;font-family:var(--display,'Bricolage Grotesque',sans-serif);font-weight:800;font-size:clamp(50px,9.4vw,150px);line-height:1;letter-spacing:-.01em;animation:amb-rise 1s ease-out both}
.amb-time time{display:inline-block;transform:skewX(-7deg)}
.amb-d{display:inline-block;transform-origin:50% 8%;animation:amb-sway 3.8s ease-in-out infinite}
.amb-d:nth-child(2){animation-delay:-.45s}
.amb-d:nth-child(3){animation-delay:-.9s}
.amb-d:nth-child(4){animation-delay:-1.35s}
.amb-d:nth-child(5){animation-delay:-1.8s}
.amb-text{margin:.5em 0 .35em;font-family:var(--body,'Figtree',sans-serif);font-weight:600;font-size:clamp(16px,2.9vw,46px);line-height:1.25;animation:amb-rise 1s .25s ease-out both}
.amb-inf{display:block;width:clamp(60px,7.6vw,122px);height:auto;overflow:visible;fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;animation:amb-rise 1s .5s ease-out both}
.amb-track{opacity:.22}
.amb-trace{stroke-dasharray:74 26;animation:amb-loop 5.5s linear infinite}
.amb-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes amb-sway{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg) translateY(-1.5%)}}
@keyframes amb-loop{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes amb-zoom{from{transform:scale(1)}to{transform:scale(1.07)}}
@keyframes amb-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:700px){.amb-photo img{object-position:14% 30%}}
@media (prefers-reduced-motion:reduce){
  .amb *{animation:none!important}
  .amb-trace{stroke-dasharray:none}
}
