
body[data-page="projects"],body[data-page="project"]{background:var(--page);color:var(--text)}
.projects-hero{padding:96px 0 48px}
.projects-hero h1{max-width:820px;margin-top:18px}
.projects-lead{max-width:650px;margin:20px 0 0;color:var(--muted);font-size:16px;line-height:1.65}
.projects-divider{height:1px;background:var(--line)}
.projects-filters{padding-bottom:46px}
.filter-row{display:flex;flex-wrap:wrap;gap:12px;padding:22px 0 28px}
.filter-row button{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);padding:11px 16px;font:inherit;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.projects-result{display:flex;justify-content:space-between;gap:24px}
.projects-note{color:var(--muted);font-size:11px;line-height:1.6}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;padding-bottom:66px}
.project-card{min-width:0}
.project-image{min-height:210px;background:var(--surface);border:1px solid var(--line);position:relative;padding:28px;display:flex;align-items:flex-end}
.project-image:before{content:"";position:absolute;left:28px;top:28px;bottom:28px;width:1px;background:var(--accent)}
.project-image>span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.project-card-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:18px}
.project-status{display:inline-flex;border:1px solid var(--line-strong);border-radius:999px;padding:9px 14px;color:var(--muted);font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.project-status.verified{border-color:var(--accent);color:var(--accent)}
.project-card h3{margin-top:16px;font-size:30px}
.project-sub{color:var(--muted);font-size:11px;margin:8px 0 18px}
.card-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:20px}
.card-metrics div,.detail-metrics div,.card-line{display:grid;gap:8px;margin-bottom:18px}
.card-metrics span,.detail-metrics span,.card-line span,.facts-grid span{color:var(--faint);font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.card-metrics strong,.detail-metrics strong,.card-line strong,.facts-grid strong{font-weight:400}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 20px}
.tag-row span{border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.analysis-line{display:grid;gap:8px;margin-top:16px}
.analysis-line p{margin:0;color:var(--muted);font-size:11px}
.projects-cta{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 380px;gap:60px;padding:42px 0 68px;align-items:start}
.projects-cta p{margin:0 0 18px;color:var(--muted)}
.project-detail-top{padding:54px 0 0}
.project-detail-hero{display:grid;grid-template-columns:510px 1fr;gap:54px;padding:42px 0 62px}
.project-detail-copy h1{margin:18px 0 10px}
.detail-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:28px 0}
.project-detail-copy .btn{margin-top:18px}
.detail-section{padding-bottom:68px}
.detail-section>.kicker{margin:18px 0 20px}
.facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.facts-grid article{background:var(--surface);padding:20px;display:grid;gap:9px;min-height:100px}
.detail-fit{display:grid;grid-template-columns:500px 1fr;gap:52px;padding-bottom:72px}
.detail-fit h2{margin:16px 0 14px}
.detail-fit p,.detail-verdict p,.terms-grid p,.detail-location p{color:var(--muted);margin:0}
.score-list{display:grid;gap:18px;align-content:start;padding-top:25px}
.score-list div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}
.score-list span,.score-list strong{font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.score-list strong{color:var(--accent);font-weight:500}
.detail-verdict{padding-bottom:54px}
.detail-verdict h2{max-width:930px;margin:18px 0 16px}
.detail-verdict p{max-width:820px}
.pros-risks{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding-bottom:54px}
.pros-risks article{background:var(--surface);padding:26px}
.pros-risks ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px}
.pros-risks li:before{content:"— ";color:var(--accent)}
.terms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding-bottom:58px}
.terms-grid article{display:grid;gap:14px}
.detail-location{display:grid;grid-template-columns:570px 1fr;gap:38px;padding-bottom:58px}
.detail-location h3{margin:16px 0 14px}
.detail-check{padding-bottom:48px}
.detail-check>.kicker{margin:18px 0 14px}



/* v3.8.13 preview integration */
.header-inner{position:relative;grid-template-columns:1fr auto 1fr}
.header-inner .nav{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.menu-toggle{display:none;background:transparent;border:0;width:30px;height:24px;padding:3px;flex-direction:column;justify-content:space-between}
.menu-toggle span{display:block;width:100%;height:1px;background:currentColor}
.footer-inner{display:grid;grid-template-columns:auto 1fr;align-items:center}
.footer-nav{justify-self:end;display:flex;align-items:center;gap:clamp(18px,2.4vw,34px);white-space:nowrap}
.footer-nav span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.facts-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.facts-grid article{height:100%;min-height:112px}
.pros-risks{align-items:stretch}
.pros-risks article{height:100%}
.terms-grid{align-items:start}
.terms-grid article{height:100%}
.detail-location{align-items:start}
.detail-location>.project-image,.detail-location>div{align-self:start}
.projects-cta.stacked{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.projects-cta.stacked h2,.projects-cta.stacked p{max-width:560px;margin:0}
.compact-action{width:max-content;min-width:0;padding-inline:22px}
.statement-projects-cta{margin-top:24px;width:max-content}




/* v3.8.16 — unified header system */
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:color-mix(in srgb,var(--page) 94%,transparent);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}

.header-inner{
  position:relative;
  height:76px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:28px;
}

.header-inner .brand{
  grid-column:1;
  justify-self:start;
  min-width:0;
}

.header-inner .nav{
  grid-column:2;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  white-space:nowrap;
}

.header-inner .controls{
  grid-column:3;
  justify-self:end;
  display:flex;
  align-items:center;
  gap:7px;
  position:relative;
  z-index:3;
}

.header-inner .lang{
  display:flex;
  align-items:center;
  border:1px solid var(--line);
  padding:2px;
  background:transparent;
}

.header-inner .lang button{
  display:block;
  width:29px;
  min-width:29px;
  height:30px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
}

.header-inner .lang button.active{
  background:var(--text);
  color:var(--page);
}

.header-inner .theme-toggle{
  width:34px;
  min-width:34px;
  height:34px;
  padding:0;
  border:1px solid var(--line);
  background:transparent;
  color:var(--text);
  display:grid;
  place-items:center;
}

.header-inner .menu-toggle{
  display:none;
}





/* v3.8.45 filters */
.projects-hero{padding-top:72px;padding-bottom:38px}.projects-filters{padding-bottom:38px}.filter-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.filter-control{display:flex;flex-direction:column;gap:8px}.filter-control>span{font-size:8px;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.filter-control select{width:100%;min-height:42px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:0;background:var(--page);color:var(--text);font:500 9px/1.2 Manrope,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.project-grid{padding-bottom:48px}.projects-cta{padding-top:38px;padding-bottom:48px}body[data-page="project"] .site-footer,body[data-page="projects"] .site-footer{margin-top:0}


/* v3.8.47 clean mobile projects + project detail */
@media (max-width:900px){
  .projects-hero{padding:48px 0 30px!important}
  .projects-hero h1{margin-top:14px!important}
  .projects-lead{font-size:14px!important;line-height:1.7!important;margin-top:16px!important}
  .projects-filters{padding-bottom:34px!important}
  .filter-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:20px 0!important}
  .filter-control{min-width:0!important}
  .filter-control select{height:42px!important;min-height:42px!important;font-size:9px!important;background:var(--page)!important;color:var(--text)!important}
  .projects-result{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .project-grid{display:grid!important;grid-template-columns:1fr!important;gap:42px!important;padding-bottom:44px!important}
  .project-image{min-height:190px!important;padding:22px!important}
  .project-image::before{left:22px!important;top:22px!important;bottom:22px!important}
  .project-card-meta{align-items:flex-start!important}
  .project-card h3{font-size:30px!important;margin-top:14px!important}
  .card-metrics{grid-template-columns:1fr 1fr!important;gap:16px!important}
  .projects-cta,.projects-cta.stacked{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;padding:34px 0 44px!important;align-items:start!important}
  .projects-cta .btn,.projects-cta.stacked .btn{width:max-content!important;max-width:100%!important}

  .project-detail-top{padding-top:30px!important}
  .project-detail-hero{display:grid!important;grid-template-columns:1fr!important;gap:28px!important;padding:28px 0 44px!important}
  .project-detail-copy h1{margin:14px 0 9px!important}
  .detail-metrics{grid-template-columns:1fr 1fr!important;gap:14px!important;margin:22px 0!important}
  .project-detail-copy .btn{margin-top:12px!important;width:max-content!important;max-width:100%!important}
  .detail-section{padding-bottom:44px!important}
  .facts-grid{grid-template-columns:1fr!important;gap:12px!important}
  .facts-grid article{min-height:0!important;padding:18px!important}
  .detail-fit,.pros-risks,.terms-grid,.detail-location{display:grid!important;grid-template-columns:1fr!important;gap:22px!important;padding-bottom:44px!important}
  .score-list{padding-top:0!important}
  .detail-verdict{padding-bottom:42px!important}
  .pros-risks article{padding:20px!important}
  .detail-location .project-image{min-height:210px!important}
  .detail-check{padding:28px 0 20px!important}
  body[data-page='project'] .projects-cta.stacked{border-top:1px solid var(--line)!important;padding:26px 0 38px!important}
}
@media (max-width:520px){
  .filter-row{grid-template-columns:1fr!important}
  .card-metrics,.detail-metrics{grid-template-columns:1fr!important}
}
