/* Profaj sahne bölümleri. Yalnız .sahne* sınıfları; renk ve yazı tipi profaj.css :root değişkenlerinden (yedek değerli). */
.sahne{--white:#fff;--muted:#bdb6b1;background:var(--black,#000);color:#fff;position:relative;overflow:hidden;min-height:80vh;
  display:flex;flex-direction:column;justify-content:center}
.sahne>.wrap{width:100%}
.sahne__head{display:grid;max-width:860px}
.sahne__head .eyebrow{color:var(--red,#FF2400)}
.sahne__head .h2{margin-top:18px;font-weight:800;font-size:clamp(2rem,5vw,3.75rem);line-height:1.08;letter-spacing:-.015em;max-width:17ch;color:#fff}
.sahne__head .lede{margin-top:22px;max-width:56ch;text-wrap:balance;font-size:1.0625rem;color:var(--muted,#bdb6b1)}
.sahne__stage{position:relative;width:100%;margin-top:44px}
@media (min-width:860px){.sahne__stage{margin-top:60px}}
.sahne__stage canvas{display:block;width:100%}
.sahne__etiketler{position:absolute;inset:0;pointer-events:none}
.sahne__etiket{position:absolute;left:0;top:0;appearance:none;border:0;margin:0;pointer-events:auto;background:rgba(18,17,16,.82);color:#fff;
  font-family:var(--body,"Open Sans",Arial,sans-serif);text-align:left;padding:7px 11px;cursor:default;white-space:nowrap;line-height:1.25;
  border-left:2px solid var(--red,#FF2400);opacity:0;transition:background .3s var(--ease,ease),opacity .3s var(--ease,ease)}
a.sahne__etiket{cursor:pointer}
.sahne__etiket b{display:block;font-weight:700;font-size:.82rem}
.sahne__etiket span{display:block;font-weight:500;font-size:.7rem;color:var(--muted,#bdb6b1);transition:color .3s var(--ease,ease)}
.sahne__stage.is-hazir .sahne__etiket{opacity:1}
.sahne__etiket.is-on,.sahne__etiket.is-now{background:var(--red,#FF2400)}
.sahne__etiket.is-on span,.sahne__etiket.is-now span{color:#fff}
.sahne__stage.has-on .sahne__etiket:not(.is-on){opacity:.45}
.sahne__etiket--merkez{pointer-events:none;border-left-color:#fff}
.sahne__etiket:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (min-width:860px){.sahne__etiket{padding:10px 16px}.sahne__etiket b{font-size:1rem}.sahne__etiket span{font-size:.82rem}}
/* Müşteri yolculuğu: alt satır durağa varınca açılır */
.sahne--musteri-yolculugu .sahne__etiket span{max-height:0;opacity:0;overflow:hidden;transition:max-height .45s var(--ease,ease),opacity .45s var(--ease,ease),color .3s}
.sahne--musteri-yolculugu .sahne__etiket.is-lit span,.sahne--musteri-yolculugu .sahne__etiket.is-on span{max-height:2.6em;opacity:1}
.sahne--musteri-yolculugu .sahne__stage.is-hazir .sahne__etiket:not(.is-lit):not(.is-on){opacity:.6}
.sahne--musteri-yolculugu .sahne__stage.has-on .sahne__etiket:not(.is-on){opacity:.45}