/* PROJE DETAY - sayfa ozel stiller */

.project-hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;padding:0 3rem 4rem;border-bottom:1px solid var(--black);background:var(--black);overflow:hidden}
.project-hero-bg{position:absolute;inset:0;opacity:.45}
.project-hero-bg img{width:100%;height:100%;object-fit:cover}
.project-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.2) 60%)}
.project-hero-content{position:relative;z-index:2;max-width:980px}
.project-breadcrumb{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:1.8rem;display:flex;gap:.75rem;align-items:center}
.project-breadcrumb a{color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s}
.project-breadcrumb a:hover{color:rgba(255,255,255,.9)}
.project-title{font-family:var(--font-heading);font-size:clamp(2.2rem,7vw,6.8rem);font-weight:800;line-height:.92;letter-spacing:-.03em;color:var(--white);overflow:hidden}
.project-title .line{display:block;overflow:hidden}
.project-title .word{display:inline-block;transform:translateY(110%)}
.project-sub{margin-top:1rem;font-size:.85rem;line-height:1.75;color:rgba(255,255,255,.72);max-width:640px}

.project-meta{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--black)}
.project-meta-item{padding:2.2rem 2rem;border-right:1px solid var(--black)}
.project-meta-item:last-child{border-right:none}
.project-meta-label{font-size:.58rem;letter-spacing:.17em;text-transform:uppercase;color:var(--gray-400);margin-bottom:.6rem}
.project-meta-value{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;letter-spacing:-.01em}

.project-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;border-bottom:1px solid var(--black)}
.project-main{padding:4.2rem 4rem;border-right:1px solid var(--black)}
.project-side{padding:4.2rem 3rem;background:var(--gray-100)}
.section-label{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-400);margin-bottom:1.2rem}
.project-main h2{font-family:var(--font-heading);font-size:clamp(1.3rem,2.4vw,2rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0 0 1.2rem}
.project-main p{font-size:.96rem;line-height:1.9;color:#444;max-width:800px;margin:0 0 1rem}
.project-main .block{padding-bottom:2.2rem;margin-bottom:2.2rem;border-bottom:1px solid var(--gray-200)}
.project-main .block:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}

.side-group{margin-bottom:2.4rem}
.side-group:last-child{margin-bottom:0}
.side-title{font-family:var(--font-heading);font-size:.92rem;font-weight:800;letter-spacing:-.01em;margin-bottom:.9rem}
.badge-list{display:flex;gap:.5rem;flex-wrap:wrap}
.badge{font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;border:1px solid var(--gray-200);padding:.4rem .72rem;color:var(--gray-400);background:var(--white)}
.stack-list{list-style:none}
.stack-list li{font-size:.8rem;color:#555;line-height:1.65;padding:.45rem 0;border-bottom:1px solid var(--gray-200)}
.stack-list li:last-child{border-bottom:none}

.project-gallery{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--black)}
.gallery-item{position:relative;overflow:hidden;border-right:1px solid var(--black);min-height:360px}
.gallery-item:last-child{border-right:none}
.gallery-item img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform .8s cubic-bezier(.25,.46,.45,.94)}
.gallery-item:hover img{transform:scale(1.09)}
.gallery-cap{position:absolute;left:1.2rem;bottom:1rem;font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}

.next-project{display:flex;justify-content:space-between;align-items:center;padding:2.8rem 4rem;border-bottom:1px solid var(--black);background:var(--black);color:var(--white)}
.next-project-label{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.next-project-link{font-family:var(--font-heading);font-size:clamp(1.1rem,2.5vw,2rem);font-weight:800;color:var(--white);text-decoration:none;letter-spacing:-.02em;display:flex;gap:1rem;align-items:center}
.next-project-link span{transition:transform .25s}
.next-project-link:hover span{transform:translateX(6px)}

@media(max-width:1024px){
  .project-meta{grid-template-columns:repeat(2,1fr)}
  .project-meta-item:nth-child(2){border-right:none}
  .project-meta-item:nth-child(1),.project-meta-item:nth-child(2){border-bottom:1px solid var(--black)}
  .project-layout{grid-template-columns:1fr}
  .project-main{border-right:none;border-bottom:1px solid var(--black)}
}

@media(max-width:768px){
  .project-hero{padding:0 1.5rem 3rem;min-height:62vh}
  .project-main{padding:3rem 1.5rem}
  .project-side{padding:3rem 1.5rem}
  .project-gallery{grid-template-columns:1fr}
  .gallery-item{border-right:none;border-bottom:1px solid var(--black);min-height:280px}
  .gallery-item:last-child{border-bottom:none}
  .next-project{padding:2rem 1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}
}

/* ════════════════════════════════════════════
   PS — Proje Detay v2 (Yeni Tasarım)
   ════════════════════════════════════════════ */

/* ── HERO ─────────────────────────────────── */
.ps-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 3rem 5.5rem;border-bottom:1px solid var(--black);overflow:hidden;background:var(--black)}
.ps-slides{position:absolute;inset:0}
.ps-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.ps-slide.active{opacity:1}
.ps-slide img,.ps-slide video{width:100%;height:100%;object-fit:cover}
.ps-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78) 18%,rgba(0,0,0,.28) 60%);z-index:1}
.ps-hero-content{position:relative;z-index:2;max-width:1100px}
.ps-breadcrumb{font-size:.54rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:2.2rem;display:flex;gap:.7rem;align-items:center}
.ps-breadcrumb a{color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s}
.ps-breadcrumb a:hover{color:rgba(255,255,255,.85)}
.ps-eyebrow{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.52);margin-bottom:1.6rem;display:flex;gap:2.2rem}
.ps-title{font-family:var(--font-heading);font-size:clamp(3rem,8vw,8rem);font-weight:800;color:var(--white);line-height:.9;letter-spacing:-.03em}
.ps-title .line{display:block;overflow:hidden}
.ps-title .word{display:inline-block;transform:translateY(110%)}
.ps-sub{margin-top:1.6rem;font-size:.94rem;line-height:1.82;color:rgba(255,255,255,.62);max-width:580px}
.ps-dots{position:absolute;right:3rem;bottom:5.5rem;z-index:2;display:flex;flex-direction:column;gap:.5rem;align-items:center}
.ps-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3);cursor:none;transition:background .3s,transform .3s}
.ps-dot.active{background:var(--white);transform:scale(1.3)}

/* ── META BAR ─────────────────────────────── */
.ps-meta{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--black)}
.ps-meta-item{padding:2.2rem 2.5rem;border-right:1px solid var(--black)}
.ps-meta-item:last-child{border-right:none}
.ps-meta-label{font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-400);margin-bottom:.55rem}
.ps-meta-value{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;letter-spacing:-.01em}

/* ── TECH GRID ────────────────────────────── */
.ps-tech{border-bottom:1px solid var(--black)}
.ps-tech-header{padding:2.4rem 3rem;border-bottom:1px solid var(--black);display:flex;justify-content:space-between;align-items:center}
.ps-tech-header-left{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gray-400)}
.ps-tech-header-right{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-400)}
.ps-tech-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.ps-tech-item{padding:2.6rem 2.5rem;border-right:1px solid var(--black);border-bottom:1px solid var(--black);display:flex;flex-direction:column;justify-content:space-between;gap:1.8rem;cursor:none;position:relative;overflow:hidden}
.ps-tech-item:nth-child(4n){border-right:none}
.ps-tech-item::after{content:'';position:absolute;inset:0;background:var(--black);transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.77,0,.175,1);z-index:0}
.ps-tech-item:hover::after{transform:scaleY(1)}
.ps-tech-item>*{position:relative;z-index:1}
.ps-tech-num{font-family:var(--font-heading);font-size:.56rem;letter-spacing:.14em;color:var(--gray-400);transition:color .35s}
.ps-tech-item:hover .ps-tech-num{color:rgba(255,255,255,.35)}
.ps-tech-name{font-family:var(--font-heading);font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;transition:color .35s}
.ps-tech-item:hover .ps-tech-name{color:var(--white)}

/* ── TWO-COL DETAIL ───────────────────────── */
.ps-detail{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--black);min-height:80vh}
.ps-detail-text{padding:6rem 4.5rem;border-right:1px solid var(--black);display:flex;flex-direction:column;justify-content:center}
.ps-section-label{font-size:.54rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:1.6rem}
.ps-detail-text h2{font-family:var(--font-heading);font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:800;line-height:1.02;letter-spacing:-.03em;margin-bottom:2.5rem;overflow:hidden}
.ps-detail-block{padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--gray-200)}
.ps-detail-block:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
.ps-detail-block-num{font-size:.54rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gray-400);margin-bottom:.7rem}
.ps-detail-block h3{font-family:var(--font-heading);font-size:1rem;font-weight:800;letter-spacing:-.01em;margin-bottom:.75rem}
.ps-detail-block p{font-size:.92rem;line-height:1.88;color:#444}
.ps-detail-visual{position:relative;overflow:hidden;background:var(--gray-100)}
.ps-detail-visual img,.ps-detail-visual video{width:100%;height:100%;object-fit:cover;display:block}
.ps-detail-visual-label{position:absolute;left:1.5rem;bottom:1.5rem;font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.65)}

/* ── METRO GALLERY ────────────────────────── */
.ps-gallery{border-bottom:1px solid var(--black)}
.ps-gallery-header{padding:2.4rem 3rem;border-bottom:1px solid var(--black);display:flex;justify-content:space-between;align-items:center}
.ps-gallery-header-left{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gray-400)}
.ps-gallery-header-right{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-400)}
.ps-metro{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:320px;grid-auto-flow:row dense;gap:12px;padding:2rem 3rem}
.ps-gi{position:relative;overflow:hidden;border-radius:14px;cursor:none}
.ps-gi img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1s cubic-bezier(.25,.46,.45,.94)}
.ps-gi:hover img{transform:scale(1.11)}
.ps-gi-overlay{position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .5s}
.ps-gi:hover .ps-gi-overlay{background:rgba(0,0,0,.12)}
.ps-gi-cap{position:absolute;left:1.4rem;bottom:1.2rem;font-size:.53rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7);pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.ps-gi:hover .ps-gi-cap{opacity:1;transform:translateY(0)}
/* Metro modifiers */
.ps-gi--w2{grid-column:span 2}
.ps-gi--h2{grid-row:span 2}

/* ── NEXT PROJECT ─────────────────────────── */
.ps-next{display:flex;justify-content:space-between;align-items:center;padding:3.2rem 4rem;border-bottom:1px solid var(--black);background:var(--black);color:var(--white);text-decoration:none;cursor:none;transition:opacity .3s}
.ps-next:hover{opacity:.88}
.ps-next-label{font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-bottom:.5rem}
.ps-next-title{font-family:var(--font-heading);font-size:clamp(1.2rem,2.8vw,2.2rem);font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:1rem}
.ps-next-title span{transition:transform .25s}
.ps-next:hover .ps-next-title span{transform:translateX(7px)}
.ps-next-year{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3)}

/* ── RESPONSIVE ───────────────────────────── */
@media(max-width:1280px){
  .ps-tech-grid{grid-template-columns:repeat(3,1fr)}
  .ps-tech-item:nth-child(4n){border-right:1px solid var(--black)}
  .ps-tech-item:nth-child(3n){border-right:none}
}
@media(max-width:1024px){
  .ps-meta{grid-template-columns:repeat(2,1fr)}
  .ps-meta-item:nth-child(2){border-right:none}
  .ps-meta-item:nth-child(1),.ps-meta-item:nth-child(2){border-bottom:1px solid var(--black)}
  .ps-detail{grid-template-columns:1fr;min-height:auto}
  .ps-detail-text{border-right:none;border-bottom:1px solid var(--black);padding:4.5rem 3.5rem}
  .ps-detail-visual{min-height:480px}
  .ps-tech-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .ps-hero{padding:0 1.5rem 4.5rem;min-height:100svh}
  .ps-dots{display:none}
  .ps-eyebrow{flex-wrap:wrap;gap:1rem}
  .ps-meta{grid-template-columns:repeat(2,1fr)}
  .ps-meta-item:nth-child(even){border-right:none}
  .ps-meta-item{padding:1.8rem 1.5rem}
  .ps-tech-grid{grid-template-columns:repeat(2,1fr)}
  .ps-tech-item:nth-child(3n){border-right:1px solid var(--black)}
  .ps-tech-item:nth-child(2n){border-right:none}
  .ps-tech-item:nth-child(4n){border-right:none}
  .ps-detail-text{padding:3.5rem 1.5rem}
  .ps-detail-visual{min-height:320px}
  .ps-metro{grid-template-columns:repeat(2,1fr);grid-auto-rows:240px;gap:8px;padding:1.5rem}
  .ps-gi--w2{grid-column:span 2}
  .ps-gallery-header,.ps-tech-header{padding:2rem 1.5rem}
  .ps-next{padding:2.2rem 1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}
}