/**
 * Work portfolio — parity with live weareninetytwo work page
 */

/* Black field (live site) */
#content:has(.themify_builder_content-1251) #layout,
.themify_builder_content-1251,
.themify_builder_content-1251 .module_row,
.themify_builder_content-1251 .row_inner,
.themify_builder_content-1251 .module_column {
  background-color: #000 !important;
  color: #efece8;
}

.themify_builder_content-1251 h1,
.themify_builder_content-1251 h2,
.themify_builder_content-1251 h4,
.themify_builder_content-1251 p {
  color: #efece8 !important;
}

/* Work page hero — full-width stack, no clip on "distinction." */
.themify_builder_content-1251 .tb_trdl090,
.themify_builder_content-1251 .tb_trdl090 .row_inner,
.themify_builder_content-1251 .tb_trdl090 .module_column {
  overflow: visible !important;
}

.themify_builder_content-1251 .tb_trdl090 .row_inner {
  display: flex !important;
  flex-wrap: wrap !important;
}

.themify_builder_content-1251 .tb_trdl090 .tb_y8v9900,
.themify_builder_content-1251 .tb_trdl090 .tb_y8v9900.col4-2 {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: clamp(2rem, 5vw, 4rem) clamp(1.5rem, 4vw, 3rem) clamp(1.5rem, 4vw, 3rem);
  overflow: visible !important;
}

.themify_builder_content-1251 .tb_trdl090 .tb_9x44225 {
  display: none !important;
}

.themify_builder_content-1251 .tb_trdl090 h1 {
  margin: 0 !important;
  line-height: 0.92 !important;
  font-size: clamp(2.75rem, 9vw, 6.5rem) !important;
  letter-spacing: -0.02em;
  white-space: normal !important;
  overflow: visible !important;
  word-break: normal !important;
}

.themify_builder_content-1251 .tb_trdl090 .module-text {
  overflow: visible !important;
}

#gw_go_portfolio_workpage {
  padding: 0 0 3rem;
}

/* Go Portfolio JS not loaded — square tiles, centered cover images */
#gw_go_portfolio_workpage .gw-gopf-post-media-wrap-outer {
  opacity: 1 !important;
}

#gw_go_portfolio_workpage .gw-gopf-post-media-wrap {
  position: relative !important;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100% !important;
  overflow: hidden !important;
  background: #0a0a0a;
}

#gw_go_portfolio_workpage .gw-gopf-post-media-wrap img {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  opacity: 1 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

#gw_go_portfolio_workpage .gw-gopf-posts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-right: 0 !important;
}

#gw_go_portfolio_workpage .gw-gopf-col-wrap {
  width: 100% !important;
  float: none !important;
}

#gw_go_portfolio_workpage .gw-gopf-post-content-wrap {
  display: none !important;
}

@media (max-width: 900px) {
  #gw_go_portfolio_workpage .gw-gopf-posts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  #gw_go_portfolio_workpage .gw-gopf-posts {
    grid-template-columns: 1fr;
  }
}

#gw_go_portfolio_workpage .gw-gopf-filter {
  margin: 0 0 2.5rem !important;
  margin-left: 0 !important;
  padding: 0 clamp(1.5rem, 4vw, 3rem) 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#gw_go_portfolio_workpage .gw-gopf-cats-right .gw-gopf-cats {
  text-align: left !important;
}

#gw_go_portfolio_workpage .gw-gopf-cats {
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 1.35rem;
  margin: 0 !important;
}

#gw_go_portfolio_workpage .gw-gopf-cats > span {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

/* Text-only filters — active pink, no boxed buttons */
#gw_go_portfolio_workpage .gw-gopf-style-door .gw-gopf-cats > span a,
#gw_go_portfolio_workpage .gw-gopf-cats > span a,
#gw_go_portfolio_workpage .gw-gopf-btn-outlined {
  display: inline !important;
  font-family: gilroy, "Proxima Nova", sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  letter-spacing: normal;
  text-transform: lowercase;
  color: rgba(239, 236, 232, 0.6) !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: color 0.2s ease;
}

#gw_go_portfolio_workpage .gw-gopf-cats > span.gw-gopf-current a,
#gw_go_portfolio_workpage .gw-gopf-cats > span.gw-gopf-current .gw-gopf-btn-outlined {
  color: #ff3377 !important;
  background: none !important;
  border: none !important;
  text-decoration: underline !important;
  text-underline-offset: 0.3em;
  text-decoration-color: #ff3377 !important;
}

#gw_go_portfolio_workpage .gw-gopf-cats > span a:hover,
#gw_go_portfolio_workpage .gw-gopf-style-door .gw-gopf-cats > span a:hover,
#gw_go_portfolio_workpage .gw-gopf-style-door .gw-gopf-cats > span a.gw-gopf-btn-outlined:hover,
#gw_go_portfolio_workpage .gw-gopf-style-door .gw-gopf-cats > span.gw-gopf-current a,
#gw_go_portfolio_workpage .gw-gopf-style-door .gw-gopf-cats > span.gw-gopf-current a.gw-gopf-btn-outlined {
  background: none !important;
  border: none !important;
}

#gw_go_portfolio_workpage .gw-gopf-cats > span a:hover {
  color: #efece8 !important;
}

#gw_go_portfolio_workpage .gw-gopf-col-wrap {
  transition: opacity 0.35s ease, transform 0.35s ease;
}

#gw_go_portfolio_workpage .gw-gopf-post-header {
  overflow: hidden;
}

#gw_go_portfolio_workpage .gw-gopf-post-media-wrap img {
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

#gw_go_portfolio_workpage .gw-gopf-col-wrap:hover .gw-gopf-post-media-wrap img {
  transform: translate(-50%, -50%) scale(1.03) !important;
}

#gw_go_portfolio_workpage .gw-gopf-post-overlay-bg,
#gw_go_portfolio_workpage .gw-gopf-post-overlay-inner {
  display: none !important;
}

/* Invisible full-tile link — overlay visuals hidden but clicks work */
#gw_go_portfolio_workpage .gw-gopf-post-overlay.gw-gopf-post-overlay-link {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  z-index: 4 !important;
  cursor: pointer;
}

#gw_go_portfolio_workpage .gw-gopf-post-header {
  position: relative;
  cursor: pointer;
}

#gw_go_portfolio_workpage .gw-gopf-col-wrap {
  cursor: pointer;
}

#gw_go_portfolio_workpage .gw-gopf-post-content h2,
#gw_go_portfolio_workpage .gw-gopf-post-content h2 a {
  font-family: gilroy, "Proxima Nova", sans-serif !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  text-transform: lowercase;
  letter-spacing: normal;
}

.n92-work-tag {
  display: inline-block;
  font-family: gilroy, "Proxima Nova", sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: normal;
  text-transform: lowercase;
  color: rgba(239, 236, 232, 0.55);
  margin-top: 0.35rem;
}

.n92-work-tag + .n92-work-tag::before {
  content: " · ";
  opacity: 0.5;
}