/* RAROMA homepage clarity refinements — 2026-09 */
body.home #header:not(.active)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(28, 22, 17, .52) 0%, rgba(28, 22, 17, .18) 58%, rgba(28, 22, 17, 0) 100%);
}
body.home #header:not(.active) #header_logo,
body.home #header:not(.active) #global_menu,
body.home #header:not(.active) #header_search {
  position: relative;
  z-index: 1;
}
body.home #header:not(.active) #header_logo a,
body.home #header:not(.active) #global_menu > ul > li > a {
  color: #fff !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .72);
}
#header_search_button {
  padding: 0;
  border: 0;
  background: transparent;
}
body.home #header_slider .catch,
body.home #header_slider .desc {
  color: #3b342e !important;
  text-shadow: 0 1px 3px rgba(255, 255, 255, .9);
}
body.home #header_slider .catch,
body.home #header_slider .desc {
  font-weight: 500;
}
body.home #header_slider .design_button.type1 a {
  color: #fff !important;
  background: #7d674d !important;
}
body.home #header_slider .design_button.type1 a::before {
  background: #5f4d3b !important;
}
.cb_tab_content.num2 .tab_content_bottom .title {
  color: #7d674d;
}
.cb_tab_content.num2 .tab_content_top_inner {
  color: #342c25;
  max-width: 920px;
  padding: 38px 56px;
  border: 1px solid rgba(83, 67, 52, .14);
  border-radius: 2px;
  background: rgba(248, 243, 236, .82);
  box-shadow: 0 20px 60px rgba(76, 61, 47, .10);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.cb_tab_content.num2 .tab_content_top .catch,
.cb_tab_content.num2 .tab_content_top .desc {
  color: #342c25;
}
.cb_tab_content.num2 .tab_content_top .catch {
  font-size: 32px !important;
}
.cb_tab_content.num2 .tab_content_top .tab .item {
  color: #3f352c;
  border: 1px solid rgba(63, 53, 44, .22);
  background: rgba(248, 243, 236, .86);
  line-height: 1.35;
  padding-top: 14px;
}
.cb_tab_content.num2 .tab_content_top .tab .item::before {
  display: block;
  margin-bottom: 4px;
  color: #7d674d;
  font-family: Georgia, serif;
  font-size: 10px;
  line-height: 1;
  letter-spacing: .14em;
}
.cb_tab_content.num2 .tab_content_top .tab .item:nth-child(1)::before { content: "OUR ROOTS"; }
.cb_tab_content.num2 .tab_content_top .tab .item:nth-child(2)::before { content: "HUMAN CREATIVITY"; }
.cb_tab_content.num2 .tab_content_top .tab .item:nth-child(3)::before { content: "AI INNOVATION"; }
.cb_tab_content.num2 .tab_content_top .tab .item.active,
.cb_tab_content.num2 .tab_content_top .tab .item:hover {
  color: #fff;
  border-color: #7d674d;
  background: #7d674d;
}
.cb_tab_content.num2 .tab_content_top .tab .item.active::before,
.cb_tab_content.num2 .tab_content_top .tab .item:hover::before {
  color: rgba(255, 255, 255, .88);
}
.raroma-proof-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 900px;
  margin: 42px auto 0;
  border-top: 1px solid rgba(90, 70, 50, .22);
  border-bottom: 1px solid rgba(90, 70, 50, .22);
}
.raroma-proof {
  padding: 20px 14px;
  color: #473a30;
  text-align: center;
}
.raroma-proof + .raroma-proof {
  border-left: 1px solid rgba(90, 70, 50, .18);
}
.raroma-proof strong {
  display: block;
  margin-bottom: 4px;
  color: #765f45;
  font-family: Georgia, serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .02em;
}
.raroma-proof span {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
@media screen and (max-width: 750px) {
  body.home #header:not(.active)::before {
    background: linear-gradient(180deg, rgba(28, 22, 17, .45) 0%, rgba(28, 22, 17, 0) 100%);
  }
  body.home #header_slider .catch {
    font-size: 28px !important;
  }
  .cb_tab_content.num2 .tab_content_top {
    height: 430px;
  }
  .cb_tab_content.num2 .tab_content_top_inner {
    width: calc(100% - 36px);
    padding: 24px 20px;
  }
  .cb_tab_content.num2 .tab_content_top .catch {
    font-size: 20px !important;
  }
  .cb_tab_content.num2 .tab_content_top .desc {
    line-height: 1.85;
  }
  .cb_tab_content.num2 .tab_content_top .tab {
    width: calc(100% - 20px);
    height: 72px;
  }
  .cb_tab_content.num2 .tab_content_top .tab .item {
    min-width: 0;
    height: 72px;
    margin: 0 2px;
    padding: 13px 5px 0;
    font-size: 11px;
  }
  .cb_tab_content.num2 .tab_content_top .tab .item::before {
    font-size: 8px;
    letter-spacing: .08em;
  }
  .raroma-proof-strip {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }
  .raroma-proof {
    padding: 14px 10px;
  }
  .raroma-proof + .raroma-proof {
    border-top: 1px solid rgba(90, 70, 50, .18);
    border-left: 0;
  }
  .raroma-proof strong {
    font-size: 21px;
  }
}