/* MYDC Projects Archive: scoped styles. Loaded only on the project post-type archive. */
.mydc-project-archive{
  --mydc-ink:#111111;
  --mydc-olive:#97A555;
  --mydc-ground:#F7F5F0;
  --mydc-white:#FFFFFF;
  --mydc-divider:#d8d6cf;
  background:var(--mydc-ground);
  color:var(--mydc-ink);
  font-family:Arial,sans-serif;
}
.mydc-project-archive,.mydc-project-archive *{box-sizing:border-box}

/* ---------- CTA rail (unchanged; no Figma correction requested for this section) ---------- */
.mydc-project-archive__cta-rail{
  width:100% !important;
  max-width:1560px !important;
  margin-inline:auto !important;
  padding:0 !important;
}
@media (max-width:1560px){
  .mydc-project-archive__cta-rail{padding-left:80px !important;padding-right:80px !important}
}
@media (max-width:1024px){
  .mydc-project-archive__cta-rail{padding-left:48px !important;padding-right:48px !important}
}
@media (max-width:768px){
  .mydc-project-archive__cta-rail{padding-left:32px !important;padding-right:32px !important}
}
@media (max-width:480px){
  .mydc-project-archive__cta-rail{padding-left:20px !important;padding-right:20px !important}
}

/* ---------- Hero (Figma 23:18) ---------- */
.mydc-project-archive__hero{
  position:relative;
  min-height:392px;
  display:flex;
  align-items:flex-start;
  background-position:center;
  background-size:cover;
}
.mydc-project-archive__hero-rail{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
  position:relative;
  z-index:1;
  padding:132px 180px 64px !important;
}
@media (max-width:1024px){
  .mydc-project-archive__hero-rail{padding-left:48px;padding-right:48px;padding-top:72px}
}
@media (max-width:768px){
  .mydc-project-archive__hero-rail{padding-left:32px;padding-right:32px;padding-top:56px;padding-bottom:40px}
}
@media (max-width:480px){
  .mydc-project-archive__hero-rail{padding-left:20px;padding-right:20px;padding-top:48px}
}
.mydc-project-archive__hero-eyebrow{
  margin:0;
  color:var(--mydc-olive);
  font:700 14px/1 Arial,sans-serif;
  letter-spacing:2px;
  text-transform:uppercase;
}
.mydc-project-archive__hero-title{
  margin:20px 0 0;
  color:#fff;
  font:700 80px/1.05 Arial,sans-serif;
  letter-spacing:-1px;
  max-width:900px;
}
.mydc-project-archive__hero-intro{
  max-width:900px;
  margin-top:20px;
}
.mydc-project-archive__hero-intro p{
  margin:0;
  color:rgba(255,255,255,.9);
  font:400 20px/1.6 Arial,sans-serif;
}
@media (max-width:1024px){
  .mydc-project-archive__hero-title{font-size:52px;max-width:100%}
  .mydc-project-archive__hero-intro{max-width:100%}
}
@media (max-width:768px){
  .mydc-project-archive__hero{min-height:280px}
  .mydc-project-archive__hero-title{font-size:36px}
  .mydc-project-archive__hero-intro p{font-size:17px}
}

/* ---------- Filters (Figma 23:26-36) ---------- */
.mydc-project-archive__filters{
  border-bottom:1px solid var(--mydc-divider);
  background:var(--mydc-ground);
}
.mydc-project-archive__filters-rail{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
  padding:10px 110px 80px !important;
  min-height:125px;
  box-sizing:border-box;
}
@media (max-width:1024px){
  .mydc-project-archive__filters-rail{padding-left:48px;padding-right:48px}
}
@media (max-width:768px){
  .mydc-project-archive__filters-rail{padding-left:32px;padding-right:32px}
}
@media (max-width:480px){
  .mydc-project-archive__filters-rail{padding-left:20px;padding-right:20px}
}
.mydc-project-archive__filter-widget{
  --e-filter-direction:row;
  --e-filter-white-space:nowrap;
  --e-filter-wrap:nowrap;
  --e-filter-overflow-x:auto;
  --e-filter-space-between:44px;
  --e-filter-normal-text-color:#666;
  --e-filter-hover-text-color:#111;
  --e-filter-active-text-color:#111;
  --e-filter-item-padding:0 0 14px 0;
  --e-filter-item-border-radius:0;
  display:flex;
  align-items:center;
  min-height:81px;
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.mydc-project-archive__filter-widget search,
.mydc-project-archive__filter-widget .e-filter{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  gap:44px;
  width:max-content;
}
.mydc-project-archive__filter-widget .e-filter-item{
  position:relative;
  background:none;
  border:none;
  font:400 20px/1 Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:1.5px;
  color:#666;
  cursor:pointer;
  padding:0 0 14px;
  white-space:nowrap;
}
.mydc-project-archive__filter-widget .e-filter-item::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:0;
  height:2px;
  background:var(--mydc-olive);
  transform:translateX(-50%);
  transition:width .15s ease;
}
.mydc-project-archive__filter-widget .e-filter-item[aria-pressed="true"]{
  color:var(--mydc-ink);
  font-weight:700;
}
.mydc-project-archive__filter-widget .e-filter-item[aria-pressed="true"]::after{
  width:32px;
}
.mydc-project-archive__filter-widget .e-filter-item:hover{color:var(--mydc-ink)}
.mydc-project-archive__filter-widget .e-filter-item:focus-visible{
  outline:3px solid var(--mydc-olive);
  outline-offset:3px;
}
@media (max-width:768px){
  .mydc-project-archive__filter-widget{--e-filter-space-between:24px}
}

/* ---------- Grid (Figma 23:37) ---------- */
.mydc-project-archive__grid-section{
  padding-top:64px;
  padding-bottom:120px;
}
.mydc-project-archive__grid-rail{
  width:100% !important;
  max-width:1760px !important;
  margin-inline:auto !important;
  padding:0 !important;
}
@media (max-width:1960px){
  .mydc-project-archive__grid-section{padding-left:100px;padding-right:100px}
}
@media (max-width:1024px){
  .mydc-project-archive__grid-section{padding-left:48px;padding-right:48px;padding-bottom:56px}
}
@media (max-width:768px){
  .mydc-project-archive__grid-section{padding-left:32px;padding-right:32px}
}
@media (max-width:480px){
  .mydc-project-archive__grid-section{padding-left:20px;padding-right:20px}
}
.mydc-project-archive__grid{
  width:100%;
  --grid-column-gap:30px !important;
  --grid-row-gap:88px !important;
}
@media (max-width:768px){
  .mydc-project-archive__grid{--grid-column-gap:20px !important;--grid-row-gap:56px !important}
}

/* ---------- Card ---------- */
.mydc-project-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.mydc-project-card__image{
  display:block;
  border-radius:8px;
  overflow:hidden;
}
.mydc-project-card__image img{
  display:block;
  width:100%;
  aspect-ratio:554.67/360;
  object-fit:cover;
  border-radius:8px;
  transition:transform .35s ease;
}
.mydc-project-card:hover .mydc-project-card__image img{transform:scale(1.03)}
.mydc-project-card__type{
  display:block;
  color:var(--mydc-olive);
  font:700 11px/1 Arial,sans-serif;
  letter-spacing:1.3px;
  text-transform:uppercase;
}
.mydc-project-card__type .mydc-project-type{
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
  text-transform:inherit;
}
.mydc-project-card__title{margin:0}
.mydc-project-card__title a{
  color:var(--mydc-ink);
  font:700 24px/1.25 Arial,sans-serif;
  text-decoration:none;
}
.mydc-project-card__title a::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
}
.mydc-project-card__title a:focus-visible{
  outline:3px solid var(--mydc-olive);
  outline-offset:3px;
}
.mydc-project-card__meta{
  display:block;
  color:#666;
  font:400 13px/1.5 Arial,sans-serif;
}
.mydc-project-card__link .elementor-button{
  position:relative;
  z-index:2;
  background:none !important;
  border:none !important;
  padding:0 !important;
  color:var(--mydc-ink) !important;
  font:700 12px/1 Arial,sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.5px !important;
  border-radius:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  width:fit-content !important;
}
.mydc-project-card__link .elementor-button:hover{color:var(--mydc-olive) !important}
.mydc-project-card__link .elementor-button:focus-visible{
  outline:3px solid var(--mydc-olive);
  outline-offset:3px;
}

/* ---------- CTA (unchanged) ---------- */
.mydc-project-archive__cta{
  position:relative;
  isolation:isolate;
  min-height:420px;
  display:flex;
  align-items:center;
  background-position:center;
  background-size:cover;
}
.mydc-project-archive__cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(17,17,17,.92) 0%,rgba(17,17,17,.55) 45%,rgba(17,17,17,.15) 100%);
  pointer-events:none;
  z-index:0;
}
.mydc-project-archive__cta-rail{
  position:relative;
  z-index:1;
  padding-top:72px;
  padding-bottom:72px;
}
.mydc-project-archive__cta-eyebrow{
  margin:0 0 16px;
  color:var(--mydc-olive);
  font:700 12px/1 Arial,sans-serif;
  letter-spacing:1.5px;
  text-transform:uppercase;
}
.mydc-project-archive__cta-heading{
  margin:0 0 18px;
  color:#fff;
  max-width:620px;
  font:700 clamp(32px,4vw,48px)/1.15 Arial,sans-serif;
  letter-spacing:-1px;
}
.mydc-project-archive__cta-copy{max-width:560px;margin-bottom:28px}
.mydc-project-archive__cta-copy p{
  margin:0;
  color:rgba(255,255,255,.85);
  font:400 16px/1.6 Arial,sans-serif;
}
.mydc-project-archive__cta-button .elementor-button{
  background:var(--mydc-olive) !important;
  color:#111 !important;
  padding:18px 40px !important;
  border-radius:4px !important;
  font:700 14px/1 Arial,sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.5px !important;
}
.mydc-project-archive__cta-button .elementor-button:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}
@media (max-width:1024px){
  .mydc-project-archive__cta-rail{padding-top:56px;padding-bottom:56px}
}
@media (max-width:767px){
  .mydc-project-archive__cta-heading{font-size:32px}
  .mydc-project-archive__cta-rail{padding-top:48px;padding-bottom:48px}
  .mydc-project-card__title a{font-size:20px}
}

/* ---------- Empty state (client-side filter, no results) ---------- */
.mydc-project-archive__empty{
  width:100%;
  max-width:1760px;
  margin-inline:auto;
  padding:48px 0 0;
  text-align:left;
  color:#666;
  font:400 16px/1.5 Arial,sans-serif;
}
@media (max-width:1960px){
  .mydc-project-archive__empty{padding-left:100px !important;padding-right:100px !important}
}
@media (max-width:1024px){
  .mydc-project-archive__empty{padding-left:48px !important;padding-right:48px !important}
}
@media (max-width:768px){
  .mydc-project-archive__empty{padding-left:32px !important;padding-right:32px !important}
}
@media (max-width:480px){
  .mydc-project-archive__empty{padding-left:20px !important;padding-right:20px !important}
}