/* JAYA v2 — responsive rules. Media queries only; layout lives inline.
   Elements opt in with data-r tokens: c2 c3 c4 px panel imgm stackm sec nosticky logo */

@media (max-width: 1180px) {
  [data-navbar] { position: relative; }
  [data-navtoggle] { display: inline-flex !important; }
  [data-navmenu] {
    display: none !important;
    position: absolute; top: calc(100% + 8px); left: 0; right: 0;
    flex-direction: column !important; align-items: flex-start !important;
    gap: 18px !important; padding: 24px !important;
    background: #FFFFFF; border-radius: 18px;
    box-shadow: 0 24px 44px rgba(16,32,62,0.16); z-index: 60;
  }
  [data-navmenu].open { display: flex !important; }
  [data-r~="c4"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  [data-r~="panel"] { padding: 48px 40px !important; }
  h1 { font-size: clamp(38px, 4.6vw, 52px) !important; overflow-wrap: break-word; hyphens: auto; }
}

@media (max-width: 1040px) {
  [data-r~="c2"] { grid-template-columns: minmax(0, 1fr) !important; }
  [data-r~="imgm"] { min-height: 380px !important; }
}

@media (max-width: 900px) {
  [data-r~="c2"], [data-r~="c3"] { grid-template-columns: minmax(0, 1fr) !important; }
  [data-r~="px"] { padding-left: 16px !important; padding-right: 16px !important; }
  [data-r~="panel"] { padding: 36px 24px !important; }
  [data-r~="imgm"] { min-height: 320px !important; }
  [data-r~="stackm"] { flex-direction: column !important; align-items: flex-start !important; }
  [data-r~="sec"] { padding-top: 64px !important; }
  [data-r~="nosticky"] { position: static !important; }
  h1 { font-size: 40px !important; }
  h2 { font-size: 30px !important; }
}

@media (max-width: 600px) {
  [data-r~="c4"] { grid-template-columns: minmax(0, 1fr) !important; }
  [data-r~="logo"] { height: 48px !important; }
  h1 { font-size: 34px !important; }
  h2 { font-size: 27px !important; }
}