:root{--ink:#e8efef;--night:#0b1014;--paper:#10191f;--white:#eef3ef;--muted:#a6b5be;--line:#ffffff26;--blue:#a6cedc;--body:'DM Sans',Arial,sans-serif;--display:'Syne',Arial,sans-serif;--header-h:72px}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 24px)}body{margin:0;background:var(--night);color:var(--white);font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance;font-family:var(--display);font-weight:500;line-height:1.05;letter-spacing:-.055em}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:0;border-radius:0;background:none;padding:0}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #65a8c3;outline-offset:6px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #65a8c3;outline-offset:3px}::selection{background:#a6cedc;color:#0b1014}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:200;left:20px;top:-80px;padding:12px 20px;color:#13212a;background:#edf4ed}.skip:focus{top:8px}.display-line{display:block}.content-width{width:92%;max-width:1600px;margin-inline:auto}.eyebrow{font-size:10px;letter-spacing:.16em;line-height:1.6;text-transform:uppercase}.quiet{color:#b0bdc3;font-size:15px;line-height:1.8}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:12px 0;border-bottom:1px solid currentColor;font-size:13px;line-height:1.5}.text-link>span:last-child{font-size:26px;line-height:1;font-weight:300;transition:transform .25s}.text-link:hover>span:last-child{transform:translate(3px,-3px)}.inline-links{display:flex;gap:30px;flex-wrap:wrap}.inline-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:5px}.solid-button{background:#b8d6df;color:#102029;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 22px;min-height:54px;font-size:14px;width:100%}.solid-button:hover{background:#d6e8ec}.solid-button>span[aria-hidden=true]{font-size:23px}
/* One quiet, persistent navigation for every page. */
.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);padding:0 4%;display:flex;align-items:center;gap:32px;background:var(--night);border-bottom:1px solid var(--line);z-index:80;color:var(--white)}.wordmark{font:600 40px/1 var(--display);letter-spacing:-.095em;white-space:nowrap}.wordmark span{display:inline-block;font-family:var(--body);font-size:19px;vertical-align:top;margin:1px 0 0 6px;letter-spacing:0}.desktop-nav{display:flex;gap:35px;margin-left:auto;align-items:center;font-size:13px}.desktop-nav a{padding:14px 0;position:relative}.desktop-nav a[aria-current=page]:after{content:'';height:1px;background:var(--blue);position:absolute;left:0;right:0;bottom:9px}.desktop-nav a:hover,.language:hover,.nav-contact:hover{color:var(--blue)}.nav-contact{display:flex;gap:25px;align-items:center;font-size:13px;border-bottom:1px solid #a7b9c080;padding:9px 0}.nav-contact>span:last-child{font-size:22px;line-height:1}.language{font-size:12px;min-width:30px;min-height:44px}.menu-toggle{display:none}.mobile-menu{position:fixed;top:var(--header-h);left:0;right:0;z-index:79;padding:30px 6%;background:#111c23;border-bottom:1px solid #7c979e;display:flex;flex-direction:column;gap:20px;max-height:calc(100svh - var(--header-h));overflow:auto}.mobile-menu a{font:500 29px/1.3 var(--display)}.mobile-menu .language{margin-top:12px;text-align:left;width:max-content;padding:8px 0}
/* A short optical opening; colour and pose share one scroll timeline. */
.hero{--hero-height:clamp(720px,100svh,1000px);--hero-travel:34svh;position:relative;height:var(--hero-height)}.hero-stage{height:var(--hero-height);position:relative;isolation:isolate;overflow:hidden;background:var(--night)}.motion-enabled .hero{height:calc(var(--hero-height) + var(--hero-travel))}.motion-enabled .hero-stage{position:sticky;top:0}.hero-art{position:absolute;right:-1%;top:92px;width:90%;aspect-ratio:1.5;z-index:-1;perspective:1500px;perspective-origin:65% 48%;pointer-events:none}.hero-art:before{content:'';position:absolute;left:29%;right:0;bottom:1%;height:12%;background:radial-gradient(ellipse,#0008,transparent 67%)}.hero-card{position:absolute;inset:0;transform-origin:64.6% 47.8%;transform-style:preserve-3d}.hero-card-surface{position:absolute;inset:0;clip-path:polygon(30.6% 28.75%,88.35% 1.85%,99% 69.8%,36.1% 93.55%);backface-visibility:hidden;-webkit-backface-visibility:hidden}.hero-card-surface img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.hero-amber{opacity:0}.hero-art.is-moving .hero-card{will-change:transform}.hero-art.is-moving .hero-amber{will-change:opacity}.hero-copy{padding:clamp(146px,17vh,180px) 4% 0;max-width:990px}.hero-copy .eyebrow{font-size:10px;color:#afbec4;margin-bottom:40px}.hero h1{font-size:clamp(70px,7.6vw,116px);line-height:1.04;letter-spacing:-.07em;font-weight:500}.hero h1 span{display:block}.hero h1 span:last-child{color:var(--blue)}.hero-description{font-size:15px;color:#b7c3c7;line-height:1.7;margin-top:36px;max-width:350px}.hero .text-link{margin-top:28px}.hero-foot{position:absolute;bottom:28px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;gap:20px}.scroll-note{display:flex;align-items:center;gap:13px;font-size:10px;color:#9bafb9}.scroll-note>span:first-child{font-size:23px}.specimen-control{display:flex;align-items:center;gap:25px}.specimen-control>span{font-size:8px;letter-spacing:.12em;color:#92a5b0}.specimen-control button{border:1px solid #51616c;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:40px;background:#0d151a;font-size:10px}.specimen-control button>span:last-child{font-size:21px}.view-dot{height:6px;width:6px;border-radius:50%;background:var(--view-color,#8cdef4);box-shadow:0 0 10px var(--view-color,#8cdef4)}
.orbit-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:7%;align-items:center;padding-block:78px 70px}.orbit-copy h2{font-size:clamp(58px,6.6vw,104px);margin:30px 0}.orbit-copy .quiet{max-width:310px}.orbit-copy .text-link{margin-top:30px}.work-image{display:block;overflow:hidden;position:relative;background:#191f23;aspect-ratio:1.17}.work-image img{width:100%;height:100%;object-fit:cover}.image-open{position:absolute;right:24px;bottom:24px;border:1px solid #536265;border-radius:50%;height:46px;width:46px;display:grid;place-items:center;font-size:31px;color:#18232a;background:#e9eee8bf}.orbit-section figcaption{margin-top:12px;text-align:right;font-size:8px;letter-spacing:.11em;color:#8da3ad}.light-study{height:78svh;max-height:820px;min-height:590px;position:relative;overflow:hidden;display:flex;align-items:center;background:#04080a}.light-study>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.87}.light-study:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03080ac9,transparent 70%);pointer-events:none}.light-copy{position:relative;z-index:1;padding:60px 4%}.light-copy .eyebrow{color:#c1cbce;margin-bottom:25px}.light-copy h2{font-size:clamp(75px,8vw,130px);line-height:.98}.light-copy .text-link{margin-top:40px}.light-label{position:absolute;right:4%;bottom:25px;font-size:8px;letter-spacing:.12em;color:#b0bec6;z-index:2}.home-close{background:radial-gradient(ellipse at 88% 100%,#19364166,transparent 67%),linear-gradient(#10191f,#0d151a);color:var(--ink);border-top:1px solid #abcbd81c}.home-company{display:grid;grid-template-columns:280px 1fr;gap:7%;padding-block:58px 44px;align-items:center}.home-company figure{width:280px}.home-company img{width:280px;height:180px;object-fit:cover;border:1px solid #a5c3d32b}.home-company figcaption{font-size:8px;letter-spacing:.08em;margin-top:8px;color:#93aab4}.home-company h2{font-size:clamp(35px,3.5vw,52px);margin:12px 0 17px;max-width:740px}.home-company p:not(.eyebrow){max-width:690px;font-size:14px;line-height:1.75;color:#afc0c8}.home-company .text-link{padding:6px 0;font-size:12px}.home-company .inline-links{gap:32px;margin-top:12px}.home-contact{border-top:1px solid #728e9c40;padding-block:35px 40px}.big-contact{display:flex;align-items:center;justify-content:space-between;gap:35px;font:500 clamp(36px,4.4vw,66px)/1.06 var(--display);letter-spacing:-.045em}.contact-arrow{font:300 80px/.8 var(--body);color:#a6cedc;display:inline-block}.email-link{display:inline-block;font-size:12px;margin-top:22px;color:#a8c7d4}.site-footer{padding:30px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#97abb5;background:var(--night);border-top:1px solid var(--line);font-size:10px;line-height:1.6}.footer-brand{font:500 26px/1 var(--display);color:var(--white);letter-spacing:-.06em}.footer-brand span{font:14px var(--body);vertical-align:top;margin-left:3px}.site-footer p{margin-right:auto;max-width:330px}.site-footer>a:not(.footer-brand){white-space:nowrap}.motion-enabled .work-image img,.motion-enabled .light-study>img{transform:translate3d(0,var(--image-y,0px),0) scale(var(--image-scale,1))}.motion-enabled .big-contact>span:first-child{transform:translate3d(0,var(--contact-y,0px),0)}.motion-enabled .contact-arrow{transform:translate3d(0,var(--contact-y,0px),0) rotate(var(--arrow-angle,0deg))}.motion-active img,.motion-active .contact-arrow{will-change:transform}
/* Independent reading pages share the same small navigation and clear rhythm. */
.inner-page{background:var(--paper);color:var(--ink)}.inner-page main{background:radial-gradient(ellipse 80% 650px at 100% 0,#20364345,transparent 90%)}.inner-hero{padding-top:calc(var(--header-h) + 75px);padding-bottom:54px}.inner-hero .eyebrow{color:#a3b9c2;margin-bottom:28px}.inner-hero h1{font-size:clamp(64px,7.5vw,116px);max-width:1100px;line-height:1}.inner-hero .lede{margin-top:30px;max-width:650px}.lede{font-size:18px;line-height:1.7;color:#b6c5cc;max-width:700px}.content-section{padding-block:55px 80px}.section-pad{padding:60px 4%}.section-heading{margin-bottom:30px}.section-heading h2,.content-section h2{font-size:clamp(34px,4vw,62px);line-height:1.08}.section-heading p{margin-top:18px;max-width:650px;color:#b4c2ca}.section-heading .eyebrow{margin:0 0 18px}.chapter-nav{display:flex;flex-wrap:wrap;gap:12px 30px;border-top:1px solid #7b96a34a;border-bottom:1px solid #7b96a34a;padding-block:17px;font-size:13px}.chapter-nav a:hover{color:#b7e2ef}.split-story{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin-block:30px}.split-story h2{margin-bottom:22px}.split-story p{font-size:16px;color:#b8c6cd;line-height:1.85;max-width:610px}.split-story .eyebrow{font-size:10px;margin-bottom:22px}.split-story .text-link{margin-top:24px}.image-panel{overflow:hidden;background:#152128;border:1px solid #95b4c225}.image-panel img{width:100%;height:auto;object-fit:cover}.image-panel figcaption,.figure-note{font-size:10px;color:#98adb7;line-height:1.7;margin-top:12px}.image-panel figcaption{padding:12px 16px;margin:0}.wide-image{width:100%;height:auto;display:block}.wide-image img{width:100%;height:auto;max-height:730px;object-fit:cover}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 42px}.product-tile{display:block}.product-tile img{width:100%;aspect-ratio:1.35;object-fit:cover;transition:transform .45s}.product-tile .image-panel{overflow:hidden}.product-tile:hover img{transform:scale(1.025)}.product-tile:hover h2{color:#b9dce8}.product-tile h2,.product-tile h3{font-size:37px;margin-top:20px}.product-tile p{margin-top:12px;color:#bac8ce;max-width:550px;font-size:14px;line-height:1.75}.product-tile .text-link{margin-top:12px}.meta-list{margin:22px 0;padding:0;border-top:1px solid #7b96a348}.meta-list>div{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:18px 0;border-bottom:1px solid #7b96a338}.meta-list dt{font-size:12px;color:#9eb3bd}.meta-list dd{margin:0;font-size:15px;line-height:1.8}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:7%}.two-columns p{max-width:610px;font-size:16px;line-height:1.85;color:#b8c6cd}.two-columns h2,.two-columns h3{margin-bottom:22px}.two-columns ul{padding-left:18px;color:#b8c6cd;line-height:1.8}.two-columns li{margin-bottom:9px}.process-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:35px 0;gap:30px}.process-steps li{border-top:1px solid #7b96a34a;padding-top:20px}.process-steps h3{font-size:25px;line-height:1.2;margin:12px 0}.process-steps p{color:#b2c3cd;font-size:14px;line-height:1.8}.inquiry-link{padding:45px 0;border-top:1px solid #7b96a34a;display:flex;align-items:center;justify-content:space-between;gap:30px}.inquiry-link h2{font-size:clamp(32px,4vw,55px)}.inquiry-link p{font-size:14px;color:#a9bec8;margin-top:15px}.inquiry-link .text-link{white-space:nowrap}.small-note{font-size:11px;color:#9bb0ba;line-height:1.8}.content-section>.small-note{margin-top:35px}.contact-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:10%;padding-top:10px}.contact-facts .lede{font-size:17px;max-width:450px}.contact-email{display:block;font-size:clamp(20px,2.3vw,33px);font-family:var(--display);letter-spacing:-.025em;margin-top:38px}.contact-phone{display:block;margin-top:12px;font-size:16px}.contact-facts address{font-style:normal;margin-top:28px;font-size:14px;line-height:1.9;max-width:370px;color:#b2c3cd}.contact-facts .small-note{margin-top:30px;max-width:390px}.brief-wrap label{display:flex;flex-direction:column;gap:10px;margin-bottom:23px;color:#b8cbd3;font-size:12px}.brief-wrap input,.brief-wrap select,.brief-wrap textarea{width:100%;border:0;border-bottom:1px solid #7895a2bf;padding:10px 0 14px;background:transparent;border-radius:0;font-size:15px;line-height:1.5;color:var(--ink);resize:vertical}.brief-wrap ::placeholder{color:#8fa6b1;font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.brief-wrap .small-note{margin-top:14px}.brief-wrap h2{font-size:35px;margin-bottom:25px}.brief-wrap #email-draft{background:#18262f;padding:20px;font-size:13px}.draft-actions{display:flex;align-items:center;gap:24px;margin:22px 0}.draft-actions .solid-button{width:auto}.draft-actions .text-link{font-size:12px}#copy-status{font-size:12px;min-height:28px;color:#a1d8c1}
html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3{font-family:var(--body);letter-spacing:-.055em}html[lang=zh-CN] .hero h1{font-size:clamp(65px,7vw,103px)}html[lang=zh-CN] .hero-description{max-width:300px}html[lang=zh-CN] .orbit-copy h2{font-size:clamp(48px,5vw,80px)}html[lang=zh-CN] .light-copy h2{font-size:clamp(64px,6.5vw,100px)}
@media(min-width:1600px){.hero-art{width:84%;top:70px}.hero-copy{padding-top:170px}}
@media(max-width:1190px) and (min-width:761px){.hero-art{width:105%;right:-9%;top:120px}.hero h1{font-size:clamp(66px,8vw,96px)}.hero-description{max-width:290px}.orbit-section{gap:5%;grid-template-columns:.8fr 1.2fr}.orbit-copy h2{font-size:65px}.home-company{grid-template-columns:200px 1fr}.home-company figure,.home-company img{width:200px}.site-footer{gap:18px}}
@media(max-width:760px){:root{--header-h:60px}.content-width{width:88%}.site-header{padding:0 6%;gap:23px}.wordmark{font-size:31px}.wordmark span{font-size:15px;margin-left:5px}.desktop-nav,.desktop-language{display:none}.nav-contact{margin-left:auto;font-size:11px;gap:12px;padding:7px 0}.nav-contact>span:last-child{font-size:20px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:32px;height:44px;flex-shrink:0}.menu-toggle span{width:24px;height:1px;background:#e7efec;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{--hero-height:clamp(790px,100svh,1000px);--hero-travel:28svh}.hero-copy{padding:118px 6% 0}.hero-copy .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:25px}.hero h1{font-size:clamp(45px,12vw,80px);line-height:1;letter-spacing:-.06em}.hero-description{font-size:12px;line-height:1.65;max-width:210px;margin-top:24px}.hero .text-link{font-size:11px;gap:26px;padding:8px 0;margin-top:15px}.hero .text-link>span:last-child{font-size:20px}.hero-art{width:145%;right:-2%;top:365px;perspective:1000px}.hero-foot{bottom:25px;left:6%;right:6%}.scroll-note{display:none}.specimen-control{width:100%;justify-content:space-between;gap:18px}.specimen-control>span{font-size:7px;letter-spacing:.08em;max-width:100px;line-height:1.8}.specimen-control button{padding:10px 12px;font-size:9px;gap:8px}.orbit-section{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding-block:55px}.orbit-copy{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px}.orbit-copy .eyebrow{grid-column:1/3;font-size:8px}.orbit-copy h2{font-size:53px;grid-column:1;margin:0}.orbit-copy .quiet{grid-column:1/3;font-size:13px;max-width:none;order:2}.orbit-copy .text-link{grid-column:2;grid-row:2;font-size:10px;margin:0;gap:13px;max-width:125px}.orbit-copy .text-link>span:last-child{font-size:21px}.orbit-section .work-image{aspect-ratio:1.1}.orbit-section figcaption{font-size:7px}.image-open{width:36px;height:36px;font-size:23px;right:16px;bottom:16px}.light-study{min-height:530px;height:76svh;max-height:720px}.light-copy{padding:50px 6%}.light-copy .eyebrow{font-size:8px}.light-copy h2{font-size:83px}.light-copy .text-link{font-size:12px;margin-top:30px}.light-study>img{object-position:58% center}.light-label{left:6%;right:auto;font-size:7px;bottom:25px}.home-company{display:grid;grid-template-columns:86px 1fr;gap:21px;padding-block:35px 28px;align-items:start}.home-company figure,.home-company img{width:86px}.home-company img{height:112px}.home-company figcaption{font-size:6px;line-height:1.6}.home-company .eyebrow{font-size:7px}.home-company h2{font-size:28px;line-height:1.08;margin:10px 0 14px}.home-company p:not(.eyebrow){font-size:12px;line-height:1.8}.home-company .inline-links{gap:12px;margin-top:8px}.home-company .text-link{font-size:10px;gap:10px}.home-company .text-link>span:last-child{font-size:17px}.home-contact{padding-block:26px 30px}.big-contact{font-size:40px;line-height:1.07;gap:14px}.contact-arrow{font-size:57px}.email-link{font-size:11px;margin-top:18px}.site-footer{padding:26px 6%;display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:9px}.site-footer p{font-size:8px;margin:0}.site-footer>a:not(.footer-brand){font-size:9px}.inner-hero{padding-top:calc(var(--header-h) + 48px);padding-bottom:35px}.inner-hero .eyebrow{font-size:8px;margin-bottom:25px}.inner-hero h1{font-size:clamp(49px,12.7vw,78px);line-height:1.05;overflow-wrap:anywhere}.inner-hero .lede{font-size:15px;margin-top:24px}.lede{font-size:15px;line-height:1.8}.content-section{padding-block:30px 50px}.section-pad{padding:40px 6%}.chapter-nav{gap:10px 19px;padding-block:13px;font-size:11px}.split-story{display:flex;flex-direction:column;align-items:stretch;gap:26px;margin-block:18px}.split-story p{font-size:14px;line-height:1.85}.split-story h2{margin-bottom:18px}.section-heading h2,.content-section h2{font-size:39px}.split-story .eyebrow{font-size:8px;margin-bottom:17px}.split-story .text-link{margin-top:18px}.wide-image img{max-height:550px}.figure-note,.image-panel figcaption{font-size:9px}.product-grid{grid-template-columns:1fr;gap:42px}.product-tile h2,.product-tile h3{font-size:33px;margin-top:17px}.product-tile p{font-size:13px}.product-tile img{aspect-ratio:1.25}.product-tile .text-link{font-size:12px}.meta-list>div{grid-template-columns:90px 1fr;gap:18px;padding-block:15px}.meta-list dt{font-size:10px}.meta-list dd{font-size:13px}.two-columns{grid-template-columns:1fr;gap:30px}.two-columns p,.two-columns ul{font-size:14px}.process-steps{grid-template-columns:1fr 1fr;gap:28px 22px}.process-steps h3{font-size:23px}.process-steps p{font-size:12px}.inquiry-link{display:block;padding-block:30px}.inquiry-link h2{font-size:35px}.inquiry-link .text-link{margin-top:24px}.contact-layout{grid-template-columns:1fr;gap:42px}.contact-facts .lede{font-size:15px}.contact-email{font-size:26px;margin-top:27px}.contact-phone{font-size:15px}.contact-facts address{font-size:13px}.contact-facts .small-note{font-size:10px;margin-top:20px}.brief-wrap input,.brief-wrap select,.brief-wrap textarea{font-size:16px}.brief-wrap label{font-size:11px}.form-row{gap:18px}.draft-actions{flex-wrap:wrap;gap:16px}.brief-wrap #email-draft{font-size:13px}html[lang=zh-CN] .hero h1{font-size:clamp(45px,12vw,78px);line-height:1.1}html[lang=zh-CN] .hero-description{max-width:230px}html[lang=zh-CN] .orbit-copy h2{font-size:42px}html[lang=zh-CN] .light-copy h2{font-size:59px}html[lang=zh-CN] .big-contact{font-size:33px}}
@media(max-width:370px){.site-header{gap:17px}.wordmark{font-size:29px}.hero{--hero-height:760px}.hero-art{top:360px}.hero h1,html[lang=zh-CN] .hero h1{font-size:44px}.orbit-copy h2{font-size:45px}.orbit-copy .text-link{max-width:112px}.light-copy h2{font-size:70px}.home-company{grid-template-columns:72px 1fr;gap:15px}.home-company figure,.home-company img{width:72px}.home-company h2{font-size:25px}.big-contact{font-size:34px}.inner-hero h1{font-size:46px}.contact-email{font-size:22px}.form-row{grid-template-columns:1fr}}
h2.section-heading{font-size:clamp(34px,3.4vw,54px);line-height:1.1}
html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3{text-wrap:balance;line-break:strict}
a.inquiry-link{display:inline-flex;align-items:center;gap:34px;padding:12px 0;margin-top:24px;border-top:0;border-bottom:1px solid currentColor;font-size:13px;line-height:1.5}
a.inquiry-link>span:last-child{font-size:26px;line-height:1}
.product-tile p.eyebrow{font-size:9px;letter-spacing:.12em;margin-top:22px}
.equipment-image img{height:auto;object-fit:contain}
.two-columns p.eyebrow{font-size:10px;margin-bottom:20px}
.two-columns p.figure-note{font-size:11px}
.timeline-layout{display:block}
.timeline-layout>.process-steps{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:35px;gap:45px}
.timeline-layout>.process-steps h3{font-size:29px}
@media(max-width:760px){h2.section-heading{font-size:34px}.product-tile p.eyebrow{font-size:8px}}
@media(max-width:760px){.timeline-layout>.process-steps{grid-template-columns:1fr;gap:24px}.timeline-layout>.process-steps li{display:grid;grid-template-columns:48px 1fr;gap:18px}.timeline-layout>.process-steps h3{font-size:26px;margin-top:0}.timeline-layout>.process-steps p{font-size:13px}.two-columns p.eyebrow{font-size:8px}}
@media(min-width:761px) and (max-height:780px){.hero h1,html[lang=zh-CN] .hero h1{font-size:clamp(62px,11.6vh,90px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enabled .hero{height:var(--hero-height)}.motion-enabled .hero-stage{position:relative}.hero-card,.motion-enabled .work-image img,.motion-enabled .light-study>img,.motion-enabled .big-contact>span:first-child,.motion-enabled .contact-arrow{transform:none!important;will-change:auto!important}}

/* A consistent smoked-glass header; opaque fallback keeps navigation legible. */
.site-header{box-shadow:0 1px 0 #c1dce507;isolation:isolate}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .site-header{background:rgba(11,16,20,.76);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
 .mobile-menu{background:rgba(15,25,32,.93);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
}
.home-company .eyebrow{color:#abc5d0}
.home-contact .big-contact:hover .contact-arrow{color:#def1f3}
.contact-facts{border-top:1px solid #8fabba40;padding-top:25px}
.brief-wrap{background:#15212980;border:1px solid #8facbb30;padding:30px}
.brief-wrap select option{background:#152128;color:#e8efef}
.brief-wrap .solid-button{font-weight:500}
.brief-wrap #email-draft{border:1px solid #7895a2bf}
.chapter-nav a{color:#bed0d9}
.chapter-nav a:hover{color:#eef6f7}
.inner-page .inquiry-link:not(a){border-bottom:1px solid #7b96a330}
@media(max-width:760px){.brief-wrap{padding:23px 19px}.home-company h2{font-size:27px}.home-contact{padding-block:30px 35px}.home-company{grid-template-columns:92px 1fr;gap:20px}.home-company figure,.home-company img{width:92px}.home-company img{height:130px}.home-company .eyebrow{font-size:8px}.contact-facts{padding-top:22px}.home-company figcaption{font-size:7px}}
@media(max-width:370px){.home-company{grid-template-columns:76px 1fr;gap:16px}.home-company figure,.home-company img{width:76px}.home-company img{height:115px}.home-company h2{font-size:25px}.brief-wrap{padding:20px 16px}}

/* Provenance labels remain readable at every viewport size. */
.specimen-control>span{font-size:10px;line-height:1.5;letter-spacing:.045em}
.orbit-section figcaption,.light-label,.home-company figcaption{font-size:10px;line-height:1.6;letter-spacing:.035em}
@media(max-width:760px){.specimen-control>span{max-width:145px}.specimen-control{gap:15px}.home-company figcaption{font-size:9px}.orbit-section figcaption,.light-label{font-size:9px}}

/* Compact company evidence, separate from the homepage's visual story. */
.credentials-section{border-top:1px solid #8ca7b43b;border-bottom:1px solid #8ca7b43b;margin-block:25px 35px;background:linear-gradient(125deg,#18252c88,#10191f)}
.credentials-section>.eyebrow{color:#a9c2ce;margin-bottom:24px}
.company-numbers{display:grid;grid-template-columns:1.15fr .85fr 1.3fr;gap:40px;margin:32px 0 58px}
.company-numbers>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.company-numbers dt{order:2;font-size:13px;line-height:1.6;color:#abc1cc;max-width:260px}
.company-numbers dd{margin:0;font:500 clamp(56px,6vw,90px)/1 var(--display);letter-spacing:-.06em;color:#c5e1e9}
.credentials-heading{display:flex;gap:40px;align-items:end;justify-content:space-between;margin-bottom:28px}
.credentials-heading h2{font-size:34px;line-height:1.1;max-width:530px}
.credentials-heading p{font-size:13px;line-height:1.8;color:#afc1ca;max-width:325px}
.credential-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.credential-mark{height:116px;padding:17px 18px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:2px}
.credential-mark img{width:auto;height:auto;max-height:80px;max-width:100%;object-fit:contain}
.credential h3{font:500 17px/1.4 var(--body);letter-spacing:0;margin-top:18px}
.credential p{font-size:12px;line-height:1.7;color:#abc1cc;margin-top:6px}
.recognition-row{border-top:1px solid #8ca7b43b;margin-top:36px;padding-top:24px;display:flex;gap:28px;align-items:baseline}
.recognition-row>span{font-size:9px;letter-spacing:.11em;color:#98b1bd;flex-shrink:0}
.recognition-row p{font-size:13px;color:#b5cbd3;line-height:1.9}
@media(max-width:760px){.company-numbers{gap:18px;grid-template-columns:1fr 1fr;margin:25px 0 40px}.company-numbers>div:first-child{grid-column:1/3;border-bottom:1px solid #8ca7b430;padding-bottom:25px}.company-numbers dd{font-size:62px}.company-numbers dt{order:2;font-size:12px}.credentials-heading{display:block}.credentials-heading h2{font-size:29px}.credentials-heading p{font-size:12px;margin-top:17px}.credential-grid{grid-template-columns:1fr 1fr;gap:27px 17px}.credential-mark{height:100px;padding:14px 10px}.credential-mark img{max-height:70px}.credential h3{font-size:15px}.credential p{font-size:11px}.recognition-row{display:block}.recognition-row p{font-size:12px;margin-top:12px}.credentials-section{padding-inline:6%;width:100%;margin-block:25px}.credentials-section>.section-heading{font-size:34px}}

.two-columns>.image-panel{align-self:start}

#draft-output{scroll-margin-top:6px}

@media(max-width:760px){.chapter-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 19px}.chapter-nav .text-link{width:100%;gap:12px;font-size:11px}}

.big-contact>span:first-child{text-wrap:balance}
@media(max-width:760px){.big-contact{font-size:clamp(32px,9vw,36px)}}

/* The maker and its credentials continue the opening's charcoal / ice-blue palette. */
.home-close{background:var(--night);border-top:1px solid #abcbd81c}
.home-company{grid-template-columns:1.1fr 1fr;align-items:start;gap:9%;padding-block:78px 54px}
.home-company .eyebrow{font-size:10px;color:#afbec4;margin-bottom:26px}
.home-company h2{font-size:clamp(42px,5.4vw,82px);line-height:1.07;letter-spacing:-.065em;margin:0;max-width:none}
.maker-accent{color:var(--blue)}
.maker-body{padding-top:5px;min-width:0}
.home-company .maker-body>p{font-size:15px;line-height:1.85;max-width:460px;color:#b7c3c7}
.maker-numbers{display:grid;grid-template-columns:.65fr 1.35fr;gap:25px;margin:28px 0 22px}
.maker-numbers>div{display:flex;flex-direction:column;gap:10px}
.maker-numbers dt{order:2;font-size:11px;line-height:1.7;max-width:245px;color:#9aafb8}
.maker-numbers dd{margin:0;font:500 49px/1 var(--display);letter-spacing:-.055em;color:#a6cedc}
.home-company .inline-links{gap:28px;margin-top:0}
.home-company .text-link{font-size:12px}
.home-credentials{padding-block:30px 46px;border-top:1px solid #728e9c40}
.home-credentials-heading{display:flex;justify-content:space-between;gap:40px;align-items:baseline;margin-bottom:24px}
.home-credentials-heading h2{font:500 22px/1.3 var(--body);letter-spacing:-.035em;flex-shrink:0}
.home-credentials-heading>p{font-size:12px;color:#98adb7;line-height:1.7;max-width:440px}
.home-credentials .credential-grid{gap:28px}
.home-credentials .credential{display:grid;grid-template-columns:92px 1fr;grid-template-rows:auto 1fr;column-gap:16px;align-items:start;min-width:0}
.home-credentials .credential-mark{grid-row:1/3;height:82px;width:92px;padding:9px;border-radius:1px}
.home-credentials .credential-mark img{max-height:64px;max-width:74px}
.home-credentials .credential h3{font-size:13px;margin:6px 0 0;line-height:1.4}
.home-credentials .credential p{font-size:10px;line-height:1.65;margin-top:6px;overflow-wrap:anywhere}
.home-contact{padding-block:40px 45px}
.language{appearance:auto;background:transparent;border:0;color:var(--white);font-size:12px;cursor:pointer;min-height:44px;width:7.6em;padding:7px 2px}
.language option{color:#e8efef;background:#152128}
.mobile-menu .language{font-size:16px;border-bottom:1px solid #8ca7b452;min-width:155px;padding:12px 3px;margin-top:8px}
.site-header .language{flex-shrink:0}
.maker-heading,.maker-body,.two-columns>*{min-width:0}
html[lang=de] .inner-hero h1,html[lang=fr] .inner-hero h1{font-size:clamp(56px,6.8vw,100px);hyphens:auto;overflow-wrap:break-word}
html[lang=de] .home-company h2,html[lang=fr] .home-company h2{font-size:clamp(40px,4.7vw,72px)}
html[lang=de] .content-section h2,html[lang=fr] .content-section h2{hyphens:auto;overflow-wrap:break-word}
@media(min-width:761px) and (max-width:1080px){.site-header{gap:20px}.desktop-nav{gap:20px;font-size:12px}.wordmark{font-size:34px}.nav-contact{gap:12px}.home-credentials .credential{display:block}.home-credentials .credential-mark{width:100%;height:88px}.home-credentials .credential h3{margin-top:13px}.home-credentials .credential p{font-size:11px}.home-credentials .credential-grid{gap:22px}}
@media(max-width:760px){
 .home-company{grid-template-columns:1fr;gap:30px;padding-block:48px 36px}
 .home-company .eyebrow{font-size:9px;margin-bottom:20px}
 .home-company h2{font-size:clamp(39px,11vw,66px);line-height:1.08}
 .home-company .maker-body>p{font-size:13px;max-width:540px}
 .maker-body{padding-top:0}
 .maker-numbers{grid-template-columns:.6fr 1.4fr;margin:25px 0;gap:24px}
 .maker-numbers dd{font-size:45px}.maker-numbers dt{font-size:11px;max-width:230px}
 .home-company .text-link{font-size:11px}.home-company .inline-links{gap:28px}
 .home-credentials{padding-block:26px 32px}
 .home-credentials-heading{display:block;margin-bottom:22px}
 .home-credentials-heading h2{font-size:22px}.home-credentials-heading>p{margin-top:10px;font-size:11px;max-width:340px}
 .home-credentials .credential-grid{gap:24px 20px}
 .home-credentials .credential{display:block}
 .home-credentials .credential-mark{width:100%;height:76px;padding:9px}
 .home-credentials .credential-mark img{max-width:110px;max-height:58px}
 .home-credentials .credential h3{margin-top:12px;font-size:13px}
 .home-credentials .credential p{font-size:10px;margin-top:4px;overflow-wrap:normal}
 .home-contact{padding-block:31px 35px}
 html[lang=de] .hero h1,html[lang=fr] .hero h1{font-size:clamp(37px,10.8vw,68px)}
 html[lang=de] .hero-description,html[lang=fr] .hero-description{max-width:260px}
 html[lang=de] .home-company h2,html[lang=fr] .home-company h2{font-size:clamp(35px,9.6vw,62px)}
 html[lang=de] .inner-hero h1,html[lang=fr] .inner-hero h1{font-size:clamp(39px,10.8vw,68px);line-height:1.07}
 html[lang=de] .orbit-copy,html[lang=fr] .orbit-copy{display:block}
 html[lang=de] .orbit-copy h2,html[lang=fr] .orbit-copy h2{font-size:clamp(36px,10vw,62px);margin-top:18px}
 html[lang=de] .orbit-copy .quiet,html[lang=fr] .orbit-copy .quiet{margin-top:18px}
 html[lang=de] .orbit-copy .text-link,html[lang=fr] .orbit-copy .text-link{max-width:none;margin-top:14px}
 html[lang=de] .light-copy h2,html[lang=fr] .light-copy h2{font-size:clamp(48px,13vw,74px)}
 html[lang=de] .big-contact,html[lang=fr] .big-contact{font-size:clamp(29px,8vw,38px)}
 html[lang=de] .process-steps,html[lang=fr] .process-steps{grid-template-columns:1fr}
 .site-footer>a:not(.footer-brand){white-space:normal}
}
/* German compound words retain readable line breaks in compact evidence captions. */
.credential p,.home-credentials .credential p{hyphens:auto;overflow-wrap:anywhere}
.process-steps li,.process-steps li>div{min-width:0}
.process-steps :is(h3,p){hyphens:auto;overflow-wrap:break-word}
@media(max-width:760px){.timeline-layout>.process-steps li{grid-template-columns:48px minmax(0,1fr)}}
@media(min-width:761px) and (max-width:1080px){.hero{--hero-height:clamp(860px,100svh,1000px)}.hero-art{width:105%;right:-4%;top:285px}.hero-copy{max-width:700px}}
@media(min-width:761px) and (max-width:1080px){.hero-description,html[lang=zh-CN] .hero-description{max-width:190px;font-size:14px}.hero .text-link{font-size:12px;gap:24px}}

/* Official Fuchen identity. The source artwork keeps its original colours and proportions. */
.site-header .wordmark{display:inline-flex;align-items:center;justify-content:flex-start;height:100%;flex-shrink:0;min-width:80px;letter-spacing:normal;line-height:1}
.site-header .brand-logo{display:block;height:61px;width:auto;max-width:none;object-fit:contain}
.site-footer-expanded{display:block;padding:54px 0 48px;color:#a8bbc4;font-size:13px;background:#080e12;border-top:1px solid #88a7b22b}
.footer-layout{display:grid;grid-template-columns:.78fr 1fr 1.18fr;gap:7%;align-items:start}
.footer-identity{min-width:0}
.footer-identity .footer-brand{display:inline-flex;align-items:center;margin-bottom:20px;line-height:1}
.footer-brand img{width:auto;height:112px;object-fit:contain}
.site-footer .footer-identity p{max-width:265px;margin:0;font-size:12px;line-height:1.85}
.site-footer .footer-identity .footer-location{font-size:11px;color:#849ca9;margin-top:12px}
.site-footer h2{font:500 15px/1.5 var(--body);letter-spacing:.015em;color:#e8efef;margin-bottom:25px}
.footer-navigation ul{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin:0;padding:0;list-style:none}
.footer-navigation li{min-width:0}
.footer-navigation a{font-size:12px;line-height:1.7;display:inline-block;hyphens:auto;overflow-wrap:break-word;padding:3px 0}
.footer-navigation a:hover,.footer-contact a:hover{color:#e9f6fa;text-decoration:underline;text-underline-offset:5px}
.footer-contact dl{display:grid;gap:19px;margin:0}
.footer-contact dl>div{display:grid;gap:5px}
.footer-contact dt,.footer-address-label{font-size:10px;line-height:1.6;color:#849ca9;letter-spacing:.05em}
.footer-contact dd{margin:0;font-size:17px;line-height:1.5}
.footer-contact address{font-style:normal;font-size:11px;line-height:1.9;color:#9ab1be;margin-top:21px;max-width:350px}
.footer-address-label{display:block;margin-bottom:7px}
@media(min-width:761px) and (max-width:1050px){.footer-layout{grid-template-columns:.65fr 1fr 1.12fr;gap:5%}.footer-navigation ul{gap:15px 18px}.footer-contact dd{font-size:15px}.footer-brand img{height:100px}}
@media(max-width:760px){
 .site-header .wordmark{min-width:58px}.site-header .brand-logo{height:50px}
 .site-footer-expanded{padding:37px 0 36px}
 .footer-layout{grid-template-columns:1fr;gap:32px}
 .footer-identity{display:grid;grid-template-columns:65px 1fr;column-gap:25px;align-items:center}
 .footer-identity .footer-brand{grid-row:1/3;margin:0}.footer-brand img{height:75px}
 .site-footer .footer-identity p{font-size:11px;max-width:270px}
 .site-footer .footer-identity .footer-location{font-size:10px;margin-top:6px;align-self:start}
 .site-footer h2{font-size:14px;margin-bottom:19px}
 .footer-navigation,.footer-contact{border-top:1px solid #88a7b229;padding-top:25px}
 .footer-navigation ul{gap:12px 28px;grid-template-columns:1fr 1fr}
 .footer-navigation a{font-size:12px;min-height:32px}
 .footer-contact dl{gap:17px}.footer-contact dd{font-size:18px}
 .footer-contact address{font-size:12px;margin-top:20px;max-width:480px}
 .footer-contact dt,.footer-address-label{font-size:10px}
}
.footer-contact address>span:last-child{display:block;text-wrap:balance}
.site-footer .footer-identity p{text-wrap:balance}

/* The additional partner link needs a compact menu on tablet widths. */
@media (min-width:761px) and (max-width:1100px){
 .site-header{gap:24px}.desktop-nav,.desktop-language{display:none}.nav-contact{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:40px;height:44px;flex-shrink:0}.menu-toggle span{width:24px;height:1px;background:#e7efec;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
}

/* Let enlarged text wrap within the existing columns instead of widening the page. */
.hero-copy,.light-copy,.footer-layout>*,.maker-numbers>div{min-width:0}
.light-copy,.footer-layout>*{max-width:100%}
.hero h1,.home-company h2,.light-copy h2{white-space:normal;overflow-wrap:anywhere;hyphens:auto}
.site-footer h2,.footer-navigation a,.footer-contact dd,.footer-contact address,.footer-identity p,.maker-numbers dt{overflow-wrap:anywhere;hyphens:auto}
.footer-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1fr) minmax(0,1.18fr)}
.footer-navigation ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.maker-numbers{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}
@media(min-width:761px) and (max-width:1050px){.footer-layout{grid-template-columns:minmax(0,.65fr) minmax(0,1fr) minmax(0,1.12fr)}}
@media(max-width:760px){
 .footer-layout{grid-template-columns:minmax(0,1fr)}
 .footer-identity{grid-template-columns:65px minmax(0,1fr)}
 .maker-numbers{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)}
}
.home-credentials-heading h2{min-width:0;max-width:100%;flex-shrink:1;overflow-wrap:anywhere;hyphens:auto}

/* Keep the original opening height, while making room for enlarged copy. */
.hero{height:auto}
.hero-stage{height:auto;min-height:var(--hero-height);display:flex;flex-direction:column}
.motion-enabled .hero{height:auto;padding-bottom:0}
.motion-enabled .hero::after{content:'';display:block;height:var(--hero-travel)}
.hero-foot{position:relative;left:auto;right:auto;bottom:auto;margin-top:auto;padding:28px 4%}
@media(max-width:760px){.hero-foot{padding:25px 6%}}
@media(prefers-reduced-motion:reduce){.motion-enabled .hero{height:auto;padding-bottom:0}.motion-enabled .hero::after{display:none}}

/* Long product and production text must fit its column at larger text sizes. */
.inner-page main :is(.split-story,.two-columns,.credentials-heading,.recognition-row)>*{min-width:0}
.inner-page main :is(.split-story,.content-section,.credentials-section) :is(h2,h3,p,dt,dd,li,figcaption){overflow-wrap:anywhere;hyphens:auto}
.inner-page main .section-heading{overflow-wrap:anywhere;hyphens:auto}
.meta-list>div{grid-template-columns:150px minmax(0,1fr)}
.meta-list :is(dt,dd){min-width:0;overflow-wrap:anywhere;hyphens:auto}
.chapter-nav .text-link,.inquiry-link,.inquiry-link .text-link{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.inner-page main .text-link>span:first-child,.inner-page main .inquiry-link>span:first-child{min-width:0;overflow-wrap:anywhere;hyphens:auto}
@media(max-width:760px){.meta-list>div{grid-template-columns:90px minmax(0,1fr)}}

.orbit-copy,.orbit-copy>*{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.orbit-copy .text-link>span:first-child{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.orbit-copy{grid-template-columns:minmax(0,1fr) minmax(0,auto)}}

/* Use the existing menu when enlarged desktop labels no longer fit the header. */
.site-header.header-compact .desktop-nav,.site-header.header-compact .desktop-language{display:none}
.site-header.header-compact .nav-contact{margin-left:auto}
.site-header.header-compact .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:40px;height:44px;flex-shrink:0}
.site-header.header-compact .menu-toggle span{width:24px;height:1px;background:#e7efec;transition:transform .2s}
.site-header.header-compact .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.site-header.header-compact .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

.recognition-row{min-width:0;overflow-wrap:anywhere}