:root{
  --bg:#f2f0e8;
  --bg-soft:#fff;
  --card:#fff;
  --line:rgba(24,34,30,.15);
  --line-soft:rgba(24,34,30,.10);
  --txt:#18221e;
  --muted:#69726d;
  --muted-2:#7f8883;
  --accent:#19372d;
  --accent-2:#234b3d;
  --lime:#c9f563;
  --shadow:0 20px 48px rgba(20,39,31,.12);
}

body{background:var(--bg);color:var(--txt)}
.cn{max-width:1280px;padding-inline:40px}
.section{padding:72px 0}

.projects-hero{
  color:#fff;
  border:0;
  background:
    radial-gradient(circle at 82% 12%,rgba(201,245,99,.18),transparent 30%),
    linear-gradient(135deg,#19372d,#244b3d);
}
.projects-hero .cn{padding-top:72px;padding-bottom:68px}
.eyebrow{color:rgba(255,255,255,.62);margin-bottom:18px}
.eyebrow::before{width:28px;background:var(--lime)}
.projects-hero h1{
  max-width:900px;
  margin-bottom:20px;
  font-family:'Unbounded',sans-serif;
  font-size:clamp(38px,5vw,68px);
  font-weight:500;
  letter-spacing:-.055em;
}
.projects-hero p{max-width:680px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.75}

.projects-hero+.section{padding-top:42px}
.tabs-wrap{gap:8px;padding-bottom:0}
.tab-btn{
  min-height:44px;
  padding:0 18px;
  border-color:var(--line);
  border-radius:0;
  background:transparent;
  color:var(--muted);
}
.tab-btn:hover{border-color:var(--accent);background:#fff;color:var(--accent)}
.tab-btn.active{border-color:var(--accent);background:var(--accent);color:#fff}

.filters-box{
  margin-top:20px;
  padding:22px;
  border-color:var(--line-soft);
  border-radius:0;
  background:#fff;
  box-shadow:0 12px 36px rgba(20,39,31,.06);
}
.filters-head{align-items:center;margin-bottom:18px}
.filters-head h2{color:var(--txt)}
.filters-sub{color:var(--muted)}
.filters-result{border-color:rgba(25,55,45,.18);background:#edf3e8;color:var(--accent)}
.filters-result strong{color:var(--accent)}
.sort-select,.fbtn,.chip{
  border-color:var(--line);
  border-radius:0;
  background:#fff;
  color:var(--txt);
}
.sort-select{color-scheme:light}
.sort-wrap::after{color:var(--muted)}
.fbtn:hover,.chip:hover{border-color:var(--accent);background:#f5f7f2;color:var(--accent)}
.fbtn.primary,.chip.active{border-color:var(--accent);background:var(--accent);color:#fff}
.quick-label,.f-field label{color:var(--muted-2)}
.filters-advanced-toggle{border-color:var(--line-soft)}
.f-field input,.f-field select{
  border-color:var(--line);
  border-radius:0;
  background:#f8f8f4;
  color:var(--txt);
  color-scheme:light;
}
.f-field.minor input,.f-field.minor select{background:#f8f8f4}
.f-field input:focus,.f-field select:focus{border-color:var(--accent)}
.f-select::after{color:var(--muted)}

.cards-wrap{margin-top:28px}
.cards-state{color:var(--muted)}
.cards-grid{gap:22px}
.card{
  border-color:var(--line-soft);
  border-radius:0;
  background:var(--card);
  box-shadow:0 12px 36px rgba(20,39,31,.08);
}
.card:hover{border-color:rgba(25,55,45,.28);box-shadow:var(--shadow)}
.card-img{height:250px;background:#dfe3dc}
.card-img img{filter:none}
.card-img .ph{background:linear-gradient(140deg,#dfe3dc,#cbd4cb)}
.card-area{right:14px;bottom:14px;border:0;border-radius:0;background:rgba(25,55,45,.9);color:#fff}
.card-body{gap:12px;padding:22px}
.card-title{
  font-family:'Unbounded',sans-serif;
  font-size:22px;
  font-weight:500;
  letter-spacing:-.04em;
}
.card-sub{min-height:42px;color:var(--muted);line-height:1.6}
.card-meta-line{color:#4f5d56}
.card-price{border-color:var(--line-soft)}
.card-price-main{font-family:'Manrope',sans-serif;font-size:26px;font-weight:800;color:var(--accent)}
.card-price-sub{color:var(--muted)}
.card-actions{margin-top:14px}
.card-btn{display:flex;align-items:center;justify-content:space-between;border-radius:0;padding:13px 15px}
.card-btn.dark{border-color:var(--accent);background:var(--accent);color:#fff}
.card-btn.dark:hover{background:var(--accent-2)}
.catalog-more button{border-color:var(--accent);border-radius:0;background:transparent;color:var(--accent)}
.catalog-more button:hover{background:var(--accent);color:#fff}

.catalog-assist{
  margin-top:38px;
  padding:30px;
  border-color:rgba(25,55,45,.18);
  border-radius:0;
  background:var(--lime);
}
.catalog-assist strong{font-family:'Unbounded',sans-serif;font-size:20px;color:var(--txt)}
.catalog-assist p{color:rgba(24,34,30,.68)}
.catalog-assist button{border-radius:0;background:var(--accent)}

.seo-stack{gap:12px}
.seo-card{border-color:var(--line-soft);border-radius:0;background:#fff;padding:26px}
.seo-card h2,.catalog-guide h2{font-family:'Unbounded',sans-serif;font-weight:500;letter-spacing:-.04em}
.seo-card h2{font-size:26px}
.seo-card h3{color:#4f5d56}
.seo-card p,.catalog-guide__lead{color:var(--muted)}
.seo-toggle{color:var(--accent)}
.catalog-guide{padding:36px;border-color:var(--line-soft);border-radius:0;background:#fff}
.catalog-guide__steps{background:var(--line-soft)}
.catalog-guide__step{background:#f6f6f1}
.catalog-guide__step strong{color:#55733e}
.catalog-guide__step p,.catalog-guide__foot p{color:var(--muted)}
.catalog-guide__foot button{border-radius:0;background:var(--accent)}

.form-overlay{background:rgba(11,25,19,.72)}
.form-box{border-color:var(--line-soft);border-radius:0;background:#fff;color:var(--txt)}
.form-box h3{font-family:'Unbounded',sans-serif;font-size:24px;letter-spacing:-.04em}
.form-box p,.form-note{color:var(--muted)}
.f-close{color:var(--muted)}
.fg label{color:var(--muted)}
.fg input,.fg select,.fg textarea{border-color:var(--line);border-radius:0;background:#f8f8f4;color:var(--txt);color-scheme:light}
.form-submit{border-radius:0;background:var(--accent)}

footer{margin-top:40px;border:0;background:#101c17;color:#fff}
.footer-grid a{color:rgba(255,255,255,.68)}

@media(max-width:820px){
  .cn{padding-inline:22px}
  .projects-hero .cn{padding-top:58px;padding-bottom:54px}
  .projects-hero p{font-size:16px}
}

@media(max-width:620px){
  .cn{padding-inline:18px}
  .section{padding:44px 0}
  .projects-hero .cn{padding-top:46px;padding-bottom:44px}
  .projects-hero h1{max-width:none;font-size:36px}
  .projects-hero+.section{padding-top:24px}
  .tabs-wrap{grid-template-columns:1fr 1fr}
  .tab-btn{min-height:48px;padding:8px 10px}
  .filters-box{padding:16px;margin-top:14px}
  .filters-result{border-radius:0}
  .filter-actions{grid-template-columns:1fr}
  .quick-filters{margin-inline:-16px}
  .chip{border-radius:0}
  .filters-advanced-inner{border-radius:0;background:#fff;color:var(--txt)}
  .filters-sheet-close{border-color:var(--line);background:#f8f8f4;color:var(--txt)}
  .filters-sheet-apply{border-radius:0;background:var(--accent)}
  .cards-wrap{margin-top:22px}
  .card{border-radius:0}
  .card-img{aspect-ratio:4/3}
  .card-body{padding:18px}
  .card-title{font-size:20px}
  .card-sub{min-height:0;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .catalog-assist,.catalog-guide,.seo-card{padding:22px}
  .catalog-assist button,.catalog-guide__foot button{border-radius:0}
}