@media (min-width: 701px) {
  html:root {
    --c1: #c9a24d;
    --c2: #8e6c29;
    --c3: #f7f3ec;
    --c4: #34302a;
    --ch-gold: #c9a24d;
    --ch-gold-deep: #9d792f;
    --ch-ink: #171512;
    --ch-ivory: #f7f3ec;
    --ch-warm-grey: #a6a097;
  }

  .garment-header {
    border-bottom-color: rgba(255, 255, 255, 0.16);
  }

  .garment-header.is-scrolled {
    background: rgba(247, 243, 236, 0.97);
    border-bottom-color: rgba(23, 21, 18, 0.1);
    box-shadow: 0 14px 38px rgba(23, 21, 18, 0.1);
    backdrop-filter: blur(14px);
  }

  .garment-header-inner {
    height: 96px;
    grid-template-columns: 250px minmax(0, 1fr) auto;
  }

  .garment-header.is-scrolled .garment-header-inner {
    height: 82px;
  }

  .garment-logo {
    width: 226px;
    height: 68px;
    overflow: hidden;
  }

  .garment-logo img {
    inset: -38% -30%;
    width: 160%;
    height: 176%;
    max-width: none;
    object-position: center;
  }

  .garment-nav > a,
  .dropdown-trigger {
    letter-spacing: 0;
  }

  .garment-header.is-scrolled .garment-nav > a,
  .garment-header.is-scrolled .dropdown-trigger {
    color: var(--ch-ink);
  }

  .garment-nav > a:hover,
  .dropdown-trigger:hover,
  .garment-nav > a.current,
  .garment-nav > a.is-active {
    color: var(--ch-gold) !important;
  }

  html body .dibu {
    min-height: 430px;
    padding-top: 6rem;
    background-image: linear-gradient(90deg, rgba(10, 9, 7, 0.98) 0%, rgba(10, 9, 7, 0.9) 45%, rgba(10, 9, 7, 0.58) 100%), url(../img/chinee-20260916/footer-atelier.webp) !important;
    background-position: center;
  }

  .dibu::after {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.54));
    opacity: 1;
  }

  .dibu .bls {
    opacity: 0.32;
  }

  .dibu .footer-l .logo {
    width: 240px;
    height: 82px;
    overflow: hidden;
  }

  .dibu .footer-l .logo img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0;
    object-fit: contain !important;
    transform: scale(1.6);
  }

  .dibu .footer-r ul h3,
  .dibu .footer-r a:hover,
  .dibu .footer-website i {
    color: var(--ch-gold);
  }

  .dibu .footer-r a,
  .dibu .footer-l p,
  .dibu .footer-website a {
    color: rgba(255, 255, 255, 0.84);
  }

  html body .zw {
    height: 0;
  }

  .pc_ + .cs-section {
    padding: 76px 0 84px;
    background: #f0ebe2;
  }

  .pc_ + .cs-section .cs-eyebrow {
    color: var(--ch-gold-deep);
  }

  .pc_ + .cs-section .cs-title {
    color: var(--ch-ink);
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: 0;
  }

  .pc_ + .cs-section .cs-card {
    border: 1px solid rgba(23, 21, 18, 0.1);
    border-radius: 4px;
    box-shadow: 0 18px 40px rgba(23, 21, 18, 0.08);
  }

  .pc_ + .cs-section .cs-card:hover {
    border-color: rgba(201, 162, 77, 0.65);
  }

  .pc_ + .cs-section .cs-card::before {
    background: var(--ch-gold);
  }

  .pc_ + .cs-section .cs-contact-link,
  .pc_ + .cs-section .cs-icon {
    color: var(--ch-gold-deep);
  }

  #online_qq_tab #floatShow,
  .livechat-girl .girl {
    background-color: var(--ch-gold) !important;
  }

  .progress-wrap::after {
    color: var(--ch-gold) !important;
  }

  .progress-wrap svg.progress-circle path {
    stroke: var(--ch-gold) !important;
  }
}

@media (min-width: 701px) and (max-width: 1280px) {
  .garment-header-inner {
    grid-template-columns: 205px minmax(0, 1fr) auto;
  }

  .garment-logo {
    width: 196px;
    height: 60px;
  }
}

@media (max-width: 700px) {
  .garment-logo {
    overflow: hidden;
  }

  .garment-logo img {
    inset: -38% -30%;
    width: 160%;
    height: 176%;
    max-width: none;
    object-position: center;
  }
}