/* ===== "НАШИ РАБОТЫ" ===== */
.wk__inner{max-width:var(--container);margin:0 auto}

/* Шапка страницы */
.wk-hero{padding:64px 48px 44px;background:var(--c-cream)}
.wk-hero__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end}
.wk-eyebrow{margin-bottom:16px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent)}
.wk-hero__title{margin:0;font-size:52px;line-height:1.1;color:var(--c-ink)}
.wk-hero__intro{margin:0;font-size:16px;line-height:1.7;color:var(--c-text)}

/* Цифры */
.wk-stats-wrap{padding:0 48px 20px;background:var(--c-cream)}
.wk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px 0;border-top:1px solid rgba(42,33,24,.1);border-bottom:1px solid rgba(42,33,24,.1)}
.wk-stat__value{font-family:var(--f-serif);font-size:40px;font-weight:500;line-height:1;color:var(--c-brown)}
.wk-stat__label{margin-top:8px;font-size:14px;color:var(--c-text)}

/* Фильтры */
.wk-gallery{padding:48px 48px 100px;background:var(--c-cream)}
.wk-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}
.wk-filter{padding:11px 22px;border:1px solid rgba(42,33,24,.2);border-radius:999px;color:#4A3B2C;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.wk-filter:hover{border-color:var(--c-brown);color:var(--c-ink)}
.wk-filter.is-active{background:var(--c-brown);border-color:var(--c-brown);color:var(--c-cream)}

/* Мозаика */
.wk-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:220px;grid-auto-flow:dense;gap:20px}
.wk-card{position:relative;isolation:isolate;display:block;overflow:hidden;border-radius:18px;background:#2A2118;text-decoration:none;box-shadow:0 16px 40px -26px rgba(42,33,24,.5)}
.wk-card.tall{grid-row:span 2}
.wk-card.wide{grid-column:span 2}
.wk-img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,0,.2,1)}
.wk-card:hover .wk-img{transform:scale(1.06)}
.wk-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,16,10,0) 40%,rgba(20,16,10,.82) 100%);opacity:.85;transition:opacity .35s ease}
.wk-card:hover .wk-scrim{opacity:1}
.wk-body{position:absolute;left:24px;right:24px;bottom:22px;display:flex;flex-direction:column;transform:translateY(6px);transition:transform .35s ease}
.wk-card:hover .wk-body{transform:none}
.wk-tag{margin-bottom:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-gold)}
.wk-title{margin:0 0 4px;font-size:21px;line-height:1.2;color:var(--c-cream)}
.wk-meta{font-size:13px;color:#D2C6B4}
.wk-empty{padding:40px 0;font-size:16px;color:var(--c-text)}

/* Пагинация */
.wk-pages{margin-top:48px}
.wk-pages .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.wk-pages .page-numbers{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(42,33,24,.18);border-radius:999px;color:#4A3B2C;font-size:15px;text-decoration:none}
.wk-pages a.page-numbers:hover{border-color:var(--c-brown)}
.wk-pages .page-numbers.current{background:var(--c-brown);border-color:var(--c-brown);color:var(--c-cream)}
.wk-pages .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* SEO-блок со ссылками на категории */
.wk-seo{padding:90px 48px;background:var(--c-cream-2)}
.wk-seo__inner{max-width:1000px;margin:0 auto;text-align:center}
.wk-seo__title{margin:0 0 20px;font-size:34px;line-height:1.3}
.wk-seo__text{max-width:760px;margin:0 auto 36px;font-size:16px;line-height:1.75;color:#5E4E3A}
.wk-seo__text p{margin:0 0 16px}
.wk-seo__links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.wk-pill{padding:14px 26px;border-radius:999px;background:var(--c-white);color:var(--c-brown);font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 10px 24px -18px rgba(42,33,24,.4);transition:transform .2s,color .2s}
.wk-pill:hover{transform:translateY(-2px);color:var(--c-ink)}

/* Форма: светлый вариант карточки с "Контактов" (два класса, чтобы перебить form_card.css при любом порядке подключения) */
.cform.cform--light{background:var(--c-cream)}
.cform.cform--light .cform__card{border:1px solid rgba(42,33,24,.06)}

@media (max-width:1024px){
  .wk-hero{padding:56px 24px 32px}
  .wk-stats-wrap{padding:0 24px 20px}
  .wk-gallery{padding:40px 24px 80px}
  .wk-hero__grid{grid-template-columns:1fr;gap:20px}
  .wk-stats{grid-template-columns:repeat(2,1fr)}
  .wk-seo{padding:64px 24px}
}
@media (max-width:900px){
  .wk-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .wk-hero__title{font-size:36px}
  .wk-grid{grid-template-columns:1fr;grid-auto-rows:240px}
  .wk-card.wide,.wk-card.tall{grid-column:auto;grid-row:auto}
}