/* NDA Projects V3 — final compact 3-column project archive */
@font-face{
  font-family:iranyekan;
  font-style:normal;
  font-weight:300 400;
  font-display:swap;
  src:url('/wp-content/themes/xtra/assets/fonts/iranyekanwebregular.woff') format('woff');
}
@font-face{
  font-family:iranyekan;
  font-style:normal;
  font-weight:500 600;
  font-display:swap;
  src:url('/wp-content/themes/xtra/assets/fonts/iranyekanwebmedium.woff') format('woff');
}
@font-face{
  font-family:iranyekan;
  font-style:normal;
  font-weight:700 900;
  font-display:swap;
  src:url('/wp-content/themes/xtra/assets/fonts/iranyekanwebbold.woff') format('woff');
}

:root{
  --nda-pv3-gold:#dda72e;
  --nda-pv3-gold-2:#efbc43;
  --nda-pv3-dark:#11130f;
  --nda-pv3-dark-2:#1b1e18;
  --nda-pv3-text:#1e211c;
  --nda-pv3-muted:#74786f;
  --nda-pv3-line:#e5e6df;
  --nda-pv3-soft:#f4f4f0;
  --nda-pv3-white:#fff;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}

body.nda-projects-v1-page{
  margin:0;
  padding-bottom:0!important;
  background:#fff;
  color:var(--nda-pv3-text);
  font-family:iranyekan,Tahoma,Arial,sans-serif;
  line-height:1.9;
  -webkit-font-smoothing:antialiased;
}

body.nda-projects-v1-page .nda-home2026,
body.nda-projects-v1-page .nda-site-footer{
  font-family:iranyekan,Tahoma,Arial,sans-serif;
}

body.nda-projects-v1-page .xtra-fixed-mobile-nav,
body.nda-projects-v1-page .fixed_side,
body.nda-projects-v1-page .cz_fixed_footer,
body.nda-projects-v1-page .cz-sticky-add-to-cart{
  display:none!important;
}

/* Accessibility skip-link: invisible until keyboard focus */
body.nda-projects-v1-page .nda-skip{
  position:fixed!important;
  top:10px!important;
  right:12px!important;
  z-index:999999!important;
  display:inline-flex!important;
  align-items:center;
  min-height:40px;
  padding:0 14px!important;
  border-radius:10px;
  background:#111!important;
  color:#fff!important;
  font-size:12px!important;
  text-decoration:none!important;
  transform:translateY(-180%)!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.nda-projects-v1-page .nda-skip:focus{
  transform:translateY(0)!important;
  opacity:1!important;
  pointer-events:auto!important;
}

body.nda-projects-v1-page .nda-site-nav a.is-current{
  color:#111;
  background:var(--nda-pv3-gold);
  padding:10px 17px;
  border-radius:999px;
}

/* HERO */
body.nda-projects-v1-page .nda-projects-hero{
  position:relative;
  min-height:475px;
  overflow:hidden;
  background:var(--nda-pv3-dark);
  color:#fff;
}
body.nda-projects-v1-page .nda-projects-hero__media{
  position:absolute;
  inset:0;
}
body.nda-projects-v1-page .nda-projects-hero__image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 48%!important;
}
body.nda-projects-v1-page .nda-projects-hero__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(10,12,9,.94) 0%,rgba(10,12,9,.82) 43%,rgba(10,12,9,.48) 100%),
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.35));
}
body.nda-projects-v1-page .nda-projects-hero__inner{
  position:relative;
  z-index:2;
  padding-top:38px;
  padding-bottom:32px;
}
body.nda-projects-v1-page .nda-projects-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:34px;
  color:#c8cbc3;
  font-size:10px;
}
body.nda-projects-v1-page .nda-projects-breadcrumb a{
  color:#fff;
  text-decoration:none;
}
body.nda-projects-v1-page .nda-projects-hero__content{
  max-width:720px;
}
body.nda-projects-v1-page .nda-projects-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#efbf4a;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
body.nda-projects-v1-page .nda-projects-eyebrow:before{
  content:"";
  width:28px;
  height:2px;
  background:currentColor;
}
body.nda-projects-v1-page .nda-projects-hero h1{
  max-width:680px;
  margin:11px 0 12px;
  color:#fff;
  font-size:clamp(38px,4.2vw,62px);
  line-height:1.22;
  letter-spacing:-.035em;
}
body.nda-projects-v1-page .nda-projects-hero__content>p{
  max-width:660px;
  margin:0;
  color:#d4d7cf;
  font-size:13px;
  line-height:2;
}
body.nda-projects-v1-page .nda-projects-hero__actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:20px;
}
body.nda-projects-v1-page .nda-projects-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:43px;
  padding:0 18px;
  border-radius:999px;
  text-decoration:none;
  font-size:10px;
  font-weight:900;
  transition:.2s ease;
}
body.nda-projects-v1-page .nda-projects-btn:hover{
  transform:translateY(-2px);
}
body.nda-projects-v1-page .nda-projects-btn--gold{
  background:var(--nda-pv3-gold);
  color:#151610;
}
body.nda-projects-v1-page .nda-projects-btn--glass{
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.055);
  color:#fff;
}
body.nda-projects-v1-page .nda-projects-btn--dark{
  background:#151711;
  color:#fff;
}

/* Compact hero metrics */
body.nda-projects-v1-page .nda-projects-hero__meta{
  display:grid!important;
  grid-template-columns:120px 150px minmax(170px,230px)!important;
  width:max-content;
  max-width:100%;
  margin-top:25px;
  border-top:1px solid rgba(255,255,255,.14);
}
body.nda-projects-v1-page .nda-projects-hero__meta>div,
body.nda-projects-v1-page .nda-projects-hero__meta>a{
  min-height:64px!important;
  padding:12px 18px!important;
  border-left:1px solid rgba(255,255,255,.14);
}
body.nda-projects-v1-page .nda-projects-hero__meta>*:first-child{
  padding-right:0!important;
}
body.nda-projects-v1-page .nda-projects-hero__meta>*:last-child{
  border-left:0;
}
body.nda-projects-v1-page .nda-projects-hero__meta strong{
  display:block;
  color:#fff;
  font-size:20px;
  line-height:1.1;
}
body.nda-projects-v1-page .nda-projects-hero__meta span,
body.nda-projects-v1-page .nda-projects-hero__meta small{
  display:block;
  margin-top:4px;
  color:#aeb2aa;
  font-size:8px;
}
body.nda-projects-v1-page .nda-projects-hero__meta>a{
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#fff;
  text-decoration:none;
}
body.nda-projects-v1-page .nda-projects-hero__meta b{
  font-size:12px;
}

/* PROJECT LISTING */
body.nda-projects-v1-page .nda-projects-listing{
  padding:62px 0 70px!important;
  background:var(--nda-pv3-soft)!important;
}
body.nda-projects-v1-page .nda-projects-section-head{
  display:grid!important;
  grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr)!important;
  align-items:end!important;
  gap:70px!important;
  margin-bottom:26px!important;
}
body.nda-projects-v1-page .nda-projects-section-head span,
body.nda-projects-v1-page .nda-projects-systems__head span{
  display:block;
  color:#9a710b;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
body.nda-projects-v1-page .nda-projects-section-head h2,
body.nda-projects-v1-page .nda-projects-systems__head h2{
  margin:6px 0 0!important;
  color:#161812;
  font-size:31px!important;
  line-height:1.45!important;
}
body.nda-projects-v1-page .nda-projects-section-head__copy p{
  margin:0!important;
  color:#6e736a;
  font-size:12px;
  line-height:2;
}
body.nda-projects-v1-page .nda-projects-section-head__copy a{
  display:inline-block;
  margin-top:9px;
  color:#7c5a08;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
}

/* The actual 3-column cards */
body.nda-projects-v1-page .nda-projects-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:18px!important;
  align-items:stretch!important;
}
body.nda-projects-v1-page .nda-project-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid #e1e2dc!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(20,22,18,.04)!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
body.nda-projects-v1-page .nda-project-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 16px 36px rgba(20,22,18,.075)!important;
}
body.nda-projects-v1-page .nda-project-card__media{
  display:block!important;
  width:100%!important;
  aspect-ratio:4/3!important;
  height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
  background:#dedfd9!important;
}
body.nda-projects-v1-page .nda-project-card__media img,
body.nda-projects-v1-page .nda-project-card__placeholder{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
  transition:transform .3s ease!important;
}
body.nda-projects-v1-page .nda-project-card:hover .nda-project-card__media img{
  transform:scale(1.025)!important;
}
body.nda-projects-v1-page .nda-project-card__body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:150px!important;
  padding:15px 16px 16px!important;
}
body.nda-projects-v1-page .nda-project-card__label{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 6px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:#f4ead1!important;
  color:#795907!important;
  font-size:8px!important;
  font-weight:900!important;
}
body.nda-projects-v1-page .nda-project-card h3{
  margin:0!important;
  color:#171914!important;
  font-size:16px!important;
  line-height:1.65!important;
}
body.nda-projects-v1-page .nda-project-card h3 a{
  color:inherit!important;
  text-decoration:none!important;
}
body.nda-projects-v1-page .nda-project-card p{
  display:-webkit-box!important;
  overflow:hidden!important;
  margin:7px 0 10px!important;
  color:#767a72!important;
  font-size:10px!important;
  line-height:1.85!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
body.nda-projects-v1-page .nda-project-card__link{
  margin-top:auto!important;
  color:#735406!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
}

/* pagination */
body.nda-projects-v1-page .nda-projects-pagination{
  display:flex;
  justify-content:center;
  margin-top:36px;
}
body.nda-projects-v1-page .nda-projects-pagination ul{
  display:flex;
  gap:7px;
  align-items:center;
  margin:0;
  padding:0;
  list-style:none;
}
body.nda-projects-v1-page .nda-projects-pagination a,
body.nda-projects-v1-page .nda-projects-pagination span{
  display:grid;
  place-items:center;
  min-width:37px;
  height:37px;
  padding:0 10px;
  border:1px solid #dcddd7;
  border-radius:999px;
  background:#fff;
  color:#353830;
  text-decoration:none;
  font-size:9px;
}
body.nda-projects-v1-page .nda-projects-pagination .current{
  border-color:var(--nda-pv3-gold);
  background:var(--nda-pv3-gold);
  color:#111;
  font-weight:900;
}

/* Related systems */
body.nda-projects-v1-page .nda-projects-systems{
  padding:58px 0 62px!important;
  background:#151713!important;
  color:#fff!important;
}
body.nda-projects-v1-page .nda-projects-systems__head{
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) minmax(320px,.8fr)!important;
  align-items:end!important;
  gap:55px!important;
  margin-bottom:22px!important;
}
body.nda-projects-v1-page .nda-projects-systems__head h2{
  color:#fff!important;
}
body.nda-projects-v1-page .nda-projects-systems__head p{
  margin:0!important;
  color:#aeb2aa!important;
  font-size:10px!important;
}
body.nda-projects-v1-page .nda-projects-systems__grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:13px!important;
}
body.nda-projects-v1-page .nda-projects-systems__grid a{
  display:block!important;
  min-height:145px!important;
  padding:20px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:16px!important;
  background:#1c1f19!important;
  color:#fff!important;
  text-decoration:none!important;
  transition:.2s ease!important;
}
body.nda-projects-v1-page .nda-projects-systems__grid a:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(221,167,46,.65)!important;
}
body.nda-projects-v1-page .nda-projects-systems__grid small{
  display:block;
  color:#d6a634;
  font-size:8px;
  font-weight:900;
}
body.nda-projects-v1-page .nda-projects-systems__grid strong{
  display:block;
  margin:5px 0 12px;
  font-size:17px;
}
body.nda-projects-v1-page .nda-projects-systems__grid span{
  color:#aeb2aa;
  font-size:9px;
}

/* CTA */
body.nda-projects-v1-page .nda-projects-cta{
  padding:44px 0 52px!important;
  background:#fff!important;
}
body.nda-projects-v1-page .nda-projects-cta__panel{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:36px!important;
  padding:31px 34px!important;
  border-radius:20px!important;
  background:#dca72f!important;
  color:#161812!important;
}
body.nda-projects-v1-page .nda-projects-cta__copy>span{
  display:block;
  color:#604806;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
body.nda-projects-v1-page .nda-projects-cta h2{
  max-width:680px;
  margin:6px 0 6px!important;
  color:#161812!important;
  font-size:27px!important;
  line-height:1.45!important;
}
body.nda-projects-v1-page .nda-projects-cta p{
  max-width:680px;
  margin:0!important;
  color:#584517!important;
  font-size:10px!important;
}
body.nda-projects-v1-page .nda-projects-cta__actions{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  align-items:flex-start!important;
}
body.nda-projects-v1-page .nda-projects-cta__phone{
  color:#3c2e0a!important;
  text-decoration:none!important;
}
body.nda-projects-v1-page .nda-projects-cta__phone small,
body.nda-projects-v1-page .nda-projects-cta__phone strong{
  display:block;
}
body.nda-projects-v1-page .nda-projects-cta__phone small{font-size:8px}
body.nda-projects-v1-page .nda-projects-cta__phone strong{font-size:11px}

/* tablet */
@media(max-width:1050px){
  body.nda-projects-v1-page .nda-projects-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.nda-projects-v1-page .nda-projects-section-head,
  body.nda-projects-v1-page .nda-projects-systems__head{
    grid-template-columns:1fr!important;
    gap:13px!important;
  }
}

/* mobile */
@media(max-width:760px){
  body.nda-projects-v1-page .nda-site-nav,
  body.nda-projects-v1-page .nda-site-header__actions{
    display:none;
  }
  body.nda-projects-v1-page .nda-mobile-actions{
    display:flex;
  }

  body.nda-projects-v1-page .nda-projects-hero{
    min-height:auto;
  }
  body.nda-projects-v1-page .nda-projects-hero__inner{
    padding-top:27px;
    padding-bottom:30px;
  }
  body.nda-projects-v1-page .nda-projects-breadcrumb{
    margin-bottom:27px;
  }
  body.nda-projects-v1-page .nda-projects-hero h1{
    font-size:34px;
  }
  body.nda-projects-v1-page .nda-projects-hero__content>p{
    font-size:12px;
  }
  body.nda-projects-v1-page .nda-projects-hero__meta{
    grid-template-columns:1fr 1fr!important;
    width:100%;
    margin-top:22px;
  }
  body.nda-projects-v1-page .nda-projects-hero__meta>a{
    grid-column:1/-1;
    border-top:1px solid rgba(255,255,255,.14);
    border-left:0!important;
    padding-right:0!important;
  }

  body.nda-projects-v1-page .nda-projects-listing{
    padding:42px 0 50px!important;
  }
  body.nda-projects-v1-page .nda-projects-section-head h2,
  body.nda-projects-v1-page .nda-projects-systems__head h2{
    font-size:24px!important;
  }

  body.nda-projects-v1-page .nda-projects-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.nda-projects-v1-page .nda-project-card{
    display:grid!important;
    grid-template-columns:40% 60%!important;
    min-height:150px!important;
  }
  body.nda-projects-v1-page .nda-project-card__media{
    height:100%!important;
    aspect-ratio:auto!important;
  }
  body.nda-projects-v1-page .nda-project-card__body{
    min-height:0!important;
    padding:13px 14px!important;
  }
  body.nda-projects-v1-page .nda-project-card h3{
    font-size:14px!important;
  }
  body.nda-projects-v1-page .nda-project-card p{
    font-size:9px!important;
  }

  body.nda-projects-v1-page .nda-projects-systems{
    padding:45px 0 48px!important;
  }
  body.nda-projects-v1-page .nda-projects-systems__grid{
    grid-template-columns:1fr!important;
  }

  body.nda-projects-v1-page .nda-projects-cta{
    padding:36px 0 42px!important;
  }
  body.nda-projects-v1-page .nda-projects-cta__panel{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:24px 21px!important;
  }
  body.nda-projects-v1-page .nda-projects-cta h2{
    font-size:23px!important;
  }
}

/* very small screens: cards become stacked */
@media(max-width:430px){
  body.nda-projects-v1-page .nda-project-card{
    display:flex!important;
  }
  body.nda-projects-v1-page .nda-project-card__media{
    aspect-ratio:4/3!important;
    height:auto!important;
  }
}


/* =========================================================
   NDA Projects V3.1 — layout hardening / final visual polish
   ========================================================= */

/* Hero: shorter, calmer, more architectural */
body.nda-projects-v1-page .nda-projects-hero{
  min-height:420px!important;
}
body.nda-projects-v1-page .nda-projects-hero__inner{
  padding-top:30px!important;
  padding-bottom:28px!important;
}
body.nda-projects-v1-page .nda-projects-breadcrumb{
  margin-bottom:25px!important;
}
body.nda-projects-v1-page .nda-projects-hero h1{
  max-width:650px!important;
  margin:9px 0 10px!important;
  font-size:clamp(36px,3.7vw,54px)!important;
  line-height:1.22!important;
}
body.nda-projects-v1-page .nda-projects-hero__content>p{
  max-width:610px!important;
  font-size:12px!important;
  line-height:1.95!important;
}
body.nda-projects-v1-page .nda-projects-hero__actions{
  margin-top:17px!important;
}
body.nda-projects-v1-page .nda-projects-hero__meta{
  margin-top:20px!important;
}
body.nda-projects-v1-page .nda-projects-hero__meta>div,
body.nda-projects-v1-page .nda-projects-hero__meta>a{
  min-height:57px!important;
  padding-top:9px!important;
  padding-bottom:9px!important;
}

/* Archive intro: less empty space */
body.nda-projects-v1-page .nda-projects-listing{
  padding-top:48px!important;
  padding-bottom:62px!important;
}
body.nda-projects-v1-page .nda-projects-section-head{
  margin-bottom:22px!important;
}
body.nda-projects-v1-page .nda-projects-section-head h2{
  font-size:28px!important;
}

/*
 * Hard reset for grid items.
 * XTRA/Codevz can attach generic article/grid sizing rules.
 * These declarations make every project exactly one grid cell.
 */
body.nda-projects-v1-page .nda-projects-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:16px!important;
  width:100%!important;
}

body.nda-projects-v1-page .nda-projects-grid > .nda-project-card,
body.nda-projects-v1-page .nda-projects-grid > article.nda-project-card,
body.nda-projects-v1-page .nda-projects-grid > article:nth-child(n){
  grid-column:auto!important;
  grid-row:auto!important;
  grid-area:auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  float:none!important;
  clear:none!important;
  position:relative!important;
  inset:auto!important;
  transform:none;
}

/* Cards: compact 3-up portfolio tiles */
body.nda-projects-v1-page .nda-project-card{
  border-radius:16px!important;
}
body.nda-projects-v1-page .nda-project-card__media{
  aspect-ratio:16/10!important;
  min-height:0!important;
  height:auto!important;
}
body.nda-projects-v1-page .nda-project-card__media img{
  aspect-ratio:16/10!important;
  min-height:0!important;
  height:100%!important;
  object-fit:cover!important;
}
body.nda-projects-v1-page .nda-project-card__body{
  min-height:126px!important;
  padding:13px 14px 14px!important;
}
body.nda-projects-v1-page .nda-project-card__label{
  margin-bottom:5px!important;
  padding:2px 7px!important;
}
body.nda-projects-v1-page .nda-project-card h3{
  font-size:15px!important;
  line-height:1.6!important;
}
body.nda-projects-v1-page .nda-project-card p{
  margin:5px 0 8px!important;
  font-size:9px!important;
  line-height:1.8!important;
  -webkit-line-clamp:2!important;
}
body.nda-projects-v1-page .nda-project-card__link{
  font-size:9px!important;
}

/* Related systems: smaller and cleaner */
body.nda-projects-v1-page .nda-projects-systems{
  padding-top:48px!important;
  padding-bottom:52px!important;
}
body.nda-projects-v1-page .nda-projects-systems__grid a{
  min-height:122px!important;
  padding:17px 18px!important;
}

/* CTA: tighter */
body.nda-projects-v1-page .nda-projects-cta{
  padding-top:36px!important;
  padding-bottom:44px!important;
}
body.nda-projects-v1-page .nda-projects-cta__panel{
  padding:25px 28px!important;
  border-radius:18px!important;
}
body.nda-projects-v1-page .nda-projects-cta h2{
  font-size:24px!important;
}
body.nda-projects-v1-page .nda-projects-cta p{
  font-size:9px!important;
}

/* Tablet */
@media (max-width:1100px){
  body.nda-projects-v1-page .nda-projects-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile */
@media (max-width:700px){
  body.nda-projects-v1-page .nda-projects-hero{
    min-height:auto!important;
  }
  body.nda-projects-v1-page .nda-projects-hero h1{
    font-size:32px!important;
  }
  body.nda-projects-v1-page .nda-projects-grid{
    grid-template-columns:1fr!important;
  }
  body.nda-projects-v1-page .nda-projects-grid > .nda-project-card{
    display:grid!important;
    grid-template-columns:40% 60%!important;
  }
  body.nda-projects-v1-page .nda-project-card__media{
    aspect-ratio:auto!important;
    height:100%!important;
  }
  body.nda-projects-v1-page .nda-project-card__media img{
    aspect-ratio:auto!important;
    height:100%!important;
  }
}

@media (max-width:430px){
  body.nda-projects-v1-page .nda-projects-grid > .nda-project-card{
    display:flex!important;
  }
  body.nda-projects-v1-page .nda-project-card__media{
    aspect-ratio:16/10!important;
    height:auto!important;
  }
  body.nda-projects-v1-page .nda-project-card__media img{
    aspect-ratio:16/10!important;
    height:100%!important;
  }
}