:root{--ease-out:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:156px}
::selection{background:#ed263e24;color:#232323}
.header{backdrop-filter:blur(16px)}
.header .brand{transition:opacity .25s}.header .brand:hover{opacity:.8}
/* Reuse the transparent logo silhouette with the shared brand color. */
@supports ((mask-image:url("assets/images/zhonghe-logo-red.png")) or (-webkit-mask-image:url("assets/images/zhonghe-logo-red.png"))){
  .brand.brand-zhonghe{position:relative;width:max-content;max-width:100%}
  .brand.brand-zhonghe img{opacity:0}
  .brand.brand-zhonghe:after{content:'';position:absolute;inset:0;pointer-events:none;background:var(--red);-webkit-mask:url("assets/images/zhonghe-logo-red.png") center/contain no-repeat;mask:url("assets/images/zhonghe-logo-red.png") center/contain no-repeat}
}
.nav-contact,.button,.closing-link,.related-links a{transition:background .25s,color .25s,border-color .25s,transform .3s var(--ease-out)}
.button span,.nav-contact span,.closing-link strong>span{display:inline-block;transition:transform .3s var(--ease-out)}
.button:hover span,.nav-contact:hover span,.closing-link:hover strong>span{transform:translate(3px,-3px)}
.button:active{transform:translateY(0)}
.page-intro{position:relative;padding-bottom:44px;border-bottom:0}
.page-intro h1{max-width:930px;line-height:1.4}
.page-intro>.container{position:relative;padding-left:24px;border-left:3px solid var(--red)}
.breadcrumb{margin-bottom:26px}
.page-intro-dark h1 span{color:#ff6579}
.section-nav{position:sticky;top:82px;z-index:20;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #e4e4e7}
.section-nav-inner{display:flex;gap:32px;min-height:52px;align-items:stretch;overflow-x:auto;scrollbar-width:none}
.section-nav-inner::-webkit-scrollbar{display:none}
.section-nav a{position:relative;display:flex;align-items:center;white-space:nowrap;font-size:13px;color:#73737a;min-height:52px;transition:color .2s}
.section-nav a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}
.section-nav a.active,.section-nav a:hover{color:var(--red)}.section-nav a.active:after{transform:scaleX(1)}
.has-section-nav .xhs-tabs{top:134px}
.business-page .xhs{padding-top:28px}
.motion .reveal{transition-duration:.55s;transition-timing-function:var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
.overview-item{border-bottom:2px solid #dedee2;transition:border-color .25s}.overview-item:hover{border-color:var(--red)}
.overview-item .text-link{display:flex;justify-content:space-between}.overview-image img{transition:transform .7s var(--ease-out)}
.overview-item:hover .text-link{color:var(--red)}
.design-board{border-radius:6px}.design-board img{transition:transform .8s var(--ease-out)}.design-board:hover img{transform:scale(1.17)}
.design-services article{transition:background .3s,padding .3s,border-color .3s}.design-services article:hover{padding-left:14px;background:#fafafa;border-color:#ed263e60}
.deliverable-grid article{padding-bottom:8px;transition:border-color .3s}.deliverable-grid article:hover{border-color:#252629}
.process-grid li:before{content:'';position:absolute;top:-2px;left:0;height:2px;width:100%;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out)}.process-grid li.visible:before{transform:scaleX(1);transition-delay:var(--reveal-delay,0ms)}
.xhs-faq summary{transition:color .2s}.xhs-faq details[open] summary,.xhs-faq summary:hover{color:var(--red)}
.xhs-faq details[open]{border-bottom-color:#ed263e60}
.contact-methods{gap:28px}.contact-item{flex:1;min-width:0}.contact-item>a{display:block}.copy-contact{padding:4px 0;margin-top:13px;background:transparent;color:#fff;border:0;border-bottom:1px solid #ffffff65;font-size:11px;cursor:pointer;line-height:1.8;transition:border-color .2s}.copy-contact:hover{border-color:white}.copy-contact:focus-visible{outline-color:white}
.copy-feedback{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);max-width:calc(100% - 48px);width:max-content;padding:12px 20px;border:1px solid #ffffff20;background:#242629;color:white;border-radius:6px;font-size:13px;z-index:70;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}
.copy-feedback.shown{opacity:1;visibility:visible;transform:translate(-50%,0)}
.back-top{display:flex;position:fixed;bottom:24px;right:24px;width:44px;height:44px;align-items:center;justify-content:center;background:#fff;border:1px solid #e1e1e4;box-shadow:0 4px 15px #00000008;border-radius:5px;font-size:23px;color:#35353a;z-index:35;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s,background .25s,color .25s}.back-top.shown{opacity:1;visibility:visible;transform:none}.back-top:hover{background:var(--red);color:#fff;border-color:var(--red)}
@media(prefers-reduced-motion:no-preference){.page-intro .eyebrow,.page-intro h1,.page-intro .container>p:last-child{animation:intro-in .6s var(--ease-out) both}.page-intro h1{animation-delay:.08s}.page-intro .container>p:last-child{animation-delay:.16s}@keyframes intro-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media(max-width:1100px){.contact-methods{gap:18px}}
@media(max-width:760px){html{scroll-padding-top:142px}.section-nav{top:74px}.section-nav-inner{gap:26px;min-height:46px}.section-nav a{min-height:46px;font-size:12px}.has-section-nav .xhs-tabs{top:120px}.page-intro>.container{padding-left:16px}.page-intro{padding-bottom:32px}.page-intro h1{font-size:30px}.back-top{bottom:18px;right:16px;width:40px;height:40px}.contact-item{width:100%}.design-services article:hover{padding-left:0}.copy-feedback{bottom:72px}.business-page .xhs{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.motion .reveal{transition:none;opacity:1;transform:none}.hero-background{animation:none}.process-grid li:before{transition:none}}