/* OxaCode Premium Project Details */
.project-detail-main,
.project-detail-hero,
.project-detail-cover-wrap,
.project-overview,
.project-detail-stack,
.project-results,
.project-next { position:relative; z-index:1; }

.project-detail-hero {
  overflow:hidden;
  padding:160px 0 80px;
}
.project-detail-hero::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 30%,rgba(45,140,255,.075),transparent 35%),
    radial-gradient(circle at 50% 78%,rgba(138,63,252,.065),transparent 42%);
  pointer-events:none;
}
.project-detail-hero::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(61,139,255,.22),rgba(138,63,252,.2),transparent);
}
.project-detail-hero__content {
  position:relative;
  z-index:2;
  width:min(100%,1000px);
  margin-inline:auto;
  text-align:center;
}
.project-detail-hero__category {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:1.25rem;
  padding:.46rem .9rem;
  color:var(--glow-blue);
  background:rgba(45,140,255,.07);
  border:1px solid rgba(45,140,255,.18);
  border-radius:999px;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.project-detail-hero h1 {
  max-width:930px;
  margin:0 auto 1.3rem;
  color:var(--text-100);
  font-size:clamp(3rem,6vw,6rem);
  font-weight:800;
  line-height:.99;
  letter-spacing:-.06em;
}
.project-detail-hero__summary {
  max-width:760px;
  margin:0 auto;
  color:var(--text-70);
  font-size:1.02rem;
  line-height:1.8;
}
.project-detail-hero__actions {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:.8rem;
  margin-top:2rem;
}
.project-detail-meta {
  width:min(100%,760px);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:2.6rem auto 0;
  padding:.65rem;
  background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
  border:1px solid var(--card-border);
  border-radius:18px;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.project-detail-meta div {
  position:relative;
  padding:.9rem 1rem;
  text-align:center;
}
.project-detail-meta div:not(:last-child)::after {
  content:"";
  position:absolute;
  top:50%;
  inset-inline-end:0;
  width:1px;
  height:38px;
  transform:translateY(-50%);
  background:linear-gradient(180deg,transparent,rgba(143,180,255,.2),transparent);
}
.project-detail-meta span {
  display:block;
  margin-bottom:.25rem;
  color:var(--text-50);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.project-detail-meta strong { color:var(--text-100); font-size:.86rem; }

.project-detail-cover-wrap { padding:0 0 110px; }
.project-detail-cover-frame {
  overflow:hidden;
  min-height:540px;
  background:linear-gradient(135deg,rgba(45,140,255,.12),rgba(138,63,252,.12));
  border:1px solid var(--card-border);
  border-radius:1.65rem;
  box-shadow:0 35px 90px rgba(0,3,18,.3),inset 0 1px 0 rgba(255,255,255,.035);
}
.project-detail-cover {
  width:100%;
  height:100%;
  min-height:540px;
  display:block;
  object-fit:cover;
}

.project-overview__aside,
.project-detail-stack__head__head,
.project-results__head {
  width:min(100%,760px);
  margin-inline:auto;
  text-align:center;
}
.project-overview__aside h2,
.project-detail-stack__head h2__head h2,
.project-results__head h2 {
  margin-inline:auto;
  color:var(--text-100);
  font-size:clamp(2.2rem,4vw,3.75rem);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.045em;
}
.project-overview__aside p__head p {
  max-width:650px;
  margin:1rem auto 0;
  color:var(--text-50);
  font-size:.86rem;
  line-height:1.75;
}

.project-overview { padding:0 0 125px; }
.project-overview__layout { display:block; }
.project-overview__aside { position:static; margin-bottom:3rem; }
.project-overview__sections { width:min(100%,980px); margin-inline:auto; }
.project-overview__item {
  display:grid;
  grid-template-columns:minmax(150px,.35fr) minmax(0,1.65fr);
  gap:2rem;
  padding:2rem 0;
  border-top:1px solid var(--card-border);
}
.project-overview__item:last-child { border-bottom:1px solid var(--card-border); }
.project-overview__item > span {
  color:var(--glow-purple);
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.13em;
}
.project-overview__item h3 {
  margin:0 0 .75rem;
  color:var(--text-100);
  font-size:1.16rem;
  font-weight:700;
}
.project-overview__item p {
  grid-column:2;
  margin:-.2rem 0 0;
  color:var(--text-70);
  font-size:.9rem;
  line-height:1.82;
}

.project-detail-stack { padding:0 0 125px; }
.project-detail-stack__head { margin-bottom:2.5rem; }
.project-detail-stack__grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.25rem;
}
.project-detail-stack__card {
  padding:2rem;
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
  border:1px solid var(--card-border);
  border-radius:1.35rem;
}
.project-detail-stack__card > span {
  display:block;
  margin-bottom:.7rem;
  color:var(--text-50);
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.12em;
}
.project-detail-stack__card h2,
.project-detail-stack__card h3 {
  margin:0 0 1.4rem;
  color:var(--text-100);
  font-size:1.3rem;
  font-weight:700;
}
.project-detail-chips { display:flex; flex-wrap:wrap; gap:.55rem; }
.project-detail-chip {
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:.48rem .85rem;
  color:var(--text-70);
  background:rgba(255,255,255,.03);
  border:1px solid var(--card-border);
  border-radius:999px;
  font-size:.72rem;
  font-weight:600;
}
.project-detail-chip--tech {
  color:#b5c0ff;
  background:linear-gradient(145deg,rgba(45,140,255,.08),rgba(138,63,252,.07));
  border-color:rgba(111,126,255,.18);
}


.project-results { padding:0 0 125px; }
.project-results__head { margin-bottom:2.4rem; }
.project-outcomes {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--card-border);
  border-bottom:1px solid var(--card-border);
}
.project-outcome {
  padding:1.8rem 1.4rem;
  border-inline-end:1px solid var(--card-border);
}
.project-outcome:last-child { border-inline-end:0; }
.project-outcome span {
  display:block;
  margin-bottom:1.5rem;
  color:var(--glow-blue);
  font-size:.65rem;
  font-weight:700;
}
.project-outcome p {
  margin:0;
  color:var(--text-100);
  font-size:.9rem;
  font-weight:600;
  line-height:1.55;
}

.project-next { padding:0 0 20px; }
.next-project {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:2rem;
  padding:2.25rem;
  background:
    radial-gradient(circle at 90% 10%,rgba(45,140,255,.12),transparent 34%),
    radial-gradient(circle at 10% 100%,rgba(138,63,252,.1),transparent 38%),
    rgba(255,255,255,.025);
  border:1px solid var(--card-border);
  border-radius:1.45rem;
  transition:.3s ease;
}
.next-project:hover {
  transform:translateY(-5px);
  border-color:rgba(111,126,255,.25);
  box-shadow:0 25px 58px rgba(0,3,16,.25);
}
.next-project__label,
.next-project__category {
  display:block;
  margin-bottom:.5rem;
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.12em;
}
.next-project__label { color:var(--text-50); }
.next-project__category { color:var(--glow-blue); }
.next-project__title {
  margin:0;
  color:var(--text-100);
  font-size:clamp(1.8rem,3.5vw,3.3rem);
  font-weight:700;
}
.next-project__arrow {
  width:52px;
  height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  color:#fff;
  background:linear-gradient(135deg,var(--grad-blue),var(--grad-purple));
  border-radius:50%;
}

.project-not-found {
  position:relative;
  z-index:1;
  min-height:70vh;
  padding:180px 1.5rem 80px;
  text-align:center;
}
.project-not-found h1 { color:var(--text-100); }
.project-not-found p { color:var(--text-50); }

@media (max-width:991.98px) {
  .project-outcomes { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767.98px) {
  .project-detail-hero { padding-top:140px; }
  .project-detail-meta,
  .project-detail-stack__grid { grid-template-columns:1fr; }
  .project-detail-meta div:not(:last-child)::after {
    top:auto;
    bottom:0;
    left:50%;
    width:70%;
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,rgba(143,180,255,.2),transparent);
  }
  .project-detail-cover-frame,
  .project-detail-cover { min-height:370px; }
  .project-overview__item { grid-template-columns:1fr; gap:.7rem; }
  .project-overview__item p { grid-column:auto; margin-top:0; }
}
@media (max-width:575.98px) {
  .project-detail-hero h1 { font-size:clamp(2.6rem,13vw,4rem); }
  .project-detail-hero__actions { flex-direction:column; }
  .project-detail-hero__actions .btn { width:100%; justify-content:center; }
  .project-outcomes { grid-template-columns:1fr; }
  .project-outcome { border-inline-end:0; border-bottom:1px solid var(--card-border); }
  .next-project { align-items:flex-start; flex-direction:column; }
}