:root{--ink:#1c1c1c;--muted:#707070;--line:#e5e5e5;--soft:#f5f5f5;--header:76px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body{margin:0;color:var(--ink);background:#fff;font:15px/1.7 Arial,"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #1683d8;outline-offset:5px}button[hidden],[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:black;padding:10px}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:40;height:var(--header);background:#fff;border-bottom:1px solid #0000000c;transition:background .25s,color .25s}.nav-shell{max-width:1440px;margin:auto;height:100%;padding:0 40px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:40px;height:40px;border-radius:50%}.brand span{font-size:18px;font-weight:700;line-height:1.2;white-space:nowrap}.brand small{display:block;font:8px/1.5 Arial;letter-spacing:1.4px;margin-top:3px}.desktop-nav{display:flex;align-items:center;gap:32px;flex:1;justify-content:center}.desktop-nav a{font-size:14px;padding:25px 0;white-space:nowrap;position:relative}.desktop-nav a:after{content:"";position:absolute;bottom:19px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transition:transform .25s}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{transform:scaleX(1)}.nav-tools{display:flex;align-items:center;gap:18px}.icon-button{background:none;border:0;color:inherit;display:grid;place-items:center;width:40px;height:44px}.icon-button svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.5}.nav-contact{border-radius:22px;background:#222;color:white;padding:9px 18px;font-size:13px;white-space:nowrap}.menu-button{display:none;background:none;border:0;width:44px;height:44px;color:inherit}.menu-button span{display:block;width:22px;height:1px;background:currentColor;margin:6px auto;transition:transform .25s}.mobile-nav{display:none}.page-index .site-header{position:absolute;left:0;right:0;background:transparent;color:#fff;border:0}.page-index .site-header.light-header{color:#222}.page-index .nav-contact{background:#ffffff25;border:1px solid #ffffff60}.page-index .light-header .nav-contact{background:#222;color:#fff}.page-index .brand img{background:#fff;padding:2px}.hero-carousel{position:relative;height:100svh;min-height:650px;max-height:1100px;background:#121212;color:white;overflow:hidden}.slides,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s}.hero-slide.active{opacity:1;visibility:visible}.hero-slide.light{background:#f7f7f7;color:#222}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-scene{position:absolute;bottom:0;width:100%;height:78%;object-fit:cover;object-position:center 60%}.dark .hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(#121212 0%,#121212 20%,#121212ba 29%,transparent 45%,transparent 85%,#0005)}.hero-product{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);height:62%;width:70%;object-fit:contain}.hero-copy{position:relative;text-align:center;padding:calc(var(--header) + 38px) 20px 0;z-index:1}.hero-copy>p{font-size:18px;color:#ffffffb3}.light .hero-copy>p{color:#777}.hero-copy h1{font-size:54px;font-weight:500;letter-spacing:.06em;margin-top:4px}.hero-tag{font-size:23px;margin-top:12px}.actions{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:22px}.actions a{display:inline-flex;gap:14px;align-items:center;font-size:15px;min-height:38px}.hero-copy .actions a{border:1px solid currentColor;border-radius:30px;padding:3px 19px}.actions a:hover{opacity:.7}.slide-arrow{position:absolute;top:50%;z-index:3;background:none;border:0;color:inherit;font:46px/1 Arial;padding:20px;opacity:.85}.slide-arrow:hover{opacity:1}.slide-arrow.prev{left:0}.slide-arrow.next{right:0}.hero-carousel.is-light{color:#222}.slide-controls{position:absolute;bottom:28px;left:max(40px,calc((100vw - 1200px)/2));right:40px;display:flex;justify-content:space-between;align-items:flex-end;z-index:4}.slide-select{display:flex;flex-direction:column;gap:4px}.slide-select button{color:inherit;background:none;border:0;text-align:left;padding:6px 14px;font-size:13px;opacity:.6;border-left:2px solid transparent}.slide-select button[aria-pressed=true]{opacity:1;border-left-color:currentColor;font-weight:600}.autoplay{border:1px solid #888;border-radius:20px;background:#0002;color:inherit;padding:6px 13px;font-size:11px}.product-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.product-panel{background:#f7f7f7;position:relative;height:680px;overflow:hidden;text-align:center}.panel-copy{position:relative;z-index:2;padding:40px 16px 0;pointer-events:none}.panel-copy .actions{pointer-events:auto;margin-top:12px}.panel-copy>p{color:#777;font-size:15px}.panel-copy h2{font-size:39px;margin-top:4px}.tagline{margin-top:8px;font-size:19px}.panel-photo{position:absolute;inset:200px 0 0;display:flex;align-items:center;justify-content:center;padding:12px 30px 24px;overflow:hidden}.panel-photo img{width:100%;height:100%;object-fit:contain;transition:transform .8s;filter:drop-shadow(0 12px 10px #0000000c)}.panel-photo:hover img{transform:scale(1.035)}.brand-story{text-align:center;padding:105px 0}.eyebrow{font-size:12px;letter-spacing:.09em;color:#777;margin-bottom:20px}.brand-story h2{font-size:46px;line-height:1.35}.lead{font-size:18px;color:#666;margin:24px 0}.underlink{display:inline-block;border-bottom:1px solid #777;padding:5px 0;font-size:14px}.explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.explore-card{position:relative;min-height:440px;overflow:hidden;background:#f5f5f5}.explore-card img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:brightness(.52);transition:transform .8s}.explore-card:hover img{transform:scale(1.04)}.explore-card>div{position:absolute;inset:0;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center}.explore-card h2{font-size:32px}.explore-card p,.explore-card span{font-size:14px}.service-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:80px 0;text-align:center;gap:24px}.service-icon{font:36px/1 Arial;display:block;margin-bottom:20px}.service-strip h3{font-size:20px;margin-bottom:12px}.service-strip p{font-size:13px;color:#777;margin-bottom:14px}.service-strip a>span:last-child{font-size:13px}.site-footer{background:#f5f5f5;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.3fr;gap:30px;padding-bottom:50px}.footer-grid h3{font-size:13px;margin-bottom:18px}.footer-grid a:not(.brand){display:block;font-size:12px;color:#707070;margin:10px 0;overflow-wrap:anywhere}.footer-grid p{font-size:12px;color:#777;margin-top:16px}.footer-grid .phone{font-size:21px!important;color:#222!important}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ddd;padding:24px 0;color:#888;font-size:11px}.page-intro{text-align:center;padding:76px 0 60px}.page-intro h1{font-size:48px;line-height:1.3}.page-intro>p:last-child{font-size:16px;color:#777;margin:20px auto 0;max-width:650px}.series-nav{position:sticky;top:var(--header);background:#ffffffed;backdrop-filter:blur(14px);z-index:20;border-block:1px solid #eee}.series-nav>div{display:flex;justify-content:center;gap:45px;overflow:auto;scrollbar-width:none}.series-nav a{padding:18px 4px;white-space:nowrap;font-size:14px}.series-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:75px 0;border-bottom:1px solid #eee;align-items:center;scroll-margin-top:135px}.gallery{min-width:0}.gallery-main{display:block;background:#f8f8f8;cursor:zoom-in}.gallery-main img{width:100%;height:520px;object-fit:contain}.thumbs{display:flex;gap:10px;overflow:auto;padding:12px 0;scrollbar-width:thin}.thumbs button{background:#f7f7f7;border:1px solid transparent;padding:3px;flex:0 0 64px;height:76px}.thumbs button[aria-pressed=true]{border-color:#777}.thumbs img{height:100%;width:100%;object-fit:contain}.gallery-help{font-size:11px;color:#888;text-align:center}.series-copy h2{font-size:40px;margin-bottom:16px}.series-copy h3{font-weight:400;font-size:22px;margin-bottom:25px}.series-copy>p:not(.eyebrow){line-height:2;color:#777;font-size:15px;max-width:480px}.pill{display:inline-flex;align-items:center;min-height:44px;padding:10px 24px;border-radius:25px;margin-top:30px;font-size:14px}.primary{background:#222;color:white}.series-copy details{margin-top:34px;border-top:1px solid #ddd;padding-top:18px;font-size:13px}.series-copy details p{margin-top:16px;color:#777}.series-copy summary,.questions summary{cursor:pointer}.editorial{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding:30px 0 70px}.editorial-photo{background:#f8f8f8}.editorial-photo img{height:570px;width:100%;object-fit:contain}.editorial h2{font-size:36px;margin-bottom:24px}.editorial p:not(.eyebrow){font-size:15px;color:#777;margin-bottom:20px;line-height:2}.business-row:nth-of-type(odd) .editorial-photo{order:2}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:40px 0 70px}.principles article{border-top:1px solid #ddd;padding-top:24px}.principles span,.workflow span{color:#888;font-size:14px}.principles h2{font-size:23px;margin:25px 0 15px}.principles p{color:#777;font-size:14px}.workflow{padding:50px 0}.workflow>h2{text-align:center;font-size:34px;margin-bottom:40px}.workflow>div{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.workflow article{border-top:1px solid #ddd;padding-top:20px}.workflow h3{font-size:20px;margin:18px 0 12px}.workflow p{font-size:14px;color:#777}.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-options>a,.contact-options>div{background:#f6f6f6;padding:38px;min-width:0}.contact-options span{font-size:12px;color:#777}.contact-options h2{font-size:28px;margin:30px 0 24px;overflow-wrap:anywhere}.contact-options p{font-size:13px;color:#777;min-height:50px}.contact-options b{font-weight:400;font-size:13px;display:block;margin-top:24px}.questions{max-width:800px;padding:85px 0 20px}.questions h2{font-size:30px;margin-bottom:30px}.questions details{border-bottom:1px solid #ddd;padding:24px 0}.questions details p{margin-top:20px;color:#777;font-size:14px}.search-dialog{width:min(640px,calc(100% - 30px));border:0;padding:30px;max-height:85svh}.search-dialog::backdrop,.lightbox::backdrop{background:#0009;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dialog-top h2{font-size:23px}.dialog-close,.lightbox-close{background:none;border:0;font-size:32px;width:44px;height:44px}.search-dialog label{display:block;font-size:12px;color:#777}.search-dialog input{width:100%;border:0;border-bottom:1px solid #888;padding:15px 0;border-radius:0;outline-offset:2px;margin:5px 0 20px;background:white}.search-results a{display:flex;align-items:center;gap:18px;border-bottom:1px solid #eee;padding:9px 0;font-size:14px}.search-results img{width:50px;height:60px;object-fit:contain}.search-results a span:last-child{margin-left:auto}.search-empty{color:#777;font-size:14px}.lightbox{border:0;padding:15px;background:#fff;max-width:95vw;max-height:94svh}.lightbox>img{max-height:80svh;max-width:85vw;object-fit:contain}.lightbox-close{position:absolute;right:5px;top:5px;background:#ffffffd9;border-radius:50%}.lightbox p{font-size:12px;text-align:center;padding:10px}.reveal.pending{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.nav-shell{padding-inline:24px;gap:20px}.desktop-nav{gap:20px}.nav-contact{display:none}.product-panel{height:580px}.series-detail,.editorial{gap:40px}.contact-options>a,.contact-options>div{padding:25px}.contact-options h2{font-size:23px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-contact{grid-column:1/-1}.hero-copy h1{font-size:48px}}
@media(max-width:760px){:root{--header:64px}.wrap{width:calc(100% - 40px)}html{scroll-padding-top:125px}.nav-shell{padding:0 16px;gap:10px}.brand{gap:8px}.brand img{width:32px;height:32px}.brand span{font-size:16px}.brand small{font-size:7px}.desktop-nav{display:none}.nav-tools{margin-left:auto;gap:4px}.menu-button{display:block}.mobile-nav{display:flex;position:absolute;top:64px;left:0;right:0;padding:10px 24px 28px;background:#fff;color:#222;flex-direction:column;border-bottom:1px solid #ddd;max-height:calc(100svh - 64px);overflow:auto}.js .mobile-nav{display:none}.js .mobile-nav.open{display:flex}.mobile-nav>a{padding:17px 0;border-bottom:1px solid #eee;font-size:16px}.mobile-nav>p{font-size:11px;color:#888;margin-top:22px}.site-header:has(.mobile-nav.open){background:#fff!important;color:#222!important}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero-carousel{height:calc(100svh - 12px);min-height:640px;max-height:1000px}.hero-copy{padding-top:100px}.hero-copy>p{font-size:13px}.hero-copy h1{font-size:38px;margin-top:8px}.hero-tag{font-size:17px;margin-top:9px}.actions{gap:18px;margin-top:17px}.hero-copy .actions a{font-size:12px;gap:10px;padding:3px 15px;min-height:36px}.hero-scene{height:66%;object-fit:cover;object-position:50% 65%}.dark .hero-media:after{background:linear-gradient(#121212 0%,#121212 28%,#121212c4 34%,transparent 48%,transparent 88%,#0005)}.hero-product{height:58%;width:100%;bottom:60px;object-fit:contain}.slide-arrow{padding:8px;top:58%;font-size:35px;width:40px;height:48px}.slide-controls{left:20px;right:20px;bottom:20px;align-items:center}.slide-select{flex-direction:row;gap:7px}.slide-select button{font-size:10px;padding:6px 4px;border-left:0;border-bottom:2px solid transparent}.slide-select button[aria-pressed=true]{border-bottom-color:currentColor}.autoplay{font-size:10px;padding:5px 8px}.product-panels{grid-template-columns:1fr;gap:10px;padding:10px}.product-panel{height:570px}.panel-copy{padding:28px 14px 0}.panel-copy>p{font-size:12px}.panel-copy h2{font-size:32px}.tagline{font-size:16px}.panel-copy .actions{margin-top:10px}.panel-copy .actions a{font-size:13px;min-height:30px}.panel-photo{top:165px}.brand-story{padding:65px 0}.brand-story h2{font-size:32px}.eyebrow{font-size:11px;margin-bottom:15px}.lead{font-size:14px;margin:20px 0}.explore-grid{grid-template-columns:1fr;gap:12px}.explore-card{min-height:330px}.explore-card h2{font-size:27px}.service-strip{padding:48px 0;gap:12px}.service-icon{font-size:27px;margin-bottom:15px}.service-strip h3{font-size:15px}.service-strip p{display:none}.service-strip a>span:last-child{font-size:11px}.site-footer{padding-top:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 24px;padding-bottom:30px}.footer-brand,.footer-contact{grid-column:1/-1}.footer-bottom{display:block;font-size:10px;padding:20px 0}.footer-bottom>a{display:block;margin-top:8px}.page-intro{padding:48px 0 38px}.page-intro h1{font-size:32px;line-height:1.4}.page-intro>p:last-child{font-size:14px;margin-top:17px}.series-nav>div{gap:27px;justify-content:flex-start;width:100%;padding:0 20px}.series-nav a{font-size:13px;padding:13px 0}.series-detail{grid-template-columns:1fr;gap:25px;padding:35px 0 45px;scroll-margin-top:116px}.gallery-main img{height:auto;aspect-ratio:3/4;width:100%;object-fit:contain}.thumbs{gap:8px;padding:10px 0}.thumbs button{height:65px;flex-basis:52px}.series-copy h2{font-size:29px;margin-bottom:12px}.series-copy h3{font-size:18px;margin-bottom:17px}.series-copy>p:not(.eyebrow){font-size:14px;line-height:1.9}.series-copy .eyebrow{margin-bottom:10px}.pill{margin-top:23px;font-size:13px}.series-copy details{margin-top:25px}.editorial{grid-template-columns:1fr;gap:28px;padding:15px 0 45px}.editorial-photo img{height:410px}.editorial h2{font-size:28px;margin-bottom:20px}.editorial p:not(.eyebrow){font-size:14px}.business-row:nth-of-type(odd) .editorial-photo{order:0}.principles{grid-template-columns:1fr;gap:30px;padding:15px 0 40px}.principles h2{font-size:22px;margin:15px 0 12px}.workflow{padding:25px 0}.workflow>h2{font-size:27px;text-align:left;margin-bottom:28px}.workflow>div{grid-template-columns:1fr 1fr;gap:25px 20px}.workflow h3{font-size:18px}.workflow p{font-size:13px}.contact-options{grid-template-columns:1fr;gap:12px}.contact-options>a,.contact-options>div{padding:25px}.contact-options h2{font-size:26px;margin:18px 0}.contact-options p{min-height:0}.contact-options b{margin-top:20px}.questions{padding-top:45px}.questions h2{font-size:25px}.questions summary{font-size:14px}.search-dialog{padding:20px}.dialog-top h2{font-size:20px}.search-dialog input{font-size:16px}.reveal.pending{transform:translateY(14px)}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero-copy h1{font-size:34px}.product-panel{height:510px}.panel-photo{top:160px}.slide-select button{font-size:9px}.autoplay{font-size:9px}.page-intro h1{font-size:28px}.editorial-photo img{height:350px}.service-strip h3{font-size:13px}.series-nav>div{gap:24px}.hero-tag{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}}
/* Subtle continuous camera movement and staggered entrance for each slide. */
.hero-slide.active .hero-scene{animation:hero-camera 18s ease-in-out infinite alternate;transform-origin:50% 65%;will-change:transform}
.hero-slide.active .hero-product{animation:hero-float 9s ease-in-out infinite;will-change:transform}
.hero-slide .hero-media:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 25%,#ffffff07 43%,#ffffff16 49%,#ffffff05 55%,transparent 72%);transform:translateX(-55%)}
.hero-slide.active .hero-media:before{animation:hero-light 14s ease-in-out infinite}
.hero-slide.active .hero-copy>p{animation:hero-enter .85s .08s both}
.hero-slide.active .hero-copy>h1{animation:hero-enter 1s .2s both}
.hero-slide.active .hero-copy>.hero-tag{animation:hero-enter 1s .34s both}
.hero-slide.active .hero-copy>.actions{animation:hero-enter 1s .48s both}
.hero-playback{display:flex;gap:8px;align-items:center}
.hero-motion{border:1px solid #888;border-radius:20px;background:#0002;color:inherit;font-size:11px;padding:6px 12px;min-height:30px}
.hero-motion:hover{background:#ffffff20}
.hero-motion:disabled{opacity:.6}
.motion-paused .hero-media:before,.motion-paused .hero-media img,.motion-offscreen .hero-media:before,.motion-offscreen .hero-media img{animation-play-state:paused!important}
@keyframes hero-camera{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.07) translate3d(-.4%,-.5%,0)}}
@keyframes hero-float{0%,100%{transform:translate3d(-50%,0,0) scale(1)}50%{transform:translate3d(-50%,-10px,0) scale(1.015)}}
@keyframes hero-light{0%,15%{opacity:0;transform:translateX(-55%)}40%,60%{opacity:1}85%,100%{opacity:0;transform:translateX(55%)}}
@keyframes hero-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.slide-controls{flex-wrap:wrap;gap:10px}.hero-playback{gap:6px;margin-left:auto}.hero-motion{font-size:10px;padding:5px 8px}.hero-slide.active .hero-scene{animation-duration:22s}@keyframes hero-camera{from{transform:scale(1.01)}to{transform:scale(1.045)}}}
@media(prefers-reduced-motion:reduce){.hero-slide .hero-media:before{display:none}.hero-slide.active .hero-copy>*{opacity:1;transform:none}.hero-slide.active .hero-scene{transform:none}}
.cms-lines{white-space:pre-line}.cms-empty{padding:50px 0;text-align:center}

/* Homepage campaigns always animate while visible. */
@media(prefers-reduced-motion:reduce){
.hero-slide.active .hero-scene{animation:hero-camera 18s ease-in-out infinite alternate!important}
.hero-slide.active .hero-product{animation:hero-float 9s ease-in-out infinite!important}
.hero-slide.active .hero-media:before{display:block;animation:hero-light 14s ease-in-out infinite!important}
}