.mobile-product-intro,
.manifesto-mobile { display: none; }
.mobile-product-price { display: none; }
.header-title { color: inherit; text-decoration: none; }
.hero-copy .intro a { color: inherit; text-decoration: none; }

@media (max-width: 720px) {
  html, body { overflow-x: hidden; }
  .nav { min-height: 64px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; padding: 18px; font: 500 12px/1 "DM Mono", monospace; }
  .nav .wordmark { font-size: 0 !important; }
  .nav .wordmark::after { content: "HOME"; font: 500 12px/1 "DM Mono", monospace !important; letter-spacing: .04em; }
  .nav > .header-title,
  .nav a:last-child { display: block; color: var(--ink); font: 500 12px/1 "DM Mono", monospace; letter-spacing: .04em; text-decoration: none; }
  .nav > .header-title { justify-self: center; }
  .header-cart { justify-self: end; white-space: nowrap; }
  .header-cart b { margin-left: 4px; }

  .hero { min-height: max(1200px, calc(100svh + 356px)); padding: 18px; }
  .hero-copy { top: 108px; left: 0; width: 100%; padding: 0 18px; transform: none; text-align: center; }
  .hero-copy .eyebrow { margin-bottom: 12px; }
  .hero h1 { font-size: clamp(72px, 20vw, 98px); }
  .intro { max-width: 250px; margin: 28px 0 0; text-align: left; }
  .scroll { position: absolute; top: 960px; left: 50%; display: inline-flex; align-items: center; gap: 18px; font-size: 17px; transform: translateX(-50%); white-space: nowrap; }
  .scroll span { margin-left: 0; }
  .hero-films { display: block; }
  .hero-film { width: clamp(150px, 43vw, 178px); aspect-ratio: 3 / 5; }
  .hero-film--one { top: 695px; right: auto; left: 15vw; }
  .hero-film--two { top: 480px; right: 16vw; left: auto; }
  .hero-film--three { top: 340px; right: auto; left: 8vw; }
  .edition { display: none; }

  .drop { display: flex; flex-direction: column; }
  .mobile-product-intro { display: block; order: 1; padding: 56px 18px 24px; background: var(--paper); }
  .mobile-product-intro .eyebrow { margin: 14px 0 0; font-size: 12px; }
  .mobile-product-price { display: block; margin: 14px 0 0; color: var(--ink); font: 700 32px/1 "DM Mono", monospace; letter-spacing: -.04em; }
.mobile-product-price .shipping-info { position: relative; display: inline-block; margin-left: 8px; font-size: 12px; letter-spacing: .05em; }
.mobile-product-price .shipping-included { display: inline-block; margin-left: 8px; font-size: 12px; letter-spacing: .05em; }
  .mobile-product-price .shipping-tooltip { top: calc(100% + 20px); right: auto; bottom: auto; left: 10px; transform: translateY(-4px); }
  .shipping-info.is-open .shipping-tooltip { opacity: 1; pointer-events: auto; transform: translateY(0); }
  .hero-copy .intro a {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
  }
  .mobile-product-intro h2 { margin: 0; font-size: clamp(38px, 11.5vw, 47px); line-height: .9; letter-spacing: -.08em; white-space: nowrap; }
  .product-image { order: 2; min-height: 490px; padding: 38px 16px 92px; align-items: center; }
  .product-image img { width: min(100%, 440px); max-height: 360px; object-fit: contain; }
  .product-view-switch { bottom: 18px; }
  .product-info {
    order: 3;
    min-height: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "description description"
      "details details"
      "price price"
      "sizes sizes"
      "quantity guide"
      "cart cart";
    column-gap: 16px;
    padding: 38px 18px 28px;
  }
  .product-info > .eyebrow,
  .product-info > h2 { display: none; }
  /* Mobile purchase flow: product details, then price, then size choice. */
  .product-info .description { grid-area: description; margin-top: 0; }
  .product-info .details { grid-area: details; }
  .product-info .product-price { display: none; }
  .product-info .sizes { grid-area: sizes; padding-top: 14px; }
  .product-info .quantity-control { grid-area: quantity; align-self: center; margin-bottom: 0; }
  .product-info .size-guide-trigger {
    grid-area: guide;
    align-self: center;
    margin: 0 12px 0 0;
    font-size: 10px;
    white-space: nowrap;
  }
  .product-info .size-guide-trigger span { margin-left: 7px; font-size: 13px; }
  .product-info .cart { grid-area: cart; margin-top: 22px; }
  .sizes button,
  .sizes button:visited,
  .sizes button:focus,
  .sizes button:active { color: var(--ink); -webkit-tap-highlight-color: transparent; }
  .sizes button.is-selected { color: var(--paper); background: var(--ink); }
  button, a { touch-action: manipulation; }

  .size-guide-dialog,
  .size-guide-panel { background: #e7e4df; }
  .size-guide-visual { background: transparent; }
  .size-guide-content img { background: transparent; mix-blend-mode: multiply; }
  .size-guide-table { font-size: 10px; }
  .size-guide-table col.size-column { width: 13%; }
  .size-guide-table th,
  .size-guide-table td { padding: 9px 1px; }
  .size-guide-table th:first-child,
  .size-guide-table td:first-child { padding-left: 3px; text-align: left; white-space: nowrap; }
  .size-guide-table thead th:first-child { white-space: nowrap; overflow-wrap: normal; }
  .size-guide-key { gap: 6px; font-size: 9px; }
  .size-guide-key b { width: 18px; height: 18px; }

  .manifesto { display: none; }
  .manifesto-mobile { min-height: 42svh; display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 52px 18px; color: var(--acid); background: var(--ink); text-align: center; }
  .manifesto-mobile p { margin: 0; font-size: clamp(28px, 8.4vw, 34px); line-height: 1; letter-spacing: -.06em; white-space: nowrap; }
  .manifesto-mobile .manifesto-tagline { max-width: 340px; margin: 8px auto 0; font-family: "Space Grotesk", Arial, sans-serif; font-size: clamp(21px, 6.2vw, 29px); font-style: normal; line-height: 1.02; letter-spacing: -.055em; white-space: normal; }
  .manifesto-mobile p:nth-child(3) { font-family: "DM Serif Display", Georgia, serif; font-style: italic; }

  footer { align-items: center; justify-content: center; gap: 16px; padding: 22px 18px; text-align: center; }
  footer > * { width: 100%; justify-content: center; }
  .footer-brand-social { justify-content: center; }
  .legal-links { justify-content: center; gap: 10px 14px; }

  .legal-nav-shell { height: 64px; padding: 0; }
  .legal-content { padding: 36px 18px 60px; }
  .legal-content h1 { margin-top: 0; }
  .legal-content h1 { max-width: 100%; font-size: clamp(32px, 9vw, 42px); overflow-wrap: anywhere; }
  .shipping-table { min-width: 0 !important; width: 100% !important; font-size: 9px; }
  .shipping-table th,
  .shipping-table td { padding: 10px 4px !important; white-space: normal !important; }
  .shipping-table th:nth-child(2),
  .shipping-table td:nth-child(2) { display: none; }
}