/* Sahne: Görsel İçerik (hizmet-gorsel.html) — yalnızca bu sayfada yüklenir.
   Hero: aynı kampanya görseli üç formatta (1:1, 9:16, 16:9) sırayla belirir, nefes alır. İmza: billboard galerisi çekirdek sd-gallery. */
.sd-fmt{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:14px;align-items:end;padding:10px 0 20px}
.sd-fmt__f{position:relative;margin:0;border-radius:12px;overflow:clip;background:#15171F;box-shadow:var(--sd-shadow-float);opacity:0;translate:0 16px;transition:opacity .5s,translate .8s var(--sd-ease-out);transition-delay:calc(var(--k)*180ms + .2s)}
.sd-fmt__f img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.sd-fmt__f figcaption{position:absolute;left:10px;top:10px;padding:5px 9px;border-radius:6px;background:rgba(21,23,36,.8);color:#fff;font:600 10px/1 var(--sd-font);letter-spacing:.06em}
.sd-fmt__f--sq{aspect-ratio:1;grid-column:1;grid-row:1}
.sd-fmt__f--v{aspect-ratio:9/16;grid-column:2;grid-row:1/3;align-self:stretch}
.sd-fmt__f--h{aspect-ratio:16/9;grid-column:1;grid-row:2}
.sd-fmt__cta{position:absolute;right:10px;bottom:10px;padding:6px 10px;border-radius:6px;background:var(--sd-red);color:#fff;font:600 10px/1 var(--sd-font)}
.sd-fmt.in .sd-fmt__f{opacity:1;translate:0 0}
.sd-fmt.in .sd-fmt__f img{animation:sd-fmt-breathe 9s ease-in-out infinite alternate;animation-delay:calc(var(--k)*1.5s)}
.sd-fmt__chip{position:absolute;z-index:3;background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-fmt__chip--1{left:-10px;top:-6px}.sd-fmt__chip--2{right:-8px;bottom:6px}
@keyframes sd-fmt-breathe{to{scale:1.08}}
@media (max-width:720px){.sd-fmt__chip--1{left:0}.sd-fmt__chip--2{right:0}}