/* =========================================================
   WORK ARCHIVE V3 — stable searchable portfolio grid
   Isolated from the homepage theme and legacy project rules.
   ========================================================= */
body.work-archive-page{
  --wa-blue:#1769ff;
  --wa-blue-soft:#eef4ff;
  --wa-yellow:#ffbd00;
  --wa-border:#dce4ef;
  --wa-ink:#0a0d13;
  --wa-muted:#667386;
  background:#fff;
  color:var(--wa-ink);
}
body.work-archive-page main{overflow:visible!important}
body.work-archive-page .container{width:min(calc(100% - 40px),1240px)!important}

/* Header tuned to the clean archive page. Social rail is controlled only by Admin. */
body.work-archive-page .site-header{
  position:sticky!important;top:0!important;z-index:1300!important;
  height:78px!important;background:rgba(255,255,255,.97)!important;
  border-top:4px solid var(--wa-ink)!important;border-bottom:1px solid #e8edf4!important;
  box-shadow:none!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
}
body.work-archive-page .site-header-inner{
  width:min(calc(100% - 40px),1240px)!important;height:74px!important;
  grid-template-columns:minmax(220px,1fr) auto minmax(200px,1fr)!important;gap:28px!important;
}
body.work-archive-page .site-brand-name{font-size:15px!important;color:#111!important}
body.work-archive-page .site-brand-image{max-height:42px!important}
body.work-archive-page .site-primary-nav{gap:24px!important}
body.work-archive-page .site-nav-link{min-height:74px!important;color:#111!important;font-size:11px!important;letter-spacing:.01em!important;text-transform:uppercase!important}
body.work-archive-page .site-nav-link.active{color:var(--wa-blue)!important}
body.work-archive-page .site-nav-link::after{bottom:16px!important;background:var(--wa-blue)!important}
body.work-archive-page .nav-dropdown-toggle{background:#f2f5f9!important;border-color:#d8e1ec!important;color:#111!important}
body.work-archive-page .site-project-cta span,
body.work-archive-page .site-project-cta b{background:var(--wa-ink)!important;color:#fff!important}
body.work-archive-page .site-project-cta:hover span,
body.work-archive-page .site-project-cta:hover b{background:var(--wa-blue)!important;color:#fff!important}

/* Archive introduction */
.work-archive-hero{padding:72px 0 56px!important;background:#f7f9fc!important;border-bottom:1px solid var(--wa-border)!important}
.work-archive-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr)!important;gap:80px!important;align-items:end!important}
.work-archive-heading{position:relative!important}
.work-archive-eyebrow{display:inline-flex!important;align-items:center!important;gap:10px!important;margin:0 0 20px 2px!important;color:#344258!important;font-size:11px!important;font-weight:850!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.work-archive-eyebrow::before{content:""!important;width:26px!important;height:3px!important;border-radius:99px!important;background:var(--wa-yellow)!important}
.work-archive-heading h1{margin:0!important;color:#06080d!important;font-size:clamp(72px,7.6vw,112px)!important;line-height:.82!important;font-weight:950!important;letter-spacing:-.075em!important}
.work-archive-hero-grid>p{max-width:460px!important;margin:0 0 6px!important;color:#4f5d70!important;font-size:15px!important;line-height:1.7!important}

/* Search and filters */
.work-filter-bar{position:relative!important;z-index:40!important;padding:18px 0 14px!important;background:#fff!important;border-bottom:1px solid var(--wa-border)!important}
.work-filter-form{display:grid!important;grid-template-columns:minmax(300px,1fr) 205px 205px 68px!important;gap:11px!important;align-items:center!important}
.work-search-field,.work-select-field{position:relative!important;display:block!important}
.work-search-field svg{position:absolute!important;left:15px!important;top:50%!important;width:18px!important;height:18px!important;transform:translateY(-50%)!important;fill:none!important;stroke:#718095!important;stroke-width:1.8!important;pointer-events:none!important}
.work-search-field input,.work-select-field select{width:100%!important;height:48px!important;border:1px solid var(--wa-border)!important;border-radius:10px!important;background:#fff!important;color:#111!important;font-size:12px!important;outline:0!important;box-shadow:none!important}
.work-search-field input{padding:0 15px 0 43px!important}
.work-select-field select{appearance:none!important;padding:0 40px 0 14px!important;background-image:linear-gradient(45deg,transparent 50%,#69768a 50%),linear-gradient(135deg,#69768a 50%,transparent 50%)!important;background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px!important;background-size:5px 5px!important;background-repeat:no-repeat!important}
.work-search-field input:focus,.work-select-field select:focus{border-color:var(--wa-blue)!important;box-shadow:0 0 0 3px rgba(23,105,255,.11)!important}
.work-filter-reset{height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 13px!important;border-radius:10px!important;background:#eef2f7!important;color:#334158!important;font-size:11px!important;font-weight:850!important}
.work-filter-reset:hover{background:var(--wa-blue)!important;color:#fff!important}
.work-result-count{margin-top:9px!important;color:#7a8798!important;font-size:11px!important}.work-result-count strong{color:#111!important}

/* Project cards */
.work-projects-section{padding:42px 0 104px!important;background:#fff!important}
.work-project-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px 14px!important}
.work-project-card{min-width:0!important;opacity:1!important;transform:none;overflow:hidden!important;background:#fff!important;border:1px solid var(--wa-border)!important;border-radius:13px!important;box-shadow:0 1px 0 rgba(20,39,72,.02)!important;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important}
.work-project-card:hover{transform:translateY(-5px)!important;border-color:#abc0df!important;box-shadow:0 18px 38px rgba(35,63,102,.11)!important}
.work-project-image{position:relative!important;display:block!important;aspect-ratio:1.34/1!important;overflow:hidden!important;background:#eef2f7!important}
.work-project-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .38s ease!important}
.work-project-card:hover .work-project-image img{transform:scale(1.04)!important}
.work-project-image::after{content:"View project ↗"!important;position:absolute!important;left:11px!important;bottom:11px!important;padding:8px 11px!important;border-radius:999px!important;background:rgba(10,14,20,.9)!important;color:#fff!important;font-size:9px!important;font-weight:850!important;opacity:0!important;transform:translateY(6px)!important;transition:.2s ease!important}
.work-project-card:hover .work-project-image::after{opacity:1!important;transform:none!important}
.work-project-index{display:none!important}
.work-screen-count,.work-featured-badge{position:absolute!important;top:9px!important;right:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:47px!important;min-height:34px!important;padding:5px 8px!important;border-radius:8px!important;background:rgba(15,18,24,.88)!important;color:#fff!important;font-size:15px!important;font-weight:950!important;backdrop-filter:blur(8px)!important}
.work-screen-count small{max-width:30px!important;font-size:7px!important;line-height:1.05!important;text-transform:uppercase!important}
.work-featured-badge{left:9px!important;right:auto!important;min-width:auto!important;min-height:auto!important;background:var(--wa-yellow)!important;color:#111!important;font-size:8px!important;letter-spacing:.05em!important;text-transform:uppercase!important}
.work-project-body{padding:13px 13px 14px!important}
.work-project-year{color:var(--wa-blue)!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.work-project-body h2{margin:5px 0 4px!important;font-size:16px!important;line-height:1.2!important;letter-spacing:-.025em!important}
.work-project-body h2 a{color:#0b0e14!important}.work-project-body h2 a:hover{color:var(--wa-blue)!important}
.work-project-body>p{min-height:17px!important;margin:0!important;color:#697588!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.work-project-tags{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:10px!important}
.work-project-tags a,.work-project-tags span{max-width:100%!important;padding:5px 7px!important;border-radius:999px!important;background:var(--wa-blue-soft)!important;color:var(--wa-blue)!important;font-size:7px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.work-empty-state{padding:84px 24px!important;border:1px solid var(--wa-border)!important;border-radius:18px!important;background:#f8faff!important;text-align:center!important}

@media(max-width:1080px){
  .work-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .work-filter-form{grid-template-columns:minmax(240px,1fr) 175px 175px 64px!important}
  .work-archive-hero-grid{gap:48px!important}
}
@media(max-width:900px){
  body.work-archive-page .site-header{height:72px!important;border-top-width:3px!important}
  body.work-archive-page .site-header-inner{height:69px!important;width:calc(100% - 24px)!important;display:flex!important}
  .work-search-shortcut{display:inline-flex!important}
  .work-archive-hero{padding:52px 0 40px!important}
  .work-archive-hero-grid{grid-template-columns:1fr!important;gap:22px!important}
  .work-archive-heading h1{font-size:76px!important}
  .work-archive-hero-grid>p{font-size:14px!important}
  .work-filter-bar{padding:15px 0!important;max-height:380px!important;overflow:hidden!important;border-bottom:1px solid var(--wa-border)!important;transition:max-height .35s ease,padding .35s ease!important}
  body.js-ready .work-filter-bar{padding:0!important;max-height:0!important;border-bottom:0!important}
  body.js-ready .work-filter-bar.filters-open{max-height:380px!important;padding:15px 0!important;border-bottom:1px solid var(--wa-border)!important}
  .work-filter-form{grid-template-columns:1fr 1fr!important}
  .work-search-field{grid-column:1/-1!important}.work-filter-reset{grid-column:1/-1!important}
  .work-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .work-projects-section{padding-top:26px!important}
}
@media(max-width:520px){
  body.work-archive-page .container{width:calc(100% - 20px)!important}
  .work-archive-hero{padding:40px 0 30px!important}
  .work-archive-eyebrow{font-size:9px!important;margin-bottom:15px!important}
  .work-archive-heading h1{font-size:58px!important}
  .work-archive-hero-grid>p{font-size:12px!important;line-height:1.6!important}
  .work-filter-form{grid-template-columns:1fr!important}
  .work-search-field,.work-filter-reset{grid-column:auto!important}
  .work-project-grid{gap:11px 8px!important}
  .work-project-body{padding:10px!important}
  .work-project-body h2{font-size:13px!important}
  .work-project-body>p{font-size:8.5px!important}
  .work-project-tags span{display:none!important}
  .work-project-tags a{font-size:6.5px!important}
  .work-project-image::after{display:none!important}
  .work-screen-count{font-size:12px!important;min-width:39px!important;min-height:29px!important}.work-screen-count small{font-size:6px!important}
}