:root{--black:#080909;--ink:#151616;--paper:#f4f3ef;--white:#fff;--gold:#c5a56b;--muted:#a7a6a1;--line:rgba(255,255,255,.15);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75;letter-spacing:0}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip-link{position:fixed;z-index:999;top:-80px;left:20px;padding:10px 18px;background:#fff;color:#111}.skip-link:focus{top:12px}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,.12);transition:background .35s,border-color .35s}.site-header.scrolled{background:rgba(7,8,8,.94);border-color:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.nav-shell{width:min(calc(100% - 64px),var(--max));height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px;color:#fff;font-size:10px;letter-spacing:3px}.brand img{width:118px;height:50px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:38px}.main-nav a{position:relative;color:rgba(255,255,255,.78);font-size:14px;line-height:92px;transition:color .25s}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .25s}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.menu-toggle{display:none;width:44px;height:44px;padding:10px;border:0;background:transparent}.menu-toggle span{display:block;width:23px;height:1px;margin:6px auto;background:#fff;transition:.25s}.hero{position:relative;min-height:720px;height:100vh;max-height:960px;overflow:hidden;background:#050505;color:#fff}.hero-media{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.42) 43%,rgba(0,0,0,.06) 72%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 50%)}.hero-copy{position:absolute;z-index:2;top:50%;left:max(32px,calc((100% - var(--max))/2));width:min(600px,46vw);transform:translateY(-43%)}.eyebrow{margin:0 0 22px;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:3.5px;line-height:1.4}.hero h1{margin:0;font-family:Georgia,"Songti SC",serif;font-size:clamp(52px,6.2vw,94px);font-weight:400;line-height:1.05}.hero-lead{max-width:530px;margin:30px 0 38px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.9}.hero-actions{display:flex;gap:14px}.button{display:inline-flex;min-height:52px;padding:0 28px;align-items:center;justify-content:center;gap:26px;border:1px solid transparent;font-size:13px;font-weight:600;letter-spacing:1px;transition:background .25s,color .25s,border-color .25s}.button-primary{background:var(--gold);color:#111}.button-primary:hover{background:#ddc18c}.button-ghost{border-color:rgba(255,255,255,.4);color:#fff}.button-ghost:hover,.button-outline:hover{border-color:#fff;background:#fff;color:#111}.scroll-cue{position:absolute;z-index:2;right:42px;bottom:44px;color:rgba(255,255,255,.55);font-size:9px;letter-spacing:2px;writing-mode:vertical-rl}.scroll-cue span{display:inline-block;width:1px;height:56px;margin-bottom:12px;background:rgba(255,255,255,.5)}.section{padding:130px 0}.section-shell{width:min(calc(100% - 64px),var(--max));margin:auto}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section-heading h2,.showcase-copy h2,.service-copy h2,.cta h2,.section-top h2{margin:0;font-family:Georgia,"Songti SC",serif;font-size:clamp(38px,4.2vw,62px);font-weight:400;line-height:1.25}.intro-copy{padding-top:38px}.intro-copy>p{max-width:560px;margin:0 0 30px;color:#686965;font-size:17px}.text-link{display:inline-flex;align-items:center;gap:18px;padding-bottom:5px;border-bottom:1px solid #8f8f89;font-size:13px;font-weight:600}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:105px;border-top:1px solid #cbc9c1}.feature-item{padding:34px 34px 0 0;border-right:1px solid #cbc9c1}.feature-item:last-child{border:0}.feature-item span{color:var(--gold);font:italic 16px Georgia,serif}.feature-item h3{margin:38px 0 12px;font-size:19px;font-weight:600}.feature-item p{margin:0;color:#767772;font-size:14px;line-height:1.8}.section-dark{background:var(--black);color:#fff}.showcase{display:grid;grid-template-columns:55% 45%;min-height:820px}.showcase-media{overflow:hidden}.showcase-media img{width:100%;height:100%;object-fit:cover}.showcase-copy{padding:110px max(50px,calc((100vw - var(--max))/2));padding-left:8vw;align-self:center}.showcase-copy p:not(.eyebrow){max-width:500px;margin:30px 0;color:var(--muted)}.spec-list{margin:42px 0;border-top:1px solid var(--line)}.spec-list div{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.spec-list dt{color:#777}.spec-list dd{margin:0;color:#ddd}.button-outline{border-color:rgba(255,255,255,.45);color:#fff}.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:62px}.section-top .eyebrow{margin-bottom:16px}.case-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,320px);gap:18px}.case-card{position:relative;overflow:hidden;margin:0;background:#111}.case-wide{grid-row:1/3}.case-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.case-card:hover img{transform:scale(1.025)}.case-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7))}.case-card figcaption{position:absolute;z-index:2;right:25px;bottom:21px;left:25px;display:flex;justify-content:space-between;color:#fff;font-size:14px}.case-card figcaption span{color:rgba(255,255,255,.55);font:italic 14px Georgia,serif}.service{padding:130px 0}.service-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:9vw}.service-copy>p:not(.eyebrow){max-width:470px;margin:30px 0 38px;color:var(--muted)}.service-image{position:relative;height:660px;overflow:hidden}.service-image>img{width:100%;height:100%;object-fit:cover}.service-note{position:absolute;right:0;bottom:0;width:220px;padding:30px;background:var(--gold);color:#111}.service-note strong,.service-note span{display:block}.service-note strong{font:34px Georgia,serif}.service-note span{font-size:12px}.cta{padding:80px 0;background:var(--gold);color:#111}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.cta .eyebrow{margin-bottom:10px;color:#493b24}.cta h2{font-size:clamp(30px,3.2vw,48px)}.button-dark{flex:0 0 auto;background:#111;color:#fff}.button-dark:hover{background:#fff;color:#111}.site-footer{padding:75px 0 28px;background:#080909;color:#fff}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:60px;border-bottom:1px solid var(--line)}.footer-brand img{width:140px}.footer-main nav{display:flex;gap:36px}.footer-main nav a{color:#aaa;font-size:13px}.footer-main nav a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding-top:25px;color:#666;font-size:11px;letter-spacing:1px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:900px){.nav-shell{width:calc(100% - 36px);height:74px}.brand img{width:94px;height:42px}.brand span{display:none}.menu-toggle{display:block;position:relative;z-index:3}.main-nav{position:fixed;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:80px 12vw;background:#090a0a;transform:translateX(100%);transition:transform .35s}.menu-open .main-nav{transform:none}.main-nav a{width:100%;font-family:Georgia,"Songti SC",serif;font-size:30px;line-height:2.15}.main-nav a:after{bottom:6px;width:40px;transform:none}.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{min-height:680px;height:92vh}.hero-media{object-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.35)),linear-gradient(0deg,rgba(0,0,0,.45),transparent 60%)}.hero-copy{left:32px;width:calc(100% - 64px)}.hero h1{font-size:56px}.scroll-cue{display:none}.section{padding:90px 0}.section-shell{width:calc(100% - 44px)}.intro-grid{grid-template-columns:1fr;gap:25px}.intro-copy{padding-top:0}.feature-grid{grid-template-columns:1fr 1fr;margin-top:65px}.feature-item{padding:28px 24px 28px 0;border-bottom:1px solid #cbc9c1}.feature-item:nth-child(2){border-right:0;padding-left:24px}.feature-item:nth-child(3),.feature-item:nth-child(4){border-bottom:0}.feature-item:nth-child(4){padding-left:24px}.feature-item h3{margin-top:22px}.showcase{grid-template-columns:1fr}.showcase-media{height:620px}.showcase-copy{padding:85px 30px}.case-grid{grid-template-columns:1fr 1fr;grid-template-rows:500px 260px}.case-wide{grid-column:1/3;grid-row:auto}.service-grid{grid-template-columns:1fr;gap:60px}.service-image{height:600px}.footer-main{align-items:flex-start}.footer-main nav{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 34px}}
@media (max-width:560px){.hero{min-height:650px;height:88vh}.hero-media{object-position:70% center}.hero-copy{left:22px;width:calc(100% - 44px);transform:translateY(-34%)}.hero h1{font-size:42px}.hero-lead{margin:22px 0 30px;font-size:15px;line-height:1.75}.hero-actions{align-items:stretch}.button{min-height:48px;padding:0 18px;gap:16px}.section{padding:72px 0}.section-shell{width:calc(100% - 36px)}.section-heading h2,.showcase-copy h2,.service-copy h2,.section-top h2{font-size:36px}.feature-grid{grid-template-columns:1fr;margin-top:52px}.feature-item,.feature-item:nth-child(2),.feature-item:nth-child(4){padding:25px 0;border-right:0;border-bottom:1px solid #cbc9c1}.feature-item:last-child{border-bottom:0}.showcase-media{height:440px}.showcase-copy{padding:68px 22px}.section-top{display:block;margin-bottom:35px}.section-top .text-link{margin-top:20px}.case-grid{display:block}.case-card{height:260px;margin-bottom:12px}.case-wide{height:360px}.service{padding:75px 0}.service-image{height:480px}.service-note{width:170px;padding:22px}.cta{padding:58px 0}.cta-inner{display:block}.cta .button{margin-top:28px}.footer-main{display:block;padding-bottom:42px}.footer-main nav{margin-top:36px}.footer-bottom{display:block}.footer-bottom p{margin:5px 0}.reveal{transform:translateY(14px)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.case-card img,.main-nav{transition:none}}
.hero-detail{position:absolute;inset:0 0 0 46%;overflow:hidden}.hero-detail img{position:absolute;top:0;right:0;width:100vw;max-width:none;height:100%;object-fit:cover;object-position:center}
@media (max-width:900px){.hero-media{object-position:68% center}.hero-detail{left:58%}.hero-detail img{width:150vw;object-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.58) 48%,rgba(0,0,0,.08) 72%),linear-gradient(0deg,rgba(0,0,0,.4),transparent 60%)}}
@media (max-width:560px){.hero-media{object-position:66% center}.hero-detail{top:74px;bottom:auto;left:44%;height:42%}.hero-detail img{width:182vw;height:100%;object-position:72% center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.72) 50%,rgba(0,0,0,.12) 82%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 62%)}}

/* Keep the complete annotated product area visible instead of cropping it with cover. */
.hero-detail{left:45%;display:flex;align-items:center}.hero-detail img{position:relative;top:auto;right:auto;left:-66.666%;width:166.666%;max-width:none;height:auto;object-fit:initial}
@media (max-width:900px){.hero-detail{left:48%}.hero-detail img{left:-66.666%;width:166.666%;height:auto;object-fit:initial}}
@media (max-width:560px){.hero-detail{top:74px;right:0;bottom:auto;left:30%;height:44%;align-items:flex-start;padding-top:18px}.hero-detail img{left:-66.666%;width:166.666%;height:auto;object-fit:initial}.hero-copy{top:53%}}

.hero-points{position:absolute;z-index:3;inset:100px 2.5% 55px 48%;pointer-events:none}.hero-point{position:absolute;display:flex;align-items:center;gap:11px;color:#d8bb82;text-shadow:0 2px 8px #000}.hero-point span{display:flex;width:52px;height:52px;flex:0 0 52px;align-items:center;justify-content:center;border:1px solid rgba(213,178,111,.82);background:rgba(8,9,9,.68);color:#e2c58e;font:600 12px Georgia,serif;letter-spacing:0}.hero-point p{margin:0;font-size:12px;line-height:1.55;white-space:nowrap}.hero-point strong{color:#f0eadf;font-size:13px;font-weight:500}.hero-point:after{content:"";position:absolute;height:1px;background:linear-gradient(90deg,rgba(197,165,107,.7),transparent)}.point-fit{top:3%;left:14%}.point-fit:after{top:100%;left:26px;width:130px;transform:rotate(35deg);transform-origin:left}.point-protect{top:8%;right:1%}.point-protect:after{top:100%;right:22px;width:110px;transform:rotate(135deg);transform-origin:right}.point-edge{top:43%;left:0}.point-edge:after{top:50%;left:100%;width:100px}.point-material{bottom:4%;left:8%}.point-material:after{bottom:100%;left:28px;width:95px;transform:rotate(-58deg);transform-origin:left}.point-series{right:0;bottom:10%}.point-series:after{right:100%;top:50%;width:85px}
@media (max-width:1100px){.hero-points{right:1%;left:51%}.hero-point p{font-size:10px}.hero-point strong{font-size:11px}.hero-point span{width:44px;height:44px;flex-basis:44px}.point-edge{display:none}}
@media (max-width:900px){.hero-points{top:92px;right:2%;bottom:auto;left:58%;height:46%}.hero-point p{display:none}.hero-point span{width:42px;height:42px;flex-basis:42px;background:rgba(8,9,9,.78)}.point-fit{top:2%;left:5%}.point-protect{top:5%;right:0}.point-material{bottom:2%;left:0}.point-series{right:0;bottom:5%}}
@media (max-width:560px){.hero-detail{display:none}.hero-points{top:86px;right:12px;left:auto;width:105px;height:225px}.hero-point{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;margin-bottom:7px;justify-content:flex-end}.hero-point p,.hero-point:after{display:none}.hero-point span{width:38px;height:38px;flex-basis:38px;font-size:10px}.point-edge{display:none}.hero-copy{top:52%}}

/* Hero title: restrained modern type, kept on one line at every breakpoint. */
.hero h1{font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans SC",Arial,sans-serif;font-size:clamp(46px,5vw,76px);font-weight:300;line-height:1.15;letter-spacing:4px;white-space:nowrap}
@media (max-width:900px){.hero h1{font-size:50px;letter-spacing:3px}}
@media (max-width:560px){.hero h1{font-size:34px;letter-spacing:2px}.hero-copy{left:20px;width:calc(100% - 40px)}}
@media (max-width:360px){.hero h1{font-size:30px;letter-spacing:1px}}

body{font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif}.hero h1{font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;font-weight:500;letter-spacing:2px}.eyebrow,.brand,.main-nav,.button,.scroll-cue,.footer-bottom{font-family:"Manrope","Noto Sans SC",Arial,sans-serif}
.hero-picture{display:block;width:100%;height:100%}.hero-picture .hero-media{width:100%;height:100%}