:root{--project-green:#0a3029;--project-dark:#071e1a;--project-lime:#c6d936;--project-paper:#f4f5f1}.projects-page{background:var(--project-paper);font-family:Inter,sans-serif}.projects-page main{background:var(--project-paper)}.projects-hero{height:610px;margin:0 12px;border-radius:0 0 34px 34px;overflow:hidden;position:relative;color:#fff}.projects-hero>img{width:100%;height:100%;object-fit:cover}.projects-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,#061d19ed 0,#09241fc0 42%,#0719151f 78%),linear-gradient(0deg,#061814a6,transparent 55%)}.projects-hero__content{position:absolute;left:max(40px,calc((100% - 1240px)/2));top:50%;transform:translateY(-50%);z-index:2}.projects-hero__content>span,.projects-intro>div>span,.project-next>span{color:var(--project-lime);font-size:10px;font-weight:800;letter-spacing:3px}.projects-hero h1{font-size:70px;line-height:1;letter-spacing:-4px;margin:22px 0}.projects-hero h1 em{font-style:normal;font-weight:300;color:#d1ddd8}.projects-hero p{max-width:520px;color:#d0dbd6;font-size:15px;line-height:1.7}.projects-hero__state{position:absolute;right:max(35px,calc((100% - 1240px)/2));bottom:38px;display:flex;gap:13px;align-items:center;font-size:8px;letter-spacing:1.3px;color:#aebdb7}.projects-hero__state i{width:11px;height:11px;border-radius:50%;background:var(--project-lime);box-shadow:0 0 0 7px #c6d93625}.projects-hero__state strong{display:block;color:#fff;margin-top:5px;font-size:10px}.projects-hero__state--done i{width:31px;height:31px;display:grid;place-items:center;color:var(--project-dark);box-shadow:none}
.projects-intro{width:min(1240px,calc(100% - 48px));margin:auto;padding:115px 0 85px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.projects-intro h2{font-size:48px;line-height:1.08;letter-spacing:-2.5px;margin:18px 0 0}.projects-intro>div:last-child>p{max-width:530px;color:#66716c;font-size:15px;line-height:1.8;margin:0 0 30px}.project-switch{display:flex;gap:7px}.project-switch a{padding:12px 18px;border:1px solid #d4dad5;border-radius:24px;color:#52615b;font-size:9px;font-weight:800}.project-switch a.active{background:var(--project-green);border-color:var(--project-green);color:#fff}
.project-list{width:min(1240px,calc(100% - 48px));margin:0 auto 130px}.project-entry{display:grid;grid-template-columns:64% 36%;min-height:570px;margin-bottom:25px;background:#fff;border-radius:22px;overflow:hidden}.project-entry:nth-child(even){grid-template-columns:36% 64%}.project-entry:nth-child(even) .project-entry__image{order:2}.project-entry__image{border:0;padding:0;position:relative;overflow:hidden;cursor:pointer;background:#ddd}.project-entry__image img{width:100%;height:100%;object-fit:cover;transition:.7s}.project-entry__image:hover img{transform:scale(1.035)}.project-entry__image>span{position:absolute;left:24px;bottom:24px;padding:13px 17px;border-radius:23px;background:#fff;color:var(--project-dark);font-size:8px;font-weight:800;letter-spacing:1px}.project-entry__image>span i{margin-left:14px}.project-entry__copy{padding:55px 45px;display:flex;flex-direction:column;justify-content:center}.project-entry__copy>small,.completed-card small{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#86918c}.project-entry__copy h2{font-size:43px;line-height:1.05;letter-spacing:-2px;margin:22px 0}.project-entry__copy>p{color:#6e7873;font-size:13px;line-height:1.75}.project-entry__copy>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;border-top:1px solid #e0e4e0;padding-top:25px}.project-entry__copy>div span{font-size:8px;letter-spacing:1.2px;color:#939b97}.project-entry__copy>div strong{display:block;color:#1a2521;font-size:11px;letter-spacing:0;margin-top:7px}
.completed-grid{width:min(1240px,calc(100% - 48px));margin:0 auto 130px;display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.completed-card{background:#fff;border-radius:21px;overflow:hidden}.completed-card:nth-child(3n){grid-column:span 2;display:grid;grid-template-columns:58% 42%}.completed-card>button{height:390px;width:100%;border:0;padding:0;position:relative;overflow:hidden;cursor:pointer}.completed-card:nth-child(3n)>button{height:520px}.completed-card>button img{width:100%;height:100%;object-fit:cover;transition:.7s}.completed-card:hover>button img{transform:scale(1.04)}.completed-card>button span{position:absolute;right:20px;top:20px;width:43px;height:43px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--project-green)}.completed-card>div{padding:32px 35px 38px;position:relative}.completed-card:nth-child(3n)>div{display:flex;flex-direction:column;justify-content:center;padding:55px}.completed-card h2{font-size:28px;letter-spacing:-1px;margin:14px 0 7px}.completed-card:nth-child(3n) h2{font-size:42px}.completed-card p{font-size:11px;color:#77817c}.completed-card b{position:absolute;right:30px;top:32px;color:#486158;font-size:8px;letter-spacing:1.3px}.completed-card b i{color:var(--project-lime);margin-left:5px}
.project-next{background:var(--project-green);color:#fff;text-align:center;padding:100px 25px}.project-next h2{font-size:46px;line-height:1.08;letter-spacing:-2px;margin:18px 0 34px}.project-next a{display:inline-block;background:var(--project-lime);color:var(--project-dark);border-radius:27px;padding:16px 21px;font-size:10px;font-weight:800}.project-next a i{margin-left:15px}.project-lightbox{position:fixed;z-index:100000;inset:0;background:#06120ff5;display:grid;place-items:center;padding:70px}.project-lightbox[hidden]{display:none}.project-lightbox img{max-width:100%;max-height:82vh;border-radius:12px}.project-lightbox button{position:absolute;right:28px;top:25px;width:48px;height:48px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff12;color:#fff;font-size:25px;cursor:pointer}.project-lightbox p{position:absolute;bottom:24px;color:#fff;font-size:11px;letter-spacing:1px}
@media(max-width:800px){.projects-intro{grid-template-columns:1fr;gap:35px}.project-entry,.project-entry:nth-child(even){grid-template-columns:1fr}.project-entry:nth-child(even) .project-entry__image{order:0}.project-entry__image{min-height:420px}.completed-grid{grid-template-columns:1fr}.completed-card:nth-child(3n){grid-column:auto;display:block}.completed-card:nth-child(3n)>button{height:390px}.completed-card:nth-child(3n)>div{display:block;padding:32px 35px 38px}.completed-card:nth-child(3n) h2{font-size:28px}}@media(max-width:560px){.projects-hero{margin:0;height:560px;border-radius:0 0 24px 24px}.projects-hero__content{left:24px;right:24px}.projects-hero h1{font-size:46px;letter-spacing:-2.5px}.projects-hero__state{right:24px}.projects-intro{padding:80px 0 55px}.projects-intro h2{font-size:37px}.project-switch{overflow:auto}.project-entry__image{min-height:300px}.project-entry__copy{padding:37px 27px;min-height:390px}.project-entry__copy h2{font-size:36px}.completed-card>button,.completed-card:nth-child(3n)>button{height:300px}.completed-card b{position:static;display:block;margin-top:22px}.project-next h2{font-size:36px}.project-lightbox{padding:20px}}

/* Unified Alor image-card palette */
.completed-card{background:#0d2b27;color:#f5f6f1}.completed-card>div{background:#0d2b27}.completed-card h2{color:#f5f6f1}.completed-card p{color:#b8c9c3}.completed-card small,.completed-card b{color:#c6d936}

/* Unified project card modules */
.project-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
}
.project-entry,
.project-entry:nth-child(even){
  display:flex;
  min-width:0;
  min-height:0;
  margin:0;
  flex-direction:column;
  border:1px solid #1d443b;
  border-radius:22px;
  overflow:hidden;
  background:#0d2b27;
  color:#f5f6f1;
  box-shadow:0 14px 36px #08241e24;
  transition:transform .3s ease,box-shadow .3s ease;
}
.project-entry:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 50px #08241e3d;
}
.project-entry:nth-child(even) .project-entry__image{order:0}
.project-entry__image{
  width:100%;
  height:390px;
  min-height:390px;
  flex:0 0 390px;
}
.project-entry__image:after{
  content:"";
  position:absolute;
  inset:55% 0 0;
  background:linear-gradient(transparent,#071f1a9c);
  pointer-events:none;
}
.project-entry__image>span{
  z-index:2;
  left:22px;
  bottom:22px;
  background:#c6d936;
  color:#071f1a;
}
.project-entry__copy{
  min-height:330px;
  padding:34px 35px 32px;
  background:#0d2b27;
  color:#f5f6f1;
  justify-content:flex-start;
}
.project-entry__copy>small{color:#c6d936}
.project-entry__copy h2{
  color:#f5f6f1;
  font-size:31px;
  line-height:1.08;
  letter-spacing:-1.2px;
  margin:16px 0 14px;
}
.project-entry__copy>p{
  color:#b8c9c3;
  font-size:13px;
  line-height:1.72;
  margin:0 0 27px;
}
.project-entry__copy>div{
  width:100%;
  margin-top:auto;
  border-top-color:#ffffff1c;
  padding-top:22px;
}
.project-entry__copy>div span{color:#82978f}
.project-entry__copy>div strong{color:#f5f6f1}

.completed-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
}
.completed-card,
.completed-card:nth-child(3n){
  display:flex;
  min-width:0;
  flex-direction:column;
  grid-column:auto;
  border:1px solid #1d443b;
  border-radius:22px;
  background:#0d2b27;
  box-shadow:0 14px 36px #08241e24;
  transition:transform .3s ease,box-shadow .3s ease;
}
.completed-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 50px #08241e3d;
}
.completed-card>button,
.completed-card:nth-child(3n)>button{
  width:100%;
  height:390px;
  flex:0 0 390px;
}
.completed-card>div,
.completed-card:nth-child(3n)>div{
  min-height:190px;
  padding:31px 34px 34px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  background:#0d2b27;
}
.completed-card h2,
.completed-card:nth-child(3n) h2{
  padding-right:100px;
  color:#f5f6f1;
  font-size:26px;
  line-height:1.15;
  letter-spacing:-.8px;
}
.completed-card p{color:#b8c9c3}
.completed-card b{color:#c6d936}

@media(max-width:800px){
  .project-list,.completed-grid{
    width:calc(100% - 30px);
    grid-template-columns:minmax(0,1fr);
    gap:20px;
  }
  .project-entry,.project-entry:nth-child(even),.completed-card,.completed-card:nth-child(3n){
    width:100%;
    min-width:0;
    border-radius:20px;
  }
  .project-entry__image,.completed-card>button,.completed-card:nth-child(3n)>button{
    height:280px;
    min-height:280px;
    flex-basis:280px;
  }
  .project-entry__copy{
    min-height:0;
    padding:29px 25px 27px;
  }
  .project-entry__copy h2{
    font-size:29px;
    margin:14px 0 13px;
  }
  .project-entry__copy>p{
    font-size:12px;
    line-height:1.7;
    margin-bottom:24px;
  }
  .project-entry__copy>div{
    grid-template-columns:1fr;
    gap:16px;
  }
  .completed-card>div,.completed-card:nth-child(3n)>div{
    min-height:180px;
    padding:27px 25px 29px;
  }
  .completed-card h2,.completed-card:nth-child(3n) h2{
    padding-right:0;
    font-size:23px;
    margin:12px 0 7px;
  }
  .completed-card b{
    position:static;
    margin-top:auto;
    padding-top:18px;
  }
}

/* Restore the original project compositions while retaining the Alor dark palette. */
.project-list{display:block}
.project-entry,.project-entry:nth-child(even){
  display:grid;
  min-height:570px;
  margin:0 0 25px;
  border:0;
  grid-template-columns:64% 36%;
  background:#0d2b27;
  box-shadow:none;
  transform:none;
}
.project-entry:nth-child(even){grid-template-columns:36% 64%}
.project-entry:nth-child(even) .project-entry__image{order:2}
.project-entry:hover{transform:none;box-shadow:none}
.project-entry__image{
  width:auto;
  height:auto;
  min-height:0;
  flex:initial;
}
.project-entry__image:after{display:none}
.project-entry__image>span{
  left:24px;
  bottom:24px;
  background:#c6d936;
  color:#071f1a;
}
.project-entry__copy{
  min-height:0;
  padding:55px 45px;
  justify-content:center;
  background:#0d2b27;
}
.project-entry__copy>small{color:#c6d936}
.project-entry__copy h2{
  color:#f5f6f1;
  font-size:43px;
  line-height:1.05;
  letter-spacing:-2px;
  margin:22px 0;
}
.project-entry__copy>p{color:#b8c9c3;font-size:13px;line-height:1.75}
.project-entry__copy>div{
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:auto;
  border-top-color:#ffffff1c;
  padding-top:25px;
}
.project-entry__copy>div span{color:#82978f}
.project-entry__copy>div strong{color:#f5f6f1}

.completed-grid{grid-template-columns:repeat(2,1fr);gap:25px}
.completed-card{
  display:block;
  border:0;
  background:#0d2b27;
  box-shadow:0 14px 36px #08241e24;
  transform:none;
}
.completed-card:nth-child(3n){
  display:grid;
  grid-column:span 2;
  grid-template-columns:58% 42%;
}
.completed-card:hover{transform:none;box-shadow:0 24px 50px #08241e3d}
.completed-card>button{
  width:100%;
  height:390px;
  min-height:0;
  flex:initial;
}
.completed-card:nth-child(3n)>button{height:520px;min-height:0;flex:initial}
.completed-card>div{
  min-height:0;
  padding:32px 35px 38px;
  display:block;
  background:#0d2b27;
}
.completed-card:nth-child(3n)>div{
  min-height:0;
  padding:55px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.completed-card h2{
  padding-right:0;
  color:#f5f6f1;
  font-size:28px;
  letter-spacing:-1px;
  margin:14px 0 7px;
}
.completed-card:nth-child(3n) h2{padding-right:0;font-size:42px}
.completed-card p{color:#b8c9c3}
.completed-card small,.completed-card b{color:#c6d936}

@media(max-width:800px){
  .project-list,.completed-grid{width:calc(100% - 30px)}
  .project-entry,.project-entry:nth-child(even){
    display:grid;
    min-height:0;
    grid-template-columns:minmax(0,1fr);
  }
  .project-entry:nth-child(even) .project-entry__image{order:0}
  .project-entry__image{height:auto;min-height:420px}
  .project-entry__copy{min-height:390px;padding:37px 27px}
  .project-entry__copy h2{font-size:36px}
  .project-entry__copy>div{grid-template-columns:1fr 1fr;gap:10px}
  .completed-grid{grid-template-columns:minmax(0,1fr)}
  .completed-card:nth-child(3n){display:block;grid-column:auto}
  .completed-card>button,.completed-card:nth-child(3n)>button{height:300px}
  .completed-card>div,.completed-card:nth-child(3n)>div{
    min-height:0;
    padding:32px 35px 38px;
    display:block;
  }
  .completed-card h2,.completed-card:nth-child(3n) h2{font-size:28px}
  .completed-card b{position:static;display:block;margin-top:22px;padding-top:0}
}
@media(max-width:560px){
  .project-entry__image{min-height:300px}
}

/* Apply the approved green card treatment to every project without exception. */
.projects-page .project-entry,
.projects-page .completed-card,
.projects-page .completed-card:nth-child(3n){
  overflow:hidden;
  border:1px solid #1d443b;
  border-radius:22px;
  background:#0d2b27;
  box-shadow:0 18px 42px #08241e2b;
  transition:box-shadow .3s ease;
}
.projects-page .project-entry:hover,
.projects-page .completed-card:hover,
.projects-page .completed-card:nth-child(3n):hover{
  box-shadow:0 27px 58px #08241e40;
}
.projects-page .project-entry__copy,
.projects-page .completed-card>div,
.projects-page .completed-card:nth-child(3n)>div{
  background:#0d2b27;
  color:#f5f6f1;
}
.projects-page .project-entry__copy>small,
.projects-page .completed-card small,
.projects-page .completed-card b{
  color:#c6d936;
}
.projects-page .project-entry__copy h2,
.projects-page .completed-card h2,
.projects-page .completed-card:nth-child(3n) h2{
  color:#f5f6f1;
}
.projects-page .project-entry__copy>p,
.projects-page .completed-card p{
  color:#b8c9c3;
}
.projects-page .project-entry__copy>div{
  border-top-color:#ffffff1c;
}
.projects-page .project-entry__copy>div span{color:#82978f}
.projects-page .project-entry__copy>div strong{color:#f5f6f1}
.projects-page .project-entry__image>span,
.projects-page .completed-card>button>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  height:44px;
  min-width:154px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  background:#c6d936;
  color:#071f1a;
  font:800 8px/1 Inter,sans-serif;
  letter-spacing:1px;
  box-shadow:0 10px 24px #061d1842;
  transition:background .25s ease,transform .25s ease;
}
.projects-page .project-entry__image:hover>span,
.projects-page .completed-card>button:hover>span{
  background:#d9e957;
  transform:translateY(-2px);
}
.projects-page .completed-card>button>span{
  left:20px;
  right:auto;
  top:auto;
  bottom:20px;
}
.projects-page .completed-card>button>span:before{
  content:"GÖRSELİ İNCELE";
}
.projects-page .completed-card>button>span i{
  margin-left:12px;
  font-size:9px;
}

@media(max-width:800px){
  .projects-page .project-entry,
  .projects-page .completed-card,
  .projects-page .completed-card:nth-child(3n){
    width:100%;
    border-radius:20px;
    box-shadow:0 15px 34px #08241e2e;
  }
  .projects-page .project-entry__image>span{
    left:18px;
    bottom:18px;
    min-width:148px;
    height:42px;
    padding:12px 15px;
  }
  .projects-page .completed-card>button>span{
    left:16px;
    right:auto;
    top:auto;
    bottom:16px;
    width:auto;
    height:42px;
    min-width:148px;
  }
}