:root{--paper:#f4f0e8;--white:#fbfaf7;--ink:#171717;--muted:#6d6961;--red:#d52b1e;--kraft:#b7854f;--line:rgba(23,23,23,.24);--pad:clamp(22px,4.2vw,72px)}
*{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;line-height:1.65;overflow-x:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.skip-link{position:fixed;top:8px;left:8px;z-index:200;transform:translateY(-150%);background:var(--ink);color:#fff;padding:8px 12px}.skip-link:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:82px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:rgba(244,240,232,.94);border-bottom:1px solid var(--ink);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.8}.brand-mark__red{stroke:var(--red);stroke-width:4}.brand span{display:grid;line-height:1.1}.brand strong{font-size:15px;letter-spacing:.08em}.brand small{margin-top:5px;font:9px/1 Arial,sans-serif;letter-spacing:.17em;color:var(--muted)}
.primary-nav{display:flex;gap:clamp(20px,2.8vw,46px);font-size:13px}.primary-nav a{position:relative}.primary-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--red);transition:right .2s}.primary-nav a:hover:after,.primary-nav a:focus-visible:after{right:0}
.menu-toggle{display:none;border:0;background:none;padding:10px;color:var(--ink)}
main{padding-top:82px}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:45% 55%;position:relative;border-bottom:1px solid var(--ink);background:var(--white)}
.hero-copy{align-self:center;padding:clamp(70px,10vh,130px) var(--pad);position:relative;z-index:2}.eyebrow,.section-no{margin:0 0 24px;color:var(--red);font:700 11px/1 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}.hero h1,.section-heading h2,.structure-copy h2,.quality-section h2,.contact-intro h2{margin:0;font-weight:800;line-height:.98;letter-spacing:-.055em}.hero h1{font-size:clamp(50px,6vw,98px)}.hero h1 em{font-style:normal;color:var(--red)}.hero-intro{max-width:610px;margin:38px 0 28px;padding-left:22px;border-left:3px solid var(--red);font-size:clamp(15px,1.15vw,18px);color:#4d4a45}.text-link{display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:7px;font-size:14px}.text-link span{color:var(--red)}
.hero-visual{margin:0;min-height:620px;overflow:hidden}.hero-visual img{object-position:center}.hero-index{position:absolute;left:var(--pad);bottom:25px;display:flex;gap:20px;align-items:baseline;font:11px/1 Arial,sans-serif;letter-spacing:.18em}.hero-index b{font-size:32px;color:var(--red)}
.record-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ink);background:var(--paper)}.record-strip div{min-height:128px;padding:28px var(--pad);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.record-strip div:last-child{border:0}.record-strip b{font:700 clamp(24px,2.4vw,38px)/1 Arial,sans-serif}.record-strip span{font-size:12px;color:var(--muted)}
.section-heading{display:grid;grid-template-columns:1fr 2fr 1.1fr;gap:40px;padding:clamp(80px,9vw,140px) var(--pad) 64px;align-items:end}.section-heading h2{font-size:clamp(42px,5.3vw,82px)}.section-heading>p:last-child{margin:0;color:var(--muted);font-size:14px}.section-heading--split{border-bottom:1px solid var(--ink)}
.material-grid{display:grid;grid-template-columns:1.35fr .65fr;min-height:720px;border-bottom:1px solid var(--ink)}.material-macro{margin:0;position:relative}.material-macro figcaption,.family-visual figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;padding:18px 24px;background:rgba(23,23,23,.9);color:#fff;font-size:12px;letter-spacing:.12em}.product-copy{display:grid;background:var(--paper)}.product-copy article{padding:44px var(--pad);border-bottom:1px solid var(--line)}.product-copy article:last-child{border:0}.product-copy article>span{color:var(--red);font:700 12px Arial,sans-serif}.product-copy h3{margin:12px 0;font-size:clamp(26px,2.7vw,42px);line-height:1}.product-copy p{margin:0;color:var(--muted);font-size:14px}.family-visual{height:min(64vw,760px);margin:0;position:relative;border-bottom:1px solid var(--ink)}.family-visual img{object-position:center 55%}
.structure-section{display:grid;grid-template-columns:.78fr 1.22fr;min-height:760px;border-bottom:1px solid var(--ink)}.structure-copy{padding:clamp(78px,9vw,145px) var(--pad);display:flex;flex-direction:column;justify-content:center}.structure-copy h2{font-size:clamp(44px,5vw,78px)}.structure-copy>p:not(.section-no){margin:34px 0;color:var(--muted);max-width:560px}.structure-copy dl{margin:18px 0 0;border-top:1px solid var(--ink)}.structure-copy dl div{display:grid;grid-template-columns:90px 1fr;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.structure-copy dt{color:var(--red);font-weight:700}.structure-copy dd{margin:0}.structure-section figure{margin:0;min-height:700px}
.process-section{background:var(--ink);color:var(--paper)}.section-heading--dark{border-bottom:1px solid rgba(255,255,255,.25)}.section-heading--dark>p:last-child{color:#b6b1a8}.process-band{display:grid;grid-template-columns:1fr 1fr}.process-band figure{height:520px;margin:0;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.25)}.process-band figure:last-child{border:0}.process-band figcaption{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:50px 1fr auto;gap:10px;align-items:center;padding:17px 24px;background:rgba(23,23,23,.92);border-top:1px solid rgba(255,255,255,.25)}.process-band figcaption b{color:var(--red)}.process-band figcaption small{color:#aaa;letter-spacing:.18em}.process-line{list-style:none;margin:0;padding:0 var(--pad);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25)}.process-line li{min-height:124px;padding:26px 20px;border-right:1px solid rgba(255,255,255,.2);font-size:13px}.process-line li:last-child{border:0}.process-line span{display:block;margin-bottom:30px;color:var(--red);font:700 12px Arial,sans-serif}
.quality-section{display:grid;grid-template-columns:1.3fr .7fr;min-height:720px;border-bottom:1px solid var(--ink)}.quality-section figure{margin:0}.quality-section>div{padding:clamp(70px,8vw,130px) var(--pad);align-self:center}.quality-section h2{font-size:clamp(42px,4.8vw,74px)}.quality-section>div>p:not(.section-no){margin:30px 0;color:var(--muted)}.application-list{list-style:none;margin:35px 0 0;padding:0;border-top:1px solid var(--ink)}.application-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.application-list li:before{content:"+";color:var(--red);margin-right:16px}
.development-layout{display:grid;grid-template-columns:1.05fr .95fr}.development-layout figure{margin:0;min-height:760px}.timeline{list-style:none;margin:0;padding:0 var(--pad);align-self:center}.timeline li{display:grid;grid-template-columns:110px 1fr;gap:30px;padding:32px 0;border-bottom:1px solid var(--line)}.timeline time{font:700 18px/1 Arial,sans-serif;color:var(--red)}.timeline h3{margin:0 0 8px;font-size:20px}.timeline p{margin:0;color:var(--muted);font-size:13px}
.contact-section{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--red);color:#fff;border-top:1px solid var(--ink)}.contact-intro{padding:clamp(80px,8vw,130px) var(--pad)}.contact-intro .section-no{color:#fff}.contact-intro h2{font-size:clamp(44px,5vw,78px)}.contact-intro>p:not(.section-no){max-width:520px;margin:30px 0;color:#ffe6df}.contact-intro address{margin-top:54px;padding-top:24px;border-top:1px solid rgba(255,255,255,.5);font-style:normal;font-size:14px}.contact-intro address span{display:block;margin-bottom:10px;font-size:11px;letter-spacing:.16em}.inquiry-form{padding:clamp(80px,8vw,130px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:34px 24px;background:var(--white);color:var(--ink)}.inquiry-form label{display:grid;gap:9px;font-size:12px;letter-spacing:.08em}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;padding:11px 0;color:var(--ink);outline-offset:5px}.inquiry-form textarea{resize:vertical}.inquiry-form .full{grid-column:1/-1}.form-actions{display:flex;gap:22px;align-items:center}.form-actions button{border:1px solid var(--ink);border-radius:0;background:var(--ink);color:#fff;padding:15px 24px;cursor:pointer}.form-actions button:hover,.form-actions button:focus-visible{background:var(--red);border-color:var(--red)}#form-status{margin:0;color:var(--red);font-size:13px}
.site-footer{min-height:190px;padding:42px var(--pad);display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:30px;align-items:center;background:var(--ink);color:#fff}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand strong{font-size:14px}.site-footer p,.site-footer a{margin:0;font-size:12px;color:#aaa}.site-footer .disclosure{color:#ddd}.site-footer a{color:#fff;border-bottom:1px solid #fff}
@media(max-width:960px){.site-header{height:70px}.primary-nav{position:fixed;top:70px;left:0;right:0;display:grid;gap:0;background:var(--paper);border-bottom:1px solid var(--ink);transform:translateY(-130%);transition:transform .25s}.primary-nav.is-open{transform:none}.primary-nav a{padding:17px var(--pad);border-top:1px solid var(--line)}.menu-toggle{display:grid;grid-template-columns:auto 22px;gap:4px 12px;align-items:center;font-size:12px}.menu-toggle span{grid-row:1/3}.menu-toggle i{display:block;height:1px;background:currentColor}.menu-toggle[aria-expanded=true] i:first-of-type{transform:translateY(2.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-of-type{transform:translateY(-2.5px) rotate(-45deg)}main{padding-top:70px}.hero{min-height:auto;grid-template-columns:1fr}.hero-copy{padding-top:90px;padding-bottom:75px}.hero-visual{min-height:58vw}.hero-index{display:none}.record-strip{grid-template-columns:1fr 1fr}.record-strip div:nth-child(2){border-right:0}.record-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p:last-child{grid-column:2}.material-grid,.structure-section,.quality-section,.development-layout,.contact-section{grid-template-columns:1fr}.material-macro,.structure-section figure,.development-layout figure{min-height:70vw}.product-copy{grid-template-columns:repeat(3,1fr)}.product-copy article{border-bottom:0;border-right:1px solid var(--line)}.process-band figure{height:42vw}.contact-intro{padding-bottom:70px}.site-footer{grid-template-columns:1fr 1fr}.site-footer a{justify-self:end}}
@media(max-width:620px){:root{--pad:20px}.site-header{padding:0 16px}.brand-mark{width:36px;height:36px}.brand strong{font-size:13px}.brand small{font-size:8px}.hero-copy{padding-top:72px}.hero h1{font-size:50px}.hero-intro{margin-top:28px}.hero-visual{min-height:78vw}.record-strip div{min-height:112px;padding:22px 20px}.section-heading{display:block;padding-top:80px}.section-heading h2,.structure-copy h2,.quality-section h2,.contact-intro h2{font-size:43px}.section-heading>p:last-child{margin-top:28px}.material-grid{display:block}.material-macro{height:82vw}.product-copy{display:block}.product-copy article{border-right:0;border-bottom:1px solid var(--line);padding:34px 20px}.family-visual{height:72vw}.structure-copy{padding:80px 20px 60px}.structure-section figure{min-height:92vw}.process-band{display:block}.process-band figure{height:70vw;border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}.process-line{grid-template-columns:1fr 1fr}.process-line li:nth-child(2){border-right:0}.process-line li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.2)}.quality-section figure{height:78vw;order:2}.quality-section>div{order:1;padding:80px 20px 60px}.development-layout figure{min-height:76vw}.timeline{padding:35px 20px 80px}.timeline li{grid-template-columns:80px 1fr;gap:15px}.contact-intro{padding-top:80px}.inquiry-form{grid-template-columns:1fr;padding:70px 20px}.inquiry-form label,.inquiry-form .full{grid-column:1}.form-actions{align-items:flex-start;flex-direction:column}.site-footer{grid-template-columns:1fr;padding:40px 20px;gap:20px}.site-footer a{justify-self:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-nav{transition:none}}