.hf-production{padding:80px 0;background:#f6f7f8;color:#1c2024;scroll-margin-top:140px}
.hf-production__heading{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end;margin-bottom:36px}
.hf-production__heading h2{max-width:650px;margin:12px 0 0;font-size:clamp(30px,3.4vw,46px);font-weight:620;line-height:1.12;letter-spacing:-.045em}
.hf-production__intro{max-width:450px;margin:0;font-size:16px;line-height:1.7;color:#626870}
.hf-production__grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:28px;align-items:start}
.hf-production__visual{margin:0;background:#fff;border:1px solid #e3e5e8;border-radius:16px;overflow:hidden}
.hf-production__visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.hf-production__visual figcaption{margin:0;padding:16px 20px;border-top:1px solid #edf0f2;color:#626870;font-size:11px;line-height:1.6}
.hf-production__groups{display:grid;gap:14px}
.hf-production__group{background:#fff;border:1px solid #e3e5e8;border-radius:12px;padding:22px 24px}
.hf-production__group h3{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:#1c2024;font-size:17px;line-height:1.35;font-weight:620;letter-spacing:-.02em}
.hf-production__mark{width:7px;height:20px;flex-shrink:0;border-radius:2px;background:#ef7f1b}
.hf-production__group ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:0;padding:0;list-style:none}
.hf-production__group li{font-size:13px;line-height:1.5;color:#626870}
.hf-production__footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;padding-top:24px;border-top:1px solid #dfe3e7}
.hf-production__footer p{margin:0;color:#626870;font-size:14px}
.hf-production__footer .text-link{flex-shrink:0;font-size:14px;color:#9d4807}
.hf-production__footer a:focus-visible{outline:2px solid #9d4807;outline-offset:5px}
@media(max-width:999px){
 .hf-production{padding:64px 0}
 .hf-production__heading{grid-template-columns:1fr;gap:20px}
 .hf-production__intro{max-width:650px}
 .hf-production__grid{grid-template-columns:1fr;gap:22px}
 .hf-production__groups{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hf-production__group{padding:20px}
 .hf-production__group ul{grid-template-columns:1fr}
}
@media(max-width:600px){
 .hf-production{padding:48px 0;scroll-margin-top:120px}
 .hf-production__heading{margin-bottom:24px}
 .hf-production__intro{font-size:14px}
 .hf-production__groups{grid-template-columns:1fr;gap:12px}
 .hf-production__group ul{grid-template-columns:1fr 1fr}
 .hf-production__visual figcaption{padding:12px 16px}
 .hf-production__footer{align-items:flex-start;flex-direction:column;gap:12px}
}