:root{
  --story-red:#d9252e;
  --story-red-dark:#b91c1c;
  --story-red-soft:#fff1f2;
  --story-red-wash:#fff7f7;
  --story-ink:#172033;
  --story-muted:#667085;
  --story-line:rgba(217,37,46,.14);
  --story-line-soft:rgba(23,32,51,.09);
  --story-shadow-sm:0 12px 30px rgba(23,32,51,.06);
  --story-shadow-md:0 22px 56px rgba(217,37,46,.11);
  --story-shadow-lg:0 32px 90px rgba(145,24,30,.13);
  --story-radius-xl:34px;
  --story-radius-lg:26px;
  --story-radius-md:18px;
}

body.about-page,
body.vision-page{
  background:#fff;
}

.story-page{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  color:var(--story-ink);
  background:
    radial-gradient(circle at 9% 6%, rgba(217,37,46,.09), transparent 30%),
    radial-gradient(circle at 92% 15%, rgba(255,226,226,.9), transparent 27%),
    linear-gradient(180deg,#fff 0%,#fff8f8 35%,#fff 70%,#fff6f6 100%);
}

.story-page::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(217,37,46,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(217,37,46,.03) 1px, transparent 1px);
  background-size:96px 96px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.56),transparent 72%);
}

.story-page::after{
  content:"";
  position:absolute;
  width:22rem;
  height:22rem;
  right:-10rem;
  top:34rem;
  z-index:-1;
  border-radius:999px;
  background:radial-gradient(circle,rgba(217,37,46,.10),transparent 68%);
  filter:blur(5px);
  animation:storySoftDrift 18s ease-in-out infinite;
}

.story-page .container{
  width:min(100%,1220px);
}

.story-page h1,
.story-page h2,
.story-page h3,
.story-page p,
.story-page figure{
  margin-top:0;
}

.story-hero{
  padding:clamp(5.8rem,8.4vw,8.2rem) 0 clamp(4.8rem,7.4vw,6.8rem);
}

.story-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(330px,.97fr);
  gap:clamp(2rem,5vw,4.5rem);
  align-items:center;
}

.story-copy{
  max-width:720px;
}

.story-kicker{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  margin-bottom:1rem;
  padding:.58rem .92rem;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--story-line);
  color:var(--story-red-dark);
  box-shadow:var(--story-shadow-sm);
  font-size:.8rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.story-title{
  max-width:13ch;
  margin-bottom:1.05rem;
  color:var(--story-ink);
  font-size:clamp(2.35rem,5vw,4.7rem);
  line-height:1.03;
  letter-spacing:-.055em;
}

.story-title .story-accent{
  color:var(--story-red);
}

.story-lead{
  max-width:660px;
  margin-bottom:0;
  color:#4d596b;
  font-size:1.07rem;
  line-height:1.86;
}

.story-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  margin-top:1.45rem;
}

.story-chip{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.64rem .9rem;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--story-line-soft);
  color:#344054;
  box-shadow:0 10px 24px rgba(23,32,51,.05);
  font-size:.92rem;
  font-weight:800;
}

.story-chip i{
  color:var(--story-red);
}

.story-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
  margin-top:1.9rem;
}

.story-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  min-height:52px;
  padding:.92rem 1.18rem;
  border-radius:999px;
  border:1px solid transparent;
  text-decoration:none;
  line-height:1.1;
  font-weight:900;
  transition:transform .24s ease, box-shadow .24s ease, background-color .24s ease, border-color .24s ease, color .24s ease;
}

.story-btn:hover{
  transform:translateY(-2px);
}

.story-btn--primary{
  background:linear-gradient(135deg,var(--story-red-dark),var(--story-red));
  color:#fff;
  box-shadow:0 18px 36px rgba(217,37,46,.24);
}

.story-btn--primary:hover{
  color:#fff;
  box-shadow:0 22px 44px rgba(217,37,46,.30);
}

.story-btn--ghost{
  background:#fff;
  border-color:rgba(217,37,46,.22);
  color:var(--story-red-dark);
  box-shadow:var(--story-shadow-sm);
}

.story-btn--ghost:hover{
  background:var(--story-red-soft);
  color:var(--story-red-dark);
  border-color:rgba(217,37,46,.35);
}

.story-visual{
  position:relative;
  min-height:clamp(450px,42vw,570px);
  --story-shift-x:0px;
  --story-shift-y:0px;
  --story-shift-x-sm:0px;
  --story-shift-y-sm:0px;
  --story-shift-x-rev:0px;
  --story-shift-y-rev:0px;
  --story-spot-x:70%;
  --story-spot-y:24%;
}

.story-visual::before{
  content:"";
  position:absolute;
  inset:-8% -4% auto 28%;
  height:64%;
  border-radius:999px;
  background:radial-gradient(circle at var(--story-spot-x) var(--story-spot-y), rgba(217,37,46,.19), transparent 64%);
  filter:blur(2px);
  opacity:.95;
}

.story-photo-stack{
  position:absolute;
  inset:0;
}

.story-photo-card{
  position:absolute;
  overflow:hidden;
  border-radius:var(--story-radius-xl);
  background:#fff;
  border:1px solid rgba(255,255,255,.92);
  box-shadow:var(--story-shadow-lg);
  transform:translate3d(0,0,0);
  transition:transform .35s ease, box-shadow .35s ease;
}

.story-photo-card:hover{
  box-shadow:0 34px 96px rgba(145,24,30,.17);
}

.story-photo-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.02);
  transition:transform .7s cubic-bezier(.2,.7,.2,1), filter .7s ease;
}

.story-photo-card:hover img{
  transform:scale(1.06);
  filter:saturate(1.05) contrast(1.03);
}

.story-photo-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.34) 54%, rgba(255,255,255,.92) 100%);
  opacity:.9;
  pointer-events:none;
}

.story-photo-card figcaption{
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:1rem;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.68rem .76rem;
  border-radius:18px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.76);
  color:var(--story-ink);
  font-weight:900;
  text-shadow:none;
  box-shadow:0 14px 30px rgba(145,24,30,.12);
  backdrop-filter:blur(12px);
}

.story-photo-card figcaption span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:36px;
  border-radius:999px;
  background:var(--story-red-soft);
  color:var(--story-red);
  backdrop-filter:blur(10px);
}

.story-photo-card--main{
  inset:4% 18% 18% 0;
  transform:translate3d(var(--story-shift-x-sm),var(--story-shift-y-sm),0) rotate(-1.8deg);
  animation:storyFloatMain 9s ease-in-out infinite;
}

.story-photo-card--side{
  top:0;
  right:0;
  width:48%;
  height:43%;
  transform:translate3d(var(--story-shift-x-rev),var(--story-shift-y-rev),0) rotate(3deg);
  animation:storyFloatSide 10.5s ease-in-out infinite;
}

.story-photo-card--bottom{
  right:4%;
  bottom:2%;
  width:62%;
  height:36%;
  transform:translate3d(var(--story-shift-x),var(--story-shift-y),0) rotate(1.5deg);
  animation:storyFloatBottom 11.5s ease-in-out infinite;
}

.story-mini-panel{
  position:absolute;
  z-index:5;
  left:7%;
  bottom:8%;
  width:min(310px,72%);
  padding:1rem;
  border-radius:24px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(217,37,46,.15);
  box-shadow:0 20px 54px rgba(23,32,51,.13);
  backdrop-filter:blur(16px);
}

.story-mini-panel strong{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:.7rem;
  color:var(--story-ink);
}

.story-mini-panel strong i{
  color:var(--story-red);
}

.story-mini-panel ul{
  display:grid;
  gap:.42rem;
  margin:0;
  padding:0;
  list-style:none;
  color:#526174;
  font-size:.92rem;
}

.story-mini-panel li{
  display:flex;
  align-items:center;
  gap:.5rem;
}

.story-mini-panel li::before{
  content:"";
  width:.45rem;
  height:.45rem;
  flex:0 0 auto;
  border-radius:999px;
  background:var(--story-red);
  box-shadow:0 0 0 5px rgba(217,37,46,.10);
}

.story-section{
  position:relative;
  padding:clamp(5.4rem,7.8vw,7.6rem) 0;
}

.story-section + .story-section{
  margin-top:1.45rem;
}

.story-section--soft{
  background:linear-gradient(180deg,rgba(255,255,255,.64),rgba(255,241,242,.70));
}

.story-section-head{
  max-width:800px;
  margin:0 auto clamp(2rem,4vw,3.1rem);
  text-align:center;
}

.story-section-head .story-kicker{
  margin-bottom:.85rem;
}

.story-section-head h2{
  margin-bottom:.82rem;
  color:var(--story-ink);
  font-size:clamp(1.85rem,3.4vw,3.2rem);
  line-height:1.14;
  letter-spacing:-.04em;
}

.story-section-head p{
  margin-bottom:0;
  color:var(--story-muted);
  line-height:1.78;
}

.story-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}

.story-card{
  position:relative;
  overflow:hidden;
  min-height:100%;
  padding:1.35rem;
  border-radius:var(--story-radius-lg);
  background:rgba(255,255,255,.95);
  border:1px solid var(--story-line-soft);
  box-shadow:var(--story-shadow-sm);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}

.story-card:hover{
  transform:translateY(-6px);
  border-color:rgba(217,37,46,.20);
  box-shadow:0 24px 56px rgba(217,37,46,.12);
}

.story-card::before{
  content:"";
  position:absolute;
  inset:0 auto auto 1.35rem;
  width:58px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--story-red),rgba(217,37,46,.28));
}

.story-card i{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  margin-top:.25rem;
  border-radius:18px;
  background:var(--story-red-soft);
  color:var(--story-red);
  font-size:1.22rem;
}

.story-card h3{
  margin:1rem 0 .55rem;
  color:var(--story-ink);
  font-size:1.16rem;
  letter-spacing:-.02em;
}

.story-card p{
  margin:0;
  color:var(--story-muted);
  line-height:1.7;
}

.story-split{
  display:grid;
  grid-template-columns:minmax(310px,.9fr) minmax(0,1.1fr);
  gap:clamp(1.5rem,4vw,3.2rem);
  align-items:center;
}

.story-split--reverse{
  grid-template-columns:minmax(0,1.06fr) minmax(310px,.94fr);
}

.story-photo-panel{
  position:relative;
  overflow:hidden;
  min-height:365px;
  border-radius:var(--story-radius-xl);
  border:1px solid rgba(255,255,255,.90);
  box-shadow:var(--story-shadow-md);
  background:#fff;
}

.story-photo-panel img{
  width:100%;
  height:100%;
  min-height:365px;
  object-fit:cover;
  transform:scale(1.01);
}

.story-photo-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.34) 56%, rgba(255,255,255,.94) 100%);
}

.story-photo-panel-caption{
  position:absolute;
  left:1.2rem;
  right:1.2rem;
  bottom:1.2rem;
  z-index:2;
  padding:1rem;
  border-radius:22px;
  background:rgba(255,255,255,.88);
  color:var(--story-ink);
  box-shadow:0 18px 38px rgba(145,24,30,.12);
  backdrop-filter:blur(14px);
}

.story-photo-panel-caption strong{
  display:block;
  margin-bottom:.25rem;
}

.story-photo-panel-caption span{
  color:var(--story-muted);
  font-size:.92rem;
}

.story-copy-card{
  padding:clamp(1.4rem,3vw,2.2rem);
  border-radius:var(--story-radius-xl);
  background:#fff;
  border:1px solid var(--story-line-soft);
  box-shadow:var(--story-shadow-md);
}

.story-copy-card h2{
  margin-bottom:.8rem;
  color:var(--story-ink);
  font-size:clamp(1.75rem,3vw,2.75rem);
  line-height:1.14;
  letter-spacing:-.04em;
}

.story-copy-card p{
  color:var(--story-muted);
  line-height:1.78;
}

.story-feature-list{
  display:grid;
  gap:.78rem;
  margin:1.25rem 0 0;
  padding:0;
  list-style:none;
}

.story-feature-list li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.75rem;
  align-items:start;
  padding:.85rem;
  border-radius:18px;
  background:linear-gradient(135deg,#fff,var(--story-red-soft));
  border:1px solid var(--story-line);
}

.story-feature-list b{
  display:grid;
  place-items:center;
  width:35px;
  height:35px;
  border-radius:12px;
  background:#fff;
  color:var(--story-red);
  box-shadow:0 8px 18px rgba(217,37,46,.10);
}

.story-feature-list strong{
  display:block;
  margin-bottom:.15rem;
}

.story-feature-list span{
  color:var(--story-muted);
  font-size:.92rem;
  line-height:1.55;
}

.story-flow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}

.story-flow::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:34px;
  height:2px;
  background:linear-gradient(90deg,rgba(217,37,46,.10),rgba(217,37,46,.42),rgba(217,37,46,.10));
  animation:storyLineGrow 4.8s ease-in-out infinite;
}

.story-flow-card{
  position:relative;
  padding:1.2rem;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--story-line-soft);
  box-shadow:var(--story-shadow-sm);
}

.story-flow-card span{
  position:relative;
  z-index:1;
  display:inline-grid;
  place-items:center;
  width:68px;
  height:68px;
  margin-bottom:1rem;
  border-radius:22px;
  background:linear-gradient(135deg,#fff,#ffe4e6);
  border:1px solid var(--story-line);
  color:var(--story-red);
  font-size:1.35rem;
  font-weight:900;
  box-shadow:0 12px 25px rgba(217,37,46,.10);
}

.story-flow-card h3{
  margin-bottom:.45rem;
  color:var(--story-ink);
  font-size:1.1rem;
}

.story-flow-card p{
  margin-bottom:0;
  color:var(--story-muted);
  line-height:1.62;
  font-size:.94rem;
}

.story-focus-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  margin-top:1.2rem;
}

.story-focus-pill{
  padding:1rem;
  border-radius:20px;
  background:#fff;
  border:1px solid var(--story-line-soft);
  box-shadow:0 10px 24px rgba(23,32,51,.05);
}

.story-focus-pill strong{
  display:block;
  color:var(--story-red);
  font-size:1.25rem;
}

.story-focus-pill span{
  color:var(--story-muted);
  font-size:.92rem;
}

.story-roadmap{
  position:relative;
  display:grid;
  gap:1rem;
  max-width:980px;
  margin:0 auto;
}

.story-roadmap::before{
  content:"";
  position:absolute;
  left:24px;
  top:24px;
  bottom:24px;
  width:2px;
  background:linear-gradient(180deg,rgba(217,37,46,.16),rgba(217,37,46,.52),rgba(217,37,46,.16));
  animation:storyRoadPulse 5s ease-in-out infinite;
}

.story-roadmap-card{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:1rem;
  align-items:center;
  padding:1rem;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--story-line-soft);
  box-shadow:var(--story-shadow-sm);
}

.story-roadmap-card b{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border-radius:18px;
  background:var(--story-red);
  color:#fff;
  box-shadow:0 14px 28px rgba(217,37,46,.18);
}

.story-roadmap-card h3{
  margin-bottom:.25rem;
  color:var(--story-ink);
  font-size:1.12rem;
}

.story-roadmap-card p{
  margin-bottom:0;
  color:var(--story-muted);
  line-height:1.58;
}

.story-roadmap-card em{
  padding:.45rem .7rem;
  border-radius:999px;
  background:var(--story-red-soft);
  color:var(--story-red-dark);
  font-style:normal;
  font-weight:900;
  white-space:nowrap;
}

.story-cta{
  padding:clamp(5.4rem,7.8vw,7.6rem) 0 clamp(5.6rem,8vw,7.9rem);
}

.story-cta-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1.2rem;
  align-items:center;
  padding:clamp(1.35rem,3vw,2.2rem);
  border-radius:var(--story-radius-xl);
  background:linear-gradient(135deg,#fff,#fff0f2);
  border:1px solid var(--story-line);
  box-shadow:var(--story-shadow-md);
}

.story-cta-card::after{
  content:"";
  position:absolute;
  top:-64px;
  right:-42px;
  width:185px;
  height:185px;
  border-radius:50%;
  background:rgba(217,37,46,.11);
}

.story-cta-card h2{
  margin-bottom:.45rem;
  color:var(--story-ink);
  font-size:clamp(1.55rem,2.6vw,2.45rem);
  line-height:1.18;
  letter-spacing:-.035em;
}

.story-cta-card p{
  margin-bottom:0;
  color:var(--story-muted);
  line-height:1.7;
}

.story-reveal{
  opacity:0;
  transform:translateY(28px);
  transition:
    opacity .72s ease var(--story-reveal-delay,0ms),
    transform .72s cubic-bezier(.2,.72,.18,1) var(--story-reveal-delay,0ms);
}

.story-reveal[data-story-reveal="left"]{
  transform:translateX(-34px);
}

.story-reveal[data-story-reveal="right"]{
  transform:translateX(34px);
}

.story-reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}

@keyframes storySoftDrift{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-20px,18px,0) scale(1.04)}
}

@keyframes storyFloatMain{
  0%,100%{margin-top:0}
  50%{margin-top:-10px}
}

@keyframes storyFloatSide{
  0%,100%{margin-top:0}
  50%{margin-top:12px}
}

@keyframes storyFloatBottom{
  0%,100%{margin-bottom:0}
  50%{margin-bottom:-8px}
}

@keyframes storyLineGrow{
  0%,100%{transform:scaleX(.24);opacity:.48}
  50%{transform:scaleX(1);opacity:1}
}

@keyframes storyRoadPulse{
  0%,100%{opacity:.55}
  50%{opacity:1}
}

@media (max-width:991.98px){
  .story-hero-grid,
  .story-split,
  .story-split--reverse,
  .story-cta-card{
    grid-template-columns:1fr;
  }

  .story-title{
    max-width:16ch;
  }

  .story-visual{
    min-height:500px;
  }

  .story-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .story-flow{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .story-flow::before{
    display:none;
  }
}

@media (max-width:767.98px){
  .story-hero{
    padding-top:4rem;
  }

  .story-card-grid,
  .story-flow,
  .story-focus-strip{
    grid-template-columns:1fr;
  }

  .story-roadmap-card{
    grid-template-columns:auto 1fr;
  }

  .story-roadmap-card em{
    grid-column:2;
    justify-self:start;
  }

  .story-cta-card .story-btn{
    justify-self:start;
  }
}

@media (max-width:575.98px){
  .story-section,
  .story-cta{
    padding-block:3.8rem;
  }

  .story-visual{
    min-height:430px;
  }

  .story-photo-card--main{
    inset:4% 9% 23% 0;
  }

  .story-photo-card--side{
    width:52%;
    height:34%;
  }

  .story-photo-card--bottom{
    width:76%;
    height:30%;
  }

  .story-mini-panel{
    left:0;
    bottom:4%;
    width:82%;
  }

  .story-actions .story-btn,
  .story-cta-card .story-btn{
    width:100%;
  }
}

@media (prefers-reduced-motion:reduce){
  .story-page *,
  .story-page *::before,
  .story-page *::after{
    animation:none!important;
    transition:none!important;
  }

  .story-reveal{
    opacity:1;
    transform:none!important;
  }
}


/* 2026-05 light red-white polish */
.story-page section{
  scroll-margin-top:7.5rem;
}

.story-photo-card,
.story-photo-panel,
.story-card,
.story-copy-card,
.story-flow-card,
.story-roadmap-card,
.story-focus-pill,
.story-cta-card{
  border-color:rgba(217,37,46,.14);
}

.story-photo-card figcaption,
.story-photo-panel-caption{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.76);
}

.story-reveal{
  will-change:opacity,transform;
}

/* 2026-05-16 / Hakkımızda + Vizyon görsel büyütme ve üst panel sadeleştirme */
.story-photo-panel--feature{
  min-height:clamp(430px, 40vw, 560px);
  transform:translateZ(0);
}

.story-photo-panel--feature img{
  min-height:clamp(430px, 40vw, 560px);
  transform:scale(1.075);
  transform-origin:center;
}

.story-photo-panel--feature:hover img{
  transform:scale(1.11);
}

.story-photo-panel--feature .story-photo-panel-caption{
  left:1.35rem;
  right:1.35rem;
  bottom:1.35rem;
}

@media (min-width: 992px){
  .story-split:has(.story-photo-panel--feature){
    grid-template-columns:minmax(390px,1.02fr) minmax(0,.98fr);
  }

  .story-split--reverse:has(.story-photo-panel--feature){
    grid-template-columns:minmax(0,.98fr) minmax(390px,1.02fr);
  }
}

@media (max-width: 767.98px){
  .story-photo-panel--feature,
  .story-photo-panel--feature img{
    min-height:390px;
  }
}

/* 2026-05-16b / Hakkımızda + Vizyon: daha akıcı reveal, canlı ama sakin vurgu ritmi */
.story-page{
  --story-ease:cubic-bezier(.16,1,.3,1);
}

.story-page::before{
  animation:storyGridDrift 22s linear infinite;
}

.story-reveal{
  opacity:0;
  transform:translate3d(0,34px,0) scale(.985);
  filter:blur(4px);
  transition:
    opacity .86s ease var(--story-reveal-delay,0ms),
    transform .86s var(--story-ease) var(--story-reveal-delay,0ms),
    filter .86s ease var(--story-reveal-delay,0ms);
  will-change:opacity,transform,filter;
}

.story-reveal[data-story-reveal="left"]{
  transform:translate3d(-42px,18px,0) scale(.985);
}

.story-reveal[data-story-reveal="right"]{
  transform:translate3d(42px,18px,0) scale(.985);
}

.story-reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}

.story-photo-card,
.story-photo-panel,
.story-copy-card,
.story-card,
.story-flow-card,
.story-roadmap-card,
.story-feature-list li,
.story-focus-pill{
  will-change:transform;
}

.story-photo-card img,
.story-photo-panel img{
  transition:transform .95s var(--story-ease), filter .95s ease;
}

.story-photo-panel--feature{
  box-shadow:0 34px 86px rgba(145,24,30,.14);
}

.story-photo-panel--feature::before{
  content:"";
  position:absolute;
  inset:-10% -35%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(108deg, transparent 0 42%, rgba(255,255,255,.46) 49%, transparent 57% 100%);
  transform:translateX(-62%) rotate(-6deg);
  animation:storyFeatureSweep 8.5s ease-in-out infinite;
  mix-blend-mode:screen;
}

.story-photo-panel--feature .story-photo-panel-caption{
  transition:transform .42s var(--story-ease), box-shadow .42s ease, background .42s ease;
}

.story-photo-panel--feature:hover .story-photo-panel-caption{
  transform:translateY(-4px);
  box-shadow:0 22px 46px rgba(145,24,30,.16);
  background:rgba(255,255,255,.95);
}

.story-card,
.story-flow-card,
.story-roadmap-card,
.story-feature-list li,
.story-focus-pill{
  transition:transform .32s var(--story-ease), box-shadow .32s ease, border-color .32s ease, background .32s ease;
}

.story-card:hover,
.story-card.is-active,
.story-flow-card:hover,
.story-flow-card.is-active,
.story-roadmap-card:hover,
.story-roadmap-card.is-active,
.story-feature-list li:hover,
.story-feature-list li.is-active,
.story-focus-pill:hover,
.story-focus-pill.is-active{
  transform:translateY(-5px);
  border-color:rgba(217,37,46,.24);
  box-shadow:0 26px 58px rgba(217,37,46,.12);
}

.story-flow-card,
.story-roadmap-card,
.story-feature-list li{
  overflow:hidden;
}

.story-flow-card::after,
.story-roadmap-card::after,
.story-feature-list li::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:linear-gradient(90deg,var(--story-red-dark),var(--story-red));
  transform:scaleX(.16);
  transform-origin:left;
  opacity:.36;
  transition:transform .38s var(--story-ease), opacity .38s ease;
}

.story-feature-list li::after{
  left:.85rem;
  right:.85rem;
  bottom:.42rem;
  border-radius:999px;
}

.story-flow-card.is-active::after,
.story-flow-card:hover::after,
.story-roadmap-card.is-active::after,
.story-roadmap-card:hover::after,
.story-feature-list li.is-active::after,
.story-feature-list li:hover::after{
  transform:scaleX(1);
  opacity:1;
}

.story-flow-card span,
.story-roadmap-card b,
.story-feature-list b{
  transition:transform .32s var(--story-ease), box-shadow .32s ease;
}

.story-flow-card.is-active span,
.story-flow-card:hover span,
.story-roadmap-card.is-active b,
.story-roadmap-card:hover b,
.story-feature-list li.is-active b,
.story-feature-list li:hover b{
  transform:scale(1.06);
  box-shadow:0 18px 36px rgba(217,37,46,.18);
}

.story-copy-card{
  position:relative;
  overflow:hidden;
}

.story-copy-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at var(--story-card-x, 18%) var(--story-card-y, 12%), rgba(217,37,46,.10), transparent 34%);
  opacity:.74;
  transition:opacity .34s ease;
}

.story-copy-card > *{
  position:relative;
  z-index:1;
}

.story-copy-card:hover::after{
  opacity:1;
}

@keyframes storyFeatureSweep{
  0%,62%{ transform:translateX(-64%) rotate(-6deg); opacity:0; }
  76%{ opacity:.72; }
  100%{ transform:translateX(64%) rotate(-6deg); opacity:0; }
}

@keyframes storyGridDrift{
  to{ background-position:96px 96px, 96px 96px; }
}

@media (prefers-reduced-motion:reduce){
  .story-page::before,
  .story-photo-panel--feature::before{
    animation:none!important;
  }

  .story-reveal{
    filter:none!important;
  }
}

.story-flow-card,
.story-roadmap-card,
.story-feature-list li{
  position:relative;
}

/* === 2026-05-17 / Hakkımızda + Vizyon: üst görseller yazısız ve çerçevesiz === */
.story-page .story-hero .story-photo-card{
  background:transparent!important;
  border:0!important;
  box-shadow:0 24px 76px rgba(145,24,30,.13)!important;
}

.story-page .story-hero .story-photo-card::after{
  display:none!important;
}

.story-page .story-hero .story-photo-card figcaption{
  display:none!important;
}

.story-page .story-hero .story-photo-card img{
  transform:scale(1.01);
}


/* === 2026-05-17b / Hakkımızda + Vizyon: sağ odak, kontrollü hover önizleme ve lightbox uyumu === */
.story-page--about .story-visual,
.story-page--vision .story-visual{
  overflow:visible;
}

.story-page--about .story-photo-card,
.story-page--vision .story-photo-card,
.story-page--about .story-photo-panel--feature,
.story-page--vision .story-photo-panel--feature{
  cursor:zoom-in;
  transform-origin:82% center;
}

.story-page--about .story-photo-card img,
.story-page--about .story-photo-panel--feature img,
.story-page--vision .story-photo-card img,
.story-page--vision .story-photo-panel--feature img{
  object-position:right center;
  background:#fff;
}

@media (hover:hover) and (pointer:fine){
  .story-page--about .story-photo-card,
  .story-page--vision .story-photo-card{
    transition:transform .42s var(--story-ease), scale .42s var(--story-ease), box-shadow .42s ease, filter .42s ease;
  }

  .story-page--about .story-photo-card--main:hover,
  .story-page--vision .story-photo-card--main:hover{
    z-index:18;
    transform:translate3d(var(--story-shift-x-sm),var(--story-shift-y-sm),0) rotate(-.65deg) scale(1.07);
    box-shadow:0 38px 104px rgba(145,24,30,.20)!important;
  }

  .story-page--about .story-photo-card--side:hover,
  .story-page--vision .story-photo-card--side:hover{
    z-index:19;
    transform:translate3d(var(--story-shift-x-rev),var(--story-shift-y-rev),0) rotate(.85deg) scale(1.09);
    box-shadow:0 38px 104px rgba(145,24,30,.20)!important;
  }

  .story-page--about .story-photo-card--bottom:hover,
  .story-page--vision .story-photo-card--bottom:hover{
    z-index:20;
    transform:translate3d(var(--story-shift-x),var(--story-shift-y),0) rotate(.45deg) scale(1.08);
    box-shadow:0 38px 104px rgba(145,24,30,.20)!important;
  }

  .story-page--about .story-photo-card:hover img,
  .story-page--vision .story-photo-card:hover img{
    object-fit:contain;
    object-position:right center;
    transform:scale(1.005)!important;
    filter:saturate(1.04) contrast(1.02);
  }

  .story-page--about .story-photo-panel--feature,
  .story-page--vision .story-photo-panel--feature{
    transition:transform .42s var(--story-ease), box-shadow .42s ease, border-color .42s ease;
  }

  .story-page--about .story-photo-panel--feature:hover,
  .story-page--vision .story-photo-panel--feature:hover{
    z-index:8;
    transform:translateY(-5px) scale(1.036);
    border-color:rgba(217,37,46,.24);
    box-shadow:0 40px 96px rgba(145,24,30,.18)!important;
  }

  .story-page--about .story-photo-panel--feature:hover img,
  .story-page--vision .story-photo-panel--feature:hover img{
    object-fit:contain;
    object-position:right center;
    transform:scale(1.005)!important;
    filter:saturate(1.04) contrast(1.02);
  }

  .story-page--about .story-photo-panel--feature:hover .story-photo-panel-caption,
  .story-page--vision .story-photo-panel--feature:hover .story-photo-panel-caption{
    opacity:0;
    transform:translateY(calc(100% + 1.25rem));
    pointer-events:none;
  }
}

@media (max-width:767.98px){
  .story-page--about .story-photo-card img,
  .story-page--about .story-photo-panel--feature img,
  .story-page--vision .story-photo-card img,
  .story-page--vision .story-photo-panel--feature img{
    object-position:82% center;
  }
}

/* 2026-05-23b / Hakkımızda + Vizyon: mobilde daha akıcı ve hafif animasyon profili */
.story-photo-card,
.story-photo-panel,
.story-copy-card,
.story-card,
.story-flow-card,
.story-roadmap-card,
.story-feature-list li,
.story-focus-pill{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

@media (max-width: 991.98px), (pointer: coarse){
  .story-page::before,
  .story-page::after,
  .story-photo-card--main,
  .story-photo-card--side,
  .story-photo-card--bottom,
  .story-flow::before,
  .story-roadmap::before,
  .story-photo-panel--feature::before{
    animation:none!important;
  }

  .story-photo-panel--feature::before{
    display:none!important;
  }

  .story-reveal,
  .story-reveal[data-story-reveal="left"],
  .story-reveal[data-story-reveal="right"]{
    transform:translate3d(0,20px,0) scale(.995)!important;
    filter:none!important;
    transition:
      opacity .48s ease var(--story-reveal-delay,0ms),
      transform .48s var(--story-ease) var(--story-reveal-delay,0ms)!important;
    will-change:auto;
  }

  .story-reveal.is-visible{
    transform:translate3d(0,0,0) scale(1)!important;
  }

  .story-photo-card,
  .story-photo-panel,
  .story-copy-card,
  .story-card,
  .story-flow-card,
  .story-roadmap-card,
  .story-feature-list li,
  .story-focus-pill{
    will-change:auto;
  }

  .story-photo-card img,
  .story-photo-panel img{
    transition:transform .34s ease, filter .34s ease;
  }

  .story-card:hover,
  .story-flow-card:hover,
  .story-roadmap-card:hover,
  .story-feature-list li:hover,
  .story-focus-pill:hover{
    transform:none;
  }
}

@media (max-width: 575.98px){
  .story-page{
    background:
      radial-gradient(circle at 8% 4%, rgba(217,37,46,.07), transparent 30%),
      linear-gradient(180deg,#fff 0%,#fff8f8 42%,#fff 100%);
  }

  .story-section,
  .story-cta{
    contain:layout paint;
  }
}