/* Visual finish only: retain the existing grid, spacing and filter controls. */
body{background:#f5f5ef}
.site-header{background:#f6f6f0;border-bottom-color:var(--ui-selected)}
.brand-number{color:#a47c3c}
.brand-mark i:nth-child(3){background:#a47c3c}
.desktop-nav{font-weight:500}
.header-help{background:var(--ui-ink);border-radius:7px}
.saved-link,.header-project-search{border-color:var(--ui-selected)}
.hero{--shade-left:.9;--shade-middle:.58;--shade-right:.16;background:var(--ui-deep)}
.hero-image{filter:saturate(.88);object-position:center 55%}
.hero:has([data-project="botanica"]){--shade-left:.85;--shade-middle:.48;--shade-right:.06}
.hero:has([data-project="goodgrad-volgalife"]){--shade-left:.92;--shade-middle:.61;--shade-right:.18}
.hero:has([data-project="goodgrad-volgalife"]) .hero-image{object-position:center 48%}
.hero-shade{background:linear-gradient(90deg,rgba(13,35,28,var(--shade-left)),rgba(13,35,28,var(--shade-middle)) 58%,rgba(13,35,28,var(--shade-right))),linear-gradient(0deg,color-mix(in srgb, var(--ui-deep) 90.98%, transparent),transparent 70%)}
.hero h1{font-weight:500;color:#f7f7f0}
.hero h1 span{color:var(--ui-line)}
.hero-description{color:var(--ui-selected)}
.hero-location{color:var(--ui-line)}
.hero .status-dot{background:var(--ui-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--ui-accent) 7.06%, transparent)}
.hero-project{background:color-mix(in srgb, var(--ui-deep) 87.84%, transparent);border-radius:5px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-selected) 18.82%, transparent);backdrop-filter:blur(8px);color:var(--ui-field)}
.hero-project:hover{background:color-mix(in srgb, var(--ui-ink) 90.98%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-selected) 39.61%, transparent)}
.hero svg{stroke-width:1.5}
.hero .quick-links a{background:color-mix(in srgb, var(--ui-deep) 72.16%, transparent);border-color:color-mix(in srgb, var(--ui-line) 17.25%, transparent);border-radius:5px;color:var(--ui-selected);backdrop-filter:blur(6px)}
.hero .quick-links a:hover{background:color-mix(in srgb, var(--ui-ink) 85.1%, transparent);border-color:color-mix(in srgb, var(--ui-line) 43.92%, transparent)}
.hero .quick-links b{color:var(--ui-line);font-weight:450;opacity:1}
.hero .search-box{background:var(--ui-line);border-radius:9px;box-shadow:0 12px 28px #282b2821,inset 0 0 0 1px color-mix(in srgb, var(--ui-field) 43.92%, transparent)}
.hero .search-box>.select-field,.hero .range-field{background:var(--ui-field);border-color:var(--ui-selected);border-radius:5px}
.hero .search-box>.select-field>span,.hero .range-field legend{color:var(--ui-muted);font-weight:500;letter-spacing:.35px}
.hero .filter-picker-trigger,.hero .range-values input{color:var(--ui-ink);font-weight:500}
.hero .filter-picker-trigger svg{color:var(--ui-muted)}
.hero .search-box>.select-field.is-active,.hero .range-field.is-active{background:var(--ui-selected);border-color:var(--ui-muted)}
.hero .search-box>.select-field:focus-within,.hero .range-field:focus-within{border-color:var(--ui-muted);box-shadow:0 0 0 1px var(--ui-muted)}
.hero .range-track{background:linear-gradient(to right,var(--ui-line) 0%,var(--ui-line) var(--range-start),var(--ui-muted) var(--range-start),var(--ui-muted) var(--range-end),var(--ui-line) var(--range-end),var(--ui-line) 100%);height:2px}
.hero .dual-range input[type=range]::-webkit-slider-thumb{background:var(--ui-field);border-color:var(--ui-muted);box-shadow:0 1px 2px color-mix(in srgb, var(--ui-ink) 7.84%, transparent)}
.hero .dual-range input[type=range]::-moz-range-thumb{background:var(--ui-field);border-color:var(--ui-muted)}
.hero .range-values>span{color:var(--ui-muted)}
.hero .find-button{background:var(--ui-line);color:var(--ui-ink);border-radius:5px;box-shadow:inset 0 0 0 1px var(--ui-accent)}
.hero .find-button:hover{background:var(--ui-line);box-shadow:inset 0 0 0 1px var(--ui-accent)}
.hero .find-caption{color:var(--ui-ink)}
.hero .find-button b{font-weight:550}
.hero .resume-selection{background:color-mix(in srgb, var(--ui-deep) 92.16%, transparent);border-color:color-mix(in srgb, var(--ui-line) 12.16%, transparent);border-radius:6px}
.hero .resume-selection a{color:var(--ui-line);font-weight:500}
.hero .hero-map-strip{background:var(--ui-ink);border-color:color-mix(in srgb, var(--ui-muted) 27.06%, transparent);border-radius:6px}
.hero .hero-map-strip:hover{background:var(--ui-ink);border-color:color-mix(in srgb, var(--ui-muted) 44.71%, transparent)}
.hero .map-strip-art{background-image:none;opacity:.82;mask-image:linear-gradient(90deg,transparent,#000 55%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%)}
.hero .map-strip-icon{background:var(--ui-ink);border-radius:5px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-line) 21.18%, transparent)}
.hero .map-strip-icon svg{color:var(--ui-line)}
.hero .map-strip-copy{text-shadow:none}
.hero .map-strip-copy strong{color:var(--ui-field);font-weight:550}
.hero .map-strip-copy small{color:var(--ui-line)}
.hero .map-strip-arrow{background:color-mix(in srgb, var(--ui-ink) 86.67%, transparent);color:var(--ui-selected);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-line) 37.65%, transparent)}
.hero-content>.search-bottom{border-top-color:color-mix(in srgb, var(--ui-line) 14.9%, transparent);color:var(--ui-line)}
.hero .search-feedback{color:var(--ui-line)}
.hero .search-feedback .status-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-accent) 7.06%, transparent)}
.numbers{color:var(--ui-ink)}
.numbers strong{font-weight:500}
.numbers span,.numbers-note p{color:var(--ui-muted)}
@media(max-width:760px){
  .hero-image{object-position:65% center}
  .hero:has([data-project="botanica"]) .hero-image{object-position:58% center}
  .hero:has([data-project="goodgrad-volgalife"]) .hero-image{object-position:64% center}
  .hero-shade{background:linear-gradient(90deg,color-mix(in srgb, var(--ui-deep) 87.84%, transparent),color-mix(in srgb, var(--ui-deep) 60.0%, transparent)),linear-gradient(0deg,color-mix(in srgb, var(--ui-deep) 90.98%, transparent),transparent 75%)}
  .hero h1{font-weight:500}
  .hero .map-strip-art{opacity:.58}
}
