@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hero-image { animation: auto ease 0s 1 normal none running none; }
  * { transition-duration: 0.01ms !important; }
}

@media (width <= 900px) {
  .header-inner { grid-template-columns: 1fr auto auto; }
  .desktop-nav { display: none; }
  .menu-toggle { color: rgb(255, 255, 255); cursor: pointer; background: 0px 0px; border: 1px solid rgba(255, 255, 255, 0.26); place-content: center; gap: 7px; width: 42px; height: 42px; padding: 0px; display: grid; }
  .menu-toggle span { background: currentcolor; width: 17px; height: 1px; transition: transform 0.2s; display: block; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .mobile-menu { visibility: hidden; opacity: 0; background: rgb(23, 23, 22); border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 42px 28px; transition: opacity 0.2s, transform 0.2s, visibility 0.2s; display: block; position: absolute; top: 96px; left: 0px; right: 0px; transform: translateY(-10px); }
  .mobile-menu.is-open { visibility: visible; opacity: 1; transform: translateY(0px); }
  .mobile-menu nav { flex-direction: column; display: flex; }
  .mobile-menu nav a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); justify-content: space-between; padding: 16px 0px; font-size: 20px; display: flex; }
  .mobile-menu nav span { color: var(--gold-light); font-family: var(--font-display), sans-serif; font-size: 9px; }
  .mobile-call { text-align: center; background: var(--gold); color: rgb(22, 21, 18); margin-top: 28px; padding: 15px; font-size: 12px; font-weight: 650; display: block; }
  .hero { min-height: 720px; max-height: none; }
  .hero-grid { display: none; }
  .section-heading, .product-cards { grid-template-columns: 1fr; }
  .product-cards article:first-child { border-right: 0px; padding-right: 0px; }
  .product-cards article:last-child { padding-left: 0px; }
  .calculator-heading, .calculator-grid { grid-template-columns: 1fr; }
  .calculator-result { min-height: 560px; }
  .process-grid { grid-template-columns: 1fr; gap: 60px; }
  .process-intro { position: static; }
  .about-grid { grid-template-columns: 1fr; }
  .photo-collage { min-height: 640px; }
  .faq-grid { grid-template-columns: 1fr; gap: 56px; }
  .contacts-grid { grid-template-columns: 1fr; gap: 70px; }
}

@media (width <= 620px) {
  .shell { width: min(100% - 32px, 1180px); }
  .header-inner { width: calc(100% - 32px); height: 72px; }
  .site-header { backdrop-filter: blur(12px); background: rgba(14, 14, 13, 0.42); }
  .brand img { width: 88px; }
  .brand span, .header-phone small, .header-phone { display: none; }
  .menu-toggle { width: 40px; height: 40px; }
  .mobile-menu { padding: 30px 20px; top: 72px; }
  .mobile-menu nav a { padding: 14px 0px; font-size: 18px; }
  .hero { height: auto; min-height: 100svh; }
  .hero-image { object-position: 66% center; }
  .hero-scrim { background: linear-gradient(90deg, rgba(15, 15, 14, 0.93) 0%, rgba(15, 15, 14, 0.66) 58%, rgba(15, 15, 14, 0.26) 100%), linear-gradient(rgba(0, 0, 0, 0) 42%, rgba(10, 10, 9, 0.78)); }
  .hero-content { min-height: 100svh; padding-top: 128px; padding-bottom: 28px; }
  .eyebrow { letter-spacing: 0.14em; max-width: 320px; font-size: 9px; line-height: 1.5; }
  .hero h1 { gap: 3px; width: 100%; margin: 19px 0px 20px; }
  .hero-title-main { letter-spacing: -0.035em; font-size: clamp(58px, 18vw, 74px); line-height: 0.82; }
  .hero-title-sub { letter-spacing: -0.015em; font-size: clamp(32px, 9.6vw, 40px); line-height: 1; }
  .hero-lead { color: rgba(255, 255, 255, 0.78); max-width: 350px; font-size: 14px; line-height: 1.58; }
  .hero-actions { gap: 8px; width: 100%; margin-top: 26px; }
  .button { justify-content: space-between; width: 100%; min-height: 52px; padding: 0px 20px; font-size: 12px; }
  .button-ghost { justify-content: center; }
  .hero-facts { gap: 12px; padding-top: 18px; }
  .hero-facts div { padding: 0px; }
  .hero-facts b { font-family: var(--font-display), sans-serif; font-size: 19px; line-height: 1; }
  .hero-facts span { font-size: 8px; line-height: 1.35; }
  .hero-side-note { display: none; }
  .section-heading h2, .calculator-heading h2, .process-intro h2, .about-copy h2, .faq-grid h2, .contacts-copy h2 { letter-spacing: -0.03em; font-size: clamp(39px, 11.5vw, 48px); line-height: 0.95; }
  .section-heading > p:last-child, .calculator-heading > p:last-child { font-size: 13px; line-height: 1.6; }
  .product-preview { padding: 72px 0px; }
  .product-cards { margin-top: 34px; }
  .product-cards article { grid-template-columns: 62px minmax(0px, 1fr); gap: 14px; padding: 28px 0px; }
  .product-code { width: 52px; height: 52px; font-family: var(--font-display), sans-serif; font-size: 28px; }
  .product-cards p { min-height: 0px; margin-bottom: 20px; }
  .product-cards strong { font-size: 22px; }
  .product-copy .product-name { min-height: 0px; font-size: 15px; }
  .product-copy .product-use { min-height: 0px; margin-bottom: 20px; font-size: 11px; line-height: 1.58; }
  .product-prices { grid-template-columns: 1fr 1fr; gap: 10px; padding-top: 18px; }
  .product-prices strong { white-space: nowrap; font-size: 20px; }
  .price-note { font-size: 9px; line-height: 1.55; }
  .calculator-section { padding-top: 72px; padding-bottom: 34px; }
  .calculator-grid { border-left: 0px; border-right: 0px; width: 100%; margin-top: 34px; }
  .calculator-form, .calculator-result { padding: 28px 20px; }
  .calculator-form fieldset { margin-bottom: 30px; }
  .calculator-form legend, .input-row label > span, .reserve-control > span b { letter-spacing: 0.11em; margin-bottom: 10px; font-size: 8px; }
  .mix-switch { grid-template-columns: 1fr 1fr; gap: 8px; }
  .mix-switch button { min-height: 88px; padding: 14px; }
  .mix-switch b { font-size: 16px; }
  .mix-switch span { font-size: 9px; line-height: 1.35; }
  .input-row { grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 30px; }
  .unit-input input { height: 58px; padding: 0px 46px 0px 14px; font-size: 21px; }
  .unit-input em { font-size: 10px; right: 14px; }
  .calculator-result { min-height: 0px; }
  .result-tonnage { margin: 16px 0px 24px; }
  .result-tonnage strong { font-size: 68px; }
  .result-total { margin-top: 30px; padding-top: 0px; }
  .result-total strong { font-size: 39px; }
  .result-actions { grid-template-columns: 1fr; }
  .copy-button { min-height: 44px; }
  .calculator-note { padding-left: 16px; padding-right: 16px; font-size: 9px; }
  .process-section, .about-section, .faq-section, .contacts-section { padding-top: 72px; }
  .process-section, .faq-section { padding-bottom: 72px; }
  .about-section { padding-bottom: 76px; }
  .process-grid { gap: 36px; }
  .process-list li { grid-template-columns: 40px 1fr; gap: 12px; padding: 26px 0px; }
  .process-list b { font-size: 18px; }
  .process-list p { margin-top: 7px; font-size: 12px; }
  .about-grid { gap: 42px; }
  .about-copy .about-lead { font-size: 17px; }
  .about-copy > p { font-size: 13px; }
  .about-tags { gap: 6px; margin-top: 26px; }
  .about-tags span { padding: 8px 9px; font-size: 7px; }
  .photo-collage { min-height: 440px; }
  .photo-main { inset: 0px 22px 66px 0px; }
  .photo-small { border-width: 6px; width: 124px; height: 170px; }
  .photo-small-one { top: 28px; }
  .photo-small-two { right: 8px; }
  .photo-caption { max-width: 190px; padding: 9px 10px; font-size: 7px; line-height: 1.5; bottom: 44px; left: 8px; }
  .faq-grid { gap: 32px; }
  .faq-list summary { padding: 21px 42px 21px 0px; font-size: 14px; line-height: 1.4; }
  .faq-list summary span { top: 18px; }
  .faq-list details p { margin-bottom: 22px; font-size: 12px; }
  .contacts-grid { gap: 52px; }
  .contact-links { margin-top: 36px; }
  .contact-links a { padding-top: 18px; padding-bottom: 18px; }
  .contact-form { padding: 26px 20px; }
  .contact-links b { font-size: 18px; }
  .address-card { flex-direction: column; align-items: flex-start; gap: 22px; margin-top: 54px; }
  .address-card b { font-size: 17px; line-height: 1.5; }
  footer { padding: 28px 0px; }
  .footer-grid { grid-template-columns: 1fr; gap: 14px; }
  .footer-brand { flex-direction: column; align-items: flex-start; gap: 10px; }
  .footer-brand img { width: 74px; }
}

@media (width <= 360px) {
  .shell { width: min(100% - 24px, 1180px); }
  .header-inner { width: calc(100% - 24px); }
  .brand img { width: 82px; }
  .hero-content { padding-top: 118px; }
  .eyebrow { font-size: 8px; }
  .hero-title-main { font-size: 56px; }
  .hero-title-sub { font-size: 29px; }
  .hero-lead { font-size: 13px; }
  .hero-facts b { font-size: 17px; }
  .hero-facts span { font-size: 7px; }
  .product-cards article { grid-template-columns: 52px minmax(0px, 1fr); gap: 10px; }
  .product-code { width: 44px; height: 44px; font-size: 24px; }
  .product-prices, .mix-switch, .input-row { grid-template-columns: 1fr; }
  .mix-switch button { min-height: 76px; }
  .result-tonnage strong { font-size: 60px; }
  .result-total strong { font-size: 34px; }
  .photo-collage { min-height: 390px; }
}