/* ============================================================
   "İki mekân, tek marka" — iki markanın tek çatıda buluşması
   Sol: Ferrovia yeşili · Sağ: Atölye pembesi · Ortada birleşme
   ============================================================ */
html body .section_security{position:relative;overflow:hidden;isolation:isolate}

/* iki mekânın zemini: solda yeşil, sağda pembe, ortada yumuşak dikiş */
html body .section_security:before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    linear-gradient(100deg,
      rgba(0,72,60,.10) 0%,
      rgba(0,72,60,.05) 34%,
      rgba(219,178,194,.10) 62%,
      rgba(219,178,194,.22) 100%)}

/* iki daire = iki mekân; kesişim = tek marka */
.union-venn{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.union-venn i{position:absolute;top:50%;width:min(38rem,52vw);aspect-ratio:1;border-radius:50%;
  transform:translateY(-50%);mix-blend-mode:multiply;opacity:.38}
.union-venn i.is-coffee{left:8%;
  background:radial-gradient(circle at 50% 50%, rgba(0,72,60,.20) 0%, rgba(0,72,60,.10) 55%, transparent 70%);
  border:1px solid rgba(0,72,60,.28);
  animation:unionBreathA 18s ease-in-out infinite alternate}
.union-venn i.is-atolye{right:8%;
  background:radial-gradient(circle at 50% 50%, rgba(174,81,117,.18) 0%, rgba(219,178,194,.22) 55%, transparent 70%);
  border:1px solid rgba(174,81,117,.30);
  animation:unionBreathB 18s ease-in-out infinite alternate}
@keyframes unionBreathA{
  from{transform:translate(0,-50%) scale(1)} to{transform:translate(4.5rem,-50%) scale(1.06)}}
@keyframes unionBreathB{
  from{transform:translate(0,-50%) scale(1.04)} to{transform:translate(-4.5rem,-50%) scale(.98)}}

/* dikiş: rozetleri birleştiren kısa ray (metnin üstünden geçmez) */
.union-seam{display:none}

/* başlıkların iki tonu */
html body .tone-f{color:#00483C}
html body .tone-a{color:#AE5175}
html body .tone-a.is-italic{font-style:italic}
html body .section_security .heading-style-h2{position:relative}
html body .section_security .security_heading .heading-style-h2:after{
  content:"";display:block;width:7rem;height:2px;margin-top:1.1rem;
  background:linear-gradient(90deg,#00483C 0 50%,#AE5175 50% 100%)}

/* alt başlık: iki rozet */
.union-badges{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-top:2rem}
.union-badges .is-coffee{position:relative;margin-right:2.75rem}
.union-badges .is-coffee:after{content:"";position:absolute;right:-2.75rem;top:50%;width:2.75rem;height:1px;
  background:linear-gradient(90deg,#00483C,#AE5175)}
.union-badges span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
  background:currentColor;margin-right:.6rem;vertical-align:middle}
.union-badges span{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;
  padding:.55rem 1rem;border-radius:100rem;border:1px solid currentColor}
.union-badges .is-coffee{color:#00483C}
.union-badges .is-atolye{color:#AE5175}

@media (max-width:767px){
  .union-venn i{width:78vw}
  .union-venn i.is-coffee{left:-12%} .union-venn i.is-atolye{right:-12%}
}
@media (prefers-reduced-motion:reduce){.union-venn i{animation:none}}

/* Rakamlar bölümü: desen biraz canlansın, yavaşça süzülsün */
html body .section_numbers{position:relative}
html body .numbers_image-main{object-fit:cover;animation:numDrift 34s ease-in-out infinite alternate}
@keyframes numDrift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.06) translate3d(-1.5%,-1%,0)}}
@media (prefers-reduced-motion:reduce){html body .numbers_image-main{animation:none}}