@media(max-width:1100px) {
  .brand-official img {
    width: 146px
  }

  .brand-official {
    padding: 12px
  }

  .main-nav {
    gap: 10px
  }

  .main-nav a {
    font-size: 11px
  }
}

@media(max-width:1000px) {
  .header-inner {
    min-height: 90px
  }

  .brand {
    margin-right: auto
  }

  .menu-toggle {
    display: block;
    order: 2
  }

  .cart-trigger {
    order: 1
  }

  .main-nav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: 0;
    background: var(--cream);
    border-bottom: 1px solid var(--line);
    padding: 16px 24px;
    box-shadow: 0 16px 24px #39214f12
  }

  .main-nav.is-open {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 20px
  }

  .main-nav a {
    font-size: 15px;
    min-height: 44px
  }
}

@media(max-width:680px) {
  .hero-copy h1 {
    font-size: clamp(40px, 8.5vw, 58px)
  }

  .art-note {
    font-size: 20px
  }

  .work-card h3 {
    font-size: 26px
  }
}

@media(max-width:540px) {
  .header-inner {
    gap: 10px;
    min-height: 82px
  }

  .brand-official {
    padding: 10px 8px;
    border-radius: 8px
  }

  .brand-official img {
    width: 130px
  }

  .cart-trigger {
    gap: 6px;
    padding: 7px 9px
  }

  .art-note {
    padding: 20px 18px 8px
  }

  .product-card h3 {
    font-size: 20px
  }

  .main-nav a {
    font-size: 14px
  }

  .footer-bottom .brand-official {
    width: auto
  }

  .footer-contact>a {
    overflow-wrap: anywhere
  }
}

@media(max-width:350px) {
  .brand-official img {
    width: 112px
  }

  .header-inner {
    gap: 6px
  }

  .hero-copy h1 {
    font-size: 36px
  }
}

@media(max-width:600px) {
  .results-grid {
    grid-template-columns: 1fr;
    gap: 20px
  }

  .results-grid>div {
    border-bottom: 1px solid #fff6e722;
    padding-bottom: 12px
  }

  .result-title {
    font-size: 28px
  }
}

/* v1.2: native logo paths from the supplied manual, no opaque background. */