@media (max-width: 760px) {
  :root {
    --mobile-paper: #f7f5f1;
    --mobile-card: #ffffff;
    --mobile-ink: #24211f;
    --mobile-text: #4f4740;
    --mobile-muted: #756c64;
    --mobile-line: #e4dbd1;
    --mobile-accent: #8a4b2d;
  }

  html {
    background: var(--mobile-paper);
  }

  body {
    min-width: 0;
    background: var(--mobile-paper);
    color: var(--mobile-ink);
    padding-bottom: 4.75rem;
  }

  img {
    max-width: 100%;
  }

  .site-header,
  .craft-header,
  .library-header {
    min-height: auto !important;
    padding: .85rem 1rem .75rem !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: .75rem !important;
    background: rgba(255, 255, 255, .98) !important;
    border-bottom: 1px solid var(--mobile-line) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
  }

  .brand,
  .craft-brand,
  .library-brand {
    min-width: 0;
    gap: .12rem !important;
  }

  .brand span,
  .craft-brand span,
  .library-brand span {
    color: var(--mobile-muted) !important;
    font-size: .58rem !important;
    font-weight: 900 !important;
    letter-spacing: .1em !important;
    line-height: 1.15 !important;
  }

  .brand strong,
  .craft-brand strong,
  .library-brand strong {
    color: var(--mobile-ink) !important;
    font-size: 1rem !important;
    line-height: 1.08 !important;
  }

  .nav,
  .craft-nav,
  .library-nav {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: .85rem !important;
    overflow-x: auto !important;
    padding: 0 0 .1rem !important;
    color: var(--mobile-muted) !important;
    font-size: .76rem !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .nav::-webkit-scrollbar,
  .craft-nav::-webkit-scrollbar,
  .library-nav::-webkit-scrollbar,
  .craft-index::-webkit-scrollbar,
  .process-sidebar::-webkit-scrollbar {
    display: none;
  }

  .nav a,
  .craft-nav a,
  .library-nav a {
    flex: 0 0 auto;
    min-height: 1.55rem;
    padding: .25rem 0 .32rem !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent;
    color: var(--mobile-muted) !important;
    font-size: inherit !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-decoration: none;
    text-transform: none !important;
    white-space: nowrap;
  }

  .nav a.active,
  .craft-nav a.active,
  .library-nav a:hover,
  .library-nav a[href*="case-library"],
  body[data-page="library"] .library-nav a[href*="case-library"] {
    border-color: var(--mobile-ink);
    background: transparent;
    color: var(--mobile-ink) !important;
  }

  .product-hero,
  .craft-hero,
  .library-intro,
  body.contact-page .hero {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: var(--mobile-card) !important;
    border-bottom: 1px solid var(--mobile-line) !important;
    text-align: left !important;
  }

  .product-hero {
    display: flex !important;
    flex-direction: column !important;
  }

  .product-hero-copy,
  .craft-hero,
  .library-intro,
  body.contact-page .hero-inner {
    padding: 1.45rem 1rem 1.35rem !important;
  }

  .product-hero-copy {
    border: 0 !important;
    display: block !important;
  }

  .eyebrow,
  .kicker,
  .contact-page .eyebrow {
    margin-bottom: .7rem !important;
    color: var(--mobile-accent) !important;
    font-size: .66rem !important;
    font-weight: 900 !important;
    letter-spacing: .1em !important;
    line-height: 1.2 !important;
  }

  .product-hero h1,
  .craft-hero h1,
  .library-intro h1,
  body.contact-page h1 {
    width: 100% !important;
    max-width: 100% !important;
    color: var(--mobile-ink) !important;
    font-family: "Avenir Next", "Segoe UI", Calibri, sans-serif !important;
    font-size: clamp(1.48rem, 6.1vw, 1.88rem) !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1.12 !important;
    text-align: left !important;
    text-wrap: initial !important;
  }

  .product-hero .lead,
  .craft-hero p:not(.kicker),
  .library-intro p,
  body.contact-page .hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    margin: .9rem 0 0 !important;
    color: var(--mobile-text) !important;
    font-size: .88rem !important;
    line-height: 1.52 !important;
    text-align: left !important;
  }

  .hero-actions,
  .cta-actions,
  body.contact-page .form-actions {
    width: 100% !important;
    margin-top: 1.1rem !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .65rem !important;
  }

  .button,
  body.contact-page .button,
  .contact-widget-action,
  .inquiry-cart-submit,
  .inquiry-cart-clear {
    width: 100% !important;
    min-height: 2.8rem !important;
    padding: .8rem .9rem !important;
    border-radius: 4px !important;
    font-size: .68rem !important;
    letter-spacing: .08em !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  .product-hero-image {
    display: block !important;
    min-width: 0 !important;
    background: var(--mobile-card) !important;
    border-top: 1px solid var(--mobile-line) !important;
  }

  .product-hero-image img {
    width: 100% !important;
    height: 12rem !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
  }

  .product-hero-image figcaption {
    padding: .85rem 1rem .95rem !important;
    display: grid !important;
    gap: .35rem !important;
    background: #fff !important;
    border-top: 1px solid var(--mobile-line) !important;
  }

  .product-hero-image figcaption span,
  .product-family-card span,
  .moq-policy-strip span,
  .moq-matrix span,
  .moq-factor-grid span,
  .moq-brief-main span,
  .moq-brief-note span,
  .option-group-heading span,
  .option-heading span,
  .case-number,
  .sidebar-title {
    color: var(--mobile-accent) !important;
    font-size: .64rem !important;
    font-weight: 900 !important;
    letter-spacing: .1em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }

  .product-hero-image figcaption strong {
    color: var(--mobile-text) !important;
    font-size: .86rem !important;
    line-height: 1.4 !important;
  }

  .section,
  .product-family-section,
  .product-spec-section,
  .moq-matrix-section,
  .moq-factor-section,
  .moq-brief-section,
  .quote-flow {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 1.45rem 1rem !important;
    background: var(--mobile-paper) !important;
  }

  .section-intro,
  .quote-flow .section-intro,
  .process-led .section-intro {
    width: 100% !important;
    max-width: none !important;
    padding: 0 0 1rem !important;
    display: block !important;
  }

  .section-intro h2,
  .final-cta h2,
  .quote-flow .section-intro h2,
  .moq-brief-main h3,
  body.contact-page .section-head h2 {
    width: 100% !important;
    max-width: 100% !important;
    color: var(--mobile-ink) !important;
    font-family: "Avenir Next", "Segoe UI", Calibri, sans-serif !important;
    font-size: clamp(1.18rem, 5vw, 1.45rem) !important;
    font-weight: 800 !important;
    line-height: 1.16 !important;
    text-align: left !important;
  }

  .section-intro p:not(.eyebrow),
  .quote-flow .section-intro p:not(.eyebrow),
  .final-cta-copy p:not(.eyebrow),
  body.contact-page .section-head p {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: .65rem !important;
    color: var(--mobile-text) !important;
    font-size: .9rem !important;
    line-height: 1.55 !important;
  }

  .category-showcase {
    width: 100% !important;
    background: var(--mobile-paper) !important;
  }

  .category-entry-grid {
    width: 100% !important;
    padding: .95rem 1rem !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .65rem !important;
  }

  .category-entry {
    min-height: 0 !important;
    border: 1px solid var(--mobile-line) !important;
    border-radius: 6px !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  .category-entry-media img {
    width: 100% !important;
    height: 7.75rem !important;
    padding: .65rem !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
  }

  .category-entry-copy {
    padding: .7rem .75rem .8rem !important;
    border-top: 1px solid var(--mobile-line) !important;
  }

  .category-entry strong {
    max-width: none !important;
    font-size: .75rem !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }

  .signal-strip,
  .production-board-shell,
  .product-family-grid,
  .product-spec-grid,
  .moq-policy-strip,
  .moq-factor-grid,
  .moq-brief-board,
  .quote-flow .flow-grid,
  .final-cta,
  .site-footer {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .signal-strip {
    padding: 0 1rem 1rem !important;
    gap: .65rem !important;
    background: var(--mobile-paper) !important;
  }

  .signal-strip div,
  .product-family-card,
  .product-spec-card,
  .moq-policy-strip article,
  .moq-factor-grid article,
  .quote-flow .flow-grid div,
  .moq-brief-main,
  .moq-brief-note {
    min-height: 0 !important;
    padding: 1rem !important;
    border: 1px solid var(--mobile-line) !important;
    border-radius: 6px !important;
    background: #fff !important;
  }

  .signal-strip strong,
  .product-family-card h3,
  .product-spec-card strong,
  .moq-policy-strip strong,
  .moq-matrix strong,
  .moq-factor-grid strong,
  .quote-flow .flow-grid strong,
  .moq-brief-note strong {
    color: var(--mobile-ink) !important;
    font-size: .98rem !important;
    line-height: 1.32 !important;
  }

  .signal-strip p,
  .product-family-card p,
  .product-spec-card p,
  .moq-policy-strip p,
  .moq-matrix p,
  .moq-factor-grid p,
  .quote-flow .flow-grid p,
  .moq-brief-note p,
  .moq-brief-main li {
    color: var(--mobile-text) !important;
    font-size: .88rem !important;
    line-height: 1.5 !important;
  }

  .product-family-card {
    padding: 0 !important;
    overflow: hidden !important;
  }

  .product-family-card a {
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 6.35rem minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 0 !important;
    text-decoration: none !important;
  }

  .product-family-card img {
    width: 100% !important;
    height: 100% !important;
    min-height: 9.2rem !important;
    padding: .7rem !important;
    border-right: 1px solid var(--mobile-line) !important;
    background: #fbfaf7 !important;
    object-fit: contain !important;
    object-position: 50% 50% !important;
  }

  .product-family-card > div,
  .product-family-card a > div {
    min-width: 0 !important;
    padding: .85rem .9rem !important;
    display: grid !important;
    align-content: center !important;
    gap: .38rem !important;
  }

  .product-family-card h3 {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    font-size: .92rem !important;
    line-height: 1.18 !important;
  }

  .product-family-card p {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    margin: 0 !important;
    font-size: .78rem !important;
    line-height: 1.42 !important;
  }

  .product-family-card ul {
    display: none !important;
  }

  .moq-matrix,
  .moq-policy-strip,
  .moq-factor-grid,
  .moq-brief-board {
    width: 100% !important;
    margin: 0 !important;
    gap: .7rem !important;
    border: 0 !important;
  }

  .moq-matrix-head {
    display: none !important;
  }

  .moq-matrix-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    border: 1px solid var(--mobile-line) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .moq-matrix-row > div {
    padding: 1rem !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--mobile-line) !important;
  }

  .moq-matrix-row > div:last-child {
    border-bottom: 0 !important;
  }

  .quote-flow .flow-grid {
    gap: .65rem !important;
    border: 0 !important;
  }

  .quote-flow .flow-grid span {
    width: 1.8rem !important;
    height: 1.8rem !important;
    margin-bottom: .8rem !important;
  }

  .moq-brief-board {
    border: 0 !important;
  }

  .moq-brief-main ul {
    margin-top: 1rem !important;
  }

  .final-cta {
    padding: 1.3rem 1rem !important;
    gap: 1rem !important;
    border-radius: 0 !important;
  }

  .site-footer {
    padding: 1.3rem 1rem !important;
    gap: 1rem !important;
  }

  .footer-columns,
  .footer-bottom {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
  }

  .craft-hero {
    display: block !important;
  }

  .craft-hero p:not(.kicker) {
    grid-column: auto !important;
  }

  .craft-layout,
  .option-group-heading,
  .option-row {
    width: 100% !important;
    display: block !important;
    grid-template-columns: 1fr !important;
  }

  .craft-index {
    position: static !important;
    top: auto !important;
    min-height: 0 !important;
    padding: .75rem 1rem !important;
    display: flex !important;
    gap: .65rem !important;
    overflow-x: auto !important;
    background: var(--mobile-paper) !important;
    border-bottom: 1px solid var(--mobile-line) !important;
    scrollbar-width: none;
  }

  .craft-index a {
    flex: 0 0 auto;
    min-width: max-content !important;
    min-height: 1.9rem !important;
    padding: .48rem .6rem !important;
    display: inline-flex !important;
    align-items: center;
    border: 1px solid var(--mobile-line) !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: var(--mobile-ink) !important;
    font-size: .58rem !important;
    line-height: 1 !important;
  }

  .craft-index a.active {
    border-color: var(--mobile-ink) !important;
    background: var(--mobile-ink) !important;
    color: #fff !important;
  }

  .craft-content,
  .option-group {
    background: var(--mobile-paper) !important;
  }

  .option-group-heading,
  .option-heading,
  .option-visual {
    padding: 1rem !important;
    background: #fff !important;
  }

  .option-group-heading {
    border-bottom: 1px solid var(--mobile-line) !important;
  }

  .option-heading {
    border-right: 0 !important;
    border-bottom: 1px solid var(--mobile-line) !important;
  }

  .option-heading h3 {
    max-width: 100% !important;
    font-family: "Avenir Next", "Segoe UI", Calibri, sans-serif !important;
    font-size: 1.16rem !important;
    font-weight: 800 !important;
    line-height: 1.16 !important;
  }

  .option-group-heading p,
  .option-heading p {
    max-width: 100% !important;
    font-size: .88rem !important;
    line-height: 1.5 !important;
  }

  .option-visual img,
  .option-image {
    width: 100% !important;
    max-height: 16rem !important;
    object-fit: contain !important;
  }

  .library-intro {
    padding-top: 1.45rem !important;
  }

  .library-layout {
    width: 100% !important;
    display: block !important;
    background: var(--mobile-paper) !important;
    border-top: 0 !important;
  }

  .process-sidebar {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: .75rem 1rem !important;
    display: flex !important;
    gap: .85rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    background: var(--mobile-paper) !important;
    border: 0 !important;
    scrollbar-width: none;
  }

  .sidebar-group,
  .sidebar-group-craft {
    min-width: max-content !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .sidebar-title {
    margin: 0 0 .38rem !important;
    font-size: .58rem !important;
  }

  .filter-list,
  .craft-filter-list {
    width: max-content !important;
    display: flex !important;
    gap: .35rem !important;
  }

  .filter-button {
    width: 2.7rem !important;
    min-width: 2.7rem !important;
    min-height: 2rem !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    border: 1px solid var(--mobile-line) !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: var(--mobile-ink) !important;
    font-size: .6rem !important;
    line-height: 1 !important;
  }

  .filter-button .filter-label {
    display: none !important;
  }

  .filter-button .filter-code {
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font-size: .7rem !important;
    line-height: 1 !important;
  }

  .filter-button.active {
    border-color: var(--mobile-ink) !important;
    background: var(--mobile-ink) !important;
    color: #fff !important;
  }

  .case-grid-section {
    background: var(--mobile-paper) !important;
  }

  .case-grid {
    padding: .85rem 1rem 1rem !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .62rem !important;
    background: var(--mobile-paper) !important;
  }

  .case-card {
    --preview-base-height: 7.4rem !important;
    --preview-wrap-height: 7.8rem !important;
    min-height: 0 !important;
    padding: .5rem !important;
    border: 1px solid var(--mobile-line) !important;
    border-radius: 6px !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  .case-card-main {
    display: block !important;
  }

  .case-image-wrap {
    height: var(--preview-wrap-height) !important;
    margin: 0 0 .5rem !important;
    background: #fbfaf7 !important;
    border-radius: 4px !important;
  }

  .case-card img {
    max-width: 82% !important;
    max-height: 82% !important;
  }

  .case-card h2 {
    max-width: 100% !important;
    margin: .45rem 0 .2rem !important;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    font-family: "Avenir Next", "Segoe UI", Calibri, sans-serif !important;
    font-size: .68rem !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .case-card p {
    overflow: hidden !important;
    font-size: .58rem !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .case-inquiry-button,
  .craft-inquiry-button,
  .craft-detail-link {
    width: 100% !important;
    min-height: 1.9rem !important;
    margin-top: .48rem !important;
    padding: .5rem .4rem !important;
    font-size: .55rem !important;
    letter-spacing: .06em !important;
  }

  .craft-grid,
  .craft-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .craft-row-copy,
  .craft-row-visual {
    padding: 1rem !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--mobile-line) !important;
  }

  body.contact-page {
    background: var(--mobile-paper);
  }

  body.contact-page .site-header {
    padding: 0 !important;
  }

  body.contact-page .site-header-inner {
    width: 100% !important;
    padding: .85rem 1rem .75rem !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
  }

  body.contact-page .brand {
    font-size: 1rem !important;
    white-space: normal !important;
  }

  body.contact-page .nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: .85rem !important;
    font-size: .76rem !important;
    scrollbar-width: none;
  }

  body.contact-page .nav-link {
    flex: 0 0 auto;
    min-height: 1.55rem;
    padding: .25rem 0 .32rem !important;
    display: inline-flex;
    align-items: center;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent;
    color: var(--mobile-muted);
    line-height: 1;
  }

  body.contact-page .nav-link.active {
    border-color: var(--mobile-ink);
    background: transparent;
    color: var(--mobile-ink);
  }

  body.contact-page .contact-shell,
  body.contact-page .content-stack {
    width: 100% !important;
    padding: 1rem !important;
    display: block !important;
  }

  body.contact-page .inquiry-section {
    border: 1px solid var(--mobile-line) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  body.contact-page .section-head,
  body.contact-page .selected-inquiry,
  body.contact-page .inquiry-form {
    padding: 1rem !important;
  }

  body.contact-page .form-grid {
    grid-template-columns: 1fr !important;
    gap: .8rem !important;
  }

  body.contact-page label {
    font-size: .68rem !important;
    letter-spacing: .08em !important;
  }

  body.contact-page input,
  body.contact-page select,
  body.contact-page textarea {
    min-height: 2.75rem !important;
    font-size: .92rem !important;
  }

  body.contact-page .form-status {
    width: 100% !important;
    font-size: .86rem !important;
    line-height: 1.5 !important;
  }

  .contact-widget {
    display: none !important;
  }

  body .contact-launcher {
    min-width: 6.8rem !important;
    min-height: 2.55rem !important;
    padding: 0 .8rem !important;
    font-size: .68rem !important;
    letter-spacing: .07em !important;
  }

  .inquiry-cart-bar.is-empty.is-collapsed {
    display: none !important;
  }

  .inquiry-cart-bar.is-collapsed {
    right: 8rem !important;
    bottom: .75rem !important;
  }
}

@media (max-width: 340px) {
  .product-hero h1,
  .craft-hero h1,
  .library-intro h1,
  body.contact-page h1 {
    font-size: 1.72rem !important;
  }

  .case-grid {
    gap: .55rem !important;
    padding: .75rem !important;
  }

  .case-card {
    --preview-base-height: 7.6rem !important;
    --preview-wrap-height: 8.2rem !important;
    padding: .55rem !important;
  }
}

@media (max-width: 760px) {
  .site-header,
  .craft-header,
  .library-header {
    padding: .72rem .85rem .68rem !important;
    gap: .62rem !important;
    box-shadow: 0 1px 0 rgba(36, 33, 31, .04) !important;
  }

  .brand span,
  .craft-brand span,
  .library-brand span {
    font-size: .56rem !important;
  }

  .brand strong,
  .craft-brand strong,
  .library-brand strong {
    font-size: 1.05rem !important;
  }

  .nav,
  .craft-nav,
  .library-nav,
  body.contact-page .nav {
    gap: .42rem !important;
    padding: .05rem .05rem .18rem !important;
  }

  .nav a,
  .craft-nav a,
  .library-nav a,
  body.contact-page .nav-link {
    min-height: 2rem !important;
    padding: .5rem .66rem !important;
    border: 1px solid rgba(36, 33, 31, .12) !important;
    border-radius: 999px !important;
    background: #fff !important;
    font-size: .68rem !important;
    font-weight: 800 !important;
  }

  .nav a.active,
  .craft-nav a.active,
  .library-nav a[href*="case-library"],
  body[data-page="library"] .library-nav a[href*="case-library"],
  body.contact-page .nav-link.active {
    border-color: var(--mobile-ink) !important;
    background: var(--mobile-ink) !important;
    color: #fff !important;
  }

  .product-hero-copy,
  .craft-hero,
  .library-intro,
  body.contact-page .hero-inner {
    padding: 1.3rem .95rem 1.2rem !important;
  }

  .product-hero h1,
  .craft-hero h1,
  .library-intro h1,
  body.contact-page h1 {
    font-size: clamp(1.42rem, 5.6vw, 1.78rem) !important;
    line-height: 1.12 !important;
  }

  .library-intro h1,
  .library-intro p {
    max-width: min(21rem, 100%) !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .carousel-hero-copy {
    width: min(19rem, calc(100% - 2rem)) !important;
    left: 1rem !important;
    right: 1rem !important;
    top: auto !important;
    bottom: 1rem !important;
    transform: none !important;
  }

  .carousel-hero-copy .hero-display {
    max-width: 17.5rem !important;
    font-size: 1.72rem !important;
    line-height: 1.04 !important;
  }

  .carousel-hero-copy p:not(.eyebrow) {
    max-width: 17rem !important;
    font-size: .84rem !important;
    line-height: 1.42 !important;
  }

  .hero-cta {
    min-height: 2.15rem !important;
    padding: .62rem .85rem !important;
  }

  .case-grid {
    padding: .8rem .85rem 1.15rem !important;
    grid-template-columns: 1fr !important;
    gap: .72rem !important;
  }

  .case-card {
    --preview-base-height: 8rem !important;
    --preview-wrap-height: 8.35rem !important;
    padding: 0 !important;
    border-radius: 8px !important;
    display: grid !important;
    background: #fff !important;
  }

  .case-card-main {
    padding: .68rem !important;
    display: grid !important;
    grid-template-columns: 7.25rem minmax(0, 1fr) !important;
    gap: .78rem !important;
    align-items: center !important;
  }

  .case-card-main > span:last-child {
    min-width: 0 !important;
    text-align: left !important;
    justify-self: stretch !important;
  }

  .case-image-wrap {
    height: var(--preview-wrap-height) !important;
    margin: 0 !important;
    border-radius: 6px !important;
  }

  .case-card img,
  .thumb-button img {
    color: transparent !important;
    font-size: 0 !important;
  }

  .case-card h2 {
    margin: 0 0 .3rem !important;
    font-size: .94rem !important;
    line-height: 1.18 !important;
    -webkit-line-clamp: 3 !important;
    overflow-wrap: anywhere !important;
    text-align: left !important;
  }

  .case-card p {
    margin: 0 !important;
    font-size: .65rem !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    text-align: left !important;
  }

  .case-meta-row {
    margin-top: .36rem !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: .18rem .35rem !important;
    font-size: .6rem !important;
    line-height: 1.28 !important;
    text-align: left !important;
  }

  .case-inquiry-button {
    min-height: 2.35rem !important;
    margin: 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--mobile-line) !important;
    border-radius: 0 !important;
    background: var(--mobile-ink) !important;
    color: #fff !important;
    font-size: .6rem !important;
  }

  .detail-main {
    width: 100% !important;
    padding: .85rem .85rem 3rem !important;
  }

  .detail-breadcrumb {
    margin-bottom: .8rem !important;
    font-size: .88rem !important;
    line-height: 1.45 !important;
  }

  .case-detail-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
  }

  .main-product-view {
    min-height: 0 !important;
    aspect-ratio: 1 / .95 !important;
    border-color: var(--mobile-line) !important;
  }

  .main-product-view img {
    width: 100% !important;
    height: 100% !important;
    max-height: min(58vh, 23.5rem) !important;
    padding: .85rem 1.1rem 1.35rem !important;
    object-fit: contain !important;
  }

  .main-product-view figcaption {
    left: .9rem !important;
    bottom: .78rem !important;
    z-index: 3 !important;
    max-width: calc(100% - 1.8rem) !important;
    font-size: .64rem !important;
    line-height: 1 !important;
  }

  .gallery-arrow {
    width: 2.25rem !important;
    height: 2.25rem !important;
  }

  .gallery-arrow-prev {
    left: .95rem !important;
  }

  .gallery-arrow-next {
    right: .95rem !important;
  }

  .thumb-rail {
    position: static !important;
    top: auto !important;
    order: 2 !important;
    margin-top: .15rem !important;
    padding: .55rem !important;
    display: flex !important;
    gap: .5rem !important;
    overflow-x: auto !important;
    border: 1px solid var(--mobile-line) !important;
    background: #fff !important;
    scrollbar-width: none;
  }

  .thumb-rail::-webkit-scrollbar {
    display: none;
  }

  .thumb-button {
    flex: 0 0 4rem !important;
    width: 4rem !important;
    min-height: 4rem !important;
    padding: .2rem !important;
    overflow: hidden !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
    background: #fbfaf7 !important;
  }

  .thumb-button.active {
    border-color: var(--mobile-ink) !important;
  }

  .thumb-button img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .case-info {
    min-height: 0 !important;
    padding: 1rem !important;
    align-content: start !important;
    border-color: var(--mobile-line) !important;
  }

  .case-info h1 {
    font-size: 1.58rem !important;
    line-height: 1.08 !important;
  }

  .case-info p {
    margin: .75rem 0 1rem !important;
    font-size: .9rem !important;
    line-height: 1.55 !important;
  }

  .spec-list {
    margin-bottom: 1rem !important;
  }

  .spec-list div {
    padding: .75rem 0 !important;
    grid-template-columns: 1fr !important;
    gap: .25rem !important;
  }

  .product-intro-panel {
    width: 100% !important;
    margin: 1rem 0 0 !important;
    padding: 1rem !important;
  }
}

@media (max-width: 360px) {
  .case-card-main {
    grid-template-columns: 5.85rem minmax(0, 1fr) !important;
    gap: .62rem !important;
  }

  .case-card {
    --preview-base-height: 7rem !important;
    --preview-wrap-height: 7.2rem !important;
  }

  .case-card h2 {
    font-size: .86rem !important;
  }

  .library-intro h1,
  .library-intro p {
    max-width: 17.5rem !important;
  }

  .main-product-view {
    aspect-ratio: 1 / 1 !important;
  }

  .main-product-view img {
    max-height: 20rem !important;
    padding: .75rem .95rem 1.25rem !important;
  }
}

@media (max-width: 760px) {
  body[data-page="library"] .process-sidebar {
    padding: .72rem .85rem .82rem !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .66rem !important;
    overflow: visible !important;
    border-top: 1px solid var(--mobile-line) !important;
    border-bottom: 1px solid var(--mobile-line) !important;
    background: var(--mobile-paper) !important;
  }

  body[data-page="library"] .sidebar-group,
  body[data-page="library"] .sidebar-group-craft {
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-page="library"] .sidebar-title {
    margin: 0 0 .42rem !important;
    white-space: nowrap !important;
  }

  body[data-page="library"] .filter-list,
  body[data-page="library"] .craft-filter-list {
    width: 100% !important;
    max-width: 100% !important;
    padding-bottom: .08rem !important;
    display: flex !important;
    gap: .3rem !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body[data-page="library"] .filter-list::-webkit-scrollbar,
  body[data-page="library"] .craft-filter-list::-webkit-scrollbar {
    display: none !important;
  }

  body[data-page="library"] .filter-button {
    width: auto !important;
    min-width: 2.18rem !important;
    min-height: 2rem !important;
    padding: 0 .48rem !important;
    flex: 0 0 auto !important;
    border-radius: 6px !important;
  }

  body[data-page="library"] .filter-button .filter-code {
    font-size: .68rem !important;
  }

  .moq-brief-section + .final-cta {
    width: 100% !important;
    margin: 0 !important;
    padding: 1.18rem .95rem 1.25rem !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .78rem !important;
    background: #fff !important;
    color: var(--mobile-ink) !important;
    border-top: 1px solid var(--mobile-line) !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--mobile-line) !important;
    border-left: 0 !important;
  }

  .moq-brief-section + .final-cta .eyebrow {
    margin-bottom: .48rem !important;
    color: var(--mobile-accent) !important;
  }

  .moq-brief-section + .final-cta h2 {
    display: block !important;
    max-width: 21rem !important;
    color: var(--mobile-ink) !important;
    font-family: "Avenir Next", "Segoe UI", Calibri, sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    line-height: 1.16 !important;
  }

  .moq-brief-section + .final-cta .cta-actions {
    margin-top: .1rem !important;
    gap: .58rem !important;
  }

  .moq-brief-section + .final-cta .button-primary {
    border-color: var(--mobile-ink) !important;
    background: var(--mobile-ink) !important;
    color: #fff !important;
  }

  .moq-brief-section + .final-cta .button-secondary {
    border-color: rgba(36, 33, 31, .22) !important;
    background: #fff !important;
    color: var(--mobile-ink) !important;
  }

  .case-slide:nth-child(3) .case-slide-image img {
    object-position: 62% 50% !important;
  }

  .case-slide:nth-child(4) .case-slide-image img {
    object-position: 48% 50% !important;
  }
}

@media (max-width: 760px) {
  body[data-page="library"] .process-sidebar {
    padding: .62rem .85rem .66rem !important;
    display: grid !important;
    gap: .58rem !important;
    background: #fff !important;
  }

  body[data-page="library"] .process-sidebar .sidebar-group,
  body[data-page="library"] .process-sidebar .sidebar-group-craft {
    display: grid !important;
    gap: .34rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
  }

  body[data-page="library"] .process-sidebar .sidebar-group + .sidebar-group {
    padding-top: .5rem !important;
    border-top: 1px solid var(--mobile-line) !important;
  }

  body[data-page="library"] .sidebar-title {
    margin: 0 !important;
    color: var(--mobile-muted) !important;
    font-size: .55rem !important;
    letter-spacing: .1em !important;
  }

  body[data-page="library"] .filter-list {
    width: 100% !important;
    display: grid !important;
    gap: .28rem !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body[data-page="library"] .process-sidebar .sidebar-group:nth-child(1) .filter-list {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  body[data-page="library"] .process-sidebar .sidebar-group:nth-child(2) .filter-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body[data-page="library"] .process-sidebar .sidebar-group:nth-child(3) .filter-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-page="library"] .process-sidebar .sidebar-group:nth-child(4) .filter-list {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  body[data-page="library"] .filter-button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 2rem !important;
    padding: 0 !important;
    border: 1px solid var(--mobile-line) !important;
    border-radius: 4px !important;
    background: #fbfaf7 !important;
    color: var(--mobile-ink) !important;
  }

  body[data-page="library"] .filter-button .filter-code {
    font-size: .66rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
  }

  body[data-page="library"] .filter-button.active {
    border-color: var(--mobile-ink) !important;
    background: var(--mobile-ink) !important;
    color: #fff !important;
  }

  body[data-page="library"] .case-grid {
    padding-bottom: .72rem !important;
  }

  body[data-page="library"] .case-grid[hidden],
  body[data-page="library"] .craft-grid[hidden] {
    display: none !important;
  }

  body[data-page="library"] .case-pagination {
    padding: .12rem .85rem 1.35rem !important;
    border-top: 0 !important;
    background: var(--mobile-paper) !important;
  }

  body[data-page="library"] .case-page-controls {
    width: 100% !important;
    gap: .18rem !important;
    justify-content: center !important;
  }

  body[data-page="library"] .case-page-button,
  body[data-page="library"] .case-page-arrow {
    width: 2.16rem !important;
    height: 2.16rem !important;
    border-radius: 2px !important;
    color: var(--mobile-muted) !important;
    font-size: .88rem !important;
  }

  body[data-page="library"] .case-page-button.active {
    background: #d9d4cd !important;
    color: var(--mobile-ink) !important;
  }

  body[data-page="library"] .case-page-button:hover,
  body[data-page="library"] .case-page-arrow:hover,
  body[data-page="library"] .case-page-button:focus-visible,
  body[data-page="library"] .case-page-arrow:focus-visible {
    color: var(--mobile-ink) !important;
  }
}

@media (max-width: 340px) {
  body[data-page="library"] .filter-list {
    gap: .22rem !important;
  }

  body[data-page="library"] .filter-button {
    min-height: 1.94rem !important;
  }

  body[data-page="library"] .filter-button .filter-code {
    font-size: .62rem !important;
  }
}

@media (max-width: 760px) {
  body[data-page="library"] .process-sidebar {
    padding: .64rem .75rem .68rem !important;
    gap: .38rem !important;
    background: #fff !important;
  }

  body[data-page="library"] .process-sidebar .sidebar-group,
  body[data-page="library"] .process-sidebar .sidebar-group-craft {
    display: grid !important;
    grid-template-columns: 5.7rem minmax(0, 1fr) !important;
    align-items: center !important;
    gap: .42rem !important;
    min-height: 2.1rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
  }

  body[data-page="library"] .process-sidebar .sidebar-group + .sidebar-group {
    padding-top: .34rem !important;
    border-top: 1px solid rgba(228, 219, 209, .72) !important;
  }

  body[data-page="library"] .sidebar-title {
    margin: 0 !important;
    color: var(--mobile-accent) !important;
    font-size: .52rem !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }

  body[data-page="library"] .filter-list,
  body[data-page="library"] .craft-filter-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: .22rem !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body[data-page="library"] .filter-button {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 1.78rem !important;
    padding: 0 .12rem !important;
    display: inline-grid !important;
    grid-template-columns: 1fr !important;
    place-items: center !important;
    border: 1px solid var(--mobile-line) !important;
    border-radius: 4px !important;
    background: #fbfaf7 !important;
    color: var(--mobile-ink) !important;
  }

  body[data-page="library"] .filter-button .filter-code {
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font-size: .64rem !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
    line-height: 1 !important;
  }

  body[data-page="library"] .filter-button .filter-label {
    display: none !important;
  }

  body[data-page="library"] .filter-button.active {
    border-color: var(--mobile-ink) !important;
    background: var(--mobile-ink) !important;
    color: #fff !important;
  }
}

@media (max-width: 360px) {
  body[data-page="library"] .process-sidebar {
    padding-left: .58rem !important;
    padding-right: .58rem !important;
  }

  body[data-page="library"] .process-sidebar .sidebar-group,
  body[data-page="library"] .process-sidebar .sidebar-group-craft {
    grid-template-columns: 4.85rem minmax(0, 1fr) !important;
    gap: .32rem !important;
  }

  body[data-page="library"] .sidebar-title {
    font-size: .49rem !important;
  }

  body[data-page="library"] .filter-list,
  body[data-page="library"] .craft-filter-list {
    gap: .16rem !important;
  }

  body[data-page="library"] .filter-button {
    min-height: 1.66rem !important;
  }

  body[data-page="library"] .filter-button .filter-code {
    font-size: .58rem !important;
  }
}

@media (max-width: 760px) {
  body[data-page="library"] .process-sidebar {
    padding: .72rem .75rem !important;
    gap: .5rem !important;
    background: #f7f5f1 !important;
  }

  body[data-page="library"] .process-sidebar .sidebar-group,
  body[data-page="library"] .process-sidebar .sidebar-group-craft {
    min-height: 0 !important;
    padding: .55rem !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    gap: .42rem !important;
    background: #fff !important;
    border: 1px solid var(--mobile-line) !important;
    border-radius: 6px !important;
  }

  body[data-page="library"] .process-sidebar .sidebar-group + .sidebar-group {
    padding-top: .55rem !important;
    border-top: 1px solid var(--mobile-line) !important;
  }

  body[data-page="library"] .sidebar-title {
    padding-bottom: .34rem !important;
    border-bottom: 1px solid rgba(228, 219, 209, .7) !important;
    color: var(--mobile-accent) !important;
    font-size: .56rem !important;
    line-height: 1 !important;
  }

  body[data-page="library"] .filter-list,
  body[data-page="library"] .craft-filter-list {
    gap: .26rem !important;
  }

  body[data-page="library"] .filter-button {
    min-height: 1.86rem !important;
    background: #fbfaf7 !important;
  }
}

@media (min-width: 361px) and (max-width: 760px) {
  body[data-page="library"] .process-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-page="library"] .process-sidebar .sidebar-group:nth-child(1),
  body[data-page="library"] .process-sidebar .sidebar-group:nth-child(4) {
    grid-column: 1 / -1 !important;
  }

  body[data-page="library"] .process-sidebar .sidebar-group:nth-child(2) .filter-button,
  body[data-page="library"] .process-sidebar .sidebar-group:nth-child(3) .filter-button {
    min-height: 2rem !important;
  }
}

@media (max-width: 360px) {
  body[data-page="library"] .process-sidebar {
    gap: .42rem !important;
  }

  body[data-page="library"] .process-sidebar .sidebar-group,
  body[data-page="library"] .process-sidebar .sidebar-group-craft {
    padding: .5rem !important;
    gap: .36rem !important;
  }

  body[data-page="library"] .sidebar-title {
    font-size: .53rem !important;
  }
}

@media (max-width: 760px) {
  body[data-page="library"] .craft-active-heading {
    padding: 1rem !important;
    gap: .48rem !important;
    background: #fff !important;
    border-top: 1px solid var(--mobile-line) !important;
    border-bottom: 1px solid var(--mobile-line) !important;
  }

  body[data-page="library"] .craft-active-heading .case-number {
    color: var(--mobile-accent) !important;
    font-size: .62rem !important;
    letter-spacing: .1em !important;
  }

  body[data-page="library"] .craft-active-heading h2 {
    color: var(--mobile-ink) !important;
    font-family: "Avenir Next", "Segoe UI", Calibri, sans-serif !important;
    font-size: 1.28rem !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
  }

  body[data-page="library"] .craft-active-heading h2 span {
    min-width: 2.05rem !important;
    margin-right: .45rem !important;
    padding: .22rem .34rem !important;
    font-size: .62rem !important;
    vertical-align: .18rem !important;
  }

  body[data-page="library"] .craft-active-heading p:not(.case-number) {
    max-width: 100% !important;
    color: var(--mobile-text) !important;
    font-size: .86rem !important;
    line-height: 1.48 !important;
  }

  body[data-page="library"] .craft-row[hidden] {
    display: none !important;
  }
}