/* ── PROJECT DETAIL PAGE SECTIONS ── */
.project-hero{
  min-height:85vh;
  display:flex;align-items:flex-end;
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#060610 0%,#050508 100%);
  padding-bottom:0;
}
.hero-bg-grid{
  position:absolute;inset:0;z-index:1;
  background-image:
    linear-gradient(rgba(77,77,255,.05) 1px, transparent 1px),
    linear-gradient(90deg,rgba(77,77,255,.05) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black,transparent);
}
.hero-orb{
  position:absolute;width:700px;height:700px;
  background:radial-gradient(circle,rgba(77,77,255,.15) 0%,transparent 70%);
  top:50%;left:50%;transform:translate(-50%,-60%);pointer-events:none;z-index:1;
}
.project-hero-inner{
  position:relative;z-index:10;
  max-width:1300px;margin:0 auto;width:100%;
  padding:9rem 4rem 0;
}

/* Breadcrumb */
.breadcrumb{
  display:flex;align-items:center;gap:.6rem;
  font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--w60);margin-bottom:2.5rem;
  animation:fadeUp .6s .1s ease both;
}
.breadcrumb a{color:var(--w60);text-decoration:none;transition:color .2s;}
.breadcrumb a:hover{color:var(--blue-b);}
.breadcrumb-sep{color:var(--w30);}
.breadcrumb span{color:var(--blue-b);}

/* Hero title block */
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(77,77,255,.08);border:1px solid var(--border-b);
  padding:.4rem 1.1rem;border-radius:100px;
  font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(100,130,255,1);margin-bottom:1.5rem;
  animation:fadeUp .7s .15s ease both;
}
.hero-eyebrow .dot{width:6px;height:6px;background:var(--blue-b);border-radius:50%;animation:pulse 2s infinite;}

.project-hero h1{
  font-weight:500;font-size:clamp(3rem,7vw,6.5rem);
  line-height:1.0;letter-spacing:-.04em;
  animation:fadeUp .8s .25s ease both;
  max-width:900px;
}
.project-hero h1 .grad{color:var(--blue);}

.hero-meta-row{
  display:flex;align-items:center;gap:2rem;flex-wrap:wrap;
  margin-top:2rem;
  animation:fadeUp .8s .4s ease both;
}
.hero-meta-pill{
  display:flex;align-items:center;gap:.5rem;
  background:var(--w05);border:1px solid var(--border);
  padding:.45rem 1rem;border-radius:100px;
  font-size:.78rem;color:var(--w60);
}
.hero-meta-pill svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0;}
.hero-meta-pill strong{color:var(--white);}

/* Hero image strip */
.hero-strip{
  margin-top:4rem;
  width:100%;height:400px;
  position:relative;overflow:hidden;
  animation:fadeUp .8s .5s ease both;
}
.hero-strip-img{
  width:100%;height:100%;object-fit:cover;object-position:top;
  opacity:.55;
  display:block;
  transition:opacity .5s;
}
.hero-strip::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(to bottom, transparent 40%, var(--black) 100%);
  pointer-events:none;
}
.hero-strip-fallback{
  width:100%;height:100%;
  background:linear-gradient(135deg, rgba(77,77,255,.12) 0%, rgba(5,5,10,1) 100%);
  display:flex;align-items:center;justify-content:center;
}
.hero-strip-logo{
  width:180px;height:auto;opacity:.4;
}

/* BODY LAYOUT */
.page-body{
  max-width:1300px;margin:0 auto;
  padding:5rem 4rem;
  display:grid;
  grid-template-columns:1fr 340px;
  gap:5rem;
  align-items:start;
}

/* LEFT COLUMN (MAIN) */
.sec-label{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--blue-b);margin-bottom:1rem;font-weight:600;
}
.sec-label::before{content:'';width:24px;height:1px;background:var(--blue-b);}

.main-col h2{
  font-weight:500;font-size:clamp(1.8rem,3vw,2.4rem);
  letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem;
}
.main-col p{
  color:var(--w60);font-size:.97rem;line-height:1.9;margin-bottom:1.5rem;
}

/* Overview block */
.overview-block{margin-bottom:5rem;}

/* Stats row */
.stats-row{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;
  margin:3rem 0;
}
.stat-cell{
  background:var(--surface);padding:2rem 1.5rem;
  text-align:center;transition:background .3s;
}
.stat-cell:hover{background:#0c0c1c;}
.stat-num{
  font-weight:700;font-size:2.2rem;letter-spacing:-.03em;
  color:var(--white);line-height:1;
  background:linear-gradient(135deg,#fff 0%,var(--blue-b) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.stat-lbl{font-size:.72rem;color:var(--w60);letter-spacing:.08em;text-transform:uppercase;margin-top:.4rem;}

/* Challenges & Solutions */
.challenge-block{margin-bottom:5rem;}
.challenge-list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;}
.challenge-item{
  display:flex;gap:1rem;align-items:flex-start;
  background:var(--w05);border:1px solid var(--border);
  border-radius:12px;padding:1.2rem 1.5rem;
  transition:border-color .3s,background .3s;
}
.challenge-item:hover{border-color:var(--border-b);background:rgba(77,77,255,.04);}
.challenge-icon{
  width:36px;height:36px;min-width:36px;
  background:var(--blue-subtle);border:1px solid var(--border-b);
  border-radius:8px;display:flex;align-items:center;justify-content:center;
  color:var(--blue-b);
}
.challenge-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;}
.challenge-text h4{font-size:.9rem;font-weight:700;margin-bottom:.3rem;}
.challenge-text p{font-size:.83rem;color:var(--w60);line-height:1.7;margin:0;}

/* Tech Stack */
.tech-block{margin-bottom:5rem;}
.tech-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));
  gap:.8rem;margin-top:1.5rem;
}
.tech-pill{
  background:var(--w05);border:1px solid var(--border);
  border-radius:8px;padding:.65rem 1rem;
  text-align:center;font-size:.78rem;font-weight:600;
  color:var(--w60);letter-spacing:.04em;
  transition:all .25s;
}
.tech-pill:hover{background:var(--blue-subtle);border-color:var(--border-b);color:var(--white);}

/* TIMELINE */
.timeline-block{margin-bottom:5rem;}
.timeline{
  position:relative;margin-top:2.5rem;
  padding-left:2.5rem;
}
.timeline::before{
  content:'';
  position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(to bottom, transparent, var(--blue) 10%, var(--blue) 90%, transparent);
}
.tl-entry{
  position:relative;margin-bottom:2.5rem;
  opacity:0;transform:translateX(-16px);
  transition:opacity .6s ease, transform .6s ease;
}
.tl-entry.visible{opacity:1;transform:translateX(0);}
.tl-entry:last-child{margin-bottom:0;}

.tl-dot{
  position:absolute;left:-2.5rem;top:.35rem;
  width:16px;height:16px;
  border-radius:50%;
  background:var(--surface);
  border:2px solid var(--blue);
  transform:translateX(-7px);
  box-shadow:0 0 12px var(--blue-glow);
  transition:all .3s;
}
.tl-entry:hover .tl-dot{
  background:var(--blue);
  box-shadow:0 0 20px var(--blue);
}
.tl-entry.milestone .tl-dot{
  background:var(--blue);
  width:20px;height:20px;
  transform:translateX(-9px);
  box-shadow:0 0 20px var(--blue),0 0 40px var(--blue-glow);
}

.tl-date{
  font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--blue-b);font-weight:600;margin-bottom:.3rem;
}
.tl-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:12px;padding:1.4rem 1.6rem;
  transition:border-color .3s,background .3s, transform .3s;
}
.tl-entry:hover .tl-card{
  border-color:var(--border-b);
  background:#0c0c1c;
  transform:translateX(4px);
}
.tl-card h4{font-size:.95rem;font-weight:700;margin-bottom:.4rem;}
.tl-card p{font-size:.83rem;color:var(--w60);line-height:1.75;margin:0;}
.tl-tag{
  display:inline-block;margin-top:.7rem;
  font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
  padding:.2rem .7rem;border-radius:100px;
  background:rgba(77,77,255,.12);color:var(--blue-b);border:1px solid var(--border-b);
}
.tl-tag.green{background:rgba(0,200,100,.1);color:#00c864;border-color:rgba(0,200,100,.2);}
.tl-tag.amber{background:rgba(255,170,0,.1);color:#ffaa00;border-color:rgba(255,170,0,.2);}

/* RIGHT SIDEBAR */
.sidebar-sticky{
  position:sticky;top:110px;
  display:flex;flex-direction:column;gap:1.5rem;
}

.sidebar-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius);padding:1.8rem;
}
.sidebar-card h3{
  font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--w60);font-weight:600;margin-bottom:1.2rem;
  display:flex;align-items:center;gap:.5rem;
}
.sidebar-card h3::before{content:'';width:16px;height:1px;background:var(--border-b);}

/* Project info */
.info-list{list-style:none;display:flex;flex-direction:column;gap:.9rem;}
.info-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;}
.info-key{font-size:.78rem;color:var(--w60);}
.info-val{font-size:.78rem;font-weight:600;color:var(--white);text-align:right;}
.info-divider{height:1px;background:var(--border);margin:.2rem 0;}

/* Live link button */
.live-btn{
  display:flex;align-items:center;justify-content:center;gap:.6rem;
  width:100%;padding:.85rem;
  background:var(--blue);color:#fff;border-radius:8px;
  font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s;
  border:1px solid transparent;
}
.live-btn:hover{background:var(--blue-b);box-shadow:0 0 30px rgba(77,77,255,.45);transform:translateY(-2px);}
.live-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;}

/* Back button */
.back-btn{
  display:flex;align-items:center;gap:.6rem;
  font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--w60);text-decoration:none;
  background:var(--w05);border:1px solid var(--border);
  border-radius:8px;padding:.75rem 1.2rem;
  transition:all .25s;
}
.back-btn:hover{color:var(--white);border-color:var(--border-b);background:rgba(77,77,255,.06);}
.back-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;}

/* Services tags in sidebar */
.tag-wrap{display:flex;flex-wrap:wrap;gap:.5rem;}
.tag{
  font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  padding:.3rem .75rem;border-radius:100px;
  background:var(--w05);border:1px solid var(--border);color:var(--w60);
  transition:all .2s;
}
.tag:hover{background:var(--blue-subtle);border-color:var(--border-b);color:var(--white);}

/* MORE PROJECTS */
.more-projects{
  border-top:1px solid var(--border);
  padding:5rem 4rem;
  background:var(--deep);
}
.more-inner{max-width:1300px;margin:0 auto;}
.more-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:3rem;flex-wrap:wrap;gap:1rem;
}
.more-head h2{font-weight:500;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.03em;}
.more-head a{
  font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--blue-b);text-decoration:none;transition:color .2s;
  display:flex;align-items:center;gap:.4rem;
}
.more-head a:hover{color:#fff;}
.more-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:4.5px;background:transparent;
}

@media(max-width:1100px){
  .project-hero-inner{padding:8rem 1.5rem 0;}
  .page-body{grid-template-columns:1fr;padding:4rem 1.5rem;gap:4rem;}
  .sidebar-sticky{position:static;}
  .more-projects{padding:4rem 1.5rem;}
  .more-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  .project-hero h1{font-size:2.8rem;}
  .hero-meta-row{gap:1rem;}
  .stats-row{grid-template-columns:1fr;}
  .more-grid{grid-template-columns:1fr;}
}

/* ===== Responsive Scaffold (Manual Overrides) ===== */

@media (max-width: 479px) {
  .project-hero {}
  .hero-bg-grid {}
  .hero-orb {}
  .project-hero-inner {}
  .breadcrumb {}
  .breadcrumb a {}
  .breadcrumb a:hover {}
  .breadcrumb-sep {}
  .breadcrumb span {}
  .hero-eyebrow {}
  .hero-eyebrow .dot {}
  .project-hero h1 {}
  .project-hero h1 .grad {}
  .hero-meta-row {}
  .hero-meta-pill {}
  .hero-meta-pill svg {}
  .hero-meta-pill strong {}
  .hero-strip {}
  .hero-strip-img {}
  .hero-strip::after {}
  .hero-strip-fallback {}
  .hero-strip-logo {}
  .page-body {}
  .sec-label {}
  .sec-label::before {}
  .main-col h2 {}
  .main-col p {}
  .overview-block {}
  .stats-row {}
  .stat-cell {}
  .stat-cell:hover {}
  .stat-num {}
  .stat-lbl {}
  .challenge-block {}
  .challenge-list {}
  .challenge-item {}
  .challenge-item:hover {}
  .challenge-icon {}
  .challenge-icon svg {}
  .challenge-text h4 {}
  .challenge-text p {}
  .tech-block {}
  .tech-grid {}
  .tech-pill {}
  .tech-pill:hover {}
  .timeline-block {}
  .timeline {}
  .timeline::before {}
  .tl-entry {}
  .tl-entry.visible {}
  .tl-entry:last-child {}
  .tl-dot {}
  .tl-entry:hover .tl-dot {}
  .tl-entry.milestone .tl-dot {}
  .tl-date {}
  .tl-card {}
  .tl-entry:hover .tl-card {}
  .tl-card h4 {}
  .tl-card p {}
  .tl-tag {}
  .tl-tag.green {}
  .tl-tag.amber {}
  .sidebar-sticky {}
  .sidebar-card {}
  .sidebar-card h3 {}
  .sidebar-card h3::before {}
  .info-list {}
  .info-item {}
  .info-key {}
  .info-val {}
  .info-divider {}
  .live-btn {}
  .live-btn:hover {}
  .live-btn svg {}
  .back-btn {}
  .back-btn:hover {}
  .back-btn svg {}
  .tag-wrap {}
  .tag {}
  .tag:hover {}
  .more-projects {}
  .more-inner {}
  .more-head {}
  .more-head h2 {}
  .more-head a {}
  .more-head a:hover {}
  .more-grid {}
}

@media (min-width: 480px and max-width: 639px) {
  .project-hero {}
  .hero-bg-grid {}
  .hero-orb {}
  .project-hero-inner {}
  .breadcrumb {}
  .breadcrumb a {}
  .breadcrumb a:hover {}
  .breadcrumb-sep {}
  .breadcrumb span {}
  .hero-eyebrow {}
  .hero-eyebrow .dot {}
  .project-hero h1 {}
  .project-hero h1 .grad {}
  .hero-meta-row {}
  .hero-meta-pill {}
  .hero-meta-pill svg {}
  .hero-meta-pill strong {}
  .hero-strip {}
  .hero-strip-img {}
  .hero-strip::after {}
  .hero-strip-fallback {}
  .hero-strip-logo {}
  .page-body {}
  .sec-label {}
  .sec-label::before {}
  .main-col h2 {}
  .main-col p {}
  .overview-block {}
  .stats-row {}
  .stat-cell {}
  .stat-cell:hover {}
  .stat-num {}
  .stat-lbl {}
  .challenge-block {}
  .challenge-list {}
  .challenge-item {}
  .challenge-item:hover {}
  .challenge-icon {}
  .challenge-icon svg {}
  .challenge-text h4 {}
  .challenge-text p {}
  .tech-block {}
  .tech-grid {}
  .tech-pill {}
  .tech-pill:hover {}
  .timeline-block {}
  .timeline {}
  .timeline::before {}
  .tl-entry {}
  .tl-entry.visible {}
  .tl-entry:last-child {}
  .tl-dot {}
  .tl-entry:hover .tl-dot {}
  .tl-entry.milestone .tl-dot {}
  .tl-date {}
  .tl-card {}
  .tl-entry:hover .tl-card {}
  .tl-card h4 {}
  .tl-card p {}
  .tl-tag {}
  .tl-tag.green {}
  .tl-tag.amber {}
  .sidebar-sticky {}
  .sidebar-card {}
  .sidebar-card h3 {}
  .sidebar-card h3::before {}
  .info-list {}
  .info-item {}
  .info-key {}
  .info-val {}
  .info-divider {}
  .live-btn {}
  .live-btn:hover {}
  .live-btn svg {}
  .back-btn {}
  .back-btn:hover {}
  .back-btn svg {}
  .tag-wrap {}
  .tag {}
  .tag:hover {}
  .more-projects {}
  .more-inner {}
  .more-head {}
  .more-head h2 {}
  .more-head a {}
  .more-head a:hover {}
  .more-grid {}
}

@media (min-width: 640px and max-width: 767px) {
  .project-hero {}
  .hero-bg-grid {}
  .hero-orb {}
  .project-hero-inner {}
  .breadcrumb {}
  .breadcrumb a {}
  .breadcrumb a:hover {}
  .breadcrumb-sep {}
  .breadcrumb span {}
  .hero-eyebrow {}
  .hero-eyebrow .dot {}
  .project-hero h1 {}
  .project-hero h1 .grad {}
  .hero-meta-row {}
  .hero-meta-pill {}
  .hero-meta-pill svg {}
  .hero-meta-pill strong {}
  .hero-strip {}
  .hero-strip-img {}
  .hero-strip::after {}
  .hero-strip-fallback {}
  .hero-strip-logo {}
  .page-body {}
  .sec-label {}
  .sec-label::before {}
  .main-col h2 {}
  .main-col p {}
  .overview-block {}
  .stats-row {}
  .stat-cell {}
  .stat-cell:hover {}
  .stat-num {}
  .stat-lbl {}
  .challenge-block {}
  .challenge-list {}
  .challenge-item {}
  .challenge-item:hover {}
  .challenge-icon {}
  .challenge-icon svg {}
  .challenge-text h4 {}
  .challenge-text p {}
  .tech-block {}
  .tech-grid {}
  .tech-pill {}
  .tech-pill:hover {}
  .timeline-block {}
  .timeline {}
  .timeline::before {}
  .tl-entry {}
  .tl-entry.visible {}
  .tl-entry:last-child {}
  .tl-dot {}
  .tl-entry:hover .tl-dot {}
  .tl-entry.milestone .tl-dot {}
  .tl-date {}
  .tl-card {}
  .tl-entry:hover .tl-card {}
  .tl-card h4 {}
  .tl-card p {}
  .tl-tag {}
  .tl-tag.green {}
  .tl-tag.amber {}
  .sidebar-sticky {}
  .sidebar-card {}
  .sidebar-card h3 {}
  .sidebar-card h3::before {}
  .info-list {}
  .info-item {}
  .info-key {}
  .info-val {}
  .info-divider {}
  .live-btn {}
  .live-btn:hover {}
  .live-btn svg {}
  .back-btn {}
  .back-btn:hover {}
  .back-btn svg {}
  .tag-wrap {}
  .tag {}
  .tag:hover {}
  .more-projects {}
  .more-inner {}
  .more-head {}
  .more-head h2 {}
  .more-head a {}
  .more-head a:hover {}
  .more-grid {}
}

@media (min-width: 768px and max-width: 1023px) {
  .project-hero {}
  .hero-bg-grid {}
  .hero-orb {}
  .project-hero-inner {}
  .breadcrumb {}
  .breadcrumb a {}
  .breadcrumb a:hover {}
  .breadcrumb-sep {}
  .breadcrumb span {}
  .hero-eyebrow {}
  .hero-eyebrow .dot {}
  .project-hero h1 {}
  .project-hero h1 .grad {}
  .hero-meta-row {}
  .hero-meta-pill {}
  .hero-meta-pill svg {}
  .hero-meta-pill strong {}
  .hero-strip {}
  .hero-strip-img {}
  .hero-strip::after {}
  .hero-strip-fallback {}
  .hero-strip-logo {}
  .page-body {}
  .sec-label {}
  .sec-label::before {}
  .main-col h2 {}
  .main-col p {}
  .overview-block {}
  .stats-row {}
  .stat-cell {}
  .stat-cell:hover {}
  .stat-num {}
  .stat-lbl {}
  .challenge-block {}
  .challenge-list {}
  .challenge-item {}
  .challenge-item:hover {}
  .challenge-icon {}
  .challenge-icon svg {}
  .challenge-text h4 {}
  .challenge-text p {}
  .tech-block {}
  .tech-grid {}
  .tech-pill {}
  .tech-pill:hover {}
  .timeline-block {}
  .timeline {}
  .timeline::before {}
  .tl-entry {}
  .tl-entry.visible {}
  .tl-entry:last-child {}
  .tl-dot {}
  .tl-entry:hover .tl-dot {}
  .tl-entry.milestone .tl-dot {}
  .tl-date {}
  .tl-card {}
  .tl-entry:hover .tl-card {}
  .tl-card h4 {}
  .tl-card p {}
  .tl-tag {}
  .tl-tag.green {}
  .tl-tag.amber {}
  .sidebar-sticky {}
  .sidebar-card {}
  .sidebar-card h3 {}
  .sidebar-card h3::before {}
  .info-list {}
  .info-item {}
  .info-key {}
  .info-val {}
  .info-divider {}
  .live-btn {}
  .live-btn:hover {}
  .live-btn svg {}
  .back-btn {}
  .back-btn:hover {}
  .back-btn svg {}
  .tag-wrap {}
  .tag {}
  .tag:hover {}
  .more-projects {}
  .more-inner {}
  .more-head {}
  .more-head h2 {}
  .more-head a {}
  .more-head a:hover {}
  .more-grid {}
}

@media (min-width: 1024px and max-width: 1279px) {
  .project-hero {}
  .hero-bg-grid {}
  .hero-orb {}
  .project-hero-inner {}
  .breadcrumb {}
  .breadcrumb a {}
  .breadcrumb a:hover {}
  .breadcrumb-sep {}
  .breadcrumb span {}
  .hero-eyebrow {}
  .hero-eyebrow .dot {}
  .project-hero h1 {}
  .project-hero h1 .grad {}
  .hero-meta-row {}
  .hero-meta-pill {}
  .hero-meta-pill svg {}
  .hero-meta-pill strong {}
  .hero-strip {}
  .hero-strip-img {}
  .hero-strip::after {}
  .hero-strip-fallback {}
  .hero-strip-logo {}
  .page-body {}
  .sec-label {}
  .sec-label::before {}
  .main-col h2 {}
  .main-col p {}
  .overview-block {}
  .stats-row {}
  .stat-cell {}
  .stat-cell:hover {}
  .stat-num {}
  .stat-lbl {}
  .challenge-block {}
  .challenge-list {}
  .challenge-item {}
  .challenge-item:hover {}
  .challenge-icon {}
  .challenge-icon svg {}
  .challenge-text h4 {}
  .challenge-text p {}
  .tech-block {}
  .tech-grid {}
  .tech-pill {}
  .tech-pill:hover {}
  .timeline-block {}
  .timeline {}
  .timeline::before {}
  .tl-entry {}
  .tl-entry.visible {}
  .tl-entry:last-child {}
  .tl-dot {}
  .tl-entry:hover .tl-dot {}
  .tl-entry.milestone .tl-dot {}
  .tl-date {}
  .tl-card {}
  .tl-entry:hover .tl-card {}
  .tl-card h4 {}
  .tl-card p {}
  .tl-tag {}
  .tl-tag.green {}
  .tl-tag.amber {}
  .sidebar-sticky {}
  .sidebar-card {}
  .sidebar-card h3 {}
  .sidebar-card h3::before {}
  .info-list {}
  .info-item {}
  .info-key {}
  .info-val {}
  .info-divider {}
  .live-btn {}
  .live-btn:hover {}
  .live-btn svg {}
  .back-btn {}
  .back-btn:hover {}
  .back-btn svg {}
  .tag-wrap {}
  .tag {}
  .tag:hover {}
  .more-projects {}
  .more-inner {}
  .more-head {}
  .more-head h2 {}
  .more-head a {}
  .more-head a:hover {}
  .more-grid {}
}

@media (min-width: 1280px) {
  .project-hero {}
  .hero-bg-grid {}
  .hero-orb {}
  .project-hero-inner {}
  .breadcrumb {}
  .breadcrumb a {}
  .breadcrumb a:hover {}
  .breadcrumb-sep {}
  .breadcrumb span {}
  .hero-eyebrow {}
  .hero-eyebrow .dot {}
  .project-hero h1 {}
  .project-hero h1 .grad {}
  .hero-meta-row {}
  .hero-meta-pill {}
  .hero-meta-pill svg {}
  .hero-meta-pill strong {}
  .hero-strip {}
  .hero-strip-img {}
  .hero-strip::after {}
  .hero-strip-fallback {}
  .hero-strip-logo {}
  .page-body {}
  .sec-label {}
  .sec-label::before {}
  .main-col h2 {}
  .main-col p {}
  .overview-block {}
  .stats-row {}
  .stat-cell {}
  .stat-cell:hover {}
  .stat-num {}
  .stat-lbl {}
  .challenge-block {}
  .challenge-list {}
  .challenge-item {}
  .challenge-item:hover {}
  .challenge-icon {}
  .challenge-icon svg {}
  .challenge-text h4 {}
  .challenge-text p {}
  .tech-block {}
  .tech-grid {}
  .tech-pill {}
  .tech-pill:hover {}
  .timeline-block {}
  .timeline {}
  .timeline::before {}
  .tl-entry {}
  .tl-entry.visible {}
  .tl-entry:last-child {}
  .tl-dot {}
  .tl-entry:hover .tl-dot {}
  .tl-entry.milestone .tl-dot {}
  .tl-date {}
  .tl-card {}
  .tl-entry:hover .tl-card {}
  .tl-card h4 {}
  .tl-card p {}
  .tl-tag {}
  .tl-tag.green {}
  .tl-tag.amber {}
  .sidebar-sticky {}
  .sidebar-card {}
  .sidebar-card h3 {}
  .sidebar-card h3::before {}
  .info-list {}
  .info-item {}
  .info-key {}
  .info-val {}
  .info-divider {}
  .live-btn {}
  .live-btn:hover {}
  .live-btn svg {}
  .back-btn {}
  .back-btn:hover {}
  .back-btn svg {}
  .tag-wrap {}
  .tag {}
  .tag:hover {}
  .more-projects {}
  .more-inner {}
  .more-head {}
  .more-head h2 {}
  .more-head a {}
  .more-head a:hover {}
  .more-grid {}
}