/* ==========================================================================
   Breakpoints
   ========================================================================== */

@media (max-width: 1500px) {
  .hdr__right .status { display: none; }
}

@media (max-width: 1200px) {
  .nav__link { padding: 0.6rem 0.55rem; }
  .plates { grid-template-columns: repeat(2, 1fr); }
  .rack__head, .rack__row { grid-template-columns: 3rem 1fr 2.2fr 0.8fr 0.9fr 1.3fr 2rem; }
  .rack__kg { display: none; }
  .ftr__grid { grid-template-columns: 1fr 1fr; }
  .listing .plates { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 1280px) {
  .nav, .hdr__right .btn { display: none; }
  .menu-btn { display: inline-flex; }
  .hdr__right .status { display: inline-flex; }
}
@media (max-width: 1280px) and (min-width: 1025px) {
  .hdr__right .status { display: inline-flex; }
}

@media (max-width: 1024px) {
  :root { --header-h: 64px; }
  .hdr__right .status { display: none; }

  .hero__media { grid-column: 5 / -1; }
  .hero__bottom { grid-column: 1 / -1; }
  .hero__title { padding-top: 1.5rem; }

  .sec-head, .manifesto__grid, .quotes, .pbanner__grid { grid-template-columns: 1fr; }
  .sec-note, .pbanner__lead { grid-column: 1; }
  .sec-index { max-width: 260px; }
  .quotes__ctrl { flex-direction: row; align-items: center; order: 2; }
  .quotes__bar { flex: 1; }

  .steps { grid-template-columns: 1fr 1fr; gap: 3rem var(--gutter); }
  .tally { grid-template-columns: 1fr 1fr; }
  .tally__item:nth-child(2) { border-right: 0; }
  .tally__item:nth-child(n + 3) { border-top: 1px solid var(--rule-ink); padding-top: 1.4rem; margin-top: 1.4rem; }
  .tally__item:nth-child(3) { padding-left: 0; }

  .faq, .visit, .contact, .pd { grid-template-columns: 1fr; }
  .faq__aside, .pd-info { position: static; }
  .prose-grid { grid-template-columns: 1fr 1fr; }
  .prose-grid > .sec-index { grid-column: 1 / -1; }
  .timeline { grid-template-columns: 1fr 1fr; gap: 3.5rem var(--gutter); }
  .timeline__line { display: none; }
  .tl { padding-top: 1.5rem; border-top: 1px solid var(--rule-ink-strong); }
  .tl::before { top: -6px; }

  .listing { grid-template-columns: 1fr; }
  .filters {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 600;
    width: min(340px, 88vw);
    max-height: none;
    padding: 1.5rem var(--gutter);
    background: var(--bone);
    transform: translateX(-102%);
    transition: transform 0.6s var(--ease-out);
    box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0);
  }
  .filters.is-open { transform: none; box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.5); }
  .filters-toggle { display: inline-flex; }
  .filters__close { display: block !important; }
}

@media (max-width: 760px) {
  .hero { min-height: auto; padding-bottom: 3rem; }
  .hero__grid { display: flex; flex-direction: column; }
  .hero__top span:last-child { display: none; }
  .hero__title { order: 1; padding: 2.2rem 0 1.4rem; mix-blend-mode: normal; }
  .hero__media { order: 2; margin: 0 0 1.8rem; min-height: 0; aspect-ratio: 4 / 3; }
  .hero__bottom { order: 3; }
  .hero__scroll { display: none; }
  .reticle { width: 88px; height: 88px; margin: -44px 0 0 -44px; }
  .reticle__readout { left: 54px; top: 54px; }

  .hscroll__track { flex-direction: column; height: auto; width: 100%; padding: var(--section-pad) var(--gutter); gap: 1.2rem; }
  .hscroll__intro { width: 100%; gap: 1.4rem; padding: 0 0 1.6rem; }
  .hscroll__hint { display: none; }
  .cat { width: 100%; grid-template-rows: auto 56vw auto; }
  .cat__foot { grid-template-columns: 1fr; }
  .cat__subs { align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 0.3rem 1rem; }

  .rack__head { display: none; }
  .rack__row { grid-template-columns: 84px 1fr auto; grid-template-areas: "thumb model go" "thumb meta go"; gap: 0.3rem 1rem; padding: 1rem 0; }
  .rack__row > :not(.rack__thumb):not(.rack__model):not(.rack__go):not(.rack__meta) { display: none; }
  .rack__thumb { display: block; grid-area: thumb; aspect-ratio: 1; overflow: hidden; background: var(--ink-3); border-radius: var(--r-md); }
  .rack__thumb img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); }
  .rack__model { grid-area: model; font-size: 1.45rem; }
  .rack__meta { display: block !important; grid-area: meta; color: var(--on-ink-dim); }
  .rack__go { grid-area: go; }
  .rack-preview { display: none; }

  .plates, .plates--3, .listing .plates { grid-template-columns: 1fr; }
  .steps { grid-template-columns: 1fr; }
  .collage { grid-auto-rows: 28vw; gap: 0.6rem; }
  .shot--a { grid-column: 1 / -1; grid-row: span 3; }
  .shot--b, .shot--e { grid-column: 1 / 7; grid-row: span 2; }
  .shot--c, .shot--f { grid-column: 7 / -1; grid-row: span 2; }
  .shot--d, .shot--g { grid-column: 1 / -1; grid-row: span 2; }
  .map { min-height: 340px; }
  .compliance { border-radius: var(--r-lg); }
  .section.theme-bone, .section.theme-ink2 { margin-inline: 6px; }
  .faq-answer p { padding-left: 0; padding-right: 0; }
  .faq-question { grid-template-columns: 2.4rem 1fr 1.6rem; }
  .ledger__row { grid-template-columns: 3rem 1fr; }
  .ledger__row p { grid-column: 2; }
  .prose-grid { grid-template-columns: 1fr; }
  .timeline { grid-template-columns: 1fr; }
  .channel { grid-template-columns: 4.5rem 1fr auto; }
  .form__row { grid-template-columns: 1fr; }
  .ftr__grid { grid-template-columns: 1fr; }
  .ftr__cta { align-items: flex-start; }
  .pd-thumbs { grid-template-columns: repeat(5, 1fr); gap: 0.35rem; }
  .menu__foot .status { display: inline-flex; }
}

@media (max-width: 420px) {
  .brand__name { font-size: 0.98rem; }
  .menu-btn__text { display: none; }
  .hero__cta .btn { flex: 1 1 100%; justify-content: space-between; }
}

@media (max-width: 1024px) {
  .rule { grid-template-columns: 4.5rem 1fr; }
  .rule p { grid-column: 2; }
  .cta-strip { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .divtabs { border-radius: var(--r-lg); }
  .divtab { flex: 1 1 100%; }
  .compliance__link { margin-left: 0; }
  .limits { grid-template-columns: 1fr; }
  .limits__item { border-right: 0; padding-left: 0 !important; padding-bottom: 1.4rem; border-bottom: 1px solid var(--rule-ink); }
}