html,
body {
  background: #1d1d1b;
}

html body img[src*="-scene-v"] {
  filter: saturate(1.04) contrast(1.02) !important;
  mix-blend-mode: multiply;
}

.item-img,
.brand-img__touch {
  background-image: none !important;
}

.nav.default,
.nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  width: 100vw !important;
  transform: none !important;
  will-change: auto !important;
}

.nav-inner {
  transform: none !important;
}

.app,
.main.h,
.main {
  padding-top: 8vh;
}

body,
.txt,
.item-desc,
.h5,
.h3,
.n-text,
.aw-desc,
.rotate-desc {
  font-family: "Editorial New", "Noto Serif SC", "SimSun", serif;
}

.nav-head {
  width: 17vw;
  text-align: center;
}

.nav-img {
  display: none !important;
}

.nav-head::after {
  content: none;
}

.bb-wordmark {
  display: block !important;
  width: clamp(40px, 3.7vw, 62px);
  height: auto;
  margin: 0 auto;
  mix-blend-mode: multiply;
}

.menu-link {
  cursor: pointer;
}

img[src*="-scene-v"] {
  filter: saturate(1.04) contrast(1.02) !important;
  mix-blend-mode: multiply;
}

body.bb-review-mode {
  cursor: crosshair;
}

.bb-review-panel {
  position: fixed;
  top: 9vh;
  right: 1vw;
  z-index: 10050;
  width: min(360px, 34vw);
  max-height: 84vh;
  overflow: auto;
  border: 1px solid #1d1d1b;
  background: rgba(205, 198, 190, .94);
  box-shadow: 0 18px 60px rgba(29, 29, 27, .26);
  color: #1d1d1b;
  font-family: "Editorial New", "Noto Serif SC", serif;
  backdrop-filter: blur(8px);
}

.bb-review-banner {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 10080;
  border: 1px solid #1d1d1b;
  border-top: 0;
  padding: 8px 14px 6px;
  background: #c03f13;
  color: #cdc6be;
  font-family: Canopee, "Noto Serif SC", serif;
  font-size: 18px;
  line-height: 1;
  letter-spacing: .04em;
  transform: translateX(-50%);
  pointer-events: none;
}

.bb-review-panel-head {
  position: sticky;
  top: 0;
  border-bottom: 1px solid rgba(29, 29, 27, .5);
  padding: 14px 15px 12px;
  background: rgba(205, 198, 190, .98);
}

.bb-review-panel h2 {
  margin: 0;
  font-family: Canopee, "Noto Serif SC", serif;
  font-size: 30px;
  line-height: .9;
  letter-spacing: -.03em;
  text-transform: uppercase;
}

.bb-review-panel p {
  margin: 8px 0 0;
  color: rgba(29, 29, 27, .68);
  font-size: 13px;
  line-height: 1.35;
}

.bb-review-list {
  display: grid;
  gap: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}

.bb-review-item {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 10px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(29, 29, 27, .32);
  padding: 10px 12px;
  background: transparent;
  color: #1d1d1b;
  text-align: left;
  cursor: pointer;
}

.bb-review-item:hover,
.bb-review-item:focus {
  background: rgba(29, 29, 27, .08);
  outline: none;
}

.bb-review-code {
  align-self: start;
  border: 1px solid #1d1d1b;
  padding: 5px 6px 3px;
  color: #cdc6be;
  background: #1d1d1b;
  font-family: Canopee, "Noto Serif SC", serif;
  font-size: 18px;
  line-height: .9;
  text-align: center;
}

.bb-review-name {
  display: block;
  color: #1d1d1b;
  font-size: 14px;
  line-height: 1.2;
}

.bb-review-note {
  display: block;
  margin-top: 3px;
  color: rgba(29, 29, 27, .62);
  font-size: 12px;
  line-height: 1.25;
}

.bb-review-tag {
  position: fixed;
  z-index: 10049;
  border: 1px solid #1d1d1b;
  padding: 5px 7px 3px;
  background: #c03f13;
  color: #cdc6be;
  font-family: Canopee, "Noto Serif SC", serif;
  font-size: 17px;
  line-height: .9;
  letter-spacing: .02em;
  pointer-events: auto;
  cursor: pointer;
  transform: translate3d(-4px, -4px, 0);
}

.bb-review-target {
  outline: 1px dashed rgba(192, 63, 19, .78) !important;
  outline-offset: 4px !important;
}

.bb-review-target.bb-review-active {
  outline: 3px solid #c03f13 !important;
  outline-offset: 6px !important;
}

@media (max-width: 900px) {
  .bb-review-panel {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 42vh;
  }
}

.bb-static-app {
  min-height: 100vh;
  background: #cdc6be;
}

.bb-document {
  padding: 11vh 2vw 4vw;
}

.bb-page-label {
  color: #1d1d1b;
  font-family: "Editorial New", "Noto Serif SC", serif;
  font-size: 1.2vw;
  line-height: 1.3;
  text-transform: uppercase;
}

.bb-title-block {
  margin: 2vw 0;
  padding: 1.2vw 1.6vw .6vw;
  background: #1d1d1b;
  color: #cdc6be;
}

.bb-title-block .head {
  margin: 0;
  font-size: 24vw;
  line-height: .76;
}

.bb-deck {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 2vw;
  border-top: 1px solid rgba(29, 29, 27, .45);
  border-bottom: 1px solid rgba(29, 29, 27, .45);
  padding: 2vw 0;
}

.bb-deck h2,
.bb-card h2,
.bb-case h2,
.bb-form-title {
  margin: 0;
  color: #1d1d1b;
  font-family: Canopee, "Noto Serif SC", serif;
  font-size: 6vw;
  line-height: .82;
  letter-spacing: -.055em;
  text-transform: uppercase;
}

.bb-deck p,
.bb-card p,
.bb-case p,
.bb-note,
.bb-form label {
  color: #1d1d1b;
  font-family: "Editorial New", "Noto Serif SC", serif;
  font-size: 1.65vw;
  line-height: 1.15;
}

.bb-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6vw;
  margin-top: 2vw;
}

.bb-grid.two {
  grid-template-columns: repeat(2, 1fr);
}

.bb-card,
.bb-case,
.bb-form {
  min-height: 22vw;
  border: 1px solid rgba(29, 29, 27, .55);
  padding: 1.5vw;
  background: rgba(205, 198, 190, .72);
}

.bb-card small,
.bb-case small {
  display: block;
  margin-bottom: 1vw;
  color: #c03f13;
  font-family: Canopee, sans-serif;
  font-size: 1.45vw;
  line-height: 1;
  text-transform: uppercase;
}

.bb-card h3,
.bb-case h3 {
  margin: 0 0 1vw;
  color: #1d1d1b;
  font-family: Canopee, "Noto Serif SC", serif;
  font-size: 4.1vw;
  line-height: .82;
  letter-spacing: -.05em;
  text-transform: uppercase;
}

.bb-case img {
  width: 100%;
  height: 16vw;
  object-fit: cover;
  margin-bottom: 1vw;
  border: 1px solid rgba(29, 29, 27, .7);
  filter: saturate(1.04) contrast(1.02);
}

.bb-marquee {
  overflow: hidden;
  margin-top: 3vw;
  border-top: 1px solid rgba(29, 29, 27, .55);
  border-bottom: 1px solid rgba(29, 29, 27, .55);
  white-space: nowrap;
}

.bb-marquee span {
  display: inline-block;
  padding: 1.3vw 0;
  font-family: Canopee, sans-serif;
  font-size: 7vw;
  line-height: .8;
  text-transform: uppercase;
  animation: ticker 24s linear infinite;
}

.bb-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1vw;
}

.bb-form label {
  display: grid;
  gap: .5vw;
}

.bb-form .wide,
.bb-form button,
.bb-form .form-status {
  grid-column: 1 / -1;
}

.bb-form input,
.bb-form select,
.bb-form textarea {
  width: 100%;
  border: 1px solid rgba(29, 29, 27, .65);
  border-radius: 0;
  background: rgba(238, 232, 218, .55);
  padding: .9vw;
  color: #1d1d1b;
  font-family: "Editorial New", "Noto Serif SC", serif;
  font-size: 1.4vw;
}

.bb-form textarea {
  min-height: 11vw;
  resize: vertical;
}

.bb-form button {
  min-height: 5vw;
  border: 0;
  background: #1d1d1b;
  color: #cdc6be;
  font-family: Canopee, sans-serif;
  font-size: 4vw;
  text-transform: uppercase;
}

.menu-title,
.head,
.h-head,
.m-head,
.head-title,
.m-title,
.cta-text,
.f-news,
.marquee-text {
  letter-spacing: -0.055em;
}

.head.h {
  font-size: 22.2vw;
  line-height: 18vw;
}

.head.set2 {
  font-size: 28vw;
  line-height: 20vw;
}

.h-head.ex {
  font-size: 6.8vw;
  line-height: 5.4vw;
}

.h-head.s-1 {
  font-size: 8.2vw;
  line-height: 6.2vw;
}

.h-head.sub {
  font-size: 13.7vw;
  line-height: 9.4vw;
}

.item-t {
  width: 100%;
  height: auto;
  max-height: 5.8vw;
  object-fit: contain;
  object-position: left center;
}

.item-img img,
.h-img,
.aw-thumb,
.f-stamp {
  object-fit: cover;
  filter: saturate(1.04) contrast(1.02) !important;
}

.h-img[src$=".svg"],
.f-stamp[src$=".svg"] {
  object-fit: contain;
  padding: 1.5vw;
}

.has-dropcap::first-letter,
.txt::first-letter {
  font-family: Canopee, "Noto Serif SC", serif;
}

.marquee-text,
.new-2 {
  color: #cdc6be;
}

.marquee-link {
  background-color: #1d1d1b;
}

.f-stamp {
  mix-blend-mode: multiply;
}

@media screen and (max-width: 479px) {
  .nav-head::after {
    font-size: 3vw;
  }

  .nav-head,
  .nav-head.w--current {
    width: auto;
  }

  .bb-document {
    padding: 10vh 4vw 8vw;
  }

  .bb-title-block .head {
    font-size: 25vw;
  }

  .bb-deck,
  .bb-grid,
  .bb-grid.two,
  .bb-form {
    grid-template-columns: 1fr;
  }

  .bb-deck h2,
  .bb-card h2,
  .bb-case h2,
  .bb-form-title {
    font-size: 17vw;
  }

  .bb-deck p,
  .bb-card p,
  .bb-case p,
  .bb-note,
  .bb-form label {
    font-size: 5.5vw;
    line-height: 1.1;
  }

  .bb-card,
  .bb-case,
  .bb-form {
    min-height: auto;
    padding: 4vw;
  }

  .bb-card small,
  .bb-case small {
    font-size: 4vw;
  }

  .bb-card h3,
  .bb-case h3 {
    font-size: 13vw;
  }

  .bb-case img {
    height: 58vw;
  }

  .bb-form input,
  .bb-form select,
  .bb-form textarea {
    padding: 3vw;
    font-size: 5vw;
  }

  .bb-form button {
    min-height: 16vw;
    font-size: 12vw;
  }

  .head.h {
    font-size: 24vw;
    line-height: 19vw;
  }

  .h-head.ex {
    font-size: 10vw;
    line-height: 8.5vw;
  }
}