/* Витрина печатных листов. Своя типографика, но токены общие с сайтом —
   цвета и шрифты берутся из sheet.css, ничего не выдумывается заново. */

*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--f-t);
     -webkit-font-smoothing:antialiased}
.wrap{max-width:1000px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
a{color:inherit}

/* ── заголовок раздела ─────────────────────────────────────────────── */
.lede{padding-block:clamp(34px,6vw,64px) clamp(20px,3vw,30px)}
.lede h1{font:400 clamp(38px,7vw,68px)/.95 var(--f-d);text-transform:uppercase;
         letter-spacing:.005em;max-width:16ch}
.lede p{margin-top:16px;max-width:60ch;font-size:clamp(16px,1.6vw,19px);color:#4A4F51}
.lede .kick{font:500 11px/1 var(--f-m);letter-spacing:.16em;text-transform:uppercase;
            color:var(--coral);margin-bottom:14px}

/* ── карточки листов ───────────────────────────────────────────────── */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
       gap:clamp(16px,2.4vw,26px);padding-bottom:clamp(30px,5vw,54px)}
.card{border:2px solid var(--ink);border-radius:6px;background:#fff;overflow:hidden;
      display:flex;flex-direction:column;text-decoration:none;
      box-shadow:6px 6px 0 var(--ink);transition:transform .14s,box-shadow .14s}
.card:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}
.card .shot{aspect-ratio:8/6;background:#EFEBE1;border-bottom:2px solid var(--ink);
            position:relative;overflow:hidden}
.card .shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.card .body{padding:16px 18px 18px;display:grid;gap:8px}
.card h2{font:400 24px/1.05 var(--f-d);text-transform:uppercase;letter-spacing:.01em}
.card p{font-size:.93rem;color:#4A4F51}
.card .tag{font:500 10px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;
           color:#fff;background:var(--teal);padding:5px 8px;border-radius:3px;justify-self:start}
.card .tag.made{background:var(--coral)}
.card .go{font:500 11px/1 var(--f-m);letter-spacing:.12em;text-transform:uppercase;
          color:var(--teal);margin-top:2px}

/* ── текстовые блоки под поиск ─────────────────────────────────────── */
.body-copy{padding-block:clamp(26px,4vw,46px);border-top:2px solid var(--ink)}
.body-copy h2{font:400 clamp(26px,3.4vw,36px)/1 var(--f-d);text-transform:uppercase;
              margin-bottom:16px}
.body-copy h3{font:500 12px/1 var(--f-m);letter-spacing:.13em;text-transform:uppercase;
              margin:22px 0 7px;color:var(--coral)}
.body-copy p{max-width:66ch;margin-bottom:12px;color:#3E4446}
.body-copy ul{max-width:66ch;margin:0 0 12px 20px;color:#3E4446}
.body-copy li{margin-bottom:6px}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 clamp(24px,4vw,50px)}

/* ── подвал ────────────────────────────────────────────────────────── */
.foot{background:var(--ink);color:rgba(245,241,232,.72);margin-top:clamp(30px,5vw,56px)}
.foot .wrap{padding-block:26px;display:flex;flex-wrap:wrap;gap:12px 24px;
            font:500 11px/1.7 var(--f-m);letter-spacing:.08em;text-transform:uppercase}
.foot a{color:rgba(245,241,232,.72)}
.foot .fine{flex:1 1 100%;text-transform:none;letter-spacing:0;
            font-family:var(--f-t);font-size:.82rem;line-height:1.55;color:rgba(245,241,232,.55)}