/* Projelerimiz — page-specific layout */

.page-projeler .page-hero p{
  max-width:650px;
}

/* Featured project */
.featured-project{
  padding:112px 0;
  background:
    radial-gradient(circle at 8% 12%,rgba(138,119,108,.09),transparent 25%),
    var(--bg);
}
.featured-project .container{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  gap:clamp(48px,7vw,88px);
  align-items:center;
}
.featured-project-image{
  position:relative;
  isolation:isolate;
  aspect-ratio:16/10;
  overflow:hidden;
  border:1px solid rgba(57,75,106,.12);
  border-radius:30px;
  background:var(--bg-muted);
  box-shadow:0 30px 70px rgba(42,58,87,.16);
}
.featured-project-image::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 64%,rgba(30,42,64,.22));
}
.featured-project-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s cubic-bezier(.2,.8,.2,1);
}
.featured-project-image:hover img{transform:scale(1.035)}
.featured-project-content{max-width:520px}
.project-tag{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:7px 13px;
  border:1px solid rgba(138,119,108,.2);
  border-radius:999px;
  background:var(--accent-glow);
  color:var(--accent-dark);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.25px;
  line-height:1.3;
  text-transform:uppercase;
}
.featured-project-content .project-tag{margin-bottom:20px}
.featured-project-content h2{
  margin:0 0 20px;
  color:var(--primary);
  font-size:clamp(30px,3.1vw,46px);
  font-weight:800;
  letter-spacing:-.04em;
  line-height:1.12;
}
.featured-project-content p{
  margin:0 0 30px;
  color:var(--text-secondary);
  font-size:16px;
  line-height:1.8;
}
.featured-project-content .btn-primary svg{width:18px;height:18px}

/* Project cards */
.projects-section{
  padding:112px 0;
  background:linear-gradient(180deg,var(--bg-soft),#f0f3f7);
}
.projects-section .text-center{max-width:760px;margin:0 auto}
.projects-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:30px;
  margin-top:52px;
}
.project-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(57,75,106,.1);
  border-radius:26px;
  background:#fff;
  box-shadow:0 14px 44px rgba(42,58,87,.07);
  transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);
}
.project-card:hover{
  transform:translateY(-7px);
  border-color:rgba(138,119,108,.36);
  box-shadow:0 26px 65px rgba(42,58,87,.14);
}
.project-card-image{
  aspect-ratio:16/9;
  overflow:hidden;
  background:var(--bg-muted);
}
.project-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .65s cubic-bezier(.2,.8,.2,1);
}
.project-card:hover .project-card-image img{transform:scale(1.045)}
.project-card-body{
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  padding:30px 32px 32px;
}
.project-card-body .project-tag{margin-bottom:16px}
.project-card-body h3{
  margin:0 0 12px;
  color:var(--primary);
  font-size:22px;
  font-weight:800;
  letter-spacing:-.025em;
  line-height:1.3;
}
.project-card-body p{
  flex:1;
  margin:0 0 24px;
  color:var(--text-secondary);
  font-size:14px;
  line-height:1.75;
}
.project-card-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--accent-dark);
  font-size:14px;
  font-weight:750;
  transition:gap var(--transition),color var(--transition);
}
.project-card:hover .project-card-link{gap:11px;color:var(--primary)}
.project-card-link svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
}

/* Project proposal */
.cta-banner{
  position:relative;
  overflow:hidden;
  margin:0 20px 80px;
  padding:92px 0;
  border-radius:38px;
  background:linear-gradient(135deg,var(--primary-dark),var(--primary) 58%,#506687);
  color:var(--text-on-dark);
  text-align:center;
}
.cta-banner-pattern{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.14;
  background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.55) 1px,transparent 0);
  background-size:25px 25px;
}
.cta-banner-glow,
.cta-banner::after{
  content:'';
  position:absolute;
  top:-250px;
  right:-100px;
  width:650px;
  height:650px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(180,155,138,.25),transparent 68%);
  pointer-events:none;
}
.cta-banner .container{position:relative;z-index:2;max-width:760px}
.cta-banner .section-label{color:var(--accent-light)}
.cta-banner .section-title,
.cta-banner h2{color:#fff}
.cta-banner .stroke-text{color:rgba(255,255,255,.32)}
.cta-banner .section-desc,
.cta-banner p{color:var(--text-on-dark-muted)}
.cta-banner .btn-accent{margin-top:32px;padding:15px 30px}
.cta-banner .btn-accent svg{width:18px;height:18px}

@media(max-width:1024px){
  .featured-project{padding:88px 0}
  .featured-project .container{grid-template-columns:1fr;gap:44px}
  .featured-project-image{max-width:800px}
  .featured-project-content{max-width:720px}
}

@media(max-width:768px){
  .featured-project,.projects-section{padding:72px 0}
  .featured-project .container{gap:36px}
  .featured-project-image{border-radius:22px}
  .projects-grid{grid-template-columns:1fr;gap:22px;margin-top:38px}
  .project-card{border-radius:22px}
  .project-card-body{padding:25px 24px 27px}
  .cta-banner{margin:0 12px 56px;padding:68px 0;border-radius:28px}
}

@media(max-width:480px){
  .featured-project,.projects-section{padding:60px 0}
  .featured-project-content h2{font-size:29px}
  .featured-project-content p{font-size:15px}
  .project-card-body h3{font-size:20px}
  .cta-banner{margin-right:8px;margin-left:8px;border-radius:22px}
}

@media(prefers-reduced-motion:reduce){
  .featured-project-image img,.project-card,.project-card-image img{transition:none}
  .featured-project-image:hover img,.project-card:hover,.project-card:hover .project-card-image img{transform:none}
}