/* work-portfolio v1.3 — три уровня галереи в едином дизайне site-v2 (Blueprint Paper).
   Уровень 1: /nashi-raboty/ — каталог направлений (machine-card + work-catalog).
   Уровень 2: /raboty-*/ — только объекты, без россыпи фото (machine-card).
   Уровень 3: /raboty-*/obekty/*/ — альбом объекта: hero machine-card + work-gallery + video + CTA.
   Никакого нового визуала: переиспользуем .eyebrow, .machine-card, .mc-*, .pills, .specs-mini, .btn, .work-gallery, .cta из style.css / content-template.css.
*/
.work-portfolio-intro{padding-top:24px;padding-bottom:28px}
.work-portfolio-intro h1{font-size:clamp(32px,4.5vw,56px);line-height:1.08;margin-top:12px;max-width:1080px}
.work-portfolio-description{max-width:760px;margin-top:12px;color:var(--txt2);line-height:1.7}
.work-portfolio-links{display:flex;gap:12px 28px;flex-wrap:wrap;margin-top:20px}
.work-portfolio-links a{font-family:var(--mono);font-size:12px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}

/* Уровень 2: сетка объектов = та же сетка, что каталог, но без кастомных карточек */
.work-portfolio-objects{padding-top:28px;padding-bottom:32px}
.work-portfolio-objects h2{font-size:34px;line-height:1.15;margin-top:12px}
.work-object-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
/* новый единый формат: <article class="machine-card work-object-card"> */
.work-object-cards>.machine-card{grid-template-columns:minmax(0,1fr);min-height:0}
.work-object-cards>.machine-card .mc-media{min-height:260px;height:260px}
.work-object-cards>.machine-card .mc-body{padding:24px}
.work-object-cards>.machine-card h3{font-size:20px}
/* back-compat со старым .work-object-card */
.work-object-card{border:1px solid var(--line);background:var(--bg2);overflow:hidden;min-width:0}
.work-object-cover{display:block;height:260px;background:#E8E4DE;overflow:hidden}
.work-object-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.work-object-cover:hover img{transform:scale(1.02)}
.work-object-card-body{padding:24px}
.work-object-card-body h3{font-size:20px;line-height:1.15}
.work-object-card-body p{font-size:14px;color:var(--txt2);margin-top:10px}
.work-object-card-body .btn{margin-top:18px}
.work-object-status{display:inline-block;margin-bottom:12px;padding:4px 8px;border:1px dashed var(--line2);color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:1px;text-transform:uppercase}
.work-object-material{display:block;margin-top:14px;font-size:12px;color:var(--muted)}
.work-object-draft-note{margin-top:16px;padding:12px 14px;border:1px dashed var(--line2);color:var(--txt2);font-size:13px;background:var(--bg2)}

/* Уровень 3: hero альбома = большой machine-card 2 колонки */
.work-object-hero{margin-top:24px}
.work-object-hero .mc-media{min-height:420px}
.work-object-hero .mc-media img{object-fit:cover}
.work-object-hero .mc-body{padding:32px}
.work-object-hero h2{font-size:28px;margin-top:10px}
.work-object-hero .desc{margin-top:10px}
/* back-compat старый layout */
.work-object-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;align-items:stretch;margin-top:24px;background:var(--bg2);border:1px solid var(--line)}
.work-object-main-photo,.work-object-about{min-width:0}
.work-object-main-photo figure{margin:0;height:100%}
.work-object-main-photo a{display:block;cursor:zoom-in;height:100%}
.work-object-main-photo img{display:block;width:100%;height:420px;object-fit:cover;background:#E8E4DE}
.work-object-main-photo figcaption{padding:12px 16px;font-size:13px;line-height:1.5;color:var(--txt2);border-top:1px solid var(--line)}
.work-object-about{padding:32px}
.work-object-about h2{font-size:28px;line-height:1.1}
.work-object-about .work-portfolio-description{margin-top:10px;font-size:15px}
.work-object-details{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:18px}
.work-object-details>div{background:var(--panel2);padding:12px 14px}
.work-object-details dt{font-family:var(--mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.work-object-details dd{font-family:var(--mono);font-size:13px;font-weight:800;color:var(--ink);margin-top:2px}
.work-object-about .work-object-details{grid-template-columns:minmax(0,1fr);gap:1px}

/* Уровень 3: фотографии объекта — тот же .work-gallery */
.work-portfolio-photos{padding-top:28px}
.work-portfolio-photos h2,.work-object-related h2,.work-object-video h2{font-size:32px;line-height:1.15}
.work-portfolio-photos .work-gallery img{height:260px}
.work-object-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}
.work-object-thumbnails figcaption{padding:10px 12px;font-size:12px}
.work-object-photo-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}

/* Уровень 3: видео */

/* Уровень 3: связанные + кнопки */
.work-object-related{padding-top:28px}
.work-object-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.work-object-actions .btn{max-width:100%;white-space:normal}
.work-object-cta{margin-top:24px}

/* CTA в альбоме — стандартный .cta, но компактный */
.cta.compact{padding:56px 0}

/* Адаптив — как у machine-card */
@media(max-width:1000px){
.work-object-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.work-object-layout{grid-template-columns:minmax(0,1fr)}
.work-object-main-photo img{height:360px}
.work-object-hero .mc-media{min-height:340px}
.work-portfolio-photos .work-object-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
.work-portfolio-intro{padding-bottom:24px}
.work-object-cards,.work-object-details,.work-object-photo-slots,.work-portfolio-photos .work-object-thumbnails{grid-template-columns:minmax(0,1fr)}
.work-object-main-photo img{height:280px}
.work-object-about{padding:22px 20px}
.work-object-hero .mc-body{padding:24px 20px}
.work-object-card-body{padding:20px}
.work-portfolio-photos h2,.work-object-related h2,.work-object-video h2{font-size:28px}
.work-object-actions .btn{padding:14px 18px;width:100%;justify-content:center}
}
/* v1.3: hero-карусель альбома — фото листаются стрелками, клик открывает большое (content-gallery.js) */
.work-object-media{position:relative;overflow:hidden;min-height:420px}
.work-object-media .wo-slide{display:none;position:absolute;inset:0;cursor:zoom-in}
.work-object-media .wo-slide.is-active{display:block}
.work-object-media .wo-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wo-prev,.wo-next{position:absolute;top:50%;z-index:3;width:40px;height:40px;margin-top:-52px;border:1px solid rgba(255,255,255,.75);background:rgba(11,11,13,.62);color:#fff;font:700 20px/36px var(--mono);cursor:pointer;transition:.2s}
.wo-prev:hover,.wo-next:hover{background:var(--accent)}
.wo-prev{left:12px}
.wo-next{right:12px}
.wo-count{position:absolute;top:12px;right:12px;z-index:3;background:rgba(11,11,13,.62);border:1px solid rgba(255,255,255,.4);color:#fff;font-family:var(--mono);font-size:11px;padding:5px 9px}
.work-object-media .mc-tag{right:12px;top:44px}
.wo-caption{position:absolute;left:0;right:0;bottom:0;z-index:2;background:var(--bg2);border-top:1px solid var(--line);padding:12px 16px;font-size:13px;color:var(--txt2);line-height:1.5}
.wo-hint{margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.5px;color:var(--muted)}
@media(max-width:700px){.work-object-media{min-height:300px}.wo-prev,.wo-next{margin-top:-40px}}