/* source: assets/css/home/hanhai-promo.css */
/* Approved Hanhai silver-white visual, shared across current local pages. */
.hh-promo{position:relative;isolation:isolate;overflow:hidden;background:#eaf3fb;color:#073253;font-family:"Microsoft YaHei","PingFang SC",sans-serif;box-sizing:border-box}
.hh-promo *{box-sizing:border-box}
.hh-promo .hh-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hh-promo .hh-scene img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:right center}
.hh-promo .hh-core{position:absolute;display:block;border-radius:50%;max-width:none;pointer-events:none;opacity:0;transition:opacity .35s;filter:drop-shadow(0 0 4px #00b9ec66)}
.hh-promo .hh-core[data-renderer="living-core-webgl"]{opacity:1}
.hh-promo .hh-copy{position:relative;z-index:2;width:49%;margin-left:10.8%;padding:52px 0}
.hh-promo .hh-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#133c59;font-size:14px;font-weight:600;letter-spacing:.04em}
.hh-promo .hh-eyebrow::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#06c5e9}
.hh-promo .hh-title{margin:0;color:#073253;font-size:clamp(36px,3.65vw,70px);line-height:1.18;letter-spacing:-.045em;font-weight:700}
.hh-promo .hh-tagline{margin:14px 0 0;color:#246b9c;font-size:clamp(25px,2.6vw,49px);line-height:1.35;font-weight:600;letter-spacing:.025em}
.hh-promo .hh-description{margin:20px 0 0;max-width:590px;color:#3f6b8a;font-size:clamp(14px,1.15vw,21px);line-height:1.8;text-wrap:pretty}
.hh-promo .hh-directions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:22px 0 0;padding:19px 0 0;border-top:1px solid #769ec366;max-width:580px;list-style:none}
.hh-promo .hh-directions li{margin:0;padding:0;min-width:0}
.hh-promo .hh-directions span{display:block;color:#5c89af;font-size:13px;line-height:1.4;letter-spacing:.04em}
.hh-promo .hh-directions strong{display:block;margin-top:8px;color:#103b5b;font-size:20px;line-height:1.3;font-weight:600}
.hh-promo .hh-note{margin:22px 0 0;color:#55758e;font-size:12px;line-height:1.7}
.hh-promo .hh-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hh-promo .hh-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:136px;padding:10px 24px;border:1px solid #1e719f;border-radius:99px;background:#1374a9;color:#fff;text-decoration:none;font-size:16px;font-weight:600;line-height:1.3;transition:background .2s,box-shadow .2s}
.hh-promo .hh-button.hh-button-light{color:#123b58;background:#ffffffb8;border-color:#568aaf}
.hh-promo .hh-button:hover{box-shadow:0 4px 16px #2c749625;background:#086696;color:#fff}
.hh-promo .hh-button:focus-visible{outline:3px solid #0aa9d9;outline-offset:4px}
#boban-home-concept .hh-promo a.hh-button{color:#fff}
#boban-home-concept .hh-promo a.hh-button-light{color:#123b58}
#boban-home-concept .hh-promo a.hh-button:hover{color:#fff}
.hh-promo.hh-series,.hh-promo#hanhai-model,.hh-promo#boban-model{display:flex;align-items:center;min-height:480px;height:auto;padding:0;border:0;scroll-margin-top:110px}
.hh-promo.hh-series .hh-copy{width:38%;max-width:680px}
.hh-promo.hh-home-series .hh-copy{padding-bottom:42px}
#boban-home-concept .boban-mm-hero-media.hh-banner{background:#eaf3fb;container-type:inline-size}
.hh-promo.hh-banner .hh-copy{width:49%;margin-left:6.4%;position:absolute;top:50%;transform:translateY(-50%);padding:0}
.hh-promo.hh-banner .hh-title{font-size:clamp(36px,5.1cqw,74px)}
.hh-promo.hh-banner .hh-tagline{font-size:clamp(18px,2.55cqw,36px);letter-spacing:0;margin-top:10px}
.hh-promo.hh-banner .hh-actions{margin-top:22px}
@media(min-width:1440px){.hh-promo.hh-series,.hh-promo#hanhai-model,.hh-promo#boban-model{min-height:35.1vw}.hh-promo.hh-series .hh-copy{padding:62px 0}}
@media(min-width:761px) and (max-width:1100px){.hh-promo.hh-series .hh-copy{width:46%;margin-left:6%}.hh-promo .hh-title{font-size:36px}.hh-promo .hh-tagline{font-size:26px}.hh-promo .hh-description{font-size:14px}.hh-promo .hh-directions{gap:10px}.hh-promo .hh-directions strong{font-size:17px}.hh-promo .hh-note{font-size:11px}.hh-promo.hh-series .hh-scene img{object-position:62% center}}
@media(max-width:760px){
 .hh-promo.hh-series,.hh-promo#hanhai-model,.hh-promo#boban-model{display:block;min-height:0;height:auto;padding:0 0 278px;background:#eaf3fb}
 .hh-promo .hh-scene{top:auto;bottom:0;height:290px;left:0;right:0}
 .hh-promo .hh-scene::after{content:"";position:absolute;inset:0 0 auto;height:42px;background:linear-gradient(#eaf3fb,transparent)}
 .hh-promo.hh-series .hh-copy{width:auto;max-width:none;margin:0;padding:38px 24px 12px}
 .hh-promo .hh-eyebrow{font-size:12px;margin-bottom:15px}
 .hh-promo .hh-title{font-size:36px;letter-spacing:-.045em}
 .hh-promo .hh-tagline{font-size:25px;margin-top:10px;letter-spacing:0}
 .hh-promo .hh-description{font-size:14px;margin-top:16px;line-height:1.85}
 .hh-promo .hh-directions{gap:12px;margin-top:20px;padding-top:15px}
 .hh-promo .hh-directions span{font-size:11px}
 .hh-promo .hh-directions strong{font-size:17px;margin-top:6px}
 .hh-promo .hh-note{font-size:11px;margin-top:17px}
 .hh-promo .hh-actions{margin-top:19px;gap:10px}
 .hh-promo .hh-button{font-size:14px;min-height:40px;min-width:122px;padding:9px 19px}
 #boban-home-concept .boban-mm-hero-media.hh-banner{height:100%;aspect-ratio:auto}
 .hh-promo.hh-banner .hh-copy{position:relative;top:auto;transform:none;width:auto;margin:0;padding:24px 24px 0}
 .hh-promo.hh-banner .hh-title{font-size:36px}
 .hh-promo.hh-banner .hh-tagline{font-size:19px;margin-top:8px}
 .hh-promo.hh-banner .hh-actions{margin-top:17px}
 .hh-promo.hh-banner .hh-scene{height:220px}
}


/* source: assets/hanhai-studio/studio.css */
#boban-home-concept #boban-model.hh-studio{display:block;width:100%;height:auto;min-height:0;margin:0;padding:76px 0 80px;border:0;border-radius:0;background:#fff;box-shadow:none;scroll-margin-top:90px}
#boban-home-concept .hh-studio .hh-studio-inner{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:60px;width:min(1120px,calc(100% - 80px));margin:0 auto}
#boban-home-concept .hh-studio .hh-copy{width:auto;max-width:none;margin:0;padding:0}
#boban-home-concept .hh-studio .hh-title{margin:0;color:#111;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:56px;font-weight:600;line-height:1.12;letter-spacing:-.055em}
#boban-home-concept .hh-studio .hh-tagline{margin:22px 0 0;color:#757b82;font-size:24px;font-weight:400;line-height:1.45;letter-spacing:0}
#boban-home-concept .hh-studio .hh-description{margin:20px 0 0;color:#838990;font-size:16px;line-height:1.85;max-width:480px}
#boban-home-concept .hh-studio .hh-capabilities{display:flex;margin:26px 0 0;padding:0;list-style:none;color:#353e47;font-size:16px;line-height:1.2}
#boban-home-concept .hh-studio .hh-capabilities li{margin:0;padding:0 21px;border-right:1px solid #e2e5e9;white-space:nowrap}
#boban-home-concept .hh-studio .hh-capabilities li:first-child{padding-left:0}
#boban-home-concept .hh-studio .hh-capabilities li:last-child{border-right:0;padding-right:0}
#boban-home-concept .hh-studio .hh-actions{display:flex;align-items:center;gap:22px;margin-top:27px}
#boban-home-concept .hh-studio a.hh-button{gap:12px;min-height:42px;padding:11px 24px;border:0;background:#007aff;color:#fff;font-size:14px;font-weight:400;min-width:0;line-height:1.4}
#boban-home-concept .hh-studio a.hh-button:hover{background:#0069dd;box-shadow:none}
#boban-home-concept .hh-studio a.hh-contact{color:#77828d;font-size:13px;text-decoration:none}
#boban-home-concept .hh-studio a.hh-contact:hover{color:#007aff}
#boban-home-concept .hh-studio .hh-note{margin:19px 0 0;color:#9299a0;font-size:11px;line-height:1.6}
#boban-home-concept .hh-studio .hh-scene{position:relative;inset:auto;width:100%;max-width:460px;height:auto;aspect-ratio:1;justify-self:center;overflow:hidden;pointer-events:auto}
#boban-home-concept .hh-studio .hh-scene::after{display:none}
#boban-home-concept .hh-studio .hh-scene img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;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-studio .hh-studio-core{position:absolute;display:block;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s}
#boban-home-concept .hh-studio .hh-studio-core[data-renderer="living-core-webgl"]{opacity:1}
#boban-home-concept .hh-studio .hh-art-link{position:absolute;inset:0;z-index:3;border-radius:50%}
#boban-home-concept .hh-studio .hh-art-link:focus-visible{outline:2px solid #007aff;outline-offset:-8px}
@media(max-width:1000px) and (min-width:701px){
 #boban-home-concept .hh-studio .hh-studio-inner{width:calc(100% - 64px);gap:20px;grid-template-columns:1.15fr 1fr}
 #boban-home-concept .hh-studio .hh-title{font-size:46px}
 #boban-home-concept .hh-studio .hh-tagline{font-size:22px}
 #boban-home-concept .hh-studio .hh-description{font-size:14px}
 #boban-home-concept .hh-studio .hh-capabilities li{padding:0 15px}
}
@media(max-width:700px){
 #boban-home-concept #boban-model.hh-studio{padding:48px 0 28px}
 #boban-home-concept .hh-studio .hh-studio-inner{width:calc(100% - 48px);grid-template-columns:1fr;gap:8px}
 #boban-home-concept .hh-studio .hh-title{font-size:42px;line-height:1.12}
 #boban-home-concept .hh-studio .hh-tagline{font-size:21px;margin-top:19px}
 #boban-home-concept .hh-studio .hh-description{font-size:14px;margin-top:15px}
 #boban-home-concept .hh-studio .hh-desktop-break{display:none}
 #boban-home-concept .hh-studio .hh-capabilities{font-size:15px;margin-top:22px;justify-content:space-between}
 #boban-home-concept .hh-studio .hh-capabilities li{padding:0 16px}
 #boban-home-concept .hh-studio .hh-actions{gap:20px;margin-top:23px}
 #boban-home-concept .hh-studio .hh-note{font-size:10px;line-height:1.7}
 #boban-home-concept .hh-studio .hh-scene{max-width:360px}
}
@media(max-width:350px){#boban-home-concept .hh-studio .hh-capabilities li{padding:0 11px}}

/* v176: simplified copy and an all-around artwork mask, preserving the original shell and contact shadow. */
#boban-home-concept #boban-model.hh-studio{padding-block:60px}
#boban-home-concept .hh-studio .hh-scene{max-width:420px}
@media(max-width:700px){#boban-home-concept #boban-model.hh-studio{padding:44px 0 28px}#boban-home-concept .hh-studio .hh-scene{max-width:340px}}

/* v177: visible section boundaries and a compact capability strip. */
#boban-home-concept #boban-model.hh-studio{padding-block:44px;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 #boban-model.hh-studio::before,
#boban-home-concept #boban-model.hh-studio::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 80px));height:1px;background:#dce1e6;pointer-events:none}
#boban-home-concept #boban-model.hh-studio::before{top:0}
#boban-home-concept #boban-model.hh-studio::after{bottom:0}
#boban-home-concept .hh-studio .hh-studio-inner{grid-template-columns:.95fr 1.05fr;gap:40px}
#boban-home-concept .hh-studio .hh-scene{max-width:480px;justify-self:start}
#boban-home-concept .hh-studio .hh-capabilities{display:inline-flex;max-width:100%;align-items:center;margin-top:28px;padding:13px 0;background:#ffffffb8;border:1px solid #e0e7ef;border-radius:10px}
#boban-home-concept .hh-studio .hh-capabilities li,
#boban-home-concept .hh-studio .hh-capabilities li:first-child,
#boban-home-concept .hh-studio .hh-capabilities li:last-child{padding:0 19px;font-size:15px;color:#3f5465;border-right:1px solid #dce3ea}
#boban-home-concept .hh-studio .hh-capabilities li:last-child{border-right:0}
#boban-home-concept .hh-studio .hh-actions{margin-top:28px}
@media(max-width:1000px) and (min-width:701px){
 #boban-home-concept .hh-studio .hh-studio-inner{grid-template-columns:1.1fr 1fr;gap:20px}
 #boban-home-concept .hh-studio .hh-capabilities li,
 #boban-home-concept .hh-studio .hh-capabilities li:first-child,
 #boban-home-concept .hh-studio .hh-capabilities li:last-child{padding-inline:13px;font-size:14px}
}
@media(max-width:700px){
 #boban-home-concept #boban-model.hh-studio{padding:40px 0 24px;background:radial-gradient(ellipse 95% 40% at 50% 75%,#fff 0%,#fff 55%,#ffffff00 100%),linear-gradient(145deg,#e6eef7,#edf3fa 55%,#dfebf7)}
 #boban-home-concept #boban-model.hh-studio::before,
 #boban-home-concept #boban-model.hh-studio::after{width:calc(100% - 48px)}
 #boban-home-concept .hh-studio .hh-studio-inner{grid-template-columns:1fr;gap:8px}
 #boban-home-concept .hh-studio .hh-scene{max-width:360px;justify-self:center}
 #boban-home-concept .hh-studio .hh-capabilities{width:100%;justify-content:space-around;margin-top:23px}
 #boban-home-concept .hh-studio .hh-capabilities li,
 #boban-home-concept .hh-studio .hh-capabilities li:first-child,
 #boban-home-concept .hh-studio .hh-capabilities li:last-child{padding-inline:15px;font-size:14px}
}
@media(max-width:350px){
 #boban-home-concept .hh-studio .hh-capabilities li,
 #boban-home-concept .hh-studio .hh-capabilities li:first-child,
 #boban-home-concept .hh-studio .hh-capabilities li:last-child{padding-inline:10px}
}

/* v181: use the neighboring product card's width, corners and whole-card link. */
#boban-home-concept #boban-model.hh-studio{background:#fff;padding-block:44px}
#boban-home-concept #boban-model.hh-studio::before,
#boban-home-concept #boban-model.hh-studio::after{width:min(1126px,calc(100% - 48px))}
#boban-home-concept .hh-studio a.hh-studio-card{width:min(1126px,calc(100% - 48px));min-height:460px;padding:34px 44px;gap:24px;border:1px solid rgba(24,30,37,.06);border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;cursor:pointer;background:radial-gradient(ellipse 48% 110% at 76% 49%,#fff 0%,#fff 45%,#ffffff00 100%),#f6f8fa;transition:box-shadow .25s ease,transform .25s ease}
#boban-home-concept .hh-studio a.hh-studio-card:hover{box-shadow:0 12px 32px rgba(33,55,75,.08);transform:translateY(-2px)}
#boban-home-concept .hh-studio a.hh-studio-card:focus-visible{outline:3px solid #2687ce;outline-offset:5px}
#boban-home-concept .hh-studio .hh-scene{max-width:430px;justify-self:center}
@media(max-width:1000px) and (min-width:701px){
 #boban-home-concept .hh-studio a.hh-studio-card{padding:30px;gap:12px;min-height:360px}
}
@media(max-width:700px){
 #boban-home-concept #boban-model.hh-studio{padding-block:32px;background:#fff}
 #boban-home-concept #boban-model.hh-studio::before,
 #boban-home-concept #boban-model.hh-studio::after{width:calc(100% - 32px)}
 #boban-home-concept .hh-studio a.hh-studio-card{width:calc(100% - 32px);padding:28px 22px 10px;min-height:0;gap:12px;border-radius:18px;background:radial-gradient(ellipse 100% 46% at 50% 74%,#fff 0%,#fff 55%,#ffffff00 100%),#f6f8fa}
 #boban-home-concept .hh-studio .hh-scene{max-width:340px}
 #boban-home-concept .hh-studio .hh-capabilities li,
 #boban-home-concept .hh-studio .hh-capabilities li:first-child,
 #boban-home-concept .hh-studio .hh-capabilities li:last-child{padding-inline:10px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){#boban-home-concept .hh-studio a.hh-studio-card{transition:none}}

/* v182: requested silver room background, contained by the existing card. */
#boban-home-concept .hh-studio a.hh-studio-card{background-color:#e7e8eb;background-image:radial-gradient(ellipse 32% 65% at 75% 53%,#fff 0%,#fffffff0 55%,#ffffff00 100%),url("/assets/images/performance/image-41dbf566a4fc5a2b.webp");background-size:auto,125% auto;background-position:center,center top;background-repeat:no-repeat}
#boban-home-concept .hh-studio .hh-tagline{color:#64717e}
#boban-home-concept .hh-studio .hh-capabilities{background:#ffffffba;border-color:#ffffffbd}
@media(max-width:700px){
 #boban-home-concept .hh-studio a.hh-studio-card{background-image:radial-gradient(ellipse 78% 38% at 50% 73%,#fff 0%,#fffffff0 55%,#ffffff00 100%),url("/assets/images/performance/image-41dbf566a4fc5a2b.webp");background-size:auto,auto 160%;background-position:center,center top}
}