/* Фрезерные работы: общая система сайта и фотографии готовых деталей. */
.milling-videos { padding-block: 48px 52px; border-top: 1px solid rgb(var(--color-accent-rgb) / 20%); }
.milling-videos .instrument-portfolio__heading { margin-bottom: 24px; }
.milling-videos__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.milling-videos__item { margin: 0; min-width: 0; border: 1px solid rgb(var(--color-accent-rgb) / 24%); background: #151517; }
.milling-videos__item video { display: block; width: 100%; height: 320px; object-fit: contain; background: #080809; }
.milling-videos__item video:focus-visible { outline: 2px solid var(--color-gold-light); outline-offset: 3px; }
.milling-videos__item figcaption { padding: 14px; font-size: 14px; line-height: 1.5; }
@media (max-width: 1024px) {
  .milling-videos__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .milling-videos { padding-block: 36px 40px; }
  .milling-videos__grid { grid-template-columns: 1fr; }
}
.milling-hero .hero__image { inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 60%; filter: grayscale(1) brightness(.65); }
.milling-hero::before { background: linear-gradient(90deg, rgb(13 13 15 / 86%) 0%, rgb(13 13 15 / 74%) 35%, rgb(13 13 15 / 40%) 65%, rgb(13 13 15 / 10%)), linear-gradient(0deg, rgb(13 13 15 / 45%), transparent 35%); }
.milling-hero h1 span { color: var(--color-gold-light); }
.milling-hero .hero__description { max-width: 490px; }
.milling-offer { display: grid; gap: 10px; margin: 30px 0 34px; padding-left: 20px; border-left: 2px solid var(--color-accent); color: #c5c5c5; font-size: 17px; line-height: 1.6; }
.milling-offer strong { color: var(--color-gold-light); font-size: 24px; font-weight: 600; line-height: 1.4; }
.milling-portfolio { padding-block: 48px 52px; background: #111113; border-top: 1px solid rgb(var(--color-accent-rgb) / 20%); }
.milling-portfolio .instrument-portfolio__heading { margin-bottom: 24px; }
.milling-portfolio .instrument-portfolio__grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px 16px; }
.milling-portfolio .instrument-portfolio__item figcaption { padding: 12px 14px; font-size: 14px; line-height: 1.4; }
.milling-portfolio .instrument-portfolio__zoom { right: 10px; bottom: 10px; width: 28px; height: 28px; font-size: 18px; }
.milling-portfolio .instrument-portfolio__photo { aspect-ratio: 4 / 3; background: #19191b; }
.milling-portfolio .instrument-portfolio__photo img { object-fit: contain; }
.milling-portfolio__note { margin: 24px 0 0; color: #9d9d9d; font-size: 12px; line-height: 1.6; }
.milling-orders { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 64px; margin-top: 40px; }
.milling-orders article { border-top: 1px solid rgb(var(--color-accent-rgb) / 35%); padding-top: 28px; }
.milling-orders p.milling-orders__label { color: var(--color-gold-light); margin: 0 0 20px; font-size: 13px; }
.milling-orders h3 { font-size: 24px; }
.milling-orders strong { font-weight: 600; }
.milling-orders .serial-text-link, .milling-quality__photo + div > .serial-text-link { margin-top: 12px; }
.milling-quality__photo img { height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
.milling-inquiry .inquiry__image { inset: 0 -12% 0 auto; width: 112%; height: 100%; max-width: none; object-fit: cover; object-position: center 64%; filter: grayscale(1); }
.milling-inquiry .inquiry__panel::after { background: linear-gradient(90deg, rgb(13 13 15 / 88%) 0%, rgb(13 13 15 / 78%) 30%, rgb(13 13 15 / 48%) 55%, rgb(13 13 15 / 12%) 100%); }
@media(max-width: 1024px) {
  .milling-portfolio .instrument-portfolio__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .milling-orders { gap: 36px; }
}
@media(max-width: 760px) {
  .milling-portfolio { padding-block: 36px 40px; }
  .milling-portfolio .instrument-portfolio__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 12px; }
  .milling-hero .hero__image { width: 100%; }
  .milling-hero::before { background: linear-gradient(90deg, rgb(13 13 15 / 88%), rgb(13 13 15 / 58%)), linear-gradient(0deg, #0d0d0f, transparent 35%); }
  .milling-orders { grid-template-columns: 1fr; gap: 32px; }
  .milling-inquiry .inquiry__image { width: 112%; }
  .milling-inquiry h2 > span { white-space: normal; }
}
@media(max-width: 480px) {
  .milling-hero h1 { font-size: clamp(28px, 8vw, 38px); }
  .milling-portfolio .instrument-portfolio__item figcaption { padding: 10px; font-size: 12px; }
  .milling-offer { gap: 8px; margin: 26px 0 30px; padding-left: 16px; font-size: 15px; }
  .milling-offer strong { font-size: 21px; }
}