.projects-page{background:var(--navy-900);}
.projects{min-height:100vh;padding:56px var(--pad-x) 88px;color:#fff;}

.projects__bar{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.projects__logo{font-family:var(--font-display);font-weight:700;font-size:40px;letter-spacing:1px;line-height:1;color:#fff;}

.projects__head{margin:64px 0 44px;max-width:720px;}
.projects__eyebrow{display:inline-block;margin-bottom:14px;font-family:var(--font-body);font-weight:700;font-size:14px;letter-spacing:.6px;color:var(--orange-500);}
.projects__title{margin:0 0 14px;font-family:var(--font-display);font-weight:400;font-size:44px;line-height:1.15;letter-spacing:.5px;}
.projects__title b{font-weight:700;background:linear-gradient(90deg,#8FB4FF,var(--orange-500));-webkit-background-clip:text;background-clip:text;color:transparent;}
.projects__sub{margin:0;font-family:var(--font-body);font-size:17px;line-height:26px;color:rgba(255,255,255,.8);}

.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.work-card{display:flex;flex-direction:column;background:var(--card-dark-bg);border:1px solid var(--card-dark-border);
  border-radius:22px;overflow:hidden;box-shadow:var(--card-dark-shadow);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.work-card:hover{transform:translateY(-4px);box-shadow:var(--card-dark-shadow-hover);border-color:var(--card-dark-border-hover);}
.work-card__shot{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--navy-step);border-bottom:1px solid var(--card-dark-border);}
.work-card__shot img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s ease;}
.work-card:hover .work-card__shot img{transform:scale(1.03);}
.work-card__badge{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:6px;
  padding:7px 14px;border-radius:100px;background:rgba(9,47,112,.88);color:#fff;
  font-family:var(--font-display);font-weight:500;font-size:13px;backdrop-filter:blur(4px);}
.work-card__body{display:flex;flex-direction:column;gap:16px;padding:28px 32px 32px;flex:1;}
.work-card__head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
.work-card__head h2{margin:0;font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:.3px;}
.work-card__kind{font-family:var(--font-body);font-size:13px;color:var(--orange-500);font-weight:700;letter-spacing:.3px;}
.work-card__body p{margin:0;font-family:var(--font-body);font-size:15px;line-height:22px;opacity:.9;}
.work-card__body .svc-pills{margin-bottom:8px;}
.work-card__body .btn{align-self:flex-start;margin-top:auto;}

.projects__cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:56px;padding:40px 48px;border-radius:30px;background:var(--navy-step);}
.projects__cta h2{margin:0 0 8px;font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:.5px;}
.projects__cta p{margin:0;font-family:var(--font-body);font-size:16px;line-height:24px;color:rgba(255,255,255,.8);}

@media(prefers-reduced-motion:reduce){
  .work-card,.work-card:hover,.work-card__shot img,.work-card:hover .work-card__shot img{transition:none;transform:none;}
}
@media(max-width:1024px){
  .work-grid{grid-template-columns:1fr;}
}
@media(max-width:680px){
  .projects{padding:32px var(--gutter) 56px;}
  .projects__logo{font-size:34px;}
  .projects__head{margin:40px 0 32px;}
  .projects__title{font-size:32px;}
  .projects__sub{font-size:15px;line-height:23px;}
  .work-card__body{padding:22px 22px 26px;}
  .projects__cta{flex-direction:column;align-items:flex-start;padding:28px 24px;}
  .projects__cta h2{font-size:22px;}
}