/* Revision 3: tactile material studies and a calmer editorial rhythm. */
:root{--ink:#172c35;--muted:#52636a;--surface:#f5f3ee;--line:#d9dfdd;--accent:#236b63;--focus:#1c716b;--radius:14px}
html{scroll-behavior:smooth}body{background:#fff;color:var(--ink);font-family:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Noto Sans CJK SC','PingFang SC',sans-serif}
h1,h2,h3{letter-spacing:-.038em}h1{font-weight:600}p{color:var(--muted)}.container{width:min(1260px,calc(100% - 96px))}.section{padding-block:104px}.section-tint{background:var(--surface)}
.utility-bar{background:#172c35}.site-header{height:82px;border-color:#e8ece9}.site-header nav{gap:28px}.site-header nav>a{font-size:13px}.site-header nav>a[aria-current=page]{color:var(--accent)}.site-header nav>.nav-contact{background:var(--ink);border-color:var(--ink);border-radius:8px;padding:12px 18px}.site-header nav>.nav-contact:hover{background:#2a7069;border-color:#2a7069}.site-header nav>.language-switch{margin-left:1px;border-left:1px solid #ced7d3;padding-left:18px;color:var(--ink);font-size:13px}.site-header nav>.language-switch:hover{color:var(--accent)}.brand strong{color:var(--ink)}.brand small{color:#5d7572}
.button{border-radius:8px;background:var(--accent);border-color:var(--accent);min-height:52px;padding:14px 21px;transition:transform .45s cubic-bezier(.22,1,.36,1),background .25s ease,border-color .25s ease,box-shadow .45s cubic-bezier(.22,1,.36,1)}.button:hover{background:#1a5852;border-color:#1a5852;transform:translateY(-3px);box-shadow:0 10px 22px #123a3522}.button.secondary{border-color:#a7bbb5;color:var(--ink)}.button.secondary:hover{background:#edf3ef;border-color:#6b9387}.text-link{color:var(--accent)}
.hero{background:#f6f5f1}.hero-layout{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:62px;min-height:690px;padding-block:64px}.hero-copy{align-self:center}.hero-eyebrow,.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.17em}.hero-eyebrow{margin-bottom:25px}.hero h1{font-size:clamp(58px,6vw,92px);line-height:1.01;max-width:650px;margin-bottom:29px}.hero-description{max-width:550px;font-size:18px;line-height:1.72}.hero .actions{margin-top:33px}.hero-note{font-size:12px;letter-spacing:.025em;margin-top:24px}.hero-photos{width:100%;min-width:0}.hero-image-wrap{position:relative;width:100%;height:565px}.hero-main{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%;border:0;border-radius:18px}.hero-inset{position:absolute;bottom:-24px;left:-54px;width:192px;background:#fff;padding:8px 8px 11px;border-radius:12px;box-shadow:0 16px 40px #17333724;transform:rotate(-3deg)}.hero-inset img{width:100%;height:157px;display:block;object-fit:cover;object-position:25% 75%;border-radius:8px}.hero-inset span{display:block;padding:9px 5px 0;font-size:9px;font-weight:700;letter-spacing:.1em;color:#536e69}.hero-photos figcaption{padding:34px 0 0 156px;font-size:12px;color:#536960;display:flex;gap:14px}.hero-photos figcaption span{font-weight:700;color:var(--accent)}
.capability-band{background:#fff}.capability-grid{padding-block:26px}.capability-grid strong{color:var(--ink);font-size:25px}.capability-grid span{color:#62756f}
.section-heading{margin-bottom:47px;align-items:end}.section-heading h2{font-size:clamp(36px,3.5vw,50px);line-height:1.13;max-width:710px}.section-heading p{line-height:1.65}
.material-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,260px);gap:20px}.material-feature{overflow:hidden;position:relative;border-radius:16px;border:1px solid #e2e7e3;box-shadow:none;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),border-color .25s}.material-feature:hover{transform:translateY(-5px);box-shadow:0 17px 32px #243d3620;border-color:#aac5b7}.material-woven{grid-row:span 2;display:flex;flex-direction:column}.material-photo{height:385px;position:relative;overflow:hidden}.material-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;transition:transform .8s cubic-bezier(.22,1,.36,1)}.material-woven:hover .material-photo img{transform:scale(1.035)}.photo-label{position:absolute;bottom:14px;left:16px;background:#fff;padding:7px 10px;border-radius:5px;color:#425750;font-size:10px;font-weight:700;letter-spacing:.1em}.material-caption{min-height:0;position:relative;padding:27px 30px 30px}.material-caption h3{font-size:28px;line-height:1.1;margin:0 0 10px;color:var(--ink)}.material-caption>span:not(.arrow){max-width:400px;font-size:14px;color:#60716b}.material-number{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--accent);margin:0 0 12px}.material-caption .arrow{font-size:22px;top:26px;right:27px;color:var(--accent)}.material-laminated,.material-composite{display:grid;grid-template-columns:1.07fr .93fr;min-width:0}.material-laminated{background:#e8eee9}.material-composite{background:#e6e8e7}.material-laminated .material-caption,.material-composite .material-caption{display:flex;flex-direction:column;justify-content:center;padding:25px 23px 24px 28px}.material-laminated .material-caption h3,.material-composite .material-caption h3{font-size:26px}.material-laminated .material-caption .arrow,.material-composite .material-caption .arrow{top:auto;bottom:18px}.material-study{position:relative;min-width:0;overflow:hidden;background:#d7e1da}.material-composite .material-study{background:#c9d1d0}.material-study img{position:absolute;right:-9%;bottom:-12%;width:77%;height:68%;object-fit:cover;object-position:20% 72%;border-radius:12px 0 0 0;box-shadow:-9px -9px 24px #253a3540;transform:rotate(-5deg);transition:transform .65s cubic-bezier(.22,1,.36,1)}.material-composite .material-study img{object-position:18% 72%}.material-feature:hover .material-study img{transform:rotate(-2deg) translateY(-5px)}.sample-label{position:absolute;bottom:13px;left:12px;background:#fff;padding:5px 7px;border-radius:3px;font-size:8px;font-weight:700;letter-spacing:.08em;color:#4e665f}.layer-lines{position:absolute;z-index:1;top:22px;left:16px;right:8px;display:flex;flex-direction:column;gap:5px}.layer-lines i{display:block;width:max-content;max-width:100%;font-style:normal;font-size:9px;line-height:1;padding:7px 8px;background:#fffaf2bd;color:#2e4a43;letter-spacing:.04em;border-radius:3px;box-shadow:0 1px 5px #37574722}
.factory-intro{gap:80px;grid-template-columns:1.1fr .9fr}.factory-intro figure img{border-radius:16px;height:450px}.process-summary>div{border-color:var(--line)}.application-list a{transition:background .3s}.application-list a:hover{background:#f5f8f5}.quote-guide li:before{color:var(--accent)}.closing{background:#1b3835}.site-footer{background:#162c2a}
.page-intro{padding-block:76px 47px}.page-intro h1{font-size:clamp(44px,5vw,68px);line-height:1.07}.page-intro>p:last-child{font-size:18px}.jump-links{display:flex;gap:10px;flex-wrap:wrap}.jump-links a{border:1px solid #d4ded7;border-radius:7px;background:#f5f7f4;padding:12px 16px;transition:background .25s,transform .35s cubic-bezier(.22,1,.36,1)}.jump-links a:hover{background:#e6eee7;transform:translateY(-2px)}.product-detail{grid-template-columns:1.05fr .95fr;align-items:center;gap:7%;padding-block:86px;border-bottom:1px solid var(--line)}.product-detail:nth-of-type(even){grid-template-columns:.95fr 1.05fr}.product-detail:nth-of-type(even) .product-media{order:2}.product-media{margin:0;min-width:0;position:relative;border-radius:16px;overflow:hidden;background:#dfe7e3}.product-media>img{display:block;width:100%;height:390px;object-fit:cover;object-position:center 62%}.product-laminated .product-media>img,.product-composite .product-media>img{object-position:18% 72%}.product-media figcaption{position:absolute;left:16px;top:16px;right:16px;display:flex;justify-content:space-between;gap:8px;color:#264a43}.product-media figcaption span{font-size:10px;font-weight:700;letter-spacing:.08em;background:#f7faf5e8;padding:7px 9px;border-radius:4px}.product-layers{list-style:none;margin:0;padding:18px 23px;background:#e5ece7;display:flex;gap:8px;flex-wrap:wrap}.product-layers li{background:#fff;border:1px solid #cfddd3;padding:8px 11px;border-radius:5px;color:#31564e;font-size:12px;font-weight:600}.product-layers li span{font-size:9px;color:#718b80;margin-right:11px}.product-copy .eyebrow{margin:0 0 16px}.product-copy h2{font-size:clamp(32px,3vw,46px);line-height:1.1}.product-copy>p:not(.eyebrow){font-size:17px;line-height:1.68}.product-facts{border-color:var(--line)}.product-facts>div{border-color:var(--line)}.product-detail .button{margin-top:4px}.spec-group,.application-banner,.inquiry-panel{border-radius:12px}.application-banner img,.factory-panorama img,.factory-grid img{border-radius:14px}.factory-panorama{overflow:visible}.contact-details{border-top-color:var(--accent)}.contact-details>img{border-radius:12px}.inquiry-panel{border-color:#d5e0d6;background:#f6f8f4}
@media(min-width:851px){.hero-copy{animation:arrive .85s cubic-bezier(.22,1,.36,1) both}.hero-photos{animation:arrive 1.1s .12s cubic-bezier(.22,1,.36,1) both}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1100px){.container{width:calc(100% - 60px)}.hero-layout{gap:35px;min-height:600px}.hero h1{font-size:clamp(49px,5.3vw,72px)}.hero-image-wrap{height:500px}.material-grid{grid-template-columns:1fr 1fr}.material-caption h3{font-size:24px}.material-laminated .material-caption h3,.material-composite .material-caption h3{font-size:21px}.site-header nav{gap:17px}}
@media(max-width:850px){.site-header nav{top:69px;gap:0}.site-header nav>.language-switch{border:0;margin:0;padding:15px}.hero-layout{min-height:0;grid-template-columns:1fr 1fr;gap:28px}.hero h1{font-size:clamp(40px,5.3vw,55px)}.hero-image-wrap{height:440px}.hero-inset{width:135px;left:-25px}.hero-inset img{height:105px}.hero-photos figcaption{padding-left:105px}.material-grid{grid-template-columns:1fr;grid-template-rows:none}.material-woven{grid-row:auto;display:grid;grid-template-columns:1fr 1fr}.material-photo{height:280px}.material-laminated,.material-composite{height:230px}.product-detail{gap:30px}.product-media>img{height:330px}.section{padding-block:72px}}
@media(max-width:620px){.container{width:calc(100% - 36px)}.hero-layout{grid-template-columns:1fr;gap:27px;padding-block:40px}.hero h1{font-size:clamp(44px,11vw,59px)}.hero-image-wrap{height:320px}.hero-inset{width:112px;left:12px;bottom:-14px;transform:rotate(-2deg)}.hero-inset img{height:82px}.hero-inset span{font-size:7px}.hero-photos figcaption{padding-left:0;padding-top:21px;justify-content:flex-end}.capability-grid{padding-block:22px}.section{padding-block:58px}.section-heading h2{font-size:35px}.material-woven{display:block}.material-photo{height:240px}.material-laminated,.material-composite{height:230px;grid-template-columns:1.12fr .88fr}.material-laminated .material-caption,.material-composite .material-caption{padding:20px 15px}.material-laminated .material-caption h3,.material-composite .material-caption h3{font-size:21px}.material-caption .arrow{right:15px}.layer-lines{left:7px}.layer-lines i{font-size:7px}.sample-label{font-size:7px}.product-detail,.product-detail:nth-of-type(even){grid-template-columns:1fr;padding-block:52px}.product-detail:nth-of-type(even) .product-media{order:0}.product-media>img{height:280px}.product-media figcaption{left:9px;right:9px;top:9px}.product-media figcaption span{font-size:8px}.product-copy h2{font-size:34px}.product-layers{padding:13px;gap:5px}.product-layers li{font-size:10px}.page-intro{padding-block:50px 35px}.page-intro h1{font-size:40px}.factory-intro figure img{height:290px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Real factory inset alongside an explicitly labelled product visualization. */
.hero-inset{overflow:hidden}.hero-inset-photo{height:157px;overflow:hidden;border-radius:8px}.hero-inset img{transform:scale(1.55);transform-origin:12% 72%}.hero-inset span{position:relative;z-index:1;background:#fff}
.product-layers{position:relative;z-index:1}.product-media figcaption{z-index:2}
html[lang="zh-CN"] .hero h1{font-size:clamp(49px,4.5vw,66px);line-height:1.16;letter-spacing:-.065em}
html[lang="zh-CN"] .material-caption h3{letter-spacing:-.025em}
@media(max-width:850px){.hero-inset-photo{height:105px}}
@media(max-width:620px){.hero-inset-photo{height:82px}}

/* Peer-site review: application context earns a distinct visual chapter. */
.application-showcase{display:grid;grid-template-columns:.78fr 1.22fr;gap:18px}.application-visual{height:430px;position:relative;display:block;overflow:hidden;border-radius:16px;color:#fff;background:#304643}.application-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.application-visual-covers img{object-position:center 37%}.application-visual-agriculture img{object-position:center}.application-visual:hover img{transform:scale(1.045)}.application-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#091b1914 10%,#071b1aad 100%);pointer-events:none}.context-tag{position:absolute;z-index:1;top:20px;left:22px;color:#fff;background:#193a34b5;border:1px solid #ffffff4d;padding:7px 9px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.11em}.application-visual-content{position:absolute;z-index:1;left:28px;right:28px;bottom:29px;display:grid;grid-template-columns:1fr auto;gap:6px 10px}.application-visual-content strong{grid-column:1;font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.04em}.application-visual-content small{grid-column:1;color:#f1f5f0;font-size:14px;line-height:1.5}.application-visual-content b{grid-column:2;grid-row:1 / span 2;align-self:end;font-size:24px;font-weight:400;transition:transform .35s}.application-visual:hover b{transform:translate(3px,-3px)}.context-disclosure{font-size:12px;color:#667871;margin:12px 0 28px}.application-list-compact{border-top:1px solid var(--line)}
.application-editorial{display:grid;grid-template-columns:1.12fr .88fr;gap:22px;margin-bottom:48px}.application-editorial-scene{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#dbe1df}.application-editorial-scene>img{width:100%;height:570px;display:block;object-fit:cover}.application-editorial-scene figcaption{position:absolute;bottom:16px;left:18px;background:#fffef3e8;border-radius:5px;padding:8px 10px;color:#425a54;font-size:11px}.application-editorial-copy{background:#eef2ed;border-radius:16px;padding:42px 46px;display:flex;flex-direction:column;align-items:flex-start}.application-editorial-copy h2{font-size:clamp(35px,3vw,46px);line-height:1.12;margin:13px 0 18px}.application-editorial-copy>p:not(.eyebrow){font-size:17px;line-height:1.7}.application-editorial-copy figure{width:100%;margin:auto 0 0}.application-editorial-copy figure img{display:block;width:100%;height:180px;object-fit:cover;object-position:50% 62%;border-radius:10px}.application-editorial-copy figure figcaption{font-size:11px;color:#557067;margin-top:9px}
@media(max-width:850px){.application-showcase{grid-template-columns:1fr 1fr}.application-visual{height:340px}.application-editorial{gap:14px}.application-editorial-scene>img{height:470px}.application-editorial-copy{padding:30px}.application-editorial-copy figure img{height:140px}}
@media(max-width:620px){.application-showcase,.application-editorial{grid-template-columns:1fr}.application-visual{height:270px}.application-visual-covers img{object-position:center 30%}.application-visual-content{left:20px;right:20px;bottom:20px}.application-visual-content strong{font-size:29px}.application-editorial-scene>img{height:310px}.application-editorial-copy{padding:27px}.application-editorial-copy figure{margin-top:22px}.application-editorial-copy figure img{height:160px}}

/* Restrained navigation and type motion; the static markup remains readable. */
@media(min-width:851px){.hero-copy{animation:none}.site-header nav>a:not(.nav-contact):not(.language-switch){position:relative}.site-header nav>a:not(.nav-contact):not(.language-switch)::after{content:"";position:absolute;left:0;right:0;bottom:9px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.22,1,.36,1)}.site-header nav>a:hover::after,.site-header nav>a[aria-current=page]::after{transform:scaleX(1)}}
.reveal-heading .reveal-unit{display:inline-block;opacity:0;transform:translateY(.55em) scale(.9)}.reveal-heading.is-revealed .reveal-unit{animation:unit-rise .72s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--unit-order)*38ms)}@keyframes unit-rise{0%{opacity:0;transform:translateY(.55em) scale(.9)}67%{opacity:1;transform:translateY(-.06em) scale(1.028)}100%{opacity:1;transform:translateY(0) scale(1)}}
main{transition:opacity .19s ease,transform .19s ease}body.page-leaving main{opacity:0;transform:translateY(-8px);pointer-events:none}.button span[aria-hidden="true"]{display:inline-block;transition:transform .35s cubic-bezier(.22,1,.36,1)}.button:hover span[aria-hidden="true"]{transform:translate(3px,-3px)}.application-list a>span:last-child{transition:transform .35s cubic-bezier(.22,1,.36,1)}.application-list a:hover>span:last-child{transform:translate(3px,-3px)}.jump-links a{position:relative;padding-right:31px}.jump-links a::after{content:"↗";position:absolute;right:12px;top:50%;transform:translate(-3px,-50%);opacity:0;transition:opacity .25s,transform .35s}.jump-links a:hover::after{opacity:1;transform:translate(0,-50%)}
@media(prefers-reduced-motion:reduce){.reveal-heading .reveal-unit{opacity:1;transform:none}.reveal-heading.is-revealed .reveal-unit{animation:none}body.page-leaving main{opacity:1;transform:none}}

/* Product renders share one quiet studio art direction; photo evidence remains in factory sections. */
.hero-main{object-position:52% center}.hero-inset img{transform:none;object-position:center 58%}.hero-photos figcaption{font-size:11px}.material-photo img{object-position:center 48%}.material-study{background:#aaa6a2}.material-composite .material-study{background:#a6a3a0}.material-study img,.material-composite .material-study img{inset:0;width:100%;height:100%;border-radius:0;box-shadow:none;transform:none;object-fit:cover;object-position:center}.material-feature:hover .material-study img{transform:scale(1.045)}.sample-label{z-index:2;left:9px;right:9px;bottom:9px;width:max-content;max-width:calc(100% - 18px);font-size:7px;line-height:1.25}.product-media>img,.product-laminated .product-media>img,.product-composite .product-media>img{transform:none;object-position:center}.product-media{background:#aaa7a2}.product-media figcaption span:first-child{max-width:66%;line-height:1.3}.material-woven .photo-label{font-size:9px}
@media(max-width:620px){.hero-inset img{transform:none}.material-study img,.material-composite .material-study img{object-position:center}.product-media figcaption span:first-child{max-width:64%}html[lang="zh-CN"] .hero h1{font-size:clamp(36px,10vw,42px);line-height:1.18}}

/* V5: material specimens and the four distinct buyer decisions. */
.hero{background:#f4f3ee}.hero-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:700px}.hero h1{font-size:clamp(55px,5.3vw,76px);line-height:1.06}.hero-main{object-position:49% 50%}.hero-photos figcaption{letter-spacing:.02em}.hero-copy .hero-note{max-width:480px;line-height:1.5}
.capability-grid{grid-template-columns:repeat(4,1fr)}.capability-grid>div{min-width:0}.capability-grid strong{font-size:22px}.capability-grid span{max-width:170px;line-height:1.35}
.material-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:270px 270px 290px;gap:18px}.material-woven{grid-column:1 / 8;grid-row:1 / 3}.material-laminated{grid-column:8 / 13;grid-row:1}.material-composite{grid-column:8 / 13;grid-row:2}.material-packaging{grid-column:1 / 13;grid-row:3;display:grid;grid-template-columns:.72fr 1.28fr;background:#e8eeea}.material-packaging .material-caption{display:flex;flex-direction:column;justify-content:center;padding:38px 42px}.material-packaging .material-caption h3{font-size:32px;max-width:430px}.material-packaging .material-caption .arrow{top:auto;bottom:23px}.material-woven .material-photo{height:calc(100% - 160px)}.material-woven .material-caption{flex:1}.material-study img,.material-composite .material-study img{object-position:center}.material-packaging .material-study img{object-position:center 48%}.material-feature:hover .material-study img{transform:scale(1.025)}.material-laminated .material-caption h3,.material-composite .material-caption h3{font-size:24px}.material-laminated .material-caption>span:not(.arrow),.material-composite .material-caption>span:not(.arrow){line-height:1.45}
.product-detail{scroll-margin-top:110px}.product-detail:nth-of-type(even) .product-media{order:0}.product-detail:nth-of-type(even){grid-template-columns:1.05fr .95fr}.product-detail:nth-of-type(odd){grid-template-columns:.95fr 1.05fr}.product-detail:nth-of-type(odd) .product-media{order:2}.product-media>img{height:440px}.product-laminated .product-media>img{object-position:center}.product-composite .product-media>img{object-position:center}.product-finished-packaging .product-media>img{object-position:center}.product-copy>p:not(.eyebrow){max-width:560px}.sample-editorial{display:grid;grid-template-columns:.72fr 1.28fr;gap:48px;align-items:center;padding-block:75px 90px;border-bottom:1px solid var(--line)}.sample-editorial-copy h2{font-size:clamp(32px,3.2vw,46px);line-height:1.1;margin:12px 0 20px}.sample-editorial-copy p:not(.eyebrow){font-size:17px;line-height:1.65}.sample-editorial figure{margin:0}.sample-editorial img{display:block;width:100%;height:350px;object-fit:cover;border-radius:16px}.sample-editorial figcaption{padding-top:10px;font-size:10px;letter-spacing:.08em;color:#668078}
@media(max-width:1100px){.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:260px 260px 260px}.material-woven{grid-column:1;grid-row:1 / 3}.material-laminated{grid-column:2;grid-row:1}.material-composite{grid-column:2;grid-row:2}.material-packaging{grid-column:1 / 3;grid-row:3}.material-laminated .material-caption,.material-composite .material-caption{padding:22px}.material-laminated .material-caption h3,.material-composite .material-caption h3{font-size:21px}}
@media(max-width:850px){.hero-layout{min-height:0}.material-grid{grid-template-rows:270px 270px 260px}.material-woven{display:flex}.material-woven .material-photo{height:55%}.material-woven .material-caption{flex:1}.material-laminated,.material-composite{grid-template-columns:1fr}.material-laminated .material-caption,.material-composite .material-caption{padding:20px}.material-laminated .material-study,.material-composite .material-study{display:none}.material-packaging .material-caption{padding:28px}.product-detail:nth-of-type(odd),.product-detail:nth-of-type(even){grid-template-columns:1fr 1fr}.product-detail:nth-of-type(odd) .product-media{order:0}.product-media>img{height:340px}.sample-editorial{gap:26px}.sample-editorial img{height:300px}}
@media(max-width:620px){.hero-layout{grid-template-columns:1fr;gap:25px;padding-block:48px}.hero h1{font-size:clamp(39px,11vw,49px)}.hero-main{object-position:45% center}.capability-grid{grid-template-columns:repeat(2,1fr);gap:18px}.material-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none}.material-woven,.material-laminated,.material-composite,.material-packaging{grid-column:1;grid-row:auto}.material-woven{display:block}.material-woven .material-photo{height:230px}.material-woven .material-caption{min-height:160px}.material-laminated,.material-composite,.material-packaging{display:grid;grid-template-columns:1fr 1fr;min-height:220px}.material-laminated .material-study,.material-composite .material-study{display:block}.material-laminated .material-caption,.material-composite .material-caption,.material-packaging .material-caption{padding:18px}.material-laminated .material-caption h3,.material-composite .material-caption h3,.material-packaging .material-caption h3{font-size:20px}.material-caption>span:not(.arrow){font-size:12px}.material-packaging .material-caption .arrow{bottom:13px}.product-detail:nth-of-type(odd),.product-detail:nth-of-type(even){grid-template-columns:1fr}.product-media>img{height:270px}.sample-editorial{grid-template-columns:1fr;padding-block:55px;gap:22px}.sample-editorial img{height:230px}}
html[lang="en"] .reveal-heading .reveal-unit{margin-right:.16em}.reveal-heading .reveal-unit{transform:translateY(.25em);opacity:0}.reveal-heading.is-revealed .reveal-unit{animation:soft-rise .58s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--unit-order)*45ms)}@keyframes soft-rise{from{opacity:0;transform:translateY(.25em)}to{opacity:1;transform:translateY(0)}}body.page-leaving main{transform:none}
@media(prefers-reduced-motion:reduce){.reveal-heading .reveal-unit{opacity:1;transform:none}.reveal-heading.is-revealed .reveal-unit{animation:none}}

/* V6: one expressive headline, otherwise quiet and immediate motion. */
:root{--motion-ease:cubic-bezier(0,0,.38,.9);--motion-standard:cubic-bezier(.2,0,.38,.9)}
.hero-photos{animation:none}
.hero h1 .hero-line,.hero h1 .hero-line>span{display:block}.hero h1 .hero-line{overflow:hidden}
.motion-ready .hero h1.reveal-target .hero-line>span{transform:translateY(105%)}
.motion-ready .hero h1.reveal-target.is-revealed .hero-line>span{animation:headline-enter .72s var(--motion-ease) both}
.motion-ready .hero h1.reveal-target.is-revealed .hero-line:nth-child(2)>span{animation-delay:.11s}
.motion-ready .hero h1.reveal-target .hero-line:first-child>span{transform:none}.motion-ready .hero h1.reveal-target.is-revealed .hero-line:first-child>span{animation:none}.motion-ready .hero h1.reveal-target.is-revealed .hero-line:nth-child(2)>span{animation-duration:.48s;animation-delay:.04s}
@keyframes headline-enter{to{transform:translateY(0)}}
.motion-ready .hero-photos.reveal-target,.motion-ready .page-intro h1.reveal-target,.motion-ready .section-heading h2.reveal-target,.motion-ready .application-editorial-copy h2.reveal-target,.motion-ready .sample-editorial-copy h2.reveal-target,.motion-ready .sample-editorial figure.reveal-target,.motion-ready .product-detail .product-media.reveal-target,.motion-ready .product-detail .product-copy.reveal-target{opacity:.78;transform:translateY(12px)}
.motion-ready .hero-photos.reveal-target.is-revealed,.motion-ready .page-intro h1.reveal-target.is-revealed,.motion-ready .section-heading h2.reveal-target.is-revealed,.motion-ready .application-editorial-copy h2.reveal-target.is-revealed,.motion-ready .sample-editorial-copy h2.reveal-target.is-revealed,.motion-ready .sample-editorial figure.reveal-target.is-revealed,.motion-ready .product-detail .product-media.reveal-target.is-revealed,.motion-ready .product-detail .product-copy.reveal-target.is-revealed{animation:content-enter .38s var(--motion-ease) both}
.motion-ready .hero-photos.reveal-target.is-revealed{animation-duration:.72s;animation-delay:.07s}.motion-ready .product-detail .product-copy.reveal-target.is-revealed{animation-delay:.07s}
@keyframes content-enter{to{opacity:1;transform:translateY(0)}}
.material-feature{transition:transform .28s var(--motion-standard),box-shadow .28s var(--motion-standard),border-color .2s}.material-feature:hover,.material-feature:focus-visible{transform:translateY(-3px);box-shadow:0 13px 27px #243d3617}.material-feature:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.material-feature .arrow{display:inline-block;transition:transform .22s var(--motion-ease)}.material-feature:hover .arrow,.material-feature:focus-visible .arrow{transform:translate(3px,-3px)}.material-photo img,.material-study img{transition:transform .48s var(--motion-standard)}
.button{transition:transform .22s var(--motion-ease),background .18s,border-color .18s,box-shadow .22s var(--motion-ease)}.button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #123a351a}.button:focus-visible,.jump-links a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sample-editorial{gap:6%;grid-template-columns:.85fr 1.15fr}.sample-editorial-copy h2{max-width:540px}.sample-editorial-copy>p:not(.eyebrow){max-width:520px}.sample-options{display:grid;margin:24px 0 28px;border-bottom:1px solid var(--line)}.sample-options span{border-top:1px solid var(--line);padding:9px 0;color:#28453e;font-size:14px;font-weight:600}.sample-editorial img{height:420px}.sample-editorial .button{margin-top:0}
html[lang="zh-CN"] .sample-editorial-copy h2{font-size:clamp(30px,2.8vw,39px)}
.sample-editorial-copy h2 span{display:block}
@view-transition{navigation:auto}
.site-header{view-transition-name:site-header}
::view-transition-old(root){animation:site-fade-out .16s ease-in both}::view-transition-new(root){animation:site-fade-in .3s var(--motion-ease) both}
@keyframes site-fade-out{to{opacity:0}}@keyframes site-fade-in{from{opacity:0}to{opacity:1}}
@media(max-width:620px){.sample-editorial{grid-template-columns:1fr}.sample-editorial img{height:250px}.motion-ready .hero-photos.reveal-target.is-revealed{animation-duration:.46s}}
@media(prefers-reduced-motion:reduce){.motion-ready .hero h1.reveal-target .hero-line>span{transform:none}.motion-ready .hero h1.reveal-target.is-revealed .hero-line>span{animation:none}.motion-ready .hero-photos.reveal-target,.motion-ready .page-intro h1.reveal-target,.motion-ready .section-heading h2.reveal-target,.motion-ready .application-editorial-copy h2.reveal-target,.motion-ready .sample-editorial-copy h2.reveal-target,.motion-ready .sample-editorial figure.reveal-target,.motion-ready .product-detail .product-media.reveal-target,.motion-ready .product-detail .product-copy.reveal-target{opacity:1;transform:none;animation:none}::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms!important}}

/* V7: navigation is explicit; material imagery follows reading position. */
.site-header{background:#fff;--header:#fff}.nav-wrap{gap:22px}.site-header nav{gap:22px}.site-header nav>.nav-contact{margin-left:0;color:#fff}.brand strong{letter-spacing:.045em}.language-picker{position:relative;margin-left:0;font-size:13px;flex-shrink:0}.language-picker summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 0 9px 16px;list-style:none;cursor:pointer;border-left:1px solid var(--line);color:var(--ink)}.language-picker summary::-webkit-details-marker{display:none}.language-chevron{width:6px;height:6px;display:block;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.language-picker[open] .language-chevron{transform:rotate(225deg) translate(-1px,-1px)}.language-panel{position:absolute;right:0;top:calc(100% + 12px);width:236px;padding:10px;background:#fff;border:1px solid #dce3e0;border-radius:12px;box-shadow:0 16px 42px #183a3224;z-index:30}.language-panel>p{font-size:11px;letter-spacing:.08em;margin:4px 12px 7px;color:#52635e}.language-panel a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 12px;border-radius:6px;font-size:14px;min-height:44px}.language-panel a:hover,.language-panel a:focus-visible{background:#f0f4f1}.language-panel a[aria-current]{background:#eaf1ec;color:#174d45;font-weight:600}.language-panel small{font-size:10px;color:#41645a}.language-picker[open] .language-panel{animation:language-open .2s cubic-bezier(.16,1,.3,1)}@keyframes language-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.material-story{display:grid;grid-template-columns:1.12fr .88fr;gap:7%;align-items:start}.material-stage{position:sticky;top:116px;min-width:0}.material-stage-images{position:relative;height:clamp(350px,54vh,580px);overflow:hidden;border-radius:16px;background:#e7e8e4}.material-stage-images figure{margin:0;height:100%;position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s cubic-bezier(.16,1,.3,1),visibility .45s;overflow:hidden}.material-stage-images figure.is-active{opacity:1;visibility:visible;z-index:1}.material-stage-images img{height:100%;width:100%;object-fit:cover;transform:scale(1.045);transition:transform .7s cubic-bezier(.16,1,.3,1)}.material-stage-images figure.is-active img{transform:scale(1)}.material-stage-images figcaption{position:absolute;left:20px;bottom:18px;margin:0;color:#38544c;background:#fffffff0;border-radius:4px;padding:6px 9px;font-size:9px;letter-spacing:.07em;line-height:1.4}.material-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.material-selector a{position:relative;padding:12px 0;min-height:44px;font-size:12px;line-height:1.35;color:#53685f;border-top:1px solid #cbd7d1;transition:color .2s}.material-selector a::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}.material-selector a[aria-current]{font-weight:600;color:#164e46}.material-selector a[aria-current]::before{transform:scaleX(var(--material-progress,1))}.material-chapter{min-height:430px;min-height:54vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;scroll-margin-top:150px;border-top:1px solid var(--line);padding-block:44px}.material-chapter:first-child{border-top:0}.material-chapter h3{font-size:clamp(34px,3.2vw,46px);line-height:1.13;max-width:460px;transition:color .35s}.material-chapter p{font-size:18px;max-width:380px;margin-bottom:24px;line-height:1.75}.material-chapter.is-active h3{color:var(--accent)}.material-chapter .text-link{font-size:14px}.material-chapter[hidden]{display:none}.material-story:not(.story-enhanced) .material-stage-images{height:auto;display:grid;gap:20px;overflow:visible;background:transparent}.material-story:not(.story-enhanced) .material-stage-images figure{position:relative;opacity:1;visibility:visible;height:350px}.material-story:not(.story-enhanced) .material-stage{position:static}.material-story:not(.story-enhanced) .material-selector{display:none}
.hero h1 .hero-line{overflow:visible}.hero h1 .hero-line>span{transform:none;animation:none}.hero-photos{transform:translateY(calc(var(--hero-shift,0px)*-1))}.hero-copy h1 .hero-line:last-child{color:#236b63;transform:translateX(var(--hero-shift,0px))}.hero-inset{transform:rotate(-3deg) translateY(var(--hero-shift,0px))}
.jump-links{position:sticky;top:82px;z-index:8;background:#fffffff7;border-bottom:1px solid var(--line);padding-block:12px;gap:7px}.jump-links a{font-size:13px;line-height:1.5;padding:10px 15px}.jump-links a::after{content:none}.jump-links a[aria-current]{color:white;background:var(--accent);border-color:var(--accent)}.product-detail{scroll-margin-top:175px}.product-media>img{transform:translateY(var(--product-travel,0px)) scale(1.06)}#specifications{scroll-margin-top:150px}
@media(min-width:851px){.site-header nav>a:not(.nav-contact)::after{height:1px;bottom:5px}.site-header nav>a[aria-current=page]{font-weight:600}}
@media(max-width:1100px) and (min-width:851px){.site-header nav{gap:15px}.nav-wrap{gap:15px}.brand strong{font-size:23px}.site-header nav>a{font-size:12px}.language-picker{font-size:12px}.site-header nav>.nav-contact{padding-inline:12px}.nav-contact span{margin-left:5px}}
@media(max-width:850px){.site-header{height:70px}.site-header nav{background:#fff;max-height:calc(100dvh - 80px);overflow-y:auto}.site-header nav>.nav-contact{margin-bottom:12px}.language-picker{margin:0;padding:0;border-top:1px solid var(--line)}.language-picker summary{border:0;padding:14px 0}.language-panel{position:static;width:100%;box-shadow:none;margin-bottom:10px}.material-story{display:block}.material-stage{position:static}.material-stage-images{height:390px}.material-selector{gap:8px;margin-top:14px}.material-selector a{font-size:12px}.material-selector a[aria-current]::before{transform:scaleX(1)}.material-chapter{min-height:0;border:0;padding-block:28px 0}.material-chapter h3{font-size:35px}.material-chapter p{max-width:600px;font-size:17px}.hero-photos,.hero-copy h1 .hero-line:last-child{transform:none}.jump-links{top:70px;flex-wrap:nowrap;overflow-x:auto;width:100%;padding:10px 30px;scrollbar-width:thin}.jump-links a{white-space:nowrap;flex:0 0 auto;font-size:12px}.product-media>img{transform:none}}
@media(max-width:620px){.material-stage-images{height:280px}.material-stage-images figcaption{left:12px;bottom:12px;font-size:8px}.material-selector a{font-size:11px}.material-chapter h3{font-size:31px}.jump-links{padding-inline:18px}.site-header .brand strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.material-stage-images figure,.material-stage-images img{transition:none}.hero-photos,.hero-inset,.hero-copy h1 .hero-line:last-child,.product-media>img{transform:none}.material-selector a[aria-current]::before{transform:scaleX(1)}}
/* Keep the evidence inset inside the image column at intermediate widths. */
.hero-inset{left:14px}
@media(max-width:620px){.factory-intro{grid-template-columns:1fr;gap:26px}.factory-copy p{max-width:none}}
