/* ==== HANXINBO 主站样式 =========================================
   逐字取自原站 7 张样式表，仅做两处改动：
     ① @font-face 的字体路径改指本地 assets/fonts/
     ② 去掉 grid-helper（原站实测 display:none）
   原文顺序与原站保持一致，未重排、未改数值。
   ============================================================ */

/* ---- inline0.css —— 内联样式块 1/4 —— 12 栏栅格系统 ---- */
html{--nb-Column:12;--grid-padding:40px;--grid-top-padding:calc(var(--grid-padding) - 10px);--column-gutter:20px;--one-col-width:calc(100%*(1/var(--nb-Column)) - var(--column-gutter)*(var(--nb-Column) - 1)/var(--nb-Column))}.grid{padding-left:var(--grid-padding);padding-right:var(--grid-padding)}.full-grid,.grid,.grid-content{position:relative;width:100%}.with-gtr{padding-left:var(--grid-padding);padding-right:var(--grid-padding)}.col-1{width:calc(var(--one-col-width)*1 + var(--column-gutter)*0)}.col-1-gtr{width:calc(var(--one-col-width)*1 + var(--column-gutter)*1)}.col-1-gtrs{width:calc(var(--one-col-width)*1 + var(--column-gutter)*2)}.off-1{margin-left:calc(var(--one-col-width)*1 + var(--column-gutter)*1)}.off-1-gtr{margin-left:calc(var(--one-col-width)*1 + var(--column-gutter)*0)}.abs-off-l-1{left:calc(var(--one-col-width)*1 + var(--column-gutter)*1)}.abs-off-l-1-gtr{left:calc(var(--one-col-width)*1 + var(--column-gutter)*0)}.abs-off-r-1{right:calc(var(--one-col-width)*1 + var(--column-gutter)*1)}.abs-off-r-1-gtr{right:calc(var(--one-col-width)*1 + var(--column-gutter)*0)}.col-2{width:calc(var(--one-col-width)*2 + var(--column-gutter)*1)}.col-2-gtr{width:calc(var(--one-col-width)*2 + var(--column-gutter)*2)}.col-2-gtrs{width:calc(var(--one-col-width)*2 + var(--column-gutter)*3)}.off-2{margin-left:calc(var(--one-col-width)*2 + var(--column-gutter)*2)}.off-2-gtr{margin-left:calc(var(--one-col-width)*2 + var(--column-gutter)*1)}.abs-off-l-2{left:calc(var(--one-col-width)*2 + var(--column-gutter)*2)}.abs-off-l-2-gtr{left:calc(var(--one-col-width)*2 + var(--column-gutter)*1)}.abs-off-r-2{right:calc(var(--one-col-width)*2 + var(--column-gutter)*2)}.abs-off-r-2-gtr{right:calc(var(--one-col-width)*2 + var(--column-gutter)*1)}.col-3{width:calc(var(--one-col-width)*3 + var(--column-gutter)*2)}.col-3-gtr{width:calc(var(--one-col-width)*3 + var(--column-gutter)*3)}.col-3-gtrs{width:calc(var(--one-col-width)*3 + var(--column-gutter)*4)}.off-3{margin-left:calc(var(--one-col-width)*3 + var(--column-gutter)*3)}.off-3-gtr{margin-left:calc(var(--one-col-width)*3 + var(--column-gutter)*2)}.abs-off-l-3{left:calc(var(--one-col-width)*3 + var(--column-gutter)*3)}.abs-off-l-3-gtr{left:calc(var(--one-col-width)*3 + var(--column-gutter)*2)}.abs-off-r-3{right:calc(var(--one-col-width)*3 + var(--column-gutter)*3)}.abs-off-r-3-gtr{right:calc(var(--one-col-width)*3 + var(--column-gutter)*2)}.col-4{width:calc(var(--one-col-width)*4 + var(--column-gutter)*3)}.col-4-gtr{width:calc(var(--one-col-width)*4 + var(--column-gutter)*4)}.col-4-gtrs{width:calc(var(--one-col-width)*4 + var(--column-gutter)*5)}.off-4{margin-left:calc(var(--one-col-width)*4 + var(--column-gutter)*4)}.off-4-gtr{margin-left:calc(var(--one-col-width)*4 + var(--column-gutter)*3)}.abs-off-l-4{left:calc(var(--one-col-width)*4 + var(--column-gutter)*4)}.abs-off-l-4-gtr{left:calc(var(--one-col-width)*4 + var(--column-gutter)*3)}.abs-off-r-4{right:calc(var(--one-col-width)*4 + var(--column-gutter)*4)}.abs-off-r-4-gtr{right:calc(var(--one-col-width)*4 + var(--column-gutter)*3)}.col-5{width:calc(var(--one-col-width)*5 + var(--column-gutter)*4)}.col-5-gtr{width:calc(var(--one-col-width)*5 + var(--column-gutter)*5)}.col-5-gtrs{width:calc(var(--one-col-width)*5 + var(--column-gutter)*6)}.off-5{margin-left:calc(var(--one-col-width)*5 + var(--column-gutter)*5)}.off-5-gtr{margin-left:calc(var(--one-col-width)*5 + var(--column-gutter)*4)}.abs-off-l-5{left:calc(var(--one-col-width)*5 + var(--column-gutter)*5)}.abs-off-l-5-gtr{left:calc(var(--one-col-width)*5 + var(--column-gutter)*4)}.abs-off-r-5{right:calc(var(--one-col-width)*5 + var(--column-gutter)*5)}.abs-off-r-5-gtr{right:calc(var(--one-col-width)*5 + var(--column-gutter)*4)}.col-6{width:calc(var(--one-col-width)*6 + var(--column-gutter)*5)}.col-6-gtr{width:calc(var(--one-col-width)*6 + var(--column-gutter)*6)}.col-6-gtrs{width:calc(var(--one-col-width)*6 + var(--column-gutter)*7)}.off-6{margin-left:calc(var(--one-col-width)*6 + var(--column-gutter)*6)}.off-6-gtr{margin-left:calc(var(--one-col-width)*6 + var(--column-gutter)*5)}.abs-off-l-6{left:calc(var(--one-col-width)*6 + var(--column-gutter)*6)}.abs-off-l-6-gtr{left:calc(var(--one-col-width)*6 + var(--column-gutter)*5)}.abs-off-r-6{right:calc(var(--one-col-width)*6 + var(--column-gutter)*6)}.abs-off-r-6-gtr{right:calc(var(--one-col-width)*6 + var(--column-gutter)*5)}.col-7{width:calc(var(--one-col-width)*7 + var(--column-gutter)*6)}.col-7-gtr{width:calc(var(--one-col-width)*7 + var(--column-gutter)*7)}.col-7-gtrs{width:calc(var(--one-col-width)*7 + var(--column-gutter)*8)}.off-7{margin-left:calc(var(--one-col-width)*7 + var(--column-gutter)*7)}.off-7-gtr{margin-left:calc(var(--one-col-width)*7 + var(--column-gutter)*6)}.abs-off-l-7{left:calc(var(--one-col-width)*7 + var(--column-gutter)*7)}.abs-off-l-7-gtr{left:calc(var(--one-col-width)*7 + var(--column-gutter)*6)}.abs-off-r-7{right:calc(var(--one-col-width)*7 + var(--column-gutter)*7)}.abs-off-r-7-gtr{right:calc(var(--one-col-width)*7 + var(--column-gutter)*6)}.col-8{width:calc(var(--one-col-width)*8 + var(--column-gutter)*7)}.col-8-gtr{width:calc(var(--one-col-width)*8 + var(--column-gutter)*8)}.col-8-gtrs{width:calc(var(--one-col-width)*8 + var(--column-gutter)*9)}.off-8{margin-left:calc(var(--one-col-width)*8 + var(--column-gutter)*8)}.off-8-gtr{margin-left:calc(var(--one-col-width)*8 + var(--column-gutter)*7)}.abs-off-l-8{left:calc(var(--one-col-width)*8 + var(--column-gutter)*8)}.abs-off-l-8-gtr{left:calc(var(--one-col-width)*8 + var(--column-gutter)*7)}.abs-off-r-8{right:calc(var(--one-col-width)*8 + var(--column-gutter)*8)}.abs-off-r-8-gtr{right:calc(var(--one-col-width)*8 + var(--column-gutter)*7)}.col-9{width:calc(var(--one-col-width)*9 + var(--column-gutter)*8)}.col-9-gtr{width:calc(var(--one-col-width)*9 + var(--column-gutter)*9)}.col-9-gtrs{width:calc(var(--one-col-width)*9 + var(--column-gutter)*10)}.off-9{margin-left:calc(var(--one-col-width)*9 + var(--column-gutter)*9)}.off-9-gtr{margin-left:calc(var(--one-col-width)*9 + var(--column-gutter)*8)}.abs-off-l-9{left:calc(var(--one-col-width)*9 + var(--column-gutter)*9)}.abs-off-l-9-gtr{left:calc(var(--one-col-width)*9 + var(--column-gutter)*8)}.abs-off-r-9{right:calc(var(--one-col-width)*9 + var(--column-gutter)*9)}.abs-off-r-9-gtr{right:calc(var(--one-col-width)*9 + var(--column-gutter)*8)}.col-10{width:calc(var(--one-col-width)*10 + var(--column-gutter)*9)}.col-10-gtr{width:calc(var(--one-col-width)*10 + var(--column-gutter)*10)}.col-10-gtrs{width:calc(var(--one-col-width)*10 + var(--column-gutter)*11)}.off-10{margin-left:calc(var(--one-col-width)*10 + var(--column-gutter)*10)}.off-10-gtr{margin-left:calc(var(--one-col-width)*10 + var(--column-gutter)*9)}.abs-off-l-10{left:calc(var(--one-col-width)*10 + var(--column-gutter)*10)}.abs-off-l-10-gtr{left:calc(var(--one-col-width)*10 + var(--column-gutter)*9)}.abs-off-r-10{right:calc(var(--one-col-width)*10 + var(--column-gutter)*10)}.abs-off-r-10-gtr{right:calc(var(--one-col-width)*10 + var(--column-gutter)*9)}.col-11{width:calc(var(--one-col-width)*11 + var(--column-gutter)*10)}.col-11-gtr{width:calc(var(--one-col-width)*11 + var(--column-gutter)*11)}.col-11-gtrs{width:calc(var(--one-col-width)*11 + var(--column-gutter)*12)}.off-11{margin-left:calc(var(--one-col-width)*11 + var(--column-gutter)*11)}.off-11-gtr{margin-left:calc(var(--one-col-width)*11 + var(--column-gutter)*10)}.abs-off-l-11{left:calc(var(--one-col-width)*11 + var(--column-gutter)*11)}.abs-off-l-11-gtr{left:calc(var(--one-col-width)*11 + var(--column-gutter)*10)}.abs-off-r-11{right:calc(var(--one-col-width)*11 + var(--column-gutter)*11)}.abs-off-r-11-gtr{right:calc(var(--one-col-width)*11 + var(--column-gutter)*10)}.col-12{width:calc(var(--one-col-width)*12 + var(--column-gutter)*11)}.col-12-gtr{width:calc(var(--one-col-width)*12 + var(--column-gutter)*12)}.col-12-gtrs{width:calc(var(--one-col-width)*12 + var(--column-gutter)*13)}.off-12{margin-left:calc(var(--one-col-width)*12 + var(--column-gutter)*12)}.off-12-gtr{margin-left:calc(var(--one-col-width)*12 + var(--column-gutter)*11)}.abs-off-l-12{left:calc(var(--one-col-width)*12 + var(--column-gutter)*12)}.abs-off-l-12-gtr{left:calc(var(--one-col-width)*12 + var(--column-gutter)*11)}.abs-off-r-12{right:calc(var(--one-col-width)*12 + var(--column-gutter)*12)}.abs-off-r-12-gtr{right:calc(var(--one-col-width)*12 + var(--column-gutter)*11)}

/* ---- inline1.css —— 内联样式块 2/4 —— @font-face + 全局重置 ---- */
@font-face{font-display:swap;font-family:Mixta Ess;font-style:normal;font-weight:400;src:url(../fonts/mixta-ess-sharpit-light-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Mixta Ess;font-style:normal;font-weight:700;src:url(../fonts/mixta-ess-sharpit-regular-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:VVDS Fifties;font-style:normal;font-weight:400;src:url(../fonts/vvds-fifties-exp-light-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:VVDS Fifties;font-style:normal;font-weight:500;src:url(../fonts/vvds-fifties-exp-reg-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:VVDS Fifties;font-style:normal;font-weight:700;src:url(../fonts/vvds-fifties-exp-med-webfont.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:unset}ul{list-style:none}html{--font-xxs:max(12px,0.926vw);--font-xs:max(14px,1.01vw);--font-s:max(16px,1.157vw);--font-m:max(20px,2.025vw);--font-l-s:max(22px,3vw);--font-l:max(25px,3.472vw);--font-xl:max(50px,8.68vw);--color-light:#fffbf3;--color-dark:#000}body{background-color:var(--color-light);font-family:VVDS Fifties}section{opacity:0}.section-visible{opacity:1}.mixta{font-family:Mixta Ess;line-height:.95}.portrait-img{display:none}.center-flex-ctn{align-items:center;display:flex;justify-content:center}.center-flex-ctn.vertical{flex-direction:column}.between-flex-ctn{display:flex;justify-content:space-between}.between-flex-ctn.center{align-items:center}.between-flex-ctn.bottom{align-items:flex-end}.full-window-ctn{height:100svh;width:100svw}.arrow-links{--y-percent-after:0%;--rotate-after:0deg;--line-width:0%}.arrow-links a{display:block;font-weight:500;line-height:.9;overflow:visible clip;padding-bottom:4px;padding-top:4px;position:relative}.arrow-links a:after{background-image:url(../img/arrow.svg);background-position:100% 0;background-repeat:no-repeat;background-size:contain;content:"";height:max(10px,.9svw);left:calc(100% + 3px);position:absolute;top:calc(4px + var(--y-percent-after));transform:rotate(var(--rotate-after));width:max(10px,.9svw)}.arrow-links a:before{border-bottom:1px solid #000;bottom:2px;content:"";left:0;position:absolute;width:var(--line-width)}

/* ---- inline2.css —— 内联样式块 3/4 —— 响应式覆盖 ---- */
@media (orientation:landscape) and (max-width:1000px){.projects-container .projects-top{justify-content:flex-end;padding-right:var(--grid-padding);width:75%}}@media (orientation:landscape) and (max-height:630px){#me-root .project-page-img img{max-height:330px}}@media (max-height:560px),(max-width:840px),(orientation:portrait){section{opacity:1}html{--font-xxs:max(15px,1.95vw);--font-xs:max(15px,1.95vw);--font-s:max(15px,1.95vw);--font-m:3.41vw;--font-l-s:3.9vw;--font-l:5.85vw;--font-xl:14.64vw}#me-root .inner-title{min-width:-moz-max-content;min-width:max-content}#me-root .loader-right{right:33svw;transform:translateY(6svw) translateX(100%)}#me-root .loader-left{left:33svw;transform:translateY(6svw) translateX(-100%)}#me-root .about-container .grid-content{display:flex;flex-direction:column;height:unset}#me-root .about-container .about-bg,#me-root .about-container .about-horizontal,#me-root .about-container .about-vertical{position:relative}#me-root .about-container .about-bg{align-self:flex-end;width:35%}#me-root .about-container .about-horizontal{padding:max(66px,6.95svh) var(--grid-padding) max(66px,6.95svh) var(--grid-padding);width:100%}#me-root .about-container .about-horizontal img{display:none}#me-root .about-container .about-horizontal p{font-size:var(--font-l-s);margin-bottom:max(34px,2.56svh);margin-top:0}#me-root .about-container .about-vertical{color:var(--color-dark);margin-bottom:max(97px,10svh);padding-left:var(--grid-padding);padding-right:var(--grid-padding);width:92%}#me-root .about-container .about-vertical>div{margin-left:0;padding-top:max(56px,7.61svh);width:100%}#me-root .services-container .full-window-ctn{height:unset}#me-root .services-container .services-top{padding-bottom:max(40px,7.9svh)}#me-root .services-bottom{margin-bottom:max(154px,15svh);width:100%}#me-root .services-bottom img{margin-bottom:max(60px,7.9svh);position:relative;top:unset;width:max(23px,2.25vw)}#me-root .services-bottom .list{margin-top:max(22px,3.8svh)}#me-root .serivces-imgs{justify-content:center;min-width:unset;padding-top:75svw}#me-root .serivces-imgs .portrait-img{display:initial;height:auto;left:0;position:absolute;top:5vw;width:100svw;z-index:-1}#me-root .serivces-imgs .portrait-img img{width:100%}#me-root .serivces-imgs .portrait-img+.service-img,#me-root .serivces-imgs .service-img:last-child{display:none}#me-root .serivces-imgs>div{height:unset;width:36svw}#me-root .serivces-imgs img{height:auto}#me-root .spacer{display:none}#me-root .servicesDV-container .servicesD-txt{width:100%}#me-root .aboutD-container,#me-root .aboutD-top{height:unset}#me-root .aboutD-center .big-text,#me-root .aboutD-top .big-text{width:91.67%}#me-root .aboutD-center .big-text .inner-title,#me-root .aboutD-top .big-text .inner-title{font-size:var(--font-s);margin-bottom:max(15px,1.09svh);position:relative}#me-root .aboutD-imgs-ctn{align-items:flex-end;margin-bottom:max(70px,9svh);margin-top:max(70px,9svh)}#me-root .aboutD-imgs-ctn img{height:auto;width:100%}#me-root .aboutD-imgs-ctn picture{width:41.67%}#me-root .aboutD-imgs{width:100%}#me-root .img-title{padding:unset;width:calc(83.34% + var(--column-gutter))}#me-root .aboutD-center{margin-bottom:max(70px,7.46svh);margin-top:unset}#me-root .aboutD-bottom{flex-direction:column-reverse;padding-bottom:max(125px,16.54svh);padding-left:0;padding-right:0}#me-root .aboutD-bottom-left{align-items:stretch;flex-direction:column;width:100%}#me-root .aboutD-bottom-left .img-ctn{width:100%}#me-root .aboutD-bottom-left .img-content{transform:unset;width:100%}#me-root .aboutD-bottom-left img{transform:unset}#me-root .aboutD-bottom-left a{font-size:max(16px,2.92vw)}#me-root .aboutD-bottom-right{display:flex;justify-content:space-between;margin-bottom:max(70px,11.49svh);padding-left:var(--grid-padding);padding-right:var(--grid-padding);width:91.67%}#me-root .aboutD-bottom-right>div{width:45%}#me-root .aboutD-bottom-right>div:first-child{padding-bottom:0;position:relative}#me-root .bottom-text{font-size:max(16px,var(--font-xs))}#me-root .bottom-title{margin-bottom:max(15px,1.09svh);position:static}#me-root .bottom-paragraph{padding-left:var(--grid-padding);width:calc(100% - var(--grid-padding)*2*.9167)}#me-root .bottom-paragraph p{font-size:var(--font-l);margin-bottom:max(27px,2.19svh);margin-top:max(30px,5.49svh)}#me-root .main-footer{height:unset}#me-root .footer-content{align-items:flex-start;flex-wrap:wrap;margin-bottom:max(34px,5.34svh)}#me-root .footer-item-1,#me-root .footer-item-2,#me-root .footer-item-3,#me-root .footer-item-4{margin-left:unset;width:50%}#me-root .footer-item-1{margin-bottom:max(62px,3.14svh);order:0}#me-root .footer-item-2{margin-bottom:max(26px,3svh);order:2}#me-root .footer-item-3{margin-bottom:max(62px,3.14svh);order:1}#me-root .footer-item-4{order:3}#me-root .terms-ctn{flex-direction:column;padding-top:17svh}#me-root .terms-right{padding-top:5.28svh;width:100%}#me-root .terms-item-text{width:66%}#me-root .terms-item-title{width:calc(33% - var(--column-gutter))}#me-root .content-404{align-items:center;flex-direction:column-reverse;height:100svh;width:calc(100% - var(--grid-padding)*2)}#me-root .img-404{height:50svh;position:relative}#me-root .text-404{flex:1;justify-content:center;padding-top:3svh}#me-root .text-404>div:first-child{display:none}#me-root .text-404 h1{margin-bottom:5.3svw}#me-root .logo-404{transform:translateY(-24%)}#me-root .projectsV-container .project-img-ctn img{height:auto;width:100%}#me-root .heroV-container .loading-percent{transform:translateY(90%)}#me-root .servicesDV-container .servicesD-txts .title{font-size:max(15px,2.92vw)}#me-root .next-link{display:none}}@media (max-height:560px),(max-width:600px){html{--font-l-s:9.37vw;--font-l:9.37vw;--grid-padding:15px;--column-gutter:5px}#me-root .hero-top-left,#me-root .hero-top-right{width:33%}#me-root .about-container .about-bg{width:56.87%}#me-root .about-container .about-vertical{width:100%}#me-root .servicesDV-container .servicesD-txt-ctn{position:relative;width:100%}#me-root .servicesDV-container .servicesD-txt-nb{left:unset;right:0}#me-root .serviceDV-img{width:100%}#me-root .serviceDV-img:nth-child(3){margin-bottom:max(100px,7.9svh);order:3}#me-root .serviceDV-img:nth-child(4){margin-bottom:0;order:6}#me-root .serviceDV-img{margin-bottom:max(100px,7.9svh);margin-top:unset}#me-root .servicesD-txt:first-child{order:1}#me-root .servicesD-txt:nth-child(2){order:2}#me-root .servicesD-txt:nth-child(5){order:4}#me-root .servicesD-txt:nth-child(6){order:5}#me-root .projectsV-container .projects-top{padding-bottom:75px;padding-left:var(--grid-padding);padding-right:var(--grid-padding);padding-top:75px;width:100%}#me-root .projectsV-container .projects-top p{width:66.67%}#me-root .projectsV-container .projects-top h2,#me-root .projectsV-container .projects-top h3,#me-root .projectsV-container .projects-top h4,#me-root .projectsV-container .projects-top h5,#me-root .projectsV-container .projects-top h6{font-size:var(--font-s)}#me-root .projectsV-container .project-img-ctn{margin-left:unset;width:100%}#me-root .projects-list,#me-root .projects-list-right{flex-direction:column}#me-root .projects-list-left{margin-bottom:max(12px,1.24svh)}#me-root .aboutD-center .big-text,#me-root .aboutD-top .big-text,#me-root .projects-list-right,#me-root .projects-list-right>div{width:100%}#me-root .aboutD-bottom-right{flex-direction:column;width:100%}#me-root .aboutD-bottom-right>div{width:100%}#me-root .aboutD-bottom-right>div:first-child{padding-bottom:max(40px,12.5svw)}#me-root .bottom-paragraph{padding-left:var(--grid-padding);padding-right:var(--grid-padding);width:100%}#me-root .footer-item-2{width:100%}#me-root .footer-item-4{text-align:left;width:100%}#me-root .aboutD-center{margin-top:50px}#me-root .projects-page-container-V .projects-page-content{padding-top:calc(var(--font-xxs)*2.5)}#me-root .projects-page-container-V .project-title .content{font-size:max(20px,2.92vw)}#me-root .projects-page-container-V .project-desc,#me-root .projects-page-container-V .project-title .nb{font-size:var(--font-xxs)}#me-root .projects-page-container-V .project-date{bottom:calc(var(--font-xxs)*.5);font-size:var(--font-xxs)}#me-root .project-item{min-height:calc(100svh - var(--font-xxs)*2.5);padding-bottom:calc(var(--font-xxs)*2.5)}#me-root header .header-container{flex-wrap:wrap}#me-root header .header-left{order:1;width:50%}#me-root header .header-center{justify-content:flex-start;margin-top:max(25px,4.4svh);order:3;padding-left:4svw;width:50%}#me-root header .header-right{order:2;width:50%}#me-root header .logo-loader{width:36svw}}

/* ---- inline3.css —— 内联样式块 4/4 —— grid-helper（原站 display:none） ---- */
.grid-helper{bottom:0;display:flex;justify-content:space-between;left:0;mix-blend-mode:difference;padding-left:var(--gutter);padding-right:var(--gutter);pointer-events:none;position:fixed;right:0;text-align:center;top:0;width:100%}.grid-helper>div{background-color:rgba(255,0,0,.2);color:red;display:flex}.grid-helper>div>div{background-color:rgba(255,0,0,.1);flex:1;margin-left:var(--col-gutter);margin-right:var(--col-gutter)}.help-box{background-color:blue;min-height:10px;min-width:10px}

/* ---- index.DNd-NcLP.css —— 页面样式 ---- */
.about-bg{align-items:flex-end;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.about-bg img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.about-bg picture{display:flex;height:100%;justify-content:center;width:100%}.about-horizontal{align-items:center;background-color:var(--color-light);bottom:0;display:flex;flex-direction:column;left:0;padding:2.19vw 3vw 1.56vw;position:absolute;text-align:center}.about-horizontal img{height:auto;order:0;width:2.25vw}.about-horizontal p{font-family:Mixta Ess;font-size:var(--font-m);margin-bottom:6.423vw;margin-top:1.56vw;order:1}.about-horizontal h2,.about-horizontal h3,.about-horizontal h4,.about-horizontal h5,.about-horizontal h6{font-size:var(--font-xxs);order:2}.about-vertical{color:var(--color-light)}.about-vertical>div{padding-left:4%;padding-top:13.16vh}.about-vertical h2,.about-vertical h3,.about-vertical h4,.about-vertical h5,.about-vertical h6{font-size:var(--font-s)}.about-vertical p{font-family:Mixta Ess;font-size:var(--font-l);margin-top:1.56vw}.hero-container{opacity:0}.hero-top{padding-bottom:21px;padding-top:var(--grid-top-padding)}.hero-top img{height:auto;width:100%}.hero-top.absolute{left:0;position:absolute;top:0;width:100%;z-index:1}.hero-top.absolute .bg-white{background-color:var(--color-light);bottom:0;left:0;position:absolute;right:0;top:0;transform:scaleY(2.5);transform-origin:bottom;z-index:-1}.hero-top.loading{color:#000;left:0;position:absolute;top:0;width:100%;z-index:2}.hero-top.loading img{filter:unset}.hero-top.loading .bg-white{background-color:var(--color-light);bottom:0;left:0;position:absolute;right:0;top:0;transform:scaleY(1.5);transform-origin:bottom;z-index:-1}.hero-top.loading .hero-top-text{visibility:hidden}.hero-top-ctn{color:var(--color-light);position:relative;z-index:1}.hero-top-ctn .absolute{color:var(--color-dark)}.hero-top-ctn .arrow-links{bottom:100%;color:#000;font-size:var(--font-xxs);position:absolute;right:var(--grid-padding);z-index:10}.hero-top-ctn .arrow-links ul{align-items:flex-end;display:flex;flex-direction:column}.hero-top-ctn .arrow-links li{margin-bottom:calc(var(--font-xxs)*.75 - 8px);width:-moz-max-content;width:max-content}.hero-bottom{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.hero-bottom-img,.hero-bottom-img-ctn{height:100%;width:100%}.hero-bottom-img{display:flex}.hero-bottom-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hero-top-text{font-size:var(--font-s);margin-top:1.56vw}.ht-text-1,.ht-text-3{font-family:Mixta Ess}.ht-text-2{font-weight:700}.ht-text-4{font-size:var(--font-xxs)}.loader{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.loader img{transform:scale(.3);transform-origin:bottom}.loader-center{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.loader-left,.loader-right{position:absolute;transform:translateY(6svw)}.loading-percent{bottom:-2.08svw;font-family:Mixta Ess;position:absolute}.load-value{font-size:var(--font-xxs)}.loader-txt{font-family:Mixta Ess;font-size:var(--font-s);font-weight:700}.services-ctn{align-items:center;display:flex;flex-direction:column;overflow:hidden;width:100svw}.services-top{flex:1;overflow:hidden;padding-bottom:5.3vw;padding-top:5vw;position:relative;width:100%;z-index:2}.serivces-imgs{display:flex;height:100%;min-width:-moz-max-content;min-width:max-content}.serivces-imgs>div{height:100%;margin-right:var(--column-gutter);overflow:hidden}.serivces-imgs img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.services-bottom{align-items:center;display:flex;flex-direction:column;margin-bottom:5.8vw;position:relative;z-index:1}.services-bottom h2{font-size:var(--font-s)}.services-bottom .list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:1.5vw}.services-bottom .list>div:nth-child(odd) .list-item:after{content:"";display:inline-block;margin-left:12px;margin-right:12px;width:2.83svw}.services-bottom .list>div:nth-child(odd) .list-item:before{border-top:1px solid #000;content:"";display:block;position:absolute;right:12px;top:50%;width:2.83svw}.services-bottom .list-item{font-family:Mixta Ess;font-size:var(--font-l)}.services-bottom img{height:auto;position:absolute;top:-18svh;width:2.25vw;z-index:-1}.servicesD-container .center{width:100%}.servicesD-imgs{z-index:-1}.servicesD-imgs,.servicesD-imgs>div{height:100%;left:0;position:absolute;top:0}.servicesD-imgs>div{width:100%}.servicesD-imgs img,.servicesD-imgs video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.servicesD-nbs{align-items:center;color:var(--color-light);display:flex;font-family:Mixta Ess;font-size:var(--font-xl);position:relative;transform:translateY(-50%)}.servicesD-nb{display:block;left:0;overflow:hidden;position:absolute}.servicesD-nb:first-child{position:relative}.nb-inner{display:block}.servicesD-txt{align-self:flex-end;height:100svh;justify-content:flex-end}.servicesD-txt,.servicesD-txt-ctn{display:flex;flex-direction:column}.servicesD-txt-ctn{position:relative}.servicesD-txt-nb{font-family:Mixta Ess;position:absolute;right:0;top:0;transform:translateY(-100%)}.servicesD-txts{align-self:flex-start;display:flex;flex-direction:column;position:relative}.servicesD-txts .title{font-size:var(--font-s)}.servicesD-txts .subtitle{font-family:Mixta Ess;font-size:var(--font-l-s);font-weight:400;margin-bottom:2.31vw;margin-top:2.31vw}.servicesD-txts p{font-size:calc(var(--font-xs));margin-bottom:3.47vw;width:75%}.servicesD-txts .list-ctn{display:flex;font-size:calc(var(--font-xxs));margin-bottom:7.29vw;text-transform:uppercase}.servicesD-txts .list-item:not(:first-child){margin-left:5.15vw}.servicesD-txts .list-item{line-height:.9;min-width:-moz-max-content;min-width:max-content;position:relative}.servicesD-txts .list-item:before{font-size:max(9px,.52svw);font-weight:700;position:absolute;right:calc(100% + 3px);top:0}.servicesD-txts .list-item:first-child:before{content:"01"}.servicesD-txts .list-item:nth-child(2):before{content:"02"}.servicesD-txts .list-item:nth-child(3):before{content:"03"}.projects-container .grid-content{align-items:center;display:flex;flex-direction:column}.projects-container .picture{display:block;height:100%;width:100%}.projects-top{align-self:flex-end;display:flex;padding-bottom:5.32vw;padding-top:6vw}.projects-top h2,.projects-top h3,.projects-top h4,.projects-top h5,.projects-top h6{font-size:1.44svw;font-weight:500;width:25%}.projects-top p{width:50%}.projects-center{flex:1;overflow:hidden;width:100%}.projects-imgs{display:flex;height:100%;min-width:-moz-max-content;min-width:max-content}.project-img-ctn{display:flex;flex-direction:column}.project-img-ctn:not(:first-child){margin-left:var(--column-gutter)}.project-img-ctn img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:auto}.project-img{--g-scale:1;filter:grayscale(var(--g-scale));height:calc(100% - 2.3svw);overflow:hidden}.project-img-legend{display:flex;flex:1;justify-content:space-between;margin-top:.92svw}.projects-bottom{font-family:Mixta Ess;font-size:8.5vw;font-weight:400;text-align:center}.projects-bottom h2,.projects-bottom h3,.projects-bottom h4{font-weight:400}.aboutD-top{align-items:flex-end;display:flex}.big-text{font-family:Mixta Ess;font-size:var(--font-l);position:relative}.big-text .inner-title{display:inline-block;font-family:VVDS Fifties;font-size:max(14px,1.44vw);font-weight:700;left:0;margin-right:var(--one-col-width);position:absolute;top:1.2svw}.big-text .spacer{margin-left:16svw}.aboutD-imgs-ctn{display:flex;flex-direction:column;margin-bottom:2.14svw;margin-top:2.43svw;overflow:hidden}.aboutD-imgs-ctn picture:first-child{margin-right:var(--column-gutter)}.aboutD-center{margin-bottom:36.4vw;margin-top:14.17vw}.aboutD-imgs{display:flex;justify-content:flex-end;margin-bottom:2.43svw}.aboutD-imgs img{height:33.96vw;width:auto}.img-title{font-size:var(--font-s);font-weight:700}.aboutD-bottom{display:flex;justify-content:space-between;padding-bottom:10.12vw}.aboutD-bottom-left{align-items:flex-end;display:flex}.aboutD-bottom-left .img-ctn{width:42%}.aboutD-bottom-left p{font-family:Mixta Ess;font-size:2.6vw;margin-bottom:2.6vw}.aboutD-bottom-left a{color:#5f3b21;display:block;font-size:var(--font-s);font-weight:700;margin-bottom:.86vw;margin-top:2.66vw;width:-moz-max-content;width:max-content}.aboutD-bottom-left a:after{background-image:url(../img/arrow-brown.svg)}.aboutD-bottom-left .img-content{overflow:hidden;transform:scale(1.125);transform-origin:right bottom;width:100%}.aboutD-bottom-left img{height:auto;transform:scale(1.3);width:100%}.bottom-paragraph{flex:1;padding-left:2vw}.aboutD-bottom-right{position:relative}.aboutD-bottom-right>div:first-child{bottom:100%;padding-bottom:6.48vw;position:absolute}.bottom-title{font-size:var(--font-xxs);font-weight:700;min-width:-moz-max-content;min-width:max-content;position:absolute;right:calc(100% + var(--column-gutter));width:21.5%}.bottom-text{font-size:1.73vw}.freeze-ctn{height:400svh;position:relative}.freeze-content,.freeze-content-inner{height:100svh;overflow:hidden;position:relative}.heroV-container{display:flex;flex-direction:column;height:100svh;opacity:0}.heroV-container .hero-top{background-color:var(--color-light);padding-bottom:1.53svh;padding-top:2.41svh}.heroV-container .hero-top img{filter:unset}.heroV-container .hero-bottom{flex:1;height:unset;position:relative}.heroV-container .hero-top-ctn{color:var(--color-dark);font-size:max(16px,2.45svw);height:unset}.heroV-container .loading{display:flex;flex-direction:column;height:100%;justify-content:flex-end}.heroV-container .loading-percent{transform:translateY(50%)}.heroV-container .hero-bottom-img-ctn{overflow:hidden}.content-top{display:flex;justify-content:space-between;margin-bottom:max(55px,5.63svh)}.hero-top-left{width:25%}.hero-top-name{font-size:max(16px,2.45svw);font-weight:700;margin-bottom:max(57px,5.71svh)}.hero-top-right{align-items:flex-end;display:flex;flex-direction:column;text-align:right;width:20%}.servicesDV-container{padding-left:unset;padding-right:unset}.servicesDV-container .full-window-ctn,.servicesDV-container .servicesD-txt{height:auto}.servicesDV-container .full-window-ctn{justify-content:flex-end;width:100%}.servicesDV-container .servicesD-txts{flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-left:unset;width:100%}.servicesDV-container .servicesD-txts p{font-size:max(16px,var(--font-xs));margin-bottom:max(100px,7.9svh)}.servicesDV-container .servicesD-txts .title{font-size:max(20px,2.92vw)}.servicesDV-container .servicesD-txt{align-items:flex-end;padding-left:var(--grid-padding);padding-right:var(--grid-padding);position:relative}.servicesDV-container .servicesD-txt-ctn{position:static;width:50%}.servicesDV-container .servicesD-txt-nb{font-size:max(16px,2.44vw);left:var(--grid-padding);right:unset;transform:unset}.serviceDV-img{margin-bottom:15svh;margin-top:7.1svh;overflow:hidden;width:calc(50% - var(--column-gutter)/2)}.serviceDV-img img{height:auto;width:100%}.projectsV-container{font-size:max(var(--font-xs),14px)}.projectsV-container .grid-content{align-items:center;display:flex;flex-direction:column}.projectsV-container .projects-top{padding-bottom:4.61svh;padding-top:17.28svh;width:50%}.projectsV-container .projects-top h2,.projectsV-container .projects-top h3,.projectsV-container .projects-top h4,.projectsV-container .projects-top h5,.projectsV-container .projects-top h6{font-size:var(--font-s);width:33.34%}.projectsV-container .projects-top p{font-size:max(var(--font-xs),14px);width:calc(63.34% - var(--column-gutter))}.projectsV-container .projects-center{margin-bottom:max(41px,4.32svh);margin-top:max(12px,3.22svh);padding-left:var(--grid-padding);padding-right:var(--grid-padding)}.projectsV-container .project-img-ctn{display:block;margin-bottom:max(25px,3.22svh);width:calc(33.33333% - var(--column-gutter)*2/3)}.projectsV-container .project-img-ctn .project-img{height:auto;width:100%}.projectsV-container .project-img-ctn:nth-child(4){margin-left:unset}.projectsV-container .projects-imgs{flex-wrap:wrap;height:auto;min-width:unset}.projects-list{padding-bottom:max(120px,15.44svh);padding-left:var(--grid-padding);padding-right:var(--grid-padding);width:100%}.projects-list,.projects-list-right{display:flex;justify-content:space-between}.projects-list-right{width:66.67%}.projects-list-right>div{width:calc(50% - var(--column-gutter)/2)}.projects-list-right a{display:flex;justify-content:space-between;margin-bottom:max(12px,1.24svh)}.v-freeze{overflow:hidden;width:100svw}.grid-helper{bottom:0;display:flex;justify-content:space-between;left:0;mix-blend-mode:difference;padding-left:var(--gutter);padding-right:var(--gutter);pointer-events:none;position:fixed;right:0;text-align:center;top:0;width:100%}.grid-helper>div{background-color:#f003;color:red;display:flex}.grid-helper>div>div{background-color:#ff00001a;flex:1;margin-left:var(--col-gutter);margin-right:var(--col-gutter)}.help-box{background-color:#00f;min-height:10px;min-width:10px}


/* ---- Header.Dq7XPOuA.css —— 页头样式 ---- */
header{left:0;position:fixed;right:0;top:0;z-index:1000}.header-container{--top-cp:0%;--right-cp:0%;--bottom-cp:0%;--left-cp:0%;align-items:center;display:flex;font-size:var(--font-s);justify-content:space-between;padding-left:var(--grid-padding);padding-right:var(--grid-padding);padding-top:31px}.header-container,.header-container.light{clip-path:inset(var(--top-cp) var(--right-cp) var(--bottom-cp) var(--left-cp))}.header-container.light{--top-cp:34vw;--right-cp:0%;--bottom-cp:0%;--left-cp:0%;color:var(--color-light);left:0;position:absolute;right:0;top:0}.header-item{display:flex;font-weight:700;overflow:hidden;width:33.33%}.header-center{justify-content:center}.header-right{justify-content:flex-end}.contact-ctn{--line-width:0%;position:relative}.contact-ctn:before{border-bottom:1px solid #000;bottom:2px;content:"";left:0;position:absolute;width:var(--line-width)}.logo-loader{height:auto;width:11.28svw}.center-link{align-items:center;display:block;display:flex;line-height:.9;padding-bottom:2px;position:relative}.center-link:after{background-image:url(../img/arrow.svg);background-position:100% 0;background-repeat:no-repeat;background-size:contain;content:"";height:max(10px,.9svw);position:absolute;right:calc(100% + 6px);transform:rotate(-135deg);width:max(10px,.9svw)}.center-link:before{border-bottom:1px solid #000;bottom:0;content:"";left:0;position:absolute;width:var(--line-width)}.next-link{margin-left:max(10px,2.5svw);padding-bottom:2px}.next-link:after{background-image:url(../img/arrow.svg);background-position:100% 0;background-repeat:no-repeat;background-size:contain;content:"";height:max(10px,.9svw);left:calc(100% + 6px);position:absolute;transform:rotate(45deg);width:max(10px,.9svw)}.next-link:before{border-bottom:1px solid #000;bottom:0;content:"";left:0;position:absolute;width:var(--line-width)}


/* ---- Footer.CNJBDLYl.css —— 页脚样式 ---- */
.main-footer{align-items:center;display:flex;flex-direction:column;font-size:var(--font-xxs);font-weight:500;height:100svh;justify-content:flex-end;overflow:hidden;pointer-events:none;width:100%}.footer-content{display:flex;margin-bottom:1.73vw}.footer-item-2,.footer-item-3,.footer-item-4{margin-left:var(--column-gutter);pointer-events:auto}.footer-item-4 a{--line-width:0%;position:relative}.footer-item-4 a:before{border-bottom:1px solid #000;bottom:0;content:"";left:0;position:absolute;width:var(--line-width)}.footer-item-3 a{display:block;margin-bottom:calc(var(--font-xxs)*.75 - 8px);width:-moz-max-content;width:max-content}.footer-item-3 li{display:flex;justify-content:flex-end}.footer-item-3,.footer-item-4{text-align:right}.footer-item-1>div{line-height:.9;margin-bottom:calc(var(--font-xxs)*.75)}.footer-bottom{width:100%}.footer-logo{height:auto;transform:translate(-3.065%);width:106.13%}