/* sirket: şirket sayfası; solda yazı ve iletişim, sağda şahinin dalışı (daireler tek noktaya daralır, bir kez çizilir). */
.bolum-sirket { padding-top: calc(var(--ust-boy) + clamp(56px, 11vh, 128px)); padding-bottom: clamp(72px, 11vh, 130px); overflow: clip;
  background: radial-gradient(55% 60% at 80% 45%, rgba(227,179,65,.10), transparent 68%), var(--gece); }
.si-duzen { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.si-metin { display: grid; gap: clamp(18px, 2.6vh, 28px); justify-items: start; }
.si-yazi { display: grid; gap: 18px; max-width: 34em; }
.si-iletisim { display: grid; gap: 12px; justify-items: start; margin-top: clamp(12px, 3vh, 28px); padding-top: 24px; border-top: 1px solid var(--cizgi); width: min(100%, 520px); }
.si-iletisim .dugme { margin-top: 8px; }
.si-posta { font: 500 clamp(18px, 1.6vw, 22px) var(--mono); color: var(--metin); text-decoration: none; border-bottom: 1px solid var(--cizgi); padding-bottom: 4px; overflow-wrap: anywhere; transition: color .25s, border-color .25s; }
.si-posta:hover, .si-posta:focus-visible { color: var(--altin-acik); border-bottom-color: var(--altin); }
.si-sahne { width: min(100%, 440px); aspect-ratio: 1; margin-inline: auto; }
html.js .si-sahne[data-ac] { opacity: 1; transform: none; transition: none; }
.si-sahne svg { width: 100%; height: 100%; overflow: visible; }
.si-c { fill: none; stroke: var(--altin); stroke-width: 1; stroke-dasharray: 1; stroke-dashoffset: 0; transform-origin: 200px 200px; rotate: -90deg; }
.si-c1 { stroke: rgba(227,179,65,.35); } .si-c2 { stroke: rgba(227,179,65,.55); } .si-c3 { stroke: rgba(227,179,65,.8); }
.si-t { fill: none; stroke: rgba(227,179,65,.45); stroke-width: 1; }
.si-dalis { fill: none; stroke: var(--altin-acik); stroke-width: 1.6; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 0; }
.si-halka { fill: none; stroke: var(--altin); stroke-width: 1; transform-origin: 200px 200px; }
.si-nokta { fill: var(--altin-acik); transform-origin: 200px 200px; filter: drop-shadow(0 0 8px rgba(242,198,90,.9)); }
html.js .si-c, html.js .si-dalis { stroke-dashoffset: 1; }
html.js .si-t, html.js .si-halka, html.js .si-nokta { opacity: 0; }
.si-sahne.gorundu .si-c { stroke-dashoffset: 0; transition: stroke-dashoffset 1.2s cubic-bezier(.5, 0, .2, 1); }
.si-sahne.gorundu .si-c2 { transition-delay: .35s; } .si-sahne.gorundu .si-c3 { transition-delay: .7s; }
.si-sahne.gorundu .si-t { opacity: 1; transition: opacity .8s ease 1s; }
.si-sahne.gorundu .si-dalis { stroke-dashoffset: 0; transition: stroke-dashoffset 1.3s cubic-bezier(.6, 0, .3, 1) 1.2s; }
.si-sahne.gorundu .si-nokta { opacity: 1; transition: opacity .3s ease 2.3s; animation: si-vur .9s var(--yay) 2.3s both; }
.si-sahne.gorundu .si-halka { animation: si-halka 1.6s ease-out 2.4s 1 both; }
@keyframes si-vur { from { transform: scale(0); } 60% { transform: scale(1.5); } to { transform: scale(1); } }
@keyframes si-halka { 0% { opacity: .9; transform: scale(.6); } 100% { opacity: 0; transform: scale(5); } }
@media (max-width: 960px) {
  .si-duzen { grid-template-columns: minmax(0, 1fr); }
  .si-sahne { width: min(100%, 280px); margin-inline: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.js .si-c, html.js .si-dalis { stroke-dashoffset: 0 !important; transition: none !important; }
  html.js .si-t, html.js .si-nokta { opacity: 1 !important; transition: none !important; animation: none !important; }
  .si-halka { display: none; }
}