/* KAYA: страница проекта (patterns/single-project.php) и карточки-ссылки на странице «Проекты» (patterns/page-proekty.php).
   Цвета — только переменные темы (пресеты theme.json и короткие имена из kaya.css). */

/* ---------- Страница проекта ---------- */
.kaya-pp{display:grid;gap:clamp(32px,4vw,56px);padding-bottom:clamp(40px,5vw,72px)}
.kaya-pp>*{margin:0;min-width:0}
.kaya-pp .kaya-crumbs{margin:0}
.kaya-pp .kaya-crumbs span{overflow-wrap:anywhere}
.kaya-pp h2{margin:0;font-size:clamp(22px,2.2vw,30px);line-height:1.15}

.kaya-pp__head{display:grid;gap:16px;max-width:980px}
.kaya-pp__head>*{margin:0}
.kaya-pp__head .kaya-eyebrow{margin:0}
.kaya-pp__head h1{max-width:26ch;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.kaya-pp__head .kaya-lead{max-width:64ch}
.kaya-pp__dealer{font-size:14px;color:var(--wp--preset--color--muted)}

.kaya-pp__cover{margin:0}
.kaya-pp__cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;max-height:82vh;background:var(--wp--preset--color--surface)}
.kaya-pp__zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}

.kaya-pp__info{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(28px,5vw,80px);align-items:start}
.kaya-pp__info>:only-child{grid-column:1/-1;max-width:760px}
.kaya-pp__text{display:grid;gap:14px;max-width:68ch}
.kaya-pp__text>*{margin:0}
.kaya-pp__text p,.kaya-pp__text li{color:var(--wp--preset--color--ink-2)}
.kaya-pp__text ul,.kaya-pp__text ol{padding-left:1.1em;display:grid;gap:8px}
.kaya-pp__colls{display:grid;gap:16px;padding:clamp(20px,2.4vw,32px);background:var(--wp--preset--color--raised);border:1px solid var(--wp--preset--color--rule)}
.kaya-pp__colls>*{margin:0}
.kaya-pp__colls h2{font-size:var(--wp--preset--font-size--card-title)}
.kaya-pp__colls ul{list-style:none;padding:0;margin:0;display:grid;gap:0}
.kaya-pp__colls li{border-top:1px solid var(--wp--preset--color--rule)}
.kaya-pp__colls li:last-child{border-bottom:1px solid var(--wp--preset--color--rule)}
.kaya-pp__colls .kaya-arrow-link{display:flex;justify-content:space-between;padding:12px 0;letter-spacing:.04em}
.kaya-pp__colls-note{font-size:14px;color:var(--wp--preset--color--muted)}

.kaya-pp__gallery .kaya-head{margin-bottom:clamp(16px,2vw,24px)}
.kaya-pp__count{font-size:14px;color:var(--wp--preset--color--muted)}
.kaya-pp__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,16px)}
.kaya-pp__grid li{margin:0;min-width:0}
.kaya-pp__grid button{display:block;width:100%;padding:0;border:0;background:var(--wp--preset--color--surface);cursor:zoom-in;overflow:hidden}
.kaya-pp__grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .5s var(--ease,ease)}
.kaya-pp__grid button:hover img{transform:scale(1.03)}
.kaya-pp__grid button:focus-visible{outline:2px solid var(--wp--preset--color--accent);outline-offset:3px}

/* Просмотр фото крупно */
.kaya-pp-lb{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(10,13,11,.94);color:#fff;overflow:hidden}
.kaya-pp-lb[open]{display:grid;place-items:center}
.kaya-pp-lb::backdrop{background:rgba(10,13,11,.6)}
.kaya-pp-lb figure{margin:0;display:grid;gap:10px;justify-items:center;padding:56px clamp(12px,6vw,88px) 24px}
.kaya-pp-lb img{display:block;max-width:100%;max-height:calc(100dvh - 120px);width:auto;height:auto;object-fit:contain}
.kaya-pp-lb figcaption{font-size:14px;color:rgba(255,255,255,.75)}
.kaya-pp-lb__btn{position:absolute;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.35);background:rgba(10,13,11,.45);color:#fff;font:400 22px/1 var(--wp--preset--font-family--onest);cursor:pointer}
.kaya-pp-lb__btn:hover{background:#fff;color:#1B1E1C}
.kaya-pp-lb__prev{left:clamp(8px,2vw,24px);top:50%;transform:translateY(-50%)}
.kaya-pp-lb__next{right:clamp(8px,2vw,24px);top:50%;transform:translateY(-50%)}
.kaya-pp-lb__close{right:clamp(8px,2vw,24px);top:clamp(8px,2vw,24px);font-size:28px}

/* Призыв */
.kaya-pp-cta{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px clamp(24px,4vw,64px);align-items:end;padding:clamp(24px,4vw,48px);background:var(--wp--preset--color--accent);color:var(--wp--preset--color--accent-ink)}
.kaya-pp-cta h2{margin:0 0 12px;color:inherit}
.kaya-pp-cta .kaya-lead{margin:0;color:inherit;opacity:.86}
.kaya-pp-cta__actions{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.kaya-pp-cta .kaya-btn{background:var(--wp--preset--color--accent-ink);border-color:var(--wp--preset--color--accent-ink);color:var(--wp--preset--color--accent)}
.kaya-pp-cta .kaya-btn:hover{background:transparent;color:var(--wp--preset--color--accent-ink)}
.kaya-pp-cta .kaya-arrow-link{color:inherit}

/* Ещё проекты */
.kaya-pp__more-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}
.kaya-pp__more-grid li{margin:0;min-width:0}
.kaya-pp__more-grid a{display:grid;gap:8px;text-decoration:none;color:inherit}
.kaya-pp__more-grid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.kaya-pp__more-grid b{font-weight:600;line-height:1.3}
.kaya-pp__more-grid small{font-size:14px;color:var(--wp--preset--color--muted)}
.kaya-pp__more-grid a:hover b{text-decoration:underline;text-underline-offset:3px}

.kaya-pp__back a{font-weight:600;text-decoration:none}
.kaya-pp__back a:hover{text-decoration:underline;text-underline-offset:3px}

@media (max-width:1080px){
  .kaya-pp__more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .kaya-pp__info,.kaya-pp-cta{grid-template-columns:minmax(0,1fr)}
  .kaya-pp__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kaya-pp__cover img{aspect-ratio:4/3}
}
@media (max-width:560px){
  .kaya-pp__head h1{font-size:clamp(26px,7.4vw,34px)}
  .kaya-pp-cta__actions .kaya-btn{width:100%}
  .kaya-pp__more-grid{gap:20px 12px}
}
@media (prefers-reduced-motion:reduce){.kaya-pp__grid img{transition:none}}

/* ---------- Страница «Проекты»: карточка-ссылка (a.kaya-project вместо figure, когда страница проекта опубликована) ---------- */
a.kaya-project{text-decoration:none;color:inherit}
.kaya-project__ph{display:block;overflow:hidden}
.kaya-project__ph img{transition:transform .5s var(--ease,ease)}
a.kaya-project:hover .kaya-project__ph img{transform:scale(1.03)}
a.kaya-project:hover b{text-decoration:underline;text-underline-offset:3px}
a.kaya-project:focus-visible{outline:2px solid var(--wp--preset--color--accent);outline-offset:3px}
.kaya-project__cap{display:grid;gap:2px}
.kaya-project__cap b{font-weight:600}
@media (prefers-reduced-motion:reduce){.kaya-project__ph img{transition:none}}