/* Portfolio page redesign: white editorial canvas, dark teal finance accents, dynamic filter rail. */
html:has(#root [data-loc="src/web/pages/Portfolio.tsx:129"]),
body:has(#root [data-loc="src/web/pages/Portfolio.tsx:129"]) {
  background: #ffffff !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"]) {
  --pf-ink: #0b1615;
  --pf-deep: #102422;
  --pf-teal: #1f6f67;
  --pf-teal-soft: #2c8177;
  --pf-mist: #eef2ef;
  --pf-paper: #ffffff;
  --pf-line: rgba(11, 22, 21, 0.08);
  --pf-line-strong: rgba(11, 22, 21, 0.14);
  --pf-muted: #66716e;
  --pf-warm: #d6c3ad;
  --pf-lime: #dfe7bb;
  --pf-blue: #a8bddb;
  --pf-shadow: 0 24px 60px rgba(11, 22, 21, 0.08);
  --pf-font: var(
    --av-projects-apple-font,
    -apple-system,
    BlinkMacSystemFont,
    "SF Pro Display",
    "SF Pro Text",
    "Helvetica Neue",
    Arial,
    sans-serif
  );
  display: block !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: var(--pf-ink) !important;
}

html:has(#root [data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/components/Navbar.tsx:123"] {
  border-bottom: 1px solid rgba(11, 22, 21, 0.07) !important;
  background: rgba(255, 255, 255, 0.84) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  box-shadow: 0 10px 30px rgba(11, 22, 21, 0.04) !important;
}

html:has(#root [data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/components/Navbar.tsx:123"] a,
html:has(#root [data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/components/Navbar.tsx:123"] button,
html:has(#root [data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/components/Navbar.tsx:123"] span {
  color: #24302d !important;
  -webkit-text-fill-color: #24302d !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/app.tsx:23"] {
  width: 100% !important;
  max-width: none !important;
  display: block !important;
  background: transparent !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:129"] {
  width: min(100% - 40px, 1600px) !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 112px 0 84px !important;
  display: grid !important;
  grid-template-columns: 320px minmax(0, 1fr) !important;
  gap: 24px !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:132"] {
  grid-column: 1 / -1 !important;
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  max-width: none !important;
  min-height: clamp(540px, 40vw, 600px) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 320px minmax(0, 1fr) !important;
  grid-template-rows: clamp(540px, 40vw, 600px) !important;
  gap: 24px !important;
  align-items: stretch !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:132"]::before {
  display: none !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:132"]::after,
#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:165"]::before {
  display: none !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:134"] {
  position: relative !important;
  z-index: 2 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  max-width: none !important;
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font: 650 clamp(38px, 3.25vw, 54px) / 0.96 var(--pf-font) !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  text-wrap: balance !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:132"]
  > [data-loc="src/web/components/Reveal.tsx:23"]:has(
    [data-loc="src/web/pages/Portfolio.tsx:134"]
  ) {
  position: relative !important;
  z-index: 1 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 34px 28px 154px !important;
  display: flex !important;
  align-items: flex-start !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.13), transparent 38%),
    linear-gradient(145deg, rgba(23, 73, 66, 0.82), rgba(8, 35, 31, 0.84)),
    rgba(255, 255, 255, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 22px 54px rgba(11, 22, 21, 0.1) !important;
  backdrop-filter: blur(24px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.16) !important;
  overflow: hidden !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:132"]
  > [data-loc="src/web/components/Reveal.tsx:23"]:has(
    [data-loc="src/web/pages/Portfolio.tsx:134"]
  )::after {
  content: "01";
  position: absolute;
  right: 23px;
  bottom: 92px;
  color: rgba(255, 255, 255, 0.075);
  font: 720 92px / 0.8 var(--pf-font);
  letter-spacing: 0;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:134"]::before {
  content: "Portfolio / Private residential";
  display: flex !important;
  align-items: center !important;
  min-height: 32px !important;
  margin: 0 0 56px !important;
  padding: 0 0 0 42px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: rgba(255, 255, 255, 0.66) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.66) !important;
  background:
    linear-gradient(90deg, #dfe7bb 0 26px, transparent 26px) left center / 26px 1px no-repeat !important;
  backdrop-filter: none !important;
  font: 650 10px / 1 var(--pf-font) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:134"]::after {
  content: "A restrained record of listed, realized, and long-hold residential value.";
  display: block !important;
  max-width: 235px !important;
  margin-top: 26px !important;
  color: rgba(255, 255, 255, 0.64) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.64) !important;
  font: 430 13px / 1.58 var(--pf-font) !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:132"]
  > [data-loc="src/web/components/Reveal.tsx:23"]:has(
    [data-loc="src/web/pages/Portfolio.tsx:144"]
  ) {
  position: relative !important;
  z-index: 3 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: end !important;
  margin: 0 28px 28px !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:144"] {
  position: relative !important;
  z-index: 3 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.66) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.66) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
  font: 620 10px / 1.1 var(--pf-font) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.av-pf-hero-note span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 20px;
  color: rgba(255, 255, 255, 0.72);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72);
}

.av-pf-hero-dashboard {
  position: relative;
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  max-width: none;
  min-width: 0;
  height: auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.36);
  background:
    linear-gradient(180deg, rgba(7, 18, 16, 0.02) 18%, rgba(7, 18, 16, 0.5) 100%),
    linear-gradient(90deg, rgba(7, 18, 16, 0.16), transparent 44%),
    url("/optimized/thumbs/1205-jersey-hero.webp") center 48% / cover no-repeat;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 28px 62px rgba(11, 22, 21, 0.12);
  pointer-events: none;
  z-index: 2;
}

.av-pf-hero-frame-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0;
  border: 0;
  color: rgba(255, 255, 255, 0.78);
  font: 650 10px / 1 var(--pf-font);
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.av-pf-hero-frame-meta span {
  min-height: 34px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.84);
  background: rgba(6, 24, 22, 0.26);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(16px) saturate(1.1);
  -webkit-backdrop-filter: blur(16px) saturate(1.1);
}

.av-pf-hero-bottom {
  display: grid;
  grid-template-columns: minmax(260px, 0.62fr) minmax(520px, 0.78fr);
  align-items: end;
  gap: 24px;
}

.av-pf-hero-caption {
  max-width: 420px;
  padding: 20px 20px 20px 22px;
  color: #ffffff;
  border-left: 2px solid #dfe7bb;
  background: linear-gradient(90deg, rgba(7, 18, 16, 0.46), rgba(7, 18, 16, 0.1) 72%, transparent);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.av-pf-hero-caption small {
  display: block;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.64);
  font: 680 10px / 1 var(--pf-font);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.av-pf-hero-caption strong {
  display: block;
  max-width: 18ch;
  font: 620 26px / 1.08 var(--pf-font);
  letter-spacing: 0;
}

.av-pf-hero-caption span {
  display: block;
  max-width: 46ch;
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.68);
  font: 430 12px / 1.5 var(--pf-font);
}

.av-pf-hero-ledger {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-self: end;
  width: min(100%, 560px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 8px;
  color: #ffffff;
  background: rgba(10, 31, 28, 0.46);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 18px 44px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(20px) saturate(1.12);
  -webkit-backdrop-filter: blur(20px) saturate(1.12);
}

.av-pf-hero-ledger article {
  min-width: 0;
  padding: 18px 18px 17px;
}

.av-pf-hero-ledger article + article {
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.av-pf-hero-ledger small,
.av-pf-hero-ledger span {
  display: block;
}

.av-pf-hero-ledger small {
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.62);
  font: 650 9px / 1 var(--pf-font);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.av-pf-hero-ledger strong {
  display: block;
  margin-bottom: 6px;
  color: #f8faf7;
  font: 690 clamp(28px, 2.75vw, 38px) / 0.94 var(--pf-font);
  letter-spacing: 0;
}

.av-pf-hero-ledger span {
  color: rgba(255, 255, 255, 0.62);
  font: 450 11px / 1.3 var(--pf-font);
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"] {
  --pf-filter-accent: #eb6b2d;
  --pf-filter-surface: #f7f6f1;
  --pf-filter-line: rgba(35, 40, 37, 0.1);
  position: static !important;
  top: auto !important;
  align-self: start !important;
  max-height: none !important;
  overflow: visible !important;
  display: grid !important;
  gap: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(35, 40, 37, 0.08) !important;
  border-radius: 8px !important;
  background: var(--pf-filter-surface) !important;
  box-shadow:
    0 20px 46px rgba(18, 27, 24, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]::before,
#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]::after {
  content: none !important;
  display: none !important;
}

.av-pf-sidebar-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--pf-filter-line);
}

.av-pf-sidebar-head span {
  display: block;
  margin-bottom: 5px;
  color: #7f837f;
  font: 650 9px / 1 var(--pf-font);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.av-pf-sidebar-head strong {
  color: #252825;
  font: 620 18px / 1.1 var(--pf-font);
}

.av-pf-sidebar-meta {
  display: flex;
  align-items: center;
  gap: 10px;
}

.av-pf-sidebar-meta > b {
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(35, 40, 37, 0.12);
  border-radius: 999px;
  color: #575c57;
  background: rgba(255, 255, 255, 0.58);
  font: 650 10px / 1 var(--pf-font);
}

.av-pf-filter-head,
.av-pf-search,
.av-pf-group,
.av-pf-range-wrap,
.av-pf-sort,
.av-pf-live {
  min-width: 0;
}

.av-pf-reset {
  height: 28px;
  border: 0;
  border-radius: 0;
  padding: 0;
  color: #777c77;
  background: transparent;
  cursor: pointer;
  font: 620 10px / 1 var(--pf-font);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition:
    color 160ms ease,
    opacity 160ms ease;
}

.av-pf-reset:disabled {
  opacity: 0.34;
  cursor: default;
}

.av-pf-live {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
  padding: 16px 0 0;
  border-top: 1px solid var(--pf-filter-line);
  border-radius: 0;
  color: #252825;
  background: transparent;
}

.av-pf-live strong {
  font: 650 18px / 1 var(--pf-font);
}

.av-pf-live span {
  color: #868b86;
  font: 560 10px / 1 var(--pf-font);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.av-pf-live-top {
  margin-top: -2px;
}

.av-pf-search {
  position: relative;
  display: grid;
  gap: 8px;
  padding: 16px 0 14px;
  border-bottom: 1px solid var(--pf-filter-line);
}

.av-pf-search > span {
  display: none;
}

.av-pf-search::after {
  content: "";
  position: absolute;
  right: 13px;
  top: 30px;
  width: 9px;
  height: 9px;
  border: 1.5px solid #797e79;
  border-radius: 50%;
  pointer-events: none;
}

.av-pf-search::before {
  content: "";
  position: absolute;
  z-index: 1;
  right: 11px;
  top: 40px;
  width: 5px;
  height: 1.5px;
  background: #797e79;
  transform: rotate(45deg);
  pointer-events: none;
}

.av-pf-group-title,
.av-pf-sort span,
.av-pf-range span {
  color: #4d524e;
  font: 620 11px / 1 var(--pf-font);
}

.av-pf-search input,
.av-pf-sort select {
  width: 100%;
  height: 40px;
  border: 1px solid rgba(35, 40, 37, 0.16);
  border-radius: 6px;
  padding: 0 38px 0 12px;
  color: #303430;
  background: rgba(255, 255, 255, 0.68);
  outline: none;
  font: 500 11px / 1 var(--pf-font);
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease;
}

.av-pf-search input:focus,
.av-pf-sort select:focus {
  border-color: rgba(235, 107, 45, 0.62);
  box-shadow: 0 0 0 3px rgba(235, 107, 45, 0.1);
}

.av-pf-availability {
  width: 100%;
  min-height: 48px;
  padding: 0;
  display: grid;
  grid-template-columns: 32px 1fr auto;
  align-items: center;
  gap: 10px;
  border: 0;
  border-bottom: 1px solid var(--pf-filter-line);
  color: #3d423e;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font: 560 11px / 1 var(--pf-font);
  transition:
    color 160ms ease,
    background-color 160ms ease;
}

.av-pf-availability > i {
  position: relative;
  width: 30px;
  height: 17px;
  display: block;
  border-radius: 999px;
  background: #d8d9d4;
  box-shadow: inset 0 0 0 1px rgba(35, 40, 37, 0.08);
  transition: background-color 180ms ease;
}

.av-pf-availability > i::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(20, 24, 21, 0.2);
  transition: transform 180ms ease;
}

.av-pf-availability > b {
  min-width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(35, 40, 37, 0.13);
  border-radius: 999px;
  color: #666b66;
  background: rgba(255, 255, 255, 0.52);
  font: 650 9px / 1 var(--pf-font);
}

.av-pf-availability.is-active > i {
  background: var(--pf-filter-accent);
}

.av-pf-availability.is-active > i::after {
  transform: translateX(13px);
}

.av-pf-group,
.av-pf-range-wrap,
.av-pf-sort {
  display: grid;
  gap: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--pf-filter-line);
}

.av-pf-group-toggle {
  width: 100%;
  min-height: 34px;
  margin: 0 -8px;
  width: calc(100% + 16px);
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 0;
  color: #303530;
  background: transparent;
  cursor: default;
  text-align: left;
  border-radius: 6px;
  transition: color 160ms ease;
}

.av-pf-group-toggle span {
  color: #353a35;
  font: 600 11px / 1 var(--pf-font);
}

.av-pf-group-toggle b {
  min-width: 20px;
  height: 20px;
  margin-left: auto;
  padding: 0 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(35, 40, 37, 0.12);
  color: #656a65;
  background: rgba(255, 255, 255, 0.48);
  font: 650 9px / 1 var(--pf-font);
}

.av-pf-group-toggle::after {
  display: none;
}

.av-pf-group.has-active .av-pf-group-toggle span,
.av-pf-group.has-active .av-pf-group-toggle b {
  color: #c94f18;
}

.av-pf-group.has-active .av-pf-group-toggle b {
  border-color: rgba(235, 107, 45, 0.28);
  background: rgba(235, 107, 45, 0.08);
}

.av-pf-group-body {
  display: grid;
  gap: 2px;
  padding: 2px 0 3px;
}

.av-pf-group-body[hidden] {
  display: none;
}

.av-pf-chip-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2px;
}

.av-pf-chip {
  position: relative;
  min-height: 29px;
  width: calc(100% + 12px);
  margin: 0 -6px;
  padding: 0 30px 0 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  overflow: hidden;
  border: 0;
  border-radius: 6px;
  color: #696e69;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font: 500 10px / 1.2 var(--pf-font);
  transition:
    transform 180ms ease,
    background 180ms ease,
    color 180ms ease,
    border-color 180ms ease;
}

.av-pf-chip span {
  padding-right: 6px;
}

.av-pf-chip span,
.av-pf-availability > span {
  transition: font-weight 120ms ease;
}

.av-pf-chip:hover span,
.av-pf-availability:hover > span {
  font-weight: 720;
}

.av-pf-chip b {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(35, 40, 37, 0.11);
  border-radius: 999px;
  color: #777c77;
  background: rgba(255, 255, 255, 0.46);
  font: 650 9px / 1 var(--pf-font);
}

.av-pf-chip i {
  position: absolute;
  top: 50%;
  right: 3px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.2;
  transform: translateY(-50%);
}

.av-pf-chip:hover {
  color: #696e69;
  background: transparent;
  transform: none;
}

.av-pf-chip.is-active {
  color: #c94f18;
  background: transparent;
}

.av-pf-chip.is-active b {
  border-color: rgba(235, 107, 45, 0.34);
  color: #c94f18;
  background: rgba(235, 107, 45, 0.08);
}

.av-pf-chip.is-active i {
  background: var(--pf-filter-accent);
  opacity: 1;
}

.av-pf-range {
  display: grid;
  gap: 9px;
  padding-top: 3px;
}

.av-pf-range span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.av-pf-range b {
  color: #747974;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.av-pf-range input {
  width: 100%;
  height: 18px;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  accent-color: var(--pf-filter-accent);
  background: transparent;
  cursor: pointer;
}

.av-pf-range input::-webkit-slider-runnable-track {
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(31, 111, 103, 0.12) 0%,
    rgba(31, 111, 103, 0.22) 45%,
    rgba(235, 107, 45, 0.9) 100%
  );
}

.av-pf-range input::-webkit-slider-thumb {
  width: 14px;
  height: 14px;
  margin-top: -5.5px;
  appearance: none;
  -webkit-appearance: none;
  border: 2px solid var(--pf-filter-accent);
  border-radius: 50%;
  background: var(--pf-filter-surface);
  box-shadow: 0 1px 4px rgba(35, 40, 37, 0.18);
}

.av-pf-range input::-moz-range-track {
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(31, 111, 103, 0.12) 0%,
    rgba(31, 111, 103, 0.22) 45%,
    rgba(235, 107, 45, 0.9) 100%
  );
}

.av-pf-range input::-moz-range-progress {
  height: 3px;
  border-radius: 999px;
  background: transparent;
}

.av-pf-range input::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border: 2px solid var(--pf-filter-accent);
  border-radius: 50%;
  background: var(--pf-filter-surface);
  box-shadow: 0 1px 4px rgba(35, 40, 37, 0.18);
}

.av-pf-search input::placeholder {
  color: #969a95;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  :is(button, input, select):focus-visible {
  outline: 2px solid rgba(235, 107, 45, 0.9) !important;
  outline-offset: 2px !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-reset {
  min-width: 0 !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #777c77 !important;
  -webkit-text-fill-color: #777c77 !important;
  background: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font: 620 10px / 1 var(--pf-font) !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-availability {
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pf-filter-line) !important;
  border-radius: 0 !important;
  color: #3d423e !important;
  -webkit-text-fill-color: #3d423e !important;
  background: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font: 560 11px / 1 var(--pf-font) !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-availability:hover {
  background: transparent !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-chip {
  min-width: 0 !important;
  min-height: 29px !important;
  padding: 0 30px 0 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #696e69 !important;
  -webkit-text-fill-color: #696e69 !important;
  background: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font: 500 10px / 1.2 var(--pf-font) !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-chip:hover {
  color: #696e69 !important;
  -webkit-text-fill-color: #696e69 !important;
  background: transparent !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-chip:hover
  span,
#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-availability:hover
  > span {
  font-weight: 720 !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-chip.is-active {
  color: #c94f18 !important;
  -webkit-text-fill-color: #c94f18 !important;
  background: transparent !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-chip:is(:hover, :focus, :focus-visible, :active),
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-availability:is(:hover, :focus, :focus-visible, :active) {
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-chip:is(:hover, :focus, :focus-visible, :active) {
  border: 0 !important;
  border-radius: 0 !important;
  color: #696e69 !important;
  -webkit-text-fill-color: #696e69 !important;
  background: transparent !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-availability:is(:hover, :focus, :focus-visible, :active) {
  border: 0 !important;
  border-bottom: 1px solid var(--pf-filter-line) !important;
  border-radius: 0 !important;
  color: #3d423e !important;
  -webkit-text-fill-color: #3d423e !important;
  background: transparent !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-chip.is-active:is(:hover, :focus, :focus-visible, :active) {
  color: #c94f18 !important;
  -webkit-text-fill-color: #c94f18 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-chip:hover
  span,
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-availability:hover
  > span {
  font-weight: 720 !important;
}

/* Lock filter geometry across every interaction state. Legacy route rules
   otherwise reapply larger button padding and typography on focus/hover. */
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-chip,
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-chip:is(:hover, :focus, :focus-visible, :active) {
  width: calc(100% + 12px) !important;
  height: 29px !important;
  min-width: 0 !important;
  min-height: 29px !important;
  margin: 0 -6px !important;
  padding: 0 30px 0 6px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #696e69 !important;
  -webkit-text-fill-color: #696e69 !important;
  background: transparent !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font: 500 10px / 1.2 var(--pf-font) !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-availability,
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-availability:is(:hover, :focus, :focus-visible, :active) {
  width: 100% !important;
  height: 48px !important;
  min-width: 0 !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pf-filter-line) !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #3d423e !important;
  -webkit-text-fill-color: #3d423e !important;
  background: transparent !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font: 560 11px / 1 var(--pf-font) !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-chip
  > span,
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-availability
  > span {
  min-width: 0;
  font-size: inherit !important;
  line-height: inherit !important;
  white-space: nowrap;
  transition: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-chip:hover
  > span,
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-availability:hover
  > span {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 720 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-chip.is-active,
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:152"]
  button.av-pf-chip.is-active:is(:hover, :focus, :focus-visible, :active) {
  color: #c94f18 !important;
  -webkit-text-fill-color: #c94f18 !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:165"] {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.av-pf-toolbar {
  margin: 0 0 18px;
  position: relative;
  overflow: hidden;
  padding: 0;
  display: grid;
  gap: 0;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 8px;
  background:
    radial-gradient(circle at 88% 8%, rgba(223, 231, 187, 0.13), transparent 18rem),
    radial-gradient(circle at 12% 104%, rgba(31, 111, 103, 0.34), transparent 24rem),
    linear-gradient(135deg, #183f3a 0%, #102d2a 45%, #081b19 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 28px 62px rgba(11, 22, 21, 0.16);
}

.av-pf-toolbar::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px)
      0 0 / 86px 100%,
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px)
      0 0 / 100% 86px;
  mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}

.av-pf-toolbar > * {
  position: relative;
  z-index: 1;
}

.av-pf-toolbar,
.av-pf-toolbar * {
  -webkit-text-fill-color: currentColor !important;
}

.av-pf-toolbar-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 0.38fr);
  gap: 24px;
  align-items: stretch;
  padding: 28px 28px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.av-pf-toolbar-copy {
  align-self: center;
  padding: 8px 0 8px 20px;
  border-left: 2px solid #dfe7bb;
}

.av-pf-toolbar-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 34px;
  margin-bottom: 14px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.84);
  background: rgba(6, 24, 22, 0.28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px) saturate(1.08);
  -webkit-backdrop-filter: blur(16px) saturate(1.08);
  font: 720 10px / 1 var(--pf-font);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.av-pf-toolbar h2 {
  margin: 0;
  color: #f8faf7;
  max-width: 18ch;
  font: 660 clamp(32px, 3vw, 42px) / 1 var(--pf-font);
  letter-spacing: 0;
  text-wrap: balance;
}

.av-pf-toolbar p {
  max-width: 560px;
  margin: 14px 0 0;
  color: rgba(255, 255, 255, 0.64);
  font: 450 14px / 1.7 var(--pf-font);
}

.av-pf-toolbar-spotlight {
  position: relative;
  min-width: 0;
  padding: 22px 22px 20px;
  overflow: hidden;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  background:
    radial-gradient(circle at 84% 16%, rgba(223, 231, 187, 0.16), transparent 7rem),
    rgba(255, 255, 255, 0.07);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 18px 44px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
}

.av-pf-toolbar-spotlight::before {
  content: "";
  position: absolute;
  inset: auto auto -24% -12%;
  width: 72%;
  height: 72%;
  border-radius: 50%;
  background: rgba(31, 111, 103, 0.16);
  filter: blur(0);
}

.av-pf-toolbar-spotlight small {
  display: block;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.7);
  font: 700 10px / 1 var(--pf-font);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.av-pf-toolbar-spotlight strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font: 720 54px / 0.92 var(--pf-font);
}

.av-pf-toolbar-spotlight span {
  display: block;
  max-width: 180px;
  color: rgba(255, 255, 255, 0.72);
  font: 430 13px / 1.58 var(--pf-font);
}

.av-pf-toolbar-spotline {
  height: 62px;
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 7px;
  align-items: end;
}

.av-pf-toolbar-spotline i {
  display: block;
  border-radius: 999px 999px 6px 6px;
  background:
    linear-gradient(180deg, rgba(223, 231, 187, 0.94), rgba(31, 111, 103, 0.86));
  box-shadow: 0 10px 24px rgba(31, 111, 103, 0.22);
}

.av-pf-toolbar-spotline i:nth-child(1) {
  height: 28%;
}

.av-pf-toolbar-spotline i:nth-child(2) {
  height: 46%;
}

.av-pf-toolbar-spotline i:nth-child(3) {
  height: 38%;
}

.av-pf-toolbar-spotline i:nth-child(4) {
  height: 64%;
}

.av-pf-toolbar-spotline i:nth-child(5) {
  height: 54%;
}

.av-pf-toolbar-spotline i:nth-child(6) {
  height: 76%;
}

.av-pf-toolbar-pill {
  min-height: 36px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.07);
  cursor: pointer;
  font: 650 12px / 1 var(--pf-font);
  transition:
    color 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease;
}

.av-pf-toolbar-pill b {
  color: rgba(255, 255, 255, 0.92);
  font-weight: 760;
}

.av-pf-toolbar-pill.is-active {
  border-color: #dfe7bb;
  color: #17312e;
  background: #dfe7bb;
}

.av-pf-toolbar-pill.is-active b {
  color: #17312e;
}

.av-pf-toolbar-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 0 28px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  background: rgba(6, 24, 22, 0.24);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.av-pf-toolbar-stats article {
  min-width: 0;
  padding: 18px;
  background: transparent;
}

.av-pf-toolbar-stats article + article {
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.av-pf-toolbar-stats small {
  display: block;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.56);
  font: 700 10px / 1 var(--pf-font);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.av-pf-toolbar-stats strong {
  color: #f8faf7;
  display: block;
  margin-bottom: 7px;
  font: 720 28px / 0.95 var(--pf-font);
}

.av-pf-toolbar-stats span {
  display: block;
  color: rgba(255, 255, 255, 0.56);
  font: 440 12px / 1.55 var(--pf-font);
}

.av-pf-toolbar-active {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
  align-items: start;
  padding: 18px 28px 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.av-pf-toolbar-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.av-pf-toolbar-active-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 36px;
}

.av-pf-active-placeholder {
  color: rgba(255, 255, 255, 0.54);
  font: 500 12px / 1.4 var(--pf-font);
}

.av-pf-active-tag {
  min-height: 32px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.08);
}

.av-pf-active-tag small {
  color: rgba(255, 255, 255, 0.56);
  font: 700 10px / 1 var(--pf-font);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.av-pf-active-tag b {
  color: #ffffff;
  font: 650 12px / 1 var(--pf-font);
}

#root .av-pf-toolbar h2,
#root .av-pf-toolbar .av-pf-toolbar-spotlight strong,
#root .av-pf-toolbar .av-pf-toolbar-stats strong {
  color: #f8faf7 !important;
  -webkit-text-fill-color: #f8faf7 !important;
}

#root .av-pf-toolbar .av-pf-toolbar-kicker,
#root .av-pf-toolbar .av-pf-toolbar-pill,
#root .av-pf-toolbar .av-pf-active-tag {
  color: rgba(255, 255, 255, 0.84) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.84) !important;
}

#root .av-pf-toolbar p,
#root .av-pf-toolbar .av-pf-toolbar-spotlight small,
#root .av-pf-toolbar .av-pf-toolbar-spotlight span,
#root .av-pf-toolbar .av-pf-toolbar-stats small,
#root .av-pf-toolbar .av-pf-toolbar-stats span,
#root .av-pf-toolbar .av-pf-active-placeholder,
#root .av-pf-toolbar .av-pf-active-tag small {
  color: rgba(255, 255, 255, 0.62) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
}

#root .av-pf-toolbar .av-pf-toolbar-pill b,
#root .av-pf-toolbar .av-pf-active-tag b {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#root .av-pf-toolbar .av-pf-toolbar-pill.is-active,
#root .av-pf-toolbar .av-pf-toolbar-pill.is-active b {
  color: #17312e !important;
  -webkit-text-fill-color: #17312e !important;
}

.av-pf-empty {
  margin-top: 18px;
  padding: 28px;
  border: 1px dashed rgba(11, 22, 21, 0.12);
  border-radius: 22px;
  color: var(--pf-ink);
  background: linear-gradient(180deg, rgba(248, 251, 249, 0.96), rgba(255, 255, 255, 0.96));
}

.av-pf-empty strong {
  display: block;
  margin-bottom: 8px;
  font: 680 18px / 1.1 var(--pf-font);
}

.av-pf-empty p {
  max-width: 480px;
  margin: 0;
  color: var(--pf-muted);
  font: 440 14px / 1.6 var(--pf-font);
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:166"] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(280px, 1fr)) !important;
  gap: clamp(16px, 1.6vw, 24px) !important;
  align-items: stretch !important;
  outline: calc(var(--av-pf-grid-pulse, 0) * 2px) solid rgba(31, 111, 103, 0.1);
  outline-offset: calc(var(--av-pf-grid-pulse, 0) * 8px);
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:8"] {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:15"] {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr !important;
  height: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(14, 30, 28, 0.12) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfaf5 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9),
    0 18px 42px rgba(11, 22, 21, 0.07) !important;
  transition:
    transform 240ms ease,
    box-shadow 240ms ease,
    border-color 240ms ease !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:15"]:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(31, 111, 103, 0.28) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9),
    0 28px 62px rgba(11, 22, 21, 0.13) !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:16"] {
  display: contents !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:46"] {
  position: relative !important;
  width: 100% !important;
  height: clamp(250px, 18vw, 315px) !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: #102422 !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:46"]::before {
  content: "Residence";
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  min-height: 30px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  color: #ffffff;
  background: rgba(8, 28, 25, 0.42);
  box-shadow: none;
  backdrop-filter: blur(16px) saturate(1.1);
  -webkit-backdrop-filter: blur(16px) saturate(1.1);
  font: 700 9px / 1 var(--pf-font);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:46"]::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(7, 18, 16, 0.02) 34%, rgba(7, 18, 16, 0.68) 100%),
    linear-gradient(90deg, rgba(7, 18, 16, 0.26), transparent 44%);
  opacity: 0.88;
  pointer-events: none;
}

.av-pf-image-topline {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
}

.av-pf-image-badge,
.av-pf-image-price {
  min-height: 32px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  font: 720 10px / 1 var(--pf-font);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.av-pf-image-badge {
  color: #173431;
  background: rgba(247, 244, 231, 0.94);
}

.av-pf-image-badge.is-sold {
  color: #173431;
  background: rgba(223, 231, 187, 0.92);
}

.av-pf-image-badge.is-listed {
  color: #ffffff;
  background: rgba(31, 111, 103, 0.92);
}

.av-pf-image-price {
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.24);
  background: rgba(7, 18, 16, 0.34);
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:47"] {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  filter: saturate(0.98) contrast(1.04) brightness(0.96) !important;
  transform: scale(1.01) !important;
  transition:
    transform 540ms cubic-bezier(0.2, 0.8, 0.2, 1),
    filter 540ms ease !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:15"]:hover
  [data-loc="src/web/pages/Portfolio.tsx:47"] {
  filter: saturate(1.06) contrast(1.06) brightness(1) !important;
  transform: scale(1.045) !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:31"] {
  display: grid !important;
  gap: 9px !important;
  padding: 18px 20px 0 !important;
  color: var(--pf-ink) !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:32"] {
  margin: 0 !important;
  color: var(--pf-ink) !important;
  -webkit-text-fill-color: var(--pf-ink) !important;
  font: 700 clamp(21px, 1.45vw, 26px) / 1.02 var(--pf-font) !important;
  letter-spacing: 0 !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:40"] {
  width: fit-content !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--pf-muted) !important;
  -webkit-text-fill-color: var(--pf-muted) !important;
  background: transparent !important;
  font: 520 12px / 1.52 var(--pf-font) !important;
}

.av-pf-card-subline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  color: #51605b;
  font: 700 9px / 1.2 var(--pf-font);
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.av-pf-card-subline i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(11, 22, 21, 0.22);
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:57"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
  padding: 16px 20px 20px !important;
  border-top: 0 !important;
  color: var(--pf-ink) !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:58"] {
  display: -webkit-box !important;
  margin: 0 !important;
  overflow: hidden !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  color: #6f7a76 !important;
  -webkit-text-fill-color: #6f7a76 !important;
  font: 440 13px / 1.58 var(--pf-font) !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:67"] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1px !important;
  overflow: hidden !important;
  border: 1px solid rgba(11, 22, 21, 0.1) !important;
  border-radius: 8px !important;
  background: rgba(11, 22, 21, 0.1) !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:69"],
#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:75"],
#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:81"] {
  min-width: 0 !important;
  padding: 13px 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(243, 246, 242, 0.92)) !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:70"],
#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:76"],
#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:82"],
#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:91"],
#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:97"],
#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:102"] {
  margin: 0 0 6px !important;
  color: #75807b !important;
  -webkit-text-fill-color: #75807b !important;
  font: 700 8px / 1 var(--pf-font) !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:71"],
#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:77"],
#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:83"],
#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:92"],
#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:98"],
#root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
  [data-loc="src/web/pages/Portfolio.tsx:103"] {
  color: var(--pf-ink) !important;
  -webkit-text-fill-color: var(--pf-ink) !important;
  font: 720 13px / 1.1 var(--pf-font) !important;
}

.av-pf-card-cta-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  margin-top: auto;
  padding: 0 14px;
  border: 1px solid rgba(31, 111, 103, 0.13);
  border-radius: 8px;
  color: #24413d;
  background:
    linear-gradient(90deg, rgba(31, 111, 103, 0.1), rgba(223, 231, 187, 0.18));
}

.av-pf-card-cta-note span {
  font: 760 11px / 1 var(--pf-font);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.av-pf-card-cta-note b {
  color: var(--pf-ink);
  font: 760 12px / 1 var(--pf-font);
}

/* Portfolio card second pass: full-bleed imagery and a tighter property dossier. */
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:15"] {
  grid-template-rows: auto auto 1fr !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:46"] {
  order: -1 !important;
  width: 100% !important;
  height: clamp(300px, 21vw, 370px) !important;
  min-height: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:47"] {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:31"] {
  padding: 20px 22px 0 !important;
  gap: 8px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:32"] {
  font: 760 clamp(23px, 1.6vw, 29px) / 1.02 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:40"] {
  color: #69736f !important;
  -webkit-text-fill-color: #69736f !important;
  font: 520 13px / 1.25 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-subline {
  margin-top: 2px;
  color: #1f6f67;
  font: 780 9px / 1.2 var(--pf-font);
  letter-spacing: 0.14em;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:57"] {
  gap: 14px !important;
  padding: 16px 22px 22px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:58"] {
  display: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"] {
  border: 0 !important;
  border-radius: 8px !important;
  background: #102422 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:69"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:75"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:81"] {
  min-height: 64px !important;
  padding: 14px 13px !important;
  background: transparent !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:70"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:76"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:82"] {
  color: rgba(255, 255, 255, 0.52) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.52) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:71"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:77"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:83"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font: 760 15px / 1 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:88"] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 !important;
  border-top: 1px solid rgba(11, 22, 21, 0.08) !important;
  border-bottom: 1px solid rgba(11, 22, 21, 0.08) !important;
  padding: 12px 0 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:90"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:96"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:101"] {
  min-width: 0 !important;
  padding: 0 12px !important;
  border-right: 1px solid rgba(11, 22, 21, 0.08) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:101"] {
  border-right: 0 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:108"] {
  margin-top: 0 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"] {
  width: 100% !important;
  min-height: 42px !important;
  justify-content: space-between !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 0 14px !important;
  color: #102422 !important;
  -webkit-text-fill-color: #102422 !important;
  background: #dfe7bb !important;
  font: 760 12px / 1 var(--pf-font) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"]::after {
  content: ">";
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-cta-note {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

@media (max-width: 1320px) {
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:129"] {
    width: min(100% - 24px, 1600px) !important;
    grid-template-columns: 296px minmax(0, 1fr) !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:132"] {
    grid-template-columns: 296px minmax(0, 1fr) !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:132"]::before {
    left: 320px;
  }

  .av-pf-hero-dashboard {
    width: auto;
    min-width: 0;
  }

  .av-pf-hero-bottom {
    grid-template-columns: minmax(240px, 0.68fr) minmax(430px, 1fr);
  }
}

@media (max-width: 1180px) {
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:129"] {
    grid-template-columns: 1fr !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:152"] {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:132"] {
    grid-template-columns: 280px minmax(0, 1fr) !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:132"]::before {
    left: 304px;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:132"]
    > [data-loc="src/web/components/Reveal.tsx:23"]:has(
      [data-loc="src/web/pages/Portfolio.tsx:134"]
    ) {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .av-pf-hero-bottom {
    grid-template-columns: 1fr;
  }

  .av-pf-hero-caption {
    max-width: 520px;
  }

  .av-pf-toolbar-top {
    grid-template-columns: 1fr;
    padding: 24px 24px 20px;
  }

  .av-pf-toolbar-pills {
    justify-content: flex-start;
  }

  .av-pf-toolbar-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 24px;
    padding: 0;
  }

  .av-pf-toolbar-active {
    grid-template-columns: 1fr;
    padding: 18px 24px 22px;
  }

  .av-pf-chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:132"] {
    min-height: 772px !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 300px 460px !important;
    gap: 12px !important;
    padding: 0 !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:132"]::before {
    inset: 312px 0 0 !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:132"]
    > [data-loc="src/web/components/Reveal.tsx:23"]:has(
      [data-loc="src/web/pages/Portfolio.tsx:134"]
    ) {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: 300px !important;
    padding: 36px 32px 90px !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:134"] {
    font-size: clamp(42px, 7vw, 58px) !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:134"]::before {
    margin-bottom: 24px !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:134"]::after {
    display: none !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:132"]
    > [data-loc="src/web/components/Reveal.tsx:23"]:has(
      [data-loc="src/web/pages/Portfolio.tsx:144"]
    ) {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 32px 24px !important;
  }

  .av-pf-hero-dashboard {
    position: relative;
    grid-column: 1;
    grid-row: 2;
    inset: auto;
    width: auto;
    min-width: 0;
    height: auto;
    padding: 20px;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:166"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:129"] {
    width: min(100% - 16px, 1600px) !important;
    padding: 96px 0 60px !important;
    gap: 18px !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:132"] {
    min-height: 792px !important;
    grid-template-rows: 320px 460px !important;
    padding: 0 !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:134"] {
    font-size: clamp(40px, 10vw, 56px) !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:144"] {
    width: 100% !important;
  }

  .av-pf-chip-grid,
  .av-pf-toolbar-stats {
    grid-template-columns: 1fr;
  }

  .av-pf-toolbar-top,
  .av-pf-toolbar-active {
    padding-left: 18px;
    padding-right: 18px;
  }

  .av-pf-toolbar-stats {
    margin: 0 18px;
    padding: 0;
  }

  .av-pf-toolbar-stats article,
  .av-pf-toolbar-stats article + article {
    padding-left: 0;
    border-left: 0;
  }

  .av-pf-toolbar-stats article + article {
    border-top: 1px solid var(--pf-line);
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:166"] {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  .av-pf-hero-dashboard {
    height: auto;
    padding: 16px;
  }

  .av-pf-hero-frame-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
  }

  .av-pf-hero-caption {
    padding: 16px;
  }

  .av-pf-hero-caption strong {
    font-size: 22px;
  }

  .av-pf-hero-ledger article {
    padding: 16px 10px 14px;
  }

  .av-pf-hero-ledger small {
    margin-bottom: 14px;
    font-size: 8px;
  }

  .av-pf-hero-ledger strong {
    font-size: clamp(24px, 7vw, 32px);
  }

  .av-pf-hero-ledger span {
    font-size: 9px;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:132"]
    > [data-loc="src/web/components/Reveal.tsx:23"]:has(
      [data-loc="src/web/pages/Portfolio.tsx:134"]
    ) {
    padding: 30px 22px 86px !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:132"]
    > [data-loc="src/web/components/Reveal.tsx:23"]:has(
      [data-loc="src/web/pages/Portfolio.tsx:144"]
    ) {
    margin: 0 22px 22px !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:152"] {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .av-pf-toolbar {
    border-radius: 8px;
  }

  .av-pf-toolbar-top {
    padding: 18px 16px 18px;
  }

  .av-pf-toolbar h2 {
    font-size: clamp(28px, 8vw, 34px);
  }

  .av-pf-toolbar-spotlight {
    padding: 18px;
    border-radius: 18px;
  }

  .av-pf-toolbar-spotlight strong {
    font-size: 44px;
  }

  .av-pf-toolbar-active {
    padding-left: 16px;
    padding-right: 16px;
  }

  .av-pf-toolbar-stats {
    margin: 0 16px;
    padding: 0;
  }

  .av-pf-toolbar-active {
    padding-bottom: 18px;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:46"] {
    height: 260px !important;
  }

  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"])
    [data-loc="src/web/pages/Portfolio.tsx:15"] {
    border-radius: 20px !important;
  }
}

/* Specificity lock against older non-home route rules. */
html.av-non-home-route body
  #root:has(a[href="/portfolio/1205-jersey-ln"]):has(
    [data-loc="src/web/pages/Portfolio.tsx:129"]
  )
  [data-loc="src/web/pages/Portfolio.tsx:134"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.av-non-home-route body
  #root:has(a[href="/portfolio/1205-jersey-ln"]):has(
    [data-loc="src/web/pages/Portfolio.tsx:129"]
  )
  .av-pf-hero-dashboard
  :where(small, span, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.av-non-home-route body
  #root:has(a[href="/portfolio/1205-jersey-ln"]):has(
    [data-loc="src/web/pages/Portfolio.tsx:129"]
  )
  .av-pf-hero-frame-meta,
html.av-non-home-route body
  #root:has(a[href="/portfolio/1205-jersey-ln"]):has(
    [data-loc="src/web/pages/Portfolio.tsx:129"]
  )
  .av-pf-hero-caption span,
html.av-non-home-route body
  #root:has(a[href="/portfolio/1205-jersey-ln"]):has(
    [data-loc="src/web/pages/Portfolio.tsx:129"]
  )
  .av-pf-hero-ledger span {
  color: rgba(255, 255, 255, 0.66) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.66) !important;
}

html.av-non-home-route body
  [data-loc="src/web/components/Navbar.tsx:123"] {
  background: rgba(255, 255, 255, 0.84) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  box-shadow: 0 10px 30px rgba(11, 22, 21, 0.04) !important;
}

html.av-non-home-route body
  [data-loc="src/web/components/Navbar.tsx:123"] a,
html.av-non-home-route body
  [data-loc="src/web/components/Navbar.tsx:123"] button,
html.av-non-home-route body
  [data-loc="src/web/components/Navbar.tsx:123"] span {
  color: #24302d !important;
  -webkit-text-fill-color: #24302d !important;
}

/* Final portfolio card locks: keep the redesigned dossier legible after route guards. */
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:70"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:76"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:82"] {
  color: rgba(255, 255, 255, 0.58) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.58) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:71"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:77"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:83"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-cta-note {
  display: none !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"] {
  color: #102422 !important;
  -webkit-text-fill-color: #102422 !important;
}

/* Premium portfolio tiles: image-led cards with a quiet glass dossier. */
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:166"] {
  grid-template-columns: repeat(3, minmax(300px, 1fr)) !important;
  gap: clamp(18px, 1.8vw, 28px) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:15"] {
  isolation: isolate !important;
  position: relative !important;
  height: clamp(520px, 39vw, 610px) !important;
  min-height: 520px !important;
  display: block !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.66) !important;
  border-radius: 8px !important;
  background: #081b19 !important;
  box-shadow:
    0 18px 48px rgba(11, 22, 21, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:46"] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:47"] {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.03) contrast(1.04) brightness(0.86) !important;
  transform: scale(1.01) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:15"]:hover
  [data-loc="src/web/pages/Portfolio.tsx:47"] {
  filter: saturate(1.08) contrast(1.06) brightness(0.92) !important;
  transform: scale(1.055) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:46"]::after {
  background:
    linear-gradient(180deg, rgba(5, 18, 16, 0.08) 0%, rgba(5, 18, 16, 0.18) 32%, rgba(5, 18, 16, 0.68) 74%, rgba(5, 18, 16, 0.88) 100%),
    linear-gradient(90deg, rgba(5, 18, 16, 0.3), transparent 54%) !important;
  opacity: 1 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:46"]::before {
  top: 18px !important;
  left: 18px !important;
  color: rgba(255, 255, 255, 0.92) !important;
  background: rgba(8, 28, 25, 0.42) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-image-topline {
  top: 18px !important;
  right: 18px !important;
  bottom: auto !important;
  left: auto !important;
  justify-content: flex-end !important;
  width: auto !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-image-badge {
  display: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-image-price {
  min-height: 34px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(8, 28, 25, 0.5) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:31"] {
  position: absolute !important;
  z-index: 2 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 230px !important;
  padding: 0 22px !important;
  color: #ffffff !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:32"] {
  max-width: 13ch !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.34) !important;
  font: 760 clamp(28px, 2.15vw, 38px) / 0.96 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:40"] {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-subline {
  color: rgba(223, 231, 187, 0.86) !important;
  -webkit-text-fill-color: rgba(223, 231, 187, 0.86) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-subline i {
  background: rgba(223, 231, 187, 0.54) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:57"] {
  position: absolute !important;
  z-index: 3 !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 14px !important;
  min-height: 202px !important;
  padding: 16px !important;
  gap: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.44) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 22px 54px rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"] {
  min-height: 72px !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, #102422 0%, #173e38 100%) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:88"] {
  order: -1 !important;
  padding: 0 0 12px !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(11, 22, 21, 0.08) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:90"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:96"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:101"] {
  padding: 0 10px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:90"] {
  padding-left: 0 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:101"] {
  padding-right: 0 !important;
}

@media (max-width: 980px) {
  html
    body
    #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
    [data-loc="src/web/pages/Portfolio.tsx:166"] {
    grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html
    body
    #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
    [data-loc="src/web/pages/Portfolio.tsx:166"] {
    grid-template-columns: 1fr !important;
  }

  html
    body
    #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:15"] {
    height: 570px !important;
  }
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:31"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:32"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:40"] {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-subline {
  color: rgba(223, 231, 187, 0.9) !important;
  -webkit-text-fill-color: rgba(223, 231, 187, 0.9) !important;
}

/* Refined card dossier: minimal, elegant, and easier to scan. */
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:57"] {
  min-height: 210px !important;
  padding: 14px !important;
  gap: 12px !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  background: rgba(249, 249, 244, 0.92) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:88"] {
  grid-template-columns: 1.15fr 0.85fr 0.72fr !important;
  gap: 0 !important;
  padding: 0 0 11px !important;
  border-bottom: 1px solid rgba(10, 28, 25, 0.08) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:90"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:96"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:101"] {
  padding: 0 12px !important;
  border-right: 1px solid rgba(10, 28, 25, 0.08) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:90"] {
  padding-left: 0 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:101"] {
  padding-right: 0 !important;
  border-right: 0 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:91"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:97"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:102"] {
  margin-bottom: 7px !important;
  color: #78817c !important;
  -webkit-text-fill-color: #78817c !important;
  font: 760 8px / 1 var(--pf-font) !important;
  letter-spacing: 0.15em !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:92"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:98"] {
  color: #0d1d1a !important;
  -webkit-text-fill-color: #0d1d1a !important;
  font: 760 14px / 1 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .portfolio-status-listed,
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .portfolio-status-sold {
  min-height: 25px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  font: 760 12px / 1 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"] {
  min-height: 76px !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:69"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:75"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:81"] {
  min-height: 76px !important;
  padding: 14px 13px !important;
  display: grid !important;
  align-content: space-between !important;
  border: 1px solid rgba(11, 35, 31, 0.09) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(241, 245, 238, 0.82)) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:70"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:76"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:82"] {
  color: #60706b !important;
  -webkit-text-fill-color: #60706b !important;
  font: 800 8px / 1 var(--pf-font) !important;
  letter-spacing: 0.16em !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:71"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:77"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:83"] {
  color: #102422 !important;
  -webkit-text-fill-color: #102422 !important;
  font: 800 16px / 1 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"] {
  min-height: 44px !important;
  margin-top: 2px !important;
  border: 1px solid rgba(16, 36, 34, 0.12) !important;
  border-radius: 8px !important;
  color: #f8fbf4 !important;
  -webkit-text-fill-color: #f8fbf4 !important;
  background:
    linear-gradient(135deg, #102422 0%, #173e38 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 10px 22px rgba(16, 36, 34, 0.1) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"]::after {
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #102422 !important;
  background: #dfe7bb !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:108"] {
  order: 4 !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"]:is(:hover, :focus, :focus-visible, :active) {
  color: #f8fbf4 !important;
  -webkit-text-fill-color: #f8fbf4 !important;
  background:
    linear-gradient(135deg, #102422 0%, #173e38 100%) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"]::after {
  color: #102422 !important;
  -webkit-text-fill-color: #102422 !important;
  background: #dfe7bb !important;
}

/* Mature formal treatment for the property dossier. */
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:57"] {
  min-height: 214px !important;
  padding: 16px !important;
  gap: 13px !important;
  border: 1px solid rgba(205, 198, 181, 0.7) !important;
  background:
    linear-gradient(180deg, rgba(250, 249, 243, 0.96), rgba(240, 238, 229, 0.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.74),
    0 24px 54px rgba(4, 17, 15, 0.22) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:88"] {
  grid-template-columns: 1.2fr 0.9fr 0.75fr !important;
  padding: 0 0 13px !important;
  border-bottom: 1px solid rgba(16, 36, 34, 0.12) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:90"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:96"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:101"] {
  border-right-color: rgba(16, 36, 34, 0.12) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:91"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:97"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:102"] {
  margin-bottom: 8px !important;
  color: #6d746f !important;
  -webkit-text-fill-color: #6d746f !important;
  font: 760 8px / 1 var(--pf-font) !important;
  letter-spacing: 0.18em !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:92"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:98"] {
  color: #071311 !important;
  -webkit-text-fill-color: #071311 !important;
  font: 780 13px / 1 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .portfolio-status-listed,
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .portfolio-status-sold {
  min-height: 24px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(16, 36, 34, 0.1) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.48) !important;
  box-shadow: none !important;
  font: 740 11px / 1 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"] {
  min-height: 74px !important;
  gap: 0 !important;
  border: 1px solid rgba(16, 36, 34, 0.1) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.46) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:69"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:75"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:81"] {
  min-height: 72px !important;
  padding: 14px 12px !important;
  border: 0 !important;
  border-right: 1px solid rgba(16, 36, 34, 0.1) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:81"] {
  border-right: 0 !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:70"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:76"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:82"] {
  color: #687570 !important;
  -webkit-text-fill-color: #687570 !important;
  letter-spacing: 0.18em !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:71"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:77"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:83"] {
  color: #071311 !important;
  -webkit-text-fill-color: #071311 !important;
  font: 800 15px / 1 var(--pf-font) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"]:is(:hover, :focus, :focus-visible, :active) {
  min-height: 43px !important;
  border: 1px solid rgba(16, 36, 34, 0.94) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #102422 !important;
  box-shadow: none !important;
  font: 760 11px / 1 var(--pf-font) !important;
  letter-spacing: 0.12em !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"]::after {
  width: 22px !important;
  height: 22px !important;
  color: #102422 !important;
  -webkit-text-fill-color: #102422 !important;
  background: #e3dcc7 !important;
}

/* Focused redesign for the card dossier panel only. */
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:57"] {
  min-height: 226px !important;
  padding: 15px !important;
  gap: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.58) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(252, 251, 245, 0.96), rgba(238, 235, 224, 0.93)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 26px 58px rgba(4, 17, 15, 0.24) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:57"]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, #102422, #d8cda9 52%, #102422);
  opacity: 0.9;
  pointer-events: none;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:88"] {
  grid-template-columns: 1.18fr 0.9fr 0.78fr !important;
  padding: 0 0 13px !important;
  border-bottom: 1px solid rgba(16, 36, 34, 0.12) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:90"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:96"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:101"] {
  padding: 0 13px !important;
  border-right: 1px solid rgba(16, 36, 34, 0.11) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:90"] {
  padding-left: 0 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:101"] {
  padding-right: 0 !important;
  border-right: 0 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:91"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:97"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:102"] {
  margin-bottom: 8px !important;
  color: #68736e !important;
  -webkit-text-fill-color: #68736e !important;
  font: 820 8px / 1 var(--pf-font) !important;
  letter-spacing: 0.18em !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:92"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:98"] {
  color: #071311 !important;
  -webkit-text-fill-color: #071311 !important;
  font: 790 14px / 1 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .portfolio-status-listed,
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .portfolio-status-sold {
  min-height: 26px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(16, 36, 34, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.52) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64) !important;
  font: 760 12px / 1 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"] {
  min-height: 78px !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(16, 36, 34, 0.14) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(16, 36, 34, 0.98), rgba(24, 64, 57, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 26px rgba(16, 36, 34, 0.12) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:69"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:75"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:81"] {
  min-height: 78px !important;
  padding: 15px 13px !important;
  display: grid !important;
  align-content: space-between !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:81"] {
  border-right: 0 !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:70"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:76"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:82"] {
  color: rgba(255, 255, 255, 0.58) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.58) !important;
  font: 820 8px / 1 var(--pf-font) !important;
  letter-spacing: 0.18em !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:71"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:77"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:83"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font: 830 16px / 1 var(--pf-font) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"]:is(:hover, :focus, :focus-visible, :active) {
  min-height: 44px !important;
  border: 1px solid rgba(16, 36, 34, 0.94) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background:
    linear-gradient(135deg, #102422 0%, #173e38 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 12px 24px rgba(16, 36, 34, 0.13) !important;
  font: 790 11px / 1 var(--pf-font) !important;
  letter-spacing: 0.13em !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"]::after {
  width: 23px !important;
  height: 23px !important;
  color: #102422 !important;
  -webkit-text-fill-color: #102422 !important;
  background: #e3dcc7 !important;
  transform: translateX(var(--av-pf-cta-arrow-x, 0px)) !important;
}

/* Reference-inspired portfolio card: unified image card with soft bottom controls. */
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:15"] {
  height: clamp(560px, 40vw, 640px) !important;
  min-height: 560px !important;
  display: block !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.62) !important;
  border-radius: 8px !important;
  background: #102422 !important;
  box-shadow:
    0 20px 52px rgba(7, 19, 17, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:46"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:47"] {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(1.03) contrast(1.03) brightness(0.9) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:46"]::after {
  background:
    linear-gradient(180deg, rgba(5, 17, 15, 0.05) 0%, rgba(5, 17, 15, 0.2) 35%, rgba(5, 17, 15, 0.78) 74%, rgba(5, 17, 15, 0.94) 100%) !important;
  opacity: 1 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:46"]::before {
  content: "Residence" !important;
  top: 18px !important;
  left: 18px !important;
  display: inline-flex !important;
  color: rgba(255, 255, 255, 0.92) !important;
  background: rgba(7, 19, 17, 0.42) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-image-topline {
  top: 18px !important;
  right: 18px !important;
  left: auto !important;
  bottom: auto !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-image-badge {
  display: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-image-price {
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  font: 820 11px / 1 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:31"] {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 160px !important;
  z-index: 2 !important;
  padding: 0 !important;
  gap: 7px !important;
  color: #ffffff !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:31"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:32"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:32"] {
  max-width: 13ch !important;
  text-shadow: 0 12px 32px rgba(0, 0, 0, 0.34) !important;
  font: 800 clamp(27px, 2vw, 36px) / 0.98 var(--pf-font) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:40"] {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-subline {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:57"] {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 16px !important;
  z-index: 3 !important;
  min-height: 0 !important;
  padding: 0 !important;
  gap: 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:57"]::before {
  display: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:88"] {
  order: 1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:90"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:96"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:101"] {
  min-height: 31px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:91"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:97"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:102"] {
  display: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:92"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:98"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font: 760 11px / 1 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .portfolio-status-listed,
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .portfolio-status-sold {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"] {
  order: 2 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:69"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:75"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:81"] {
  min-height: 31px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.14) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:70"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:76"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:82"] {
  color: rgba(255, 255, 255, 0.62) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
  font: 760 8px / 1 var(--pf-font) !important;
  letter-spacing: 0.1em !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:71"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:77"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:83"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font: 760 11px / 1 var(--pf-font) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"]:is(:hover, :focus, :focus-visible, :active) {
  order: 3 !important;
  min-height: 49px !important;
  margin-top: 2px !important;
  border: 0 !important;
  border-radius: 999px !important;
  justify-content: center !important;
  color: #071311 !important;
  -webkit-text-fill-color: #071311 !important;
  background: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 12px 26px rgba(0, 0, 0, 0.16) !important;
  font: 800 13px / 1 var(--pf-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"]::after {
  display: none !important;
}

/* Final pass: calmer luxury card rhythm inspired by the supplied reference. */
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:15"] {
  height: clamp(570px, 42vw, 650px) !important;
  min-height: 570px !important;
  border-radius: 9px !important;
  box-shadow:
    0 24px 60px rgba(6, 18, 16, 0.18),
    0 1px 0 rgba(255, 255, 255, 0.44) inset !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:46"]::after {
  background:
    linear-gradient(180deg, rgba(5, 17, 15, 0.02) 0%, rgba(5, 17, 15, 0.1) 36%, rgba(5, 17, 15, 0.72) 70%, rgba(5, 17, 15, 0.96) 100%) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:31"] {
  bottom: 186px !important;
  gap: 8px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:32"] {
  max-width: 18ch !important;
  font: 820 clamp(23px, 1.55vw, 30px) / 1.02 var(--pf-font) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:40"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-subline {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
  font-size: 12px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:57"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:88"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"] {
  gap: 7px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:88"] {
  order: 1 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"] {
  order: 2 !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:90"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:96"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:101"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:69"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:75"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:81"] {
  min-height: 29px !important;
  padding: 0 10px !important;
  background: rgba(255, 255, 255, 0.13) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 8px 18px rgba(0, 0, 0, 0.1) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"]:is(:hover, :focus, :focus-visible, :active) {
  order: 4 !important;
  min-height: 48px !important;
  margin-top: 6px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #071311 !important;
  -webkit-text-fill-color: #071311 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    0 15px 32px rgba(0, 0, 0, 0.18) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-cta-note {
  display: none !important;
}

/* Overlay card style v2: compact, reference-led, no oversized CTA. */
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:15"] {
  height: clamp(410px, 28vw, 460px) !important;
  min-height: 410px !important;
  border-radius: 12px !important;
  background: #111a16 !important;
  box-shadow:
    0 16px 36px rgba(11, 24, 21, 0.16),
    0 1px 0 rgba(255, 255, 255, 0.3) inset !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:47"] {
  filter: saturate(1.02) contrast(1.02) brightness(0.98) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:46"]::before {
  display: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:46"]::after {
  background:
    linear-gradient(180deg, rgba(9, 16, 13, 0.04) 0%, rgba(9, 16, 13, 0.08) 38%, rgba(9, 16, 13, 0.54) 68%, rgba(9, 16, 13, 0.86) 100%) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-image-topline {
  top: 14px !important;
  right: auto !important;
  left: 14px !important;
  z-index: 5 !important;
  display: block !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-image-badge {
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 12px 0 26px !important;
  border-radius: 999px !important;
  color: #111a16 !important;
  -webkit-text-fill-color: #111a16 !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12) !important;
  font: 790 12px / 1 var(--pf-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  position: relative !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-image-badge::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: #31c174 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-image-badge.is-sold::before {
  background: #d7a04d !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-actions {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 6 !important;
  display: grid !important;
  gap: 8px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-action {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.11) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  font: 760 16px / 1 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:31"] {
  left: 16px !important;
  right: 16px !important;
  bottom: 104px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  column-gap: 14px !important;
  row-gap: 3px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:32"] {
  max-width: none !important;
  grid-column: 1 !important;
  font: 850 clamp(19px, 1.25vw, 24px) / 1.05 var(--pf-font) !important;
  text-shadow: 0 10px 24px rgba(0, 0, 0, 0.26) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-image-price {
  display: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-price {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: end !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 10px 24px rgba(0, 0, 0, 0.3) !important;
  white-space: nowrap !important;
  font: 860 clamp(18px, 1.15vw, 22px) / 1 var(--pf-font) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:40"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-subline {
  display: none !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:40"] {
  grid-column: 1 / -1 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
  font: 650 12px / 1.25 var(--pf-font) !important;
  text-shadow: 0 8px 18px rgba(0, 0, 0, 0.22) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:57"] {
  left: 16px !important;
  right: 16px !important;
  bottom: 16px !important;
  gap: 7px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:108"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"] {
  display: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:88"] {
  order: 3 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  margin-top: 5px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:96"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:101"] {
  min-height: 34px !important;
  padding: 0 12px !important;
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:96"] {
  border-left: 1px solid rgba(255, 255, 255, 0.24) !important;
}

/* Reference-card lock: glass gradient, real icons, and fine bottom rhythm. */
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:15"] {
  height: clamp(392px, 26.2vw, 424px) !important;
  min-height: 392px !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  background: #111815 !important;
  box-shadow:
    0 18px 42px rgba(12, 18, 16, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:47"] {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(0.98) contrast(1.04) brightness(0.96) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:46"]::after {
  height: 68% !important;
  background:
    linear-gradient(
      to top,
      rgba(20, 22, 19, 0.78) 0%,
      rgba(25, 27, 24, 0.66) 28%,
      rgba(53, 54, 48, 0.42) 52%,
      rgba(112, 112, 102, 0.16) 76%,
      rgba(255, 255, 255, 0) 100%
    ) !important;
  backdrop-filter: blur(5px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(5px) saturate(1.08) !important;
  mask-image: linear-gradient(to top, #000 0%, #000 54%, rgba(0, 0, 0, 0.56) 76%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(to top, #000 0%, #000 54%, rgba(0, 0, 0, 0.56) 76%, transparent 100%) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-actions {
  top: 13px !important;
  right: 13px !important;
  gap: 8px !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-action {
  width: 31px !important;
  height: 31px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14) !important;
  backdrop-filter: blur(11px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(11px) saturate(1.05) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-action img {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
  object-fit: contain !important;
  filter: invert(1) brightness(1.85) !important;
  opacity: 0.92 !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:31"] {
  left: 16px !important;
  right: 16px !important;
  bottom: 112px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 3px 13px !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:32"] {
  margin: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 760 19px / 1.05 var(--pf-font) !important;
  letter-spacing: 0 !important;
  text-shadow: 0 7px 18px rgba(0, 0, 0, 0.26) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-price {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 760 18px / 1 var(--pf-font) !important;
  letter-spacing: 0 !important;
  text-shadow: 0 7px 18px rgba(0, 0, 0, 0.26) !important;
  white-space: nowrap !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:40"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-subline {
  grid-column: 1 / -1 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
  font: 560 11px / 1.22 var(--pf-font) !important;
  letter-spacing: 0 !important;
  text-shadow: 0 6px 15px rgba(0, 0, 0, 0.24) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:57"] {
  left: 16px !important;
  right: 16px !important;
  bottom: 15px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"] {
  order: 1 !important;
  min-height: 18px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-spec-cell {
  width: auto !important;
  min-width: 0 !important;
  min-height: 18px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-spec-icon {
  width: 13px !important;
  height: 13px !important;
  object-fit: contain !important;
  filter: invert(1) brightness(1.8) drop-shadow(0 3px 7px rgba(0, 0, 0, 0.2)) !important;
  opacity: 0.88 !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-spec-label {
  display: none !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-spec-value {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  font: 620 11px / 1 var(--pf-font) !important;
  letter-spacing: 0 !important;
  text-shadow: 0 5px 13px rgba(0, 0, 0, 0.24) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:88"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:109"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-cta-note {
  display: none !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-bottom-metrics {
  order: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: 8px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.24) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-bottom-metric {
  min-width: 0 !important;
  padding: 0 10px !important;
  display: grid !important;
  gap: 5px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.22) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-bottom-metric:first-child {
  padding-left: 0 !important;
  border-left: 0 !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-bottom-metric span {
  color: rgba(255, 255, 255, 0.7) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;
  font: 560 10px / 1 var(--pf-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-bottom-metric b {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 720 12px / 1.08 var(--pf-font) !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

@media (max-width: 680px) {
  html.av-non-home-route
    body
    #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
    [data-loc="src/web/pages/Portfolio.tsx:15"] {
    height: 402px !important;
  }

  html.av-non-home-route
    body
    #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
    [data-loc="src/web/pages/Portfolio.tsx:31"] {
    bottom: 116px !important;
  }
}

/* Final refinement lock: keep the glass light and the details fine. */
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:46"]::after {
  height: 63% !important;
  background:
    linear-gradient(
      to top,
      rgba(18, 19, 17, 0.7) 0%,
      rgba(31, 31, 27, 0.54) 31%,
      rgba(82, 82, 74, 0.22) 63%,
      rgba(255, 255, 255, 0) 100%
    ) !important;
  backdrop-filter: blur(7px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(7px) saturate(1.1) !important;
  -webkit-mask-image:
    linear-gradient(to top, #000 0%, #000 50%, rgba(0, 0, 0, 0.58) 76%, transparent 100%) !important;
  mask-image:
    linear-gradient(to top, #000 0%, #000 50%, rgba(0, 0, 0, 0.58) 76%, transparent 100%) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-spec-icon {
  width: 12px !important;
  height: 12px !important;
  opacity: 0.82 !important;
  filter: invert(1) brightness(1.65) drop-shadow(0 3px 7px rgba(0, 0, 0, 0.18)) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:32"] {
  font-weight: 760 !important;
}

/* Fine glass balance: avoid milky blur while preserving the reference fade. */
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:46"]::after {
  height: 60% !important;
  background:
    linear-gradient(
      to top,
      rgba(16, 17, 15, 0.66) 0%,
      rgba(31, 30, 26, 0.43) 34%,
      rgba(72, 72, 65, 0.14) 67%,
      rgba(255, 255, 255, 0) 100%
    ) !important;
  backdrop-filter: blur(3px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(3px) saturate(1.08) !important;
  -webkit-mask-image:
    linear-gradient(to top, #000 0%, #000 47%, rgba(0, 0, 0, 0.46) 74%, transparent 100%) !important;
  mask-image:
    linear-gradient(to top, #000 0%, #000 47%, rgba(0, 0, 0, 0.46) 74%, transparent 100%) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:47"] {
  filter: saturate(1.03) contrast(1.025) brightness(0.98) !important;
}

/* Delicacy pass: lighter glass, smaller controls, quieter typography. */
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:15"] {
  height: clamp(398px, 27vw, 444px) !important;
  min-height: 398px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.46) !important;
  background: #edf0ed !important;
  box-shadow:
    0 18px 42px rgba(11, 24, 21, 0.13),
    0 1px 0 rgba(255, 255, 255, 0.55) inset !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:47"] {
  filter: saturate(1.02) contrast(1.02) brightness(0.99) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:46"]::after {
  height: 63% !important;
  background:
    linear-gradient(
      to top,
      rgba(18, 19, 17, 0.7) 0%,
      rgba(31, 31, 27, 0.54) 31%,
      rgba(82, 82, 74, 0.22) 63%,
      rgba(255, 255, 255, 0) 100%
    ) !important;
  backdrop-filter: blur(7px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(7px) saturate(1.1) !important;
  -webkit-mask-image:
    linear-gradient(to top, #000 0%, #000 50%, rgba(0, 0, 0, 0.58) 76%, transparent 100%) !important;
  mask-image:
    linear-gradient(to top, #000 0%, #000 50%, rgba(0, 0, 0, 0.58) 76%, transparent 100%) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-image-topline {
  top: 13px !important;
  left: 13px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-image-badge {
  min-height: 27px !important;
  padding: 0 10px 0 23px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1) !important;
  font: 730 11px / 1 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-image-badge::before {
  width: 6px !important;
  height: 6px !important;
  left: 10px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-actions {
  top: 13px !important;
  right: 13px !important;
  gap: 7px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-action {
  width: 30px !important;
  height: 30px !important;
  background: rgba(255, 255, 255, 0.13) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1) !important;
  font: 700 14px / 1 var(--pf-font) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:31"] {
  left: 15px !important;
  right: 15px !important;
  bottom: 101px !important;
  column-gap: 12px !important;
  row-gap: 2px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:32"] {
  font: 760 clamp(18px, 1.16vw, 22px) / 1.04 var(--pf-font) !important;
  text-shadow: 0 8px 18px rgba(0, 0, 0, 0.24) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-price {
  font: 780 clamp(17px, 1.05vw, 20px) / 1 var(--pf-font) !important;
  text-shadow: 0 8px 18px rgba(0, 0, 0, 0.24) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:40"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-card-subline {
  font: 580 11px / 1.24 var(--pf-font) !important;
  color: rgba(255, 255, 255, 0.88) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.88) !important;
  text-shadow: 0 6px 14px rgba(0, 0, 0, 0.2) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:57"] {
  left: 15px !important;
  right: 15px !important;
  bottom: 15px !important;
  gap: 8px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"] {
  gap: 11px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-spec-icon {
  width: 12px !important;
  height: 12px !important;
  opacity: 0.82 !important;
  filter: invert(1) brightness(1.65) drop-shadow(0 3px 7px rgba(0, 0, 0, 0.18)) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-spec-icon {
  width: 12px !important;
  height: 12px !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-spec-value,
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:71"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:77"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:83"] {
  font: 650 11px / 1 var(--pf-font) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:88"] {
  margin-top: 6px !important;
  padding-top: 8px !important;
  border-top-color: rgba(255, 255, 255, 0.17) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:91"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:97"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:102"] {
  font: 650 11px / 1 var(--pf-font) !important;
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:96"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:101"] {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:96"] {
  border-left: 1px solid rgba(255, 255, 255, 0.24) !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .portfolio-status-listed,
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .portfolio-status-sold {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:90"] {
  display: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"] {
  order: 2 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 11px !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:69"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:75"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:81"] {
  min-height: 20px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:70"]::before,
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:76"]::before,
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:82"]::before {
  content: none !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:71"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:77"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:83"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:91"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:97"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:102"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font: 790 12px / 1 var(--pf-font) !important;
  letter-spacing: 0 !important;
}

@media (max-width: 900px) {
  html
    body
    #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
    [data-loc="src/web/pages/Portfolio.tsx:15"] {
    height: 430px !important;
    min-height: 430px !important;
  }
}

/* Glass overlay correction: reference-like fade and provided spec icons. */
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:46"]::after {
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 72% !important;
  opacity: 1 !important;
  background:
    linear-gradient(
      to top,
      rgba(18, 19, 17, 0.74) 0%,
      rgba(28, 29, 26, 0.58) 31%,
      rgba(54, 55, 50, 0.28) 64%,
      rgba(255, 255, 255, 0) 100%
    ) !important;
  backdrop-filter: blur(12px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.16) !important;
  -webkit-mask-image:
    linear-gradient(to top, #000 0%, #000 54%, rgba(0, 0, 0, 0.58) 78%, transparent 100%) !important;
  mask-image:
    linear-gradient(to top, #000 0%, #000 54%, rgba(0, 0, 0, 0.58) 78%, transparent 100%) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:31"] {
  bottom: 109px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:57"] {
  bottom: 18px !important;
  gap: 9px !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"] {
  order: 2 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 13px !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-spec-cell,
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:69"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:75"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:81"] {
  width: auto !important;
  min-width: 0 !important;
  min-height: 18px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-spec-icon {
  width: 14px !important;
  height: 14px !important;
  object-fit: contain !important;
  display: block !important;
  opacity: 0.94 !important;
  filter: invert(1) brightness(1.8) drop-shadow(0 4px 10px rgba(0, 0, 0, 0.22)) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-spec-label {
  display: none !important;
}

html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  .av-pf-spec-value,
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:71"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:77"],
html.av-non-home-route
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:67"]
  [data-loc="src/web/pages/Portfolio.tsx:83"] {
  color: rgba(255, 255, 255, 0.96) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.96) !important;
  font: 760 12px / 1 var(--pf-font) !important;
  letter-spacing: 0 !important;
  text-shadow: 0 6px 14px rgba(0, 0, 0, 0.24) !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:88"] {
  order: 3 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  margin-top: 7px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:96"],
html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:101"] {
  min-height: 32px !important;
  padding: 0 11px !important;
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html
  body
  #root:has([data-loc="src/web/pages/Portfolio.tsx:129"]):has(a[href^="/portfolio/"])
  [data-loc="src/web/pages/Portfolio.tsx:96"] {
  border-left: 1px solid rgba(255, 255, 255, 0.24) !important;
}