: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;
  }
}

/* 2026 compact portfolio redesign: balanced imagery and 14–19 px card typography. */
.projects-page .projects-hero{
  height:520px;
}
.projects-page .projects-hero__content>span,
.projects-page .projects-hero__state,
.projects-page .projects-hero__state strong{
  font-size:14px;
}
.projects-page .projects-hero__state strong{margin-top:4px}
.projects-page .projects-intro{
  width:min(1180px,calc(100% - 48px));
  padding:82px 0 58px;
}
.projects-page .projects-intro>div>span{font-size:14px;letter-spacing:2px}
.projects-page .projects-intro>div:last-child>p{font-size:16px;line-height:1.65}
.projects-page .project-switch a{
  min-height:44px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  font-size:14px;
}

.projects-page.projects-page--ongoing .project-list{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto 105px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  counter-reset:ongoing-project;
}
.projects-page.projects-page--ongoing .project-entry,
.projects-page.projects-page--ongoing .project-entry:nth-child(even){
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  min-height:0;
  margin:0;
  border:1px solid #1d443b;
  border-radius:18px;
  background:#0d2b27;
  box-shadow:0 14px 34px rgba(8,36,30,.13);
  counter-increment:ongoing-project;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.projects-page.projects-page--ongoing .project-entry:hover{
  transform:translateY(-5px);
  border-color:#42665c;
  box-shadow:0 23px 48px rgba(8,36,30,.22);
}
.projects-page.projects-page--ongoing .project-entry:before{
  content:"0" counter(ongoing-project);
  position:absolute;
  z-index:4;
  top:18px;
  left:18px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.42);
  border-radius:50%;
  background:rgba(7,30,26,.72);
  color:#fff;
  font:700 14px/1 Inter,sans-serif;
  backdrop-filter:blur(8px);
}
.projects-page.projects-page--ongoing .project-entry:nth-child(even) .project-entry__image{order:0}
.projects-page.projects-page--ongoing .project-entry__image{
  width:100%;
  height:290px;
  min-height:290px;
  border-radius:0;
}
.projects-page.projects-page--ongoing .project-entry__image:after{
  display:block;
  inset:52% 0 0;
  background:linear-gradient(transparent,rgba(7,31,26,.72));
}
.projects-page.projects-page--ongoing .project-entry__image>span{
  left:auto;
  right:18px;
  bottom:18px;
  min-width:0;
  height:42px;
  padding:0 17px;
  font-size:14px;
  letter-spacing:0;
}
.projects-page.projects-page--ongoing .project-entry__copy{
  min-height:278px;
  padding:28px 30px 27px;
  justify-content:flex-start;
}
.projects-page.projects-page--ongoing .project-entry__copy>small{
  font-size:14px;
  letter-spacing:1.4px;
}
.projects-page.projects-page--ongoing .project-entry__copy h2{
  margin:11px 0 13px;
  font-size:19px;
  line-height:1.25;
  letter-spacing:-.3px;
}
.projects-page.projects-page--ongoing .project-entry__copy h2 br{display:none}
.projects-page.projects-page--ongoing .project-entry__copy>p{
  margin:0 0 24px;
  font-size:16px;
  line-height:1.58;
}
.projects-page.projects-page--ongoing .project-entry__copy>div{
  grid-template-columns:1fr 1fr;
  gap:18px;
  padding-top:19px;
}
.projects-page.projects-page--ongoing .project-entry__copy>div span{
  font-size:14px;
  line-height:1.3;
  letter-spacing:.4px;
}
.projects-page.projects-page--ongoing .project-entry__copy>div strong{
  margin-top:5px;
  font-size:15px;
  line-height:1.3;
}

.projects-page.projects-page--completed .completed-grid{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto 105px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  counter-reset:completed-project;
}
.projects-page.projects-page--completed .completed-card,
.projects-page.projects-page--completed .completed-card:nth-child(3n){
  position:relative;
  display:flex;
  grid-column:auto;
  grid-template-columns:none;
  flex-direction:column;
  min-width:0;
  border:1px solid #1d443b;
  border-radius:18px;
  counter-increment:completed-project;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.projects-page.projects-page--completed .completed-card:hover,
.projects-page.projects-page--completed .completed-card:nth-child(3n):hover{
  transform:translateY(-5px);
  border-color:#42665c;
  box-shadow:0 23px 48px rgba(8,36,30,.22);
}
.projects-page.projects-page--completed .completed-card:before{
  content:"0" counter(completed-project);
  position:absolute;
  z-index:4;
  top:16px;
  left:16px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.42);
  border-radius:50%;
  background:rgba(7,30,26,.72);
  color:#fff;
  font:700 14px/1 Inter,sans-serif;
  backdrop-filter:blur(8px);
}
.projects-page.projects-page--completed .completed-card>button,
.projects-page.projects-page--completed .completed-card:nth-child(3n)>button{
  width:100%;
  height:290px;
  min-height:290px;
  flex:0 0 290px;
}
.projects-page.projects-page--completed .completed-card>button>span{
  left:auto;
  right:16px;
  bottom:16px;
  min-width:0;
  height:42px;
  padding:0 16px;
  font-size:14px;
  letter-spacing:0;
}
.projects-page.projects-page--completed .completed-card>button>span:before{font-size:14px}
.projects-page.projects-page--completed .completed-card>div,
.projects-page.projects-page--completed .completed-card:nth-child(3n)>div{
  min-height:220px;
  padding:28px 30px 27px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.projects-page.projects-page--completed .completed-card small{
  font-size:14px;
  letter-spacing:1.2px;
}
.projects-page.projects-page--completed .completed-card h2,
.projects-page.projects-page--completed .completed-card:nth-child(3n) h2{
  margin:10px 0 8px;
  padding:0;
  font-size:19px;
  line-height:1.25;
  letter-spacing:-.3px;
}
.projects-page.projects-page--completed .completed-card p{
  margin:0;
  font-size:15px;
  line-height:1.5;
}
.projects-page.projects-page--completed .completed-card b{
  position:static;
  margin-top:auto;
  padding-top:20px;
  font-size:14px;
  line-height:1.2;
  letter-spacing:.6px;
}
.projects-page .project-next{padding:78px 25px}
.projects-page .project-next>span{font-size:14px}
.projects-page .project-next a{font-size:14px}

@media(max-width:800px){
  .projects-page .projects-hero{height:500px}
  .projects-page.projects-page--ongoing .project-list,
  .projects-page.projects-page--completed .completed-grid{
    width:calc(100% - 30px);
    grid-template-columns:minmax(0,1fr);
    gap:18px;
    margin-bottom:78px;
  }
  .projects-page.projects-page--ongoing .project-entry,
  .projects-page.projects-page--ongoing .project-entry:nth-child(even){grid-template-columns:minmax(0,1fr)}
  .projects-page.projects-page--ongoing .project-entry__image{height:250px;min-height:250px}
  .projects-page.projects-page--ongoing .project-entry__copy{min-height:0;padding:25px 23px}
  .projects-page.projects-page--ongoing .project-entry__copy>div{grid-template-columns:1fr 1fr}
  .projects-page.projects-page--completed .completed-card,
  .projects-page.projects-page--completed .completed-card:nth-child(3n){display:flex}
  .projects-page.projects-page--completed .completed-card>button,
  .projects-page.projects-page--completed .completed-card:nth-child(3n)>button{
    height:250px;
    min-height:250px;
    flex-basis:250px;
  }
  .projects-page.projects-page--completed .completed-card>div,
  .projects-page.projects-page--completed .completed-card:nth-child(3n)>div{
    min-height:190px;
    padding:24px 23px 25px;
    display:flex;
  }
}
@media(max-width:480px){
  .projects-page.projects-page--ongoing .project-entry__image{height:220px;min-height:220px}
  .projects-page.projects-page--ongoing .project-entry__image>span,
  .projects-page.projects-page--completed .completed-card>button>span{font-size:0;width:42px;padding:0}
  .projects-page.projects-page--ongoing .project-entry__image>span i,
  .projects-page.projects-page--completed .completed-card>button>span i{margin:0;font-size:14px}
  .projects-page.projects-page--completed .completed-card>button>span:before{display:none}
  .projects-page.projects-page--ongoing .project-entry__copy>div{grid-template-columns:1fr;gap:13px}
}

/* 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;
  }
}