.projects-mobile-meta,.project-featured-label{display:none}

@media (max-width:700px){
  .projects{padding:0 0 54px;background:#02080d;border-top:1px solid rgba(91,151,179,.12)}
  .projects .section-title{position:relative;display:block!important;padding:42px 16px 24px!important}
  .projects .section-title>span{display:inline-block;width:5px;height:5px;margin:0 9px 3px 0;border-radius:50%;background:#b8ef4b;box-shadow:0 0 10px rgba(184,239,75,.7)}
  .projects .section-title h2{display:inline-block;margin:0!important;color:#f1f0ec;font:400 clamp(22px,7vw,29px)/1.1 Manrope,Arial,sans-serif;letter-spacing:.025em}
  .projects .projects-mobile-meta{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;color:#7891a0;font-size:6px;letter-spacing:.16em}
  .projects .projects-mobile-meta a{padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.35);color:#d7dcde;font-size:7px}
  .projects .project-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:330px 245px!important;gap:7px!important;width:100%;padding:0 12px!important;margin:0!important}
  .projects .project{position:relative;min-width:0!important;min-height:0!important;height:245px!important;margin:0!important;overflow:hidden;border:1px solid rgba(86,141,166,.3);background:#06111a}
  .projects .project.p0{grid-column:1/-1!important;grid-row:1!important;height:330px!important;border-color:rgba(83,181,221,.5)}
  .projects .project.p1,.projects .project.p2,.projects .project.p3{grid-row:2!important;grid-column:auto!important}
  .projects .project.p0{--accent:#61d9f5}.projects .project.p1{--accent:#5a91ff;border-color:rgba(90,145,255,.4)}.projects .project.p2{--accent:#b8ef4b;border-color:rgba(184,239,75,.4)}.projects .project.p3{--accent:#ff755e;border-color:rgba(255,117,94,.42)}
  .projects .project>img,.projects .project>.visual-placeholder{position:absolute;inset:0 0 auto;width:100%;height:61%;object-fit:cover;transition:transform .35s ease}
  .projects .project.p0>img,.projects .project.p0>.visual-placeholder{height:100%}
  .projects .project:after{z-index:1;background:linear-gradient(180deg,transparent 25%,rgba(2,8,13,.2) 47%,rgba(2,8,13,.98) 82%,#02080d 100%)}
  .projects .project:not(.p0):after{background:linear-gradient(180deg,transparent 30%,rgba(3,10,16,.12) 49%,#06111a 63%,#06111a 100%)}
  .projects .project>div:last-child{position:absolute;z-index:2;left:10px!important;right:8px!important;bottom:12px!important;min-width:0}
  .projects .project.p0>div:last-child{left:18px!important;right:18px!important;bottom:20px!important}
  .projects .project small{display:block;overflow:hidden;color:var(--accent,#60d7f4);font-size:6px!important;line-height:1.25;letter-spacing:.11em;white-space:nowrap;text-overflow:ellipsis}
  .projects .project h3{display:-webkit-box;overflow:hidden;margin:7px 0 0!important;color:#f1f1ed;font:400 clamp(10px,3vw,13px)/1.12 Manrope,Arial,sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
  .projects .project.p0 h3{margin:8px 0 7px!important;font-size:clamp(21px,6.5vw,28px)!important;line-height:1.05}
  .projects .project p{display:none}
  .projects .project.p0 p{display:-webkit-box;max-width:290px;margin:0 0 12px;color:#aab8c0;font-size:9px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .projects .project a{display:inline-block;margin-top:14px;color:#e8eff1;font-size:0;letter-spacing:.1em}
  .projects .project a:after{content:'↗';font-size:12px;color:var(--accent,#67d9f3)}
  .projects .project.p0 a{margin-top:0;font-size:7px}
  .projects .project.p0 a:after{content:none}
  .projects .project-featured-label{display:inline-flex;position:absolute;z-index:3;top:13px;left:13px;padding:6px 9px;border:1px solid rgba(184,239,75,.75);border-radius:999px;background:rgba(3,12,18,.72);color:#c9f36d;font:600 6px/1 Arial,sans-serif;letter-spacing:.12em;backdrop-filter:blur(6px)}
  .projects .project:active>img{transform:scale(1.025)}
}

@media (max-width:370px){
  .projects .project-grid{grid-template-rows:310px 225px!important;padding-inline:9px!important;gap:5px!important}
  .projects .project{height:225px!important}.projects .project.p0{height:310px!important}
  .projects .project>div:last-child{left:7px!important;right:5px!important}
  .projects .project h3{font-size:9px!important}
}