.archive-mode-switch {
  display: inline-flex;
  gap: 4px;
  margin: 0 0 clamp(42px, 5vw, 68px);
  padding: 4px;
  border: 1px solid var(--line);
}
.archive-mode-switch button,
.space-filters button {
  min-height: 44px;
  padding: 9px 14px;
  border: 0;
  background: transparent;
  color: #8f8f8f;
  font: inherit;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
}
.archive-mode-switch button:hover,
.archive-mode-switch button:focus-visible,
.archive-mode-switch button.is-active,
.space-filters button:hover,
.space-filters button:focus-visible,
.space-filters button.is-active {
  background: #fff;
  color: #080808;
}
.archive-mode-switch button:focus-visible,
.space-filters button:focus-visible,
.space-card:focus-visible,
.space-viewer__close:focus-visible {
  outline: 1px solid #fff;
  outline-offset: 3px;
}
[data-archive-panel][hidden] { display: none !important; }
.space-archive__summary { margin-bottom: clamp(52px, 6vw, 86px); }
.space-archive__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  gap: clamp(44px, 8vw, 120px);
  align-items: end;
  margin-bottom: clamp(42px, 5vw, 72px);
}
.space-archive__intro h2 {
  max-width: 820px;
  margin: 0;
  font-size: clamp(38px, 4.8vw, 72px);
  line-height: .98;
  letter-spacing: -.04em;
}
.space-archive__intro > p {
  max-width: 620px;
  margin: 0 0 4px;
  color: var(--muted);
  line-height: 1.65;
}
.space-toolbar { border-top: 1px solid var(--line); padding-top: 18px; }
.space-filters { display: flex; flex-wrap: wrap; gap: 6px; }
.space-filters button { border: 1px solid var(--line); }
.space-result { margin: 24px 0 34px; }
.space-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: clamp(26px, 3vw, 46px) clamp(14px, 1.8vw, 28px);
}
.space-card {
  display: block;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: zoom-in;
  font: inherit;
}
.space-card[hidden] { display: none; }
.space-card--wide { grid-column: span 2; }
.space-card figure {
  position: relative;
  overflow: hidden;
  margin: 0;
  background: #151515;
}
.space-card--wide figure { aspect-ratio: 16 / 9; }
.space-card--square figure { aspect-ratio: 1 / 1; }
.space-card--portrait figure { aspect-ratio: 4 / 5; }
.space-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s cubic-bezier(.2,.7,.2,1), filter .45s ease;
}
.space-card:hover img,
.space-card:focus-visible img { transform: scale(1.025); }
.space-card__meta {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: 18px;
  padding-top: 12px;
  border-top: 1px solid transparent;
}
.space-card__meta > span { min-width: 0; }
.space-card__meta small,
.space-card__meta strong { display: block; }
.space-card__meta small {
  margin-bottom: 5px;
  color: var(--muted);
  font-size: 8px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.space-card__meta strong {
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.space-viewer {
  width: min(94vw, 1500px);
  max-width: none;
  max-height: 94svh;
  padding: 0;
  border: 1px solid rgba(255,255,255,.18);
  background: #080808;
  color: #fff;
}
.space-viewer::backdrop { background: rgba(0,0,0,.86); backdrop-filter: blur(5px); }
.space-viewer[open] { display: grid; grid-template-rows: minmax(0, 1fr) auto; }
.space-viewer__close {
  position: absolute;
  z-index: 2;
  top: 14px;
  right: 14px;
  min-height: 40px;
  padding: 9px 12px;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(8,8,8,.72);
  color: #fff;
  font: inherit;
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
}
.space-viewer__frame {
  display: grid;
  min-height: 0;
  place-items: center;
  background: #050505;
}
.space-viewer__frame img {
  display: block;
  width: 100%;
  height: min(72svh, 900px);
  object-fit: contain;
}
.space-viewer__meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 30px;
  align-items: end;
  padding: 22px clamp(18px, 3vw, 42px) 26px;
  border-top: 1px solid rgba(255,255,255,.14);
}
.space-viewer__meta h2 { margin: 4px 0 5px; font-size: clamp(24px, 3vw, 42px); }
.space-viewer__meta p { margin: 0; color: var(--muted); }
.space-viewer__meta .button[hidden] { display: none; }
body.space-viewer-open { overflow: hidden; }
@media (max-width: 980px) {
  .space-archive__intro { grid-template-columns: 1fr; gap: 24px; }
  .space-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .space-card--wide { grid-column: span 2; }
}
@media (max-width: 680px) {
  .archive-mode-switch { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .archive-mode-switch button { width: 100%; }
  .space-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 7px; scrollbar-width: thin; }
  .space-filters button { flex: 0 0 auto; }
  .space-grid { grid-template-columns: 1fr; gap: 32px; }
  .space-card--wide { grid-column: span 1; }
  .space-card--wide figure,
  .space-card--square figure { aspect-ratio: 4 / 3; }
  .space-card--portrait figure { aspect-ratio: 4 / 5; }
  .space-card__meta { grid-template-columns: .7fr 1.3fr; gap: 12px; }
  .space-viewer { width: 100vw; max-height: 100svh; border-left: 0; border-right: 0; }
  .space-viewer__frame img { height: min(68svh, 700px); }
  .space-viewer__meta { grid-template-columns: 1fr; align-items: start; }
  .space-viewer__meta .button { justify-self: start; }
}
@media (prefers-reduced-motion: reduce) {
  .space-card img { transition: none; }
}


/* Exact 6×6 illustration field: no outer canvas, panel or mismatched tone. */
.home-page .journey-services__visual,
.home-page .journey-process__visual,
.home-page .journey-service__image,
.home-page .journey-process__image,
.home-page .journey-process__mobile-image {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.home-page .journey-service__image picture,
.home-page .journey-process__image picture,
.home-page .journey-process__mobile-image picture,
.home-page .journey-service__image img,
.home-page .journey-process__image img,
.home-page .journey-process__mobile-image img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  filter: none !important;
}
.home-page .journey-service__image figcaption,
.home-page .journey-process__image figcaption { display: none !important; }

/* The carousel accepts horizontal swipe without stealing vertical scroll. */
.simple-carousel { touch-action: pan-y pinch-zoom; }
.simple-carousel.is-dragging { cursor: grabbing; }
.simple-carousel.is-dragging a { pointer-events: none; }

/* Space toolbar */
.space-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}
.space-view-switcher {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--line);
}
.space-view-switcher button {
  min-height: 38px;
  padding: 9px 14px;
  border: 0;
  background: transparent;
  color: #8f8f8f;
  font: inherit;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
}
.space-view-switcher button:hover,
.space-view-switcher button:focus-visible,
.space-view-switcher button.is-active { background: #fff; color: #080808; }

/* Every grid image shares one axis, crop and visual footprint. */
.space-grid {
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  grid-auto-flow: row !important;
  align-items: start;
}
.space-grid:not(.is-list) .space-card,
.space-grid:not(.is-list) .space-card--wide,
.space-grid:not(.is-list) .space-card--portrait,
.space-grid:not(.is-list) .space-card--square,
.space-grid:not(.is-list) .space-card--aligned { grid-column: span 1 !important; }
.space-grid:not(.is-list) .space-card figure {
  width: 100%;
  aspect-ratio: 4 / 3 !important;
}
.space-grid:not(.is-list) .space-card img {
  width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.space-grid:not(.is-list) .space-card__meta { min-height: 72px; }

/* List view: compact, aligned and still image-led. */
.space-grid.is-list {
  display: block !important;
  border-top: 1px solid var(--line);
}
.space-grid.is-list .space-card[hidden] { display: none !important; }
.space-grid.is-list .space-card {
  display: grid;
  grid-template-columns: minmax(150px, 220px) minmax(0,1fr);
  gap: clamp(22px,4vw,72px);
  align-items: center;
  width: 100%;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}
.space-grid.is-list .space-card figure {
  width: 100%;
  aspect-ratio: 3 / 2 !important;
}
.space-grid.is-list .space-card img { width:100%; height:100%; object-fit:cover; }
.space-grid.is-list .space-card__meta {
  grid-template-columns: minmax(160px,.7fr) minmax(0,1.3fr);
  align-items: center;
  padding: 0;
}

@media (max-width: 980px) {
  .space-toolbar { display: block; }
  .space-view-switcher { margin-top: 14px; }
  .space-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 680px) {
  .space-grid { grid-template-columns: 1fr !important; }
  .space-view-switcher { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .space-grid.is-list .space-card { grid-template-columns: 96px minmax(0,1fr); gap: 14px; padding: 13px 0; }
  .space-grid.is-list .space-card__meta { grid-template-columns: 1fr; gap: 8px; }
  .space-grid.is-list .space-card__meta small { margin-bottom: 2px; }
}

/* Project archive functional system + aligned image field + navigable viewer. */
.projects-page .view-switcher,.projects-page .space-view-switcher{display:inline-grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(92px,1fr)!important;gap:0!important;padding:0!important;border:1px solid var(--line)!important}.projects-page .view-switcher button,.projects-page .space-view-switcher button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:92px!important;min-height:44px!important;padding:0 14px!important;border:0!important;background:transparent!important;color:#8f8f8f!important;text-align:center!important;font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important}.projects-page .view-switcher button+button,.projects-page .space-view-switcher button+button{border-left:1px solid var(--line)!important}.projects-page .view-switcher button:is(:hover,:focus-visible,.is-active),.projects-page .space-view-switcher button:is(:hover,:focus-visible,.is-active){background:#f4f3ec!important;color:#080808!important}.projects-page .view-switcher__icon{width:16px!important;height:16px!important}
.projects-page .projects-list__grid:not(.is-list-view) .project-card img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center!important}.projects-page .space-grid:not(.is-list){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(28px,3vw,42px) clamp(16px,1.8vw,26px)!important}.projects-page .space-grid:not(.is-list) .space-card figure{aspect-ratio:4/3!important;background:#111!important}.projects-page .space-grid:not(.is-list) .space-card img{object-fit:cover!important;object-position:center!important}.projects-page .space-grid:not(.is-list) .space-card__meta{min-height:70px!important}.projects-page .space-archive{padding-top:0!important}.projects-page .space-toolbar{padding-top:0!important;border-top:0!important}
.space-viewer{position:relative!important}.space-viewer__close,.space-viewer__nav{position:absolute!important;z-index:6!important;display:grid!important;place-items:center!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;padding:0!important;border:1px solid rgba(255,255,255,.32)!important;background:rgba(8,8,8,.72)!important;color:#fff!important;cursor:pointer!important;backdrop-filter:blur(10px)}.space-viewer__close{top:16px!important;right:16px!important}.space-viewer__nav{top:50%!important;transform:translateY(-50%)!important}.space-viewer__nav--prev{left:16px!important}.space-viewer__nav--next{right:16px!important}.space-viewer__close .morphd-icon,.space-viewer__nav .morphd-icon{width:20px!important;height:20px!important}.space-viewer__close:is(:hover,:focus-visible),.space-viewer__nav:is(:hover,:focus-visible){background:#f4f3ec!important;color:#080808!important}.space-viewer__frame{position:relative!important;touch-action:pan-y pinch-zoom!important;user-select:none}.space-viewer__counter{align-self:center;color:rgba(255,255,255,.54);font-size:9px;letter-spacing:.12em}.space-viewer__meta{grid-template-columns:minmax(0,1fr) auto auto!important}
@media(max-width:980px){.projects-page .space-grid:not(.is-list){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.projects-page .view-switcher,.projects-page .space-view-switcher{width:100%!important;grid-template-columns:repeat(2,1fr)!important;grid-auto-flow:initial!important}.projects-page .space-grid:not(.is-list){grid-template-columns:1fr!important;gap:30px!important}.space-viewer__close,.space-viewer__nav{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.space-viewer__nav--prev{left:10px!important}.space-viewer__nav--next{right:10px!important}.space-viewer__close{top:10px!important;right:10px!important}.space-viewer__meta{grid-template-columns:1fr auto!important;gap:14px!important}.space-viewer__meta>div{grid-column:1/-1}.space-viewer__meta .button{grid-column:1}.space-viewer__counter{grid-column:2;justify-self:end}}

/* V186 control grammar: functional, centred, and quiet. No filled utility-button states. */
.projects-page .project-filters button,
.projects-page .space-filters button,
.projects-page .view-switcher button,
.projects-page .space-view-switcher button {
  position: relative !important;
  background: transparent !important;
  color: rgba(244,243,236,.48) !important;
  transition: color 220ms ease !important;
}
.projects-page .project-filters button:is(:hover,:focus-visible,.is-active),
.projects-page .space-filters button:is(:hover,:focus-visible,.is-active),
.projects-page .view-switcher button:is(:hover,:focus-visible,.is-active),
.projects-page .space-view-switcher button:is(:hover,:focus-visible,.is-active) {
  background: transparent !important;
  color: #f4f3ec !important;
}
.projects-page .project-filters button::after,
.projects-page .space-filters button::after,
.projects-page .view-switcher button::after,
.projects-page .space-view-switcher button::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 5px;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 220ms ease;
}
.projects-page .project-filters button.is-active::after,
.projects-page .space-filters button.is-active::after,
.projects-page .view-switcher button.is-active::after,
.projects-page .space-view-switcher button.is-active::after {
  transform: scaleX(1);
}
.projects-page .view-switcher button,
.projects-page .space-view-switcher button {
  justify-content: center !important;
  text-align: center !important;
}

/* Archive / viewer refinement --------------------------------------------- */
.projects-page .archive-mode-switch__index { display:none !important; }
.projects-page .archive-mode-switch button { padding-left:0 !important; text-align:left !important; }

/* Same breathing room between controls and evidence in both archive modes. */
.projects-page #projectArchivePanel .projects-toolbar,
.projects-page #spaceArchivePanel .space-toolbar { margin-bottom: clamp(34px,4vw,52px) !important; }
.projects-page .project-filters,
.projects-page .space-filters { margin-bottom:0 !important; }

/* Compact, truly-centred Grid / Index control. */
.projects-page .view-switcher,
.projects-page .space-view-switcher {
  grid-auto-columns: 80px !important;
  width: auto !important;
  height: 42px !important;
  padding:0 !important;
}
.projects-page .view-switcher button,
.projects-page .space-view-switcher button {
  width:80px !important;
  min-width:80px !important;
  min-height:40px !important;
  padding:0 !important;
  gap:6px !important;
  line-height:1 !important;
}
.projects-page .view-switcher button::after,
.projects-page .space-view-switcher button::after { left:10px !important; right:10px !important; bottom:4px !important; }
.projects-page .view-switcher__icon { flex:0 0 15px !important; width:15px !important; height:15px !important; }

/* Project and Space index modes share one row grammar. */
.projects-page .projects-list__grid.is-list-view,
.projects-page .space-grid.is-list { display:block !important; border-top:1px solid var(--line) !important; }
.projects-page .projects-list__grid.is-list-view .project-card a,
.projects-page .space-grid.is-list .space-card {
  display:grid !important;
  grid-template-columns: 150px minmax(0,1fr) !important;
  gap: clamp(22px,3vw,48px) !important;
  align-items:center !important;
  width:100% !important;
  min-height:132px !important;
  padding:14px 0 !important;
  border-bottom:1px solid var(--line) !important;
}
.projects-page .projects-list__grid.is-list-view .project-card img,
.projects-page .space-grid.is-list .space-card figure {
  width:150px !important;
  height:100px !important;
  aspect-ratio:3/2 !important;
  margin:0 !important;
}
.projects-page .space-grid.is-list .space-card img { width:100% !important; height:100% !important; object-fit:cover !important; }
.projects-page .projects-list__grid.is-list-view .project-card__meta,
.projects-page .space-grid.is-list .space-card__meta {
  display:grid !important;
  grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr) !important;
  gap:24px !important;
  align-items:center !important;
  min-height:0 !important;
  padding:0 !important;
}

/* Viewer: stable metadata, visible inline Morphd controls. */
.space-viewer__close svg,
.space-viewer__nav svg { display:block !important; width:20px !important; height:20px !important; overflow:visible !important; stroke:currentColor !important; }
.space-viewer__meta {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 148px 62px !important;
  gap:22px !important;
  align-items:end !important;
}
.space-viewer__details { min-width:0 !important; }
.space-viewer__details h2 {
  margin:0 0 6px !important;
  max-width:34ch !important;
  font-size:clamp(22px,2vw,27px) !important;
  line-height:1.06 !important;
  letter-spacing:-.025em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.space-viewer__details #spaceViewerLocation { margin:0 !important; color:rgba(244,243,236,.58) !important; font-size:11px !important; }
.space-viewer__type { margin:8px 0 0 !important; color:rgba(244,243,236,.38) !important; font-size:9px !important; line-height:1.3 !important; letter-spacing:.12em !important; text-transform:uppercase !important; }
.space-viewer__meta .button { width:148px !important; min-width:148px !important; justify-content:center !important; white-space:nowrap !important; }
.space-viewer__counter { width:62px !important; justify-self:end !important; text-align:right !important; }

@media(max-width:680px){
  .projects-page .view-switcher,.projects-page .space-view-switcher { width:160px !important; grid-template-columns:repeat(2,80px) !important; margin-top:16px !important; }
  .projects-page .projects-list__grid.is-list-view .project-card a,
  .projects-page .space-grid.is-list .space-card { grid-template-columns:96px minmax(0,1fr) !important; min-height:96px !important; gap:14px !important; padding:12px 0 !important; }
  .projects-page .projects-list__grid.is-list-view .project-card img,
  .projects-page .space-grid.is-list .space-card figure { width:96px !important; height:64px !important; }
  .projects-page .projects-list__grid.is-list-view .project-card__meta,
  .projects-page .space-grid.is-list .space-card__meta { grid-template-columns:1fr !important; gap:5px !important; }
  .space-viewer__meta { grid-template-columns:minmax(0,1fr) auto !important; gap:14px !important; }
  .space-viewer__details { grid-column:1/-1 !important; }
  .space-viewer__details h2 { white-space:normal !important; font-size:22px !important; }
  .space-viewer__meta .button { grid-column:1 !important; width:140px !important; min-width:140px !important; }
  .space-viewer__counter { grid-column:2 !important; }
}
.space-viewer__meta .button { grid-column:2 !important; }
.space-viewer__counter { grid-column:3 !important; }
@media(max-width:680px){
  .space-viewer__meta .button { grid-column:1 !important; }
  .space-viewer__counter { grid-column:2 !important; }
}

/* V190 — By Space alignment -------------------------------------------------
   Grid cards use one exact media + metadata rhythm so adjacent items finish on
   the same top and bottom lines regardless of their source-image proportions. */
@media (min-width: 681px) {
  .projects-page .space-grid:not(.is-list) .space-card {
    display: grid !important;
    grid-template-rows: auto 76px !important;
    align-self: stretch !important;
  }
  .projects-page .space-grid:not(.is-list) .space-card__meta {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    align-content: start !important;
    overflow: hidden !important;
  }
}

/* The full-space viewer keeps one invariant image stage while navigating. */
.space-viewer__frame {
  height: min(72svh, 900px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
.space-viewer__frame > img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
}
@media (max-width: 680px) {
  .space-viewer__frame { height: min(68svh, 700px) !important; }
}


/* v206 mobile archive consistency: By project uses the same image rhythm as By space. */
@media (max-width: 680px) {
  .projects-list__grid:not(.is-list-view) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .projects-list__grid:not(.is-list-view) .project-card,
  .projects-list__grid:not(.is-list-view) .project-card a {
    display: block !important;
    width: 100% !important;
  }
  .projects-list__grid:not(.is-list-view) .project-card img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  .projects-list__grid:not(.is-list-view) .project-card__meta {
    display: grid !important;
    grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr) !important;
    gap: 12px !important;
    min-height: 72px !important;
    padding-top: 12px !important;
  }
  .projects-list__grid:not(.is-list-view) .project-card__meta p {
    margin: 0 0 5px !important;
    color: var(--muted) !important;
    font-size: 8px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }
  .projects-list__grid:not(.is-list-view) .project-card__meta h3 {
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
  }
  .projects-list__grid:not(.is-list-view) .project-card__meta > span {
    align-self: start !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
  }
}

@media (max-width: 680px) {
  .projects-list__grid.is-list-view { display:block !important; border-top:1px solid var(--line) !important; }
  .projects-list__grid.is-list-view .project-card { padding:0 !important; border-bottom:1px solid var(--line) !important; }
  .projects-list__grid.is-list-view .project-card a {
    display:grid !important;
    grid-template-columns:96px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:center !important;
    padding:13px 0 !important;
  }
  .projects-list__grid.is-list-view .project-card img {
    width:96px !important;
    height:auto !important;
    aspect-ratio:3 / 2 !important;
    object-fit:cover !important;
  }
  .projects-list__grid.is-list-view .project-card__meta {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:0 !important;
  }
  .projects-list__grid.is-list-view .project-card__meta > span { font-size:10px !important; }
}