/* RHK ART GLASS — visual system override
   Purpose: refine structure/aesthetics without changing site copy, images or CMS content. */
:root{
  --rhk-bg:#f3f2ee;
  --rhk-ink:#151515;
  --rhk-muted:#7a7a74;
  --rhk-line:rgba(20,20,20,.12);
}
html{scroll-behavior:smooth}
body{
  font-family:"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
  color:var(--rhk-ink);
  background:var(--rhk-bg);
  -webkit-font-smoothing:antialiased;
  letter-spacing:.02em;
}
.container-fluid{max-width:1440px!important;padding-left:4vw;padding-right:4vw}
header{
  height:88px;
  background:rgba(12,12,12,.46);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.14);
  transition:background .35s ease,border-color .35s ease;
}
header .logo a{line-height:88px}
header .logo img{max-height:54px;width:auto;object-fit:contain}
header .menu>ul>li>a{
  height:88px;line-height:1.15;padding:28px 18px 0;
  font-size:14px;font-weight:400;letter-spacing:.08em;color:#fff;
}
header .menu>ul>li>a span{
  margin-top:7px;font-size:9px;letter-spacing:.18em;opacity:.58;font-weight:400
}
header .search .searchBtn{line-height:88px;opacity:.75}
.banner{height:100vh;min-height:680px}
.banner:after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.04) 48%,rgba(0,0,0,.30));
}
.banner .swiper-slide{transform:scale(1.015);transition:transform 7s ease}
.banner .swiper-slide-active{transform:scale(1.055)}
.content{margin-top:0;background:var(--rhk-bg)}
.main-pad-1,.main-pad-3,.main-pad-5,.main-pad-7{padding-top:clamp(88px,9vw,150px)}
.main-pad-2,.main-pad-4,.main-pad-6,.main-pad-8{padding-bottom:clamp(88px,9vw,150px)}
.main-Background-1{background:#111!important}
.main-Background-4{background:#20201e}
.main-Background-5{background:#0e0e0d}
.title-1 .top .en{font-size:clamp(34px,4vw,64px);font-weight:300;letter-spacing:.02em}
.title-1 .top .cn{font-family:inherit;font-size:clamp(22px,2.4vw,34px);font-weight:300}
.title-1 .minen{font-family:inherit;letter-spacing:.18em;text-transform:uppercase;opacity:.55}
.title-2 .biaoti{font-family:inherit;font-weight:300;letter-spacing:.06em}
.text-1-list .shuzi{font-family:"Times New Roman",serif;font-weight:400}
.text-1-list,.text-4-list{border-color:rgba(255,255,255,.12)!important}
.content img{transition:transform .8s cubic-bezier(.2,.65,.25,1),filter .5s ease}
.content a:hover img{transform:scale(1.025)}
.content .row{margin-left:-16px;margin-right:-16px}
.content [class*="col-"]{padding-left:16px;padding-right:16px}
footer{
  padding:42px 0!important;background:#0c0c0b!important;
  color:rgba(255,255,255,.5)!important;border-top:1px solid rgba(255,255,255,.08);
  font-size:12px;letter-spacing:.08em
}
footer a{color:rgba(255,255,255,.5)!important}
.dock{opacity:.72;transform:scale(.92);transform-origin:right center}
@media (max-width:991px){
  header{height:70px}
  header .logo a{line-height:70px}
  header .logo img{max-height:44px}
  header .menu-btn{margin-top:24px}
  .menu-box{background:#111}
  .menu-box ul li a{font-weight:300;letter-spacing:.08em}
  .banner{min-height:560px}
  .container-fluid{padding-left:24px;padding-right:24px}
}
@media (max-width:767px){
  .banner{height:82vh;min-height:520px}
  .content{margin-top:0}
  .main-pad-1,.main-pad-3,.main-pad-5,.main-pad-7{padding-top:72px}
  .main-pad-2,.main-pad-4,.main-pad-6,.main-pad-8{padding-bottom:72px}
  .container-fluid{padding-left:20px;padding-right:20px}
  .dock{display:none!important}
}