/* Sahne: Marka Danışmanlığı (hizmet-marka.html) — yalnızca bu sayfada yüklenir.
   Hero: "tutarsız / tutarlı" iki profil kartı; dikey kol ileri geri kayarak sağdaki tutarlı kartı açar (clip-path; 10 s döngü).
   İmza: beş koleksiyon adı kartları (Vesorra). */
.sd-cmp{--T:10s;position:relative;height:min(58vh,520px);isolation:isolate}
.sd-cmp__card{position:absolute;inset:0;display:grid;align-content:start;gap:16px;padding:22px 22px 26px;border-radius:18px;background:#fff;box-shadow:var(--sd-shadow-float);font:500 12px/1.3 var(--sd-font);color:var(--sd-navy)}
.sd-cmp__card small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--sd-text-muted)}
.sd-cmp__card--a{background:#FBF7EE}.sd-cmp__card--a .sd-cmp__prof b{color:#7A3DF2;letter-spacing:0}
.sd-cmp__card--b{clip-path:inset(0 0 0 var(--x,50%));animation:sd-cmp-wipe var(--T) var(--sd-ease-in-out) infinite}
.sd-cmp__card--b small{color:var(--g)}
.sd-cmp__prof{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center}
.sd-cmp__prof i{grid-row:1/3;width:48px;height:48px;border-radius:50%;background:var(--c)}.sd-cmp__prof b{font:800 16px/1.1 var(--sd-font);letter-spacing:.06em}.sd-cmp__prof span{color:var(--sd-text-muted);font-size:11px}
.sd-cmp__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sd-cmp__grid i{aspect-ratio:1;border-radius:8px;background:var(--c);position:relative;overflow:clip}
.sd-cmp__card--a .sd-cmp__grid i::after{content:"";position:absolute;inset:auto 10% 14%;height:8px;border-radius:4px;background:rgba(255,255,255,.7);rotate:-6deg}
.sd-cmp__card--b .sd-cmp__grid i{border:1px solid rgba(31,34,51,.08)}.sd-cmp__card--b .sd-cmp__grid i::after{content:"";position:absolute;left:14%;bottom:14%;width:34%;height:3px;background:var(--sd-red)}
.sd-cmp__handle{position:absolute;top:0;bottom:0;left:var(--x,50%);z-index:2;width:3px;background:var(--sd-navy);translate:-50% 0;animation:sd-cmp-handle var(--T) var(--sd-ease-in-out) infinite}
.sd-cmp__handle b{position:absolute;left:50%;top:50%;translate:-50% -50%;padding:8px 12px;border-radius:999px;background:var(--sd-navy);color:#fff;font:600 10px/1 var(--sd-font);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:var(--sd-r-btn)}
.sd-cmp__chip{position:absolute;right:-10px;top:-14px;z-index:3;background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-cmp:not(.in) *{animation-play-state:paused}
@keyframes sd-cmp-wipe{0%,10%{clip-path:inset(0 0 0 78%)}45%,60%{clip-path:inset(0 0 0 22%)}90%,100%{clip-path:inset(0 0 0 78%)}}
@keyframes sd-cmp-handle{0%,10%{left:78%}45%,60%{left:22%}90%,100%{left:78%}}
/* İmza: isimlendirme kartları */
.sd-names{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.sd-names li{position:relative;display:grid;align-content:end;gap:2px;aspect-ratio:4/5;padding:18px;border-radius:var(--sd-r-card);background:var(--sd-navy);color:#fff;overflow:clip;box-shadow:var(--sd-shadow-card)}
.sd-names li:nth-child(odd){background:var(--sd-navy-soft)}
.sd-names b{font:800 clamp(1.25rem,1rem + 1vw,1.75rem)/1 var(--sd-font);letter-spacing:.04em}.sd-names span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sd-text-muted-on-dark)}
.sd-names__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.sd-names__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(21,23,36,.85))}
.sd-names__img b,.sd-names__img span{position:relative;z-index:1}
.sd-names li::before{content:"";position:absolute;left:18px;top:18px;width:28px;height:2px;background:var(--sd-red)}
@media (max-width:1024px){.sd-names{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.sd-cmp{height:440px}.sd-cmp__chip{right:0}.sd-names{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}