@media (max-width: 760px) {
  .hiw-hero { padding: var(--page-hero-padding-start) 0 var(--page-hero-padding-end); }
  .hiw-hero .blog-breadcrumbs { margin-bottom: var(--page-hero-breadcrumb-gap); }
  .hiw-hero-grid { gap: var(--page-hero-grid-gap); }
  .hiw-hero-copy h1 { font-size: var(--type-page-title); }
  .hiw-hero-copy > p { font-size: 16px; }
  .hiw-hero-copy .button-row { align-items: stretch; }
  .hiw-hero-copy .button { flex: 1 1 180px; }
  .hiw-hero-media { padding: 11px; border-radius: 23px; }
  .hiw-hero-media > div { height: 410px; border-radius: 17px; }
  .hiw-hero-media img { width: 100%; height: 100%; object-fit: contain; }
  .hiw-heading h2, .hiw-decision-copy h2, .hiw-fuel h2, .hiw-final h2 { font-size: var(--type-section-title); }
  .hiw-heading p, .hiw-decision-copy > p, .hiw-fuel p, .hiw-final p { font-size: 16px; }
  .hiw-workflow-grid, .hiw-mode-grid, .hiw-status-grid, .hiw-room-list, .hiw-setup-notes { grid-template-columns: 1fr; }
  .hiw-workflow-grid li { grid-column: auto; }
  .hiw-workflow-grid h3 { margin-top: 22px; }
  .hiw-workflow-media { padding: 13px; gap: 24px; border-radius: 22px; }
  .hiw-workflow-media video { border-radius: 15px; }
  .hiw-workflow-media > div { padding: 0 8px 10px; }
  .hiw-product-frame { padding: 11px; border-radius: 22px; }
  .hiw-product-frame img { height: 410px; }
  .hiw-mode-grid article { min-height: 260px; padding: 26px; }
  .hiw-mode-grid h3 { margin-top: 42px; }
  .hiw-wide-proof { padding: 10px; border-radius: 22px; }
  .hiw-wide-proof img { aspect-ratio: 3/5; border-radius: 15px; object-position: 36% 50%; }
  .hiw-status-grid article { min-height: 0; grid-template-columns: .78fr 1.22fr; }
  .hiw-status-image { padding: 9px; }
  .hiw-status-image img { height: 260px; }
  .hiw-status-grid article > div:last-child { padding: 21px; }
  .hiw-status-grid h3 { font-size: 19px; }
  .hiw-status-grid p { font-size: 13px; }
  .hiw-room-list > a, .hiw-room-list > div { min-height: 100px; }
  .hiw-fuel-grid { gap: 32px; }
  .hiw-support-card { min-height: 270px; padding: 27px; }
  .hiw-final-grid { grid-template-columns: 1fr; gap: 28px; }
  .hiw-final .button-row { align-items: stretch; }
  .hiw-final .button { flex: 1 1 170px; }
}

@media (max-width: 480px) {
  .hiw-hero-copy h1 { font-size: var(--type-page-title); }
  .hiw-hero-copy .button { width: 100%; }
  .hiw-hero-media > div, .hiw-hero-media img, .hiw-product-frame img { height: 350px; }
  .hiw-workflow-grid li { padding: 21px; }
  .hiw-status-grid article { grid-template-columns: 1fr; }
  .hiw-status-image { height: 230px; }
  .hiw-status-image img { height: 210px; }
  .hiw-status-grid article > div:last-child { padding: 23px; }
  .hiw-faq-list summary { min-height: 72px; font-size: 15px; }
  .hiw-faq-list details p { margin-right: 0; font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .hiw-faq-list summary span { transition: none; }
}