.project-reference { background: #faf9f6; }

.pd-page { --pd-navy:#071a35; --pd-red:#e0212a; --pd-paper:#faf9f6; --pd-alt:#f5f3ef; --pd-line:#dddcd8; --pd-copy:#435268; overflow:clip; color:var(--pd-navy); background:var(--pd-paper); font-family:'Inter',Arial,sans-serif; }
.pd-page *,.pd-page *::before,.pd-page *::after { box-sizing:border-box; }
.pd-page img { display:block; width:100%; height:100%; object-fit:cover; }
.pd-shell { width:min(90%,1450px); margin-inline:auto; }

.pd-hero { position:relative; height:clamp(350px,28vw,520px); min-height:350px; display:flex; align-items:center; isolation:isolate; overflow:hidden; color:#fff; background:#091b2e; }
.pd-hero > img,.pd-hero-overlay { position:absolute; inset:0; }
.pd-hero > img { z-index:-2; object-position:center 52%; }
.pd-hero-overlay { z-index:-1; background:linear-gradient(90deg,rgba(4,19,35,.84),rgba(4,19,35,.38) 48%,rgba(4,19,35,.08)); }
.pd-hero-copy h1 { margin:0; color:#fff; font-size:clamp(42px,4.2vw,70px); font-weight:800; letter-spacing:-.045em; }
.pd-hero-copy i { display:block; width:42px; height:3px; margin:16px 0; background:var(--pd-red); }
.pd-hero-copy p { color:rgba(255,255,255,.9); font-size:clamp(15px,1.3vw,21px); line-height:1.45; }

.pd-intro { padding:55px 0 35px; border-bottom:1px solid var(--pd-line); background:#faf7f4; }
.pd-intro-grid { display:grid; grid-template-columns:.72fr 1.5fr; gap:70px; align-items:center; }
.pd-intro-copy h2 { margin:0 0 16px; font-size:clamp(28px,2.7vw,45px); font-weight:800; letter-spacing:-.035em; line-height:1.1; }
.pd-intro-copy p { margin:0 0 7px; color:var(--pd-copy); font-size:12px; line-height:1.65; }
.pd-intro-image { height:320px; }
.pd-intro-image img { object-fit:contain; mix-blend-mode:multiply; }

.pd-process { padding:32px 0 44px; border-bottom:1px solid var(--pd-line); background:#fbfaf7; }
.pd-process h2,.pd-disciplines > .pd-shell > h2,.pd-delivery > .pd-shell > h2 { margin-bottom:24px; font-size:23px; font-weight:800; }
.pd-process-flow { display:grid; grid-template-columns:1fr 120px 1fr 120px 1fr 120px 1fr; align-items:start; }
.pd-process-flow article { text-align:center; }
.pd-process-flow article > span { width:58px; height:58px; display:grid; place-items:center; margin:0 auto 12px; border:1.5px solid var(--pd-red); border-radius:50%; color:var(--pd-red); background:#fff; }
.pd-process-flow svg { width:32px; height:32px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.pd-process-flow h3 { margin-bottom:5px; font-size:11px; font-weight:800; }
.pd-process-flow p { max-width:190px; margin:auto; color:var(--pd-copy); font-size:9px; line-height:1.45; }
.pd-process-flow > i { position:relative; height:1.5px; margin-top:29px; background:var(--pd-red); }
.pd-process-flow > i::after { content:''; position:absolute; top:-3px; left:50%; width:7px; height:7px; border-radius:50%; background:var(--pd-red); }

.pd-disciplines { padding:28px 0 34px; background:#fff; border-bottom:1px solid var(--pd-line); }
.pd-discipline-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.pd-discipline-grid article { min-height:240px; display:flex; flex-direction:column; padding:20px 20px 18px; border:1px solid #d9d9d6; background:var(--pd-alt); transition:transform .25s ease, box-shadow .25s ease; }
.pd-discipline-grid article:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.06); }
.pd-discipline-grid svg { width:100%; height:82px; margin-bottom:14px; fill:none; stroke:#08263d; stroke-linecap:round; stroke-linejoin:round; }
.pd-discipline-grid h3 { margin:0 0 8px; font-size:13.5px; font-weight:800; color:#08263d; line-height:1.2; }
.pd-discipline-grid p { margin:0; color:#4a5d6e; font-size:10.5px; line-height:1.52; }
.pd-discipline-grid article > i { display:block; width:34px; height:2px; margin-top:auto; padding-top:14px; border-bottom:2px solid var(--pd-red); }

.pd-engineering-row { padding:28px 0; border-bottom:1px solid var(--pd-line); background:#faf8f4; }
.pd-engineering-row--alt { background:#faf8f4; }
.pd-engineering-grid { display:grid; grid-template-columns:.68fr 1.05fr 1.55fr; gap:32px; align-items:center; }
.pd-engineering-row header > i { display:block; width:54px; height:2px; margin-bottom:18px; background:linear-gradient(90deg,var(--pd-red) 0 8px,transparent 8px 22px,var(--pd-red) 22px 54px); }
.pd-engineering-row header h2 { margin:0 0 14px; font-size:20px; font-weight:800; line-height:1.15; }
.pd-engineering-row header p { max-width:250px; color:var(--pd-copy); font-size:10px; line-height:1.55; }
.pd-engineering-row figure { height:245px; overflow:hidden; }
.pd-engineering-row figure img { object-fit:contain; mix-blend-mode:multiply; }
.pd-bullets { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.pd-bullets ul { list-style:none; }
.pd-bullets li { position:relative; margin-bottom:13px; padding-left:14px; }
.pd-bullets li::before { content:'›'; position:absolute; left:0; top:-2px; color:var(--pd-red); font-size:18px; font-weight:900; }
.pd-bullets b { display:block; margin-bottom:3px; font-size:10px; font-weight:800; line-height:1.3; }
.pd-bullets span { display:block; color:var(--pd-copy); font-size:8.5px; line-height:1.4; }

.pd-delivery { padding:30px 0 10px; background:#fff; }
.pd-delivery-grid { display:grid; grid-template-columns:repeat(5,1fr); margin-bottom:28px; }
.pd-delivery-grid article { min-height:90px; display:grid; grid-template-columns:55px 1fr; gap:13px; align-items:center; padding:10px 18px; border-right:1px solid var(--pd-line); }
.pd-delivery-grid article:last-child { border-right:0; }
.pd-delivery-grid svg { width:48px; height:48px; fill:none; stroke:var(--pd-navy); stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round; }
.pd-delivery-grid h3 { margin-bottom:5px; font-size:10px; font-weight:800; }
.pd-cta { min-height:190px; display:grid; grid-template-columns:1fr 1.05fr; align-items:center; overflow:hidden; border:none; border-radius:6px; background:#ffffff; }
.pd-cta > img { height:190px; object-fit:contain; mix-blend-mode:multiply; }
.pd-cta > div { padding:25px 45px; }
.pd-cta h2 { margin:0 0 20px; font-size:clamp(23px,2.3vw,37px); line-height:1.15; }
.pd-cta a { min-width:210px; min-height:47px; display:inline-flex; align-items:center; justify-content:space-between; gap:20px; padding:0 18px; color:#fff; background:var(--pd-red); font-size:11px; font-weight:700; }
.pd-cta a span { font-size:20px; }

/* Slow Scroll Reveal System for Projelendirme */
.pd-hero-copy,
.pd-intro-grid > div,
.pd-process-flow article,
.pd-discipline-grid article,
.pd-engineering-grid > *,
.pd-delivery-grid article,
.pd-cta,
.vln-scroll-target,
[data-reveal] {
  opacity: 0;
  transform: translateY(45px) scale(0.98);
  filter: blur(3px);
  transition: opacity 1.15s cubic-bezier(0.16, 1, 0.3, 1),
              transform 1.30s cubic-bezier(0.16, 1, 0.3, 1),
              filter 1.15s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform, filter;
}

.pd-hero-copy.is-revealed,
.pd-intro-grid > div.is-revealed,
.pd-process-flow article.is-revealed,
.pd-discipline-grid article.is-revealed,
.pd-engineering-grid > *.is-revealed,
.pd-delivery-grid article.is-revealed,
.pd-cta.is-revealed,
.vln-scroll-target.is-visible,
.vln-scroll-target.is-revealed,
[data-reveal].is-visible,
[data-reveal].is-revealed {
  opacity: 1 !important;
  transform: none !important;
  filter: blur(0) !important;
}

@media(max-width:1100px){
  .pd-intro-grid { grid-template-columns:1fr; gap:25px; }
  .pd-intro-image { height:360px; }
  .pd-process-flow { grid-template-columns:repeat(4,1fr); gap:18px; }
  .pd-process-flow > i { display:none; }
  .pd-discipline-grid { grid-template-columns:1fr 1fr; }
  .pd-engineering-grid { grid-template-columns:.7fr 1.3fr; }
  .pd-bullets { grid-column:1/-1; padding-top:15px; border-top:1px solid var(--pd-line); }
  .pd-delivery-grid { grid-template-columns:1fr 1fr; }
  .pd-delivery-grid article { border-bottom:1px solid var(--pd-line); }
}

@media(max-width:760px){
  .pd-shell { width:calc(100% - 32px); }
  .pd-hero { min-height:430px; padding-top:70px; }
  .pd-hero > img { object-position:60% center; }
  .pd-intro { padding-top:45px; }
  .pd-intro-image { height:260px; }
  .pd-process-flow { grid-template-columns:1fr 1fr; gap:30px 15px; }
  .pd-discipline-grid { grid-template-columns:1fr; }
  .pd-engineering-grid { grid-template-columns:1fr; gap:22px; }
  .pd-engineering-row figure { height:260px; }
  .pd-bullets { grid-column:auto; grid-template-columns:1fr; gap:0; }
  .pd-delivery-grid { grid-template-columns:1fr; }
  .pd-delivery-grid article { border-right:0; }
  .pd-cta { grid-template-columns:1fr; }
  .pd-cta > img { height:170px; }
  .pd-cta > div { padding:25px; }
  .pd-cta a { width:100%; }
}

@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}