/* source: assets/hanhai-studio/centered.css */
/* v183: centered product composition approved in the full-page proposal. */
#boban-home-concept #boban-model.hh-centered{padding:44px 0;background:#fff}
#boban-home-concept .hh-centered .hh-centered-heading{width:calc(100% - 48px);margin:0 auto 28px}
#boban-home-concept .hh-centered a.hh-studio-card{position:relative;display:block;height:416px;min-height:0;padding:0;background:#e6ebf1 url("/assets/hanhai-studio/centered-light.svg") center/100% 100% no-repeat;border:1px solid #e6e9ed;border-radius:24px}
#boban-home-concept .hh-centered .hh-scene{position:absolute;top:-36px;left:50%;transform:translateX(-50%);width:430px;max-width:none;height:430px;aspect-ratio:1;margin:0}
#boban-home-concept .hh-centered .hh-capabilities{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;width:510px;max-width:90%;justify-content:space-between;align-items:center;margin:0;padding:0;border:0;border-radius:0;background:none}
#boban-home-concept .hh-centered .hh-capabilities li,
#boban-home-concept .hh-centered .hh-capabilities li:first-child,
#boban-home-concept .hh-centered .hh-capabilities li:last-child{padding:0;border:0;color:#6d7782;font-size:20px;font-weight:400;line-height:1.5}
@media(max-width:700px){
 #boban-home-concept #boban-model.hh-centered{padding:32px 0}
 #boban-home-concept .hh-centered .hh-centered-heading{margin-bottom:24px}
 #boban-home-concept .hh-centered a.hh-studio-card{width:calc(80% - 25.6px);height:264px;border-radius:18px;background-size:100% 100%}
 #boban-home-concept .hh-centered .hh-scene{width:280px;height:280px;top:-21.6px}
 #boban-home-concept .hh-centered .hh-capabilities{width:calc(100% - 52px);max-width:none;bottom:23px}
 #boban-home-concept .hh-centered .hh-capabilities li,
 #boban-home-concept .hh-centered .hh-capabilities li:first-child,
 #boban-home-concept .hh-centered .hh-capabilities li:last-child{font-size:16px}
}
@media(max-width:350px){
 #boban-home-concept .hh-centered a.hh-studio-card{height:241.6px}
 #boban-home-concept .hh-centered .hh-scene{width:256px;height:256px;top:-20px}
 #boban-home-concept .hh-centered .hh-capabilities{width:calc(100% - 40px);bottom:20px}
 #boban-home-concept .hh-centered .hh-capabilities li,
 #boban-home-concept .hh-centered .hh-capabilities li:first-child,
 #boban-home-concept .hh-centered .hh-capabilities li:last-child{font-size:15px}
}

/* v184: quiet, compact capability caption under the product. */
#boban-home-concept .hh-centered .hh-capabilities{width:max-content;max-width:calc(100% - 40px);gap:34px;bottom:27px;justify-content:center}
#boban-home-concept .hh-centered .hh-capabilities li,
#boban-home-concept .hh-centered .hh-capabilities li:first-child,
#boban-home-concept .hh-centered .hh-capabilities li:last-child{position:relative;font-size:16px;line-height:1.5;color:#78828e;letter-spacing:.02em}
#boban-home-concept .hh-centered .hh-capabilities li+li::before{content:"";position:absolute;left:-18px;top:50%;height:11px;width:1px;transform:translateY(-50%);background:#adb6c1;opacity:.6}
@media(max-width:700px){
 #boban-home-concept .hh-centered .hh-capabilities{gap:25px;bottom:24px}
 #boban-home-concept .hh-centered .hh-capabilities li,
 #boban-home-concept .hh-centered .hh-capabilities li:first-child,
 #boban-home-concept .hh-centered .hh-capabilities li:last-child{font-size:14px}
 #boban-home-concept .hh-centered .hh-capabilities li+li::before{left:-13px;height:10px}
}


/* source: assets/hanhai-studio/banner-soft.css */
/* Home carousel uses the approved soft silver-blue visual. */
#boban-home-concept .boban-mm-hero-media.hh-banner-soft{background:radial-gradient(ellipse 44% 100% at 75% 49%,#fff 0%,#fff 45%,#ffffff80 70%,#ffffff00 100%),linear-gradient(112deg,#e6eef7 0%,#edf3fa 52%,#dfebf7 100%)}
#boban-home-concept .hh-banner-soft .hh-scene{inset:auto 8% auto auto;top:50%;width:38%;height:auto;aspect-ratio:1;transform:translateY(-50%);overflow:hidden}
#boban-home-concept .hh-banner-soft .hh-scene::after{display:none}
#boban-home-concept .hh-banner-soft .hh-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:radial-gradient(ellipse 40% 38% at 49.3% 47%,#000 94%,transparent 100%),radial-gradient(ellipse 38% 6% at 49.3% 81%,#000 35%,transparent 100%);mask-composite:add}
#boban-home-concept .hh-banner-soft .hh-studio-core{position:absolute;display:block;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s}
#boban-home-concept .hh-banner-soft .hh-studio-core[data-renderer="living-core-webgl"]{opacity:1}
@media(max-width:760px){
 #boban-home-concept .boban-mm-hero-media.hh-banner-soft{background-image:radial-gradient(ellipse 85% 65% at 50% 28%,#fff 0%,#ffffffed 48%,#ffffff00 100%),linear-gradient(135deg,#edf3fa,#e6eef7)}
 #boban-home-concept .hh-banner-soft .hh-scene{inset:-30px 50% auto auto;transform:translateX(50%);width:min(84%,280px);height:auto}
}