@media (max-width: 900px) {
  .hero { min-height: auto; padding: 44px 0 54px; gap: 24px; }
  .visual { height: 440px; }
  .orb { width: 360px; height: 360px; }
  .realbook { width: min(250px, 70vw); }
  .steps { display: grid; grid-auto-flow: row; grid-template-columns: 1fr; overflow: visible; gap: 12px; }
  .step { min-height: 0; padding: 22px; }
  .step h3 { margin: 14px 0 8px; }
  .productrail, .rail { display: grid; grid-auto-flow: row; grid-template-columns: 1fr; overflow: visible; gap: 18px; }
  .product, .card { min-height: 0; }
  .card h3 { margin-top: 20px; }
  .cinema { min-height: 0; }
  .device-stage { height: 430px; }
  .device { height: 380px; width: 185px; }
  .footer .brandfamily { display: grid; grid-template-columns: 1fr; }
}

@media (max-width: 470px) {
  .hero h1 { font-size: 13vw; line-height: .9; }
  .visual { height: 390px; }
  .orb { width: 300px; height: 300px; }
  .realbook { width: 220px; }
  .section { padding: 58px 0; }
  .cinema { padding: 28px 18px; }
  .device-stage { height: 390px; }
  .footin { font-size: 13px; line-height: 1.6; }
}

/* Shared Operator/Boss WORLD identity standard. */
.brand-lockup-family { background: transparent; gap: 14px; align-items: center; }
.brand-lockup-family .brandunit { min-height: 100px; padding: 10px 16px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(217,172,82,.2); }
.brand-lockup-family img { width: 100%; max-width: 260px; height: 78px; object-fit: contain; filter: brightness(1.14) saturate(1.12) drop-shadow(0 6px 12px #000a); }
.footer-brand-family { max-width: 900px; margin-inline: auto; }
.product .cover { filter: brightness(1.06) saturate(1.06) drop-shadow(0 10px 18px #0008); }
.wrap, .section { min-width: 0; max-width: 100%; }
.productrail, .rail, .steps { min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
@media (max-width: 900px) {
  .brandbar .brand-lockup-family { display: none; }
  .footer .brand-lockup-family { display: grid; grid-template-columns: 1fr; gap: 4px; }
  .brand-lockup-family .brandunit { min-height: 82px; padding: 4px 12px; }
  .brand-lockup-family img { width: 270px; max-width: 92%; height: 74px; }
  .product { padding: 18px; }
  .product .cover { width: min(100%, 300px); margin-inline: auto; }
  .product h4, .product p, .product .status { margin-left: auto; margin-right: auto; max-width: 300px; }
}