/* V8 — broad photography, graphite identity and position-bound motion. */
:root{--bg:#fff;--surface:#f4f5f7;--ink:#202328;--muted:#60656e;--line:#dcdfe3;--accent:#2457a6;--focus:#2457a6;--radius:20px;--motion-ease:cubic-bezier(.2,.7,.2,1)}
html{scroll-behavior:auto;scroll-padding-top:0}body{background:var(--bg);color:var(--ink)}p{color:var(--muted)}h1,h2,h3{color:var(--ink);letter-spacing:-.04em;text-wrap:balance}figure{margin:0}.container{width:min(1296px,calc(100% - 112px))}.section{padding-block:112px}.section-tint{background:var(--surface)}.eyebrow,.page-intro .eyebrow{color:#68717e;font-size:11px;letter-spacing:.12em}.utility-bar{display:none}
.site-header{height:88px;background:#fff;border-bottom:1px solid #eceef1;box-shadow:none}.nav-wrap{height:100%;gap:28px}.brand{display:flex;flex-direction:row;align-items:center;gap:9px;white-space:nowrap;color:var(--ink)}.brand-symbol{display:block;flex:none;width:48px;height:48px;background:currentColor;mask:url('assets/huaheng-symbol-b.png') center/contain no-repeat;-webkit-mask:url('assets/huaheng-symbol-b.png') center/contain no-repeat}.brand-wordmark{display:flex;flex-direction:column;gap:2px}.brand strong,.site-header .brand strong{font-size:23px;line-height:1;letter-spacing:.035em;color:inherit}.brand small{font-size:8px;letter-spacing:.15em;line-height:1.4;color:#6b717b}.site-header nav{gap:25px}.site-header nav>a{font-size:13px;font-weight:400;color:#4c515a}.site-header nav>a[aria-current=page]{color:var(--ink);font-weight:600}.site-header nav>a:not(.nav-contact)::after{background:var(--ink);bottom:7px}.site-header nav>.nav-contact{background:var(--ink);border:1px solid var(--ink);border-radius:30px;padding:11px 18px;min-height:42px;color:#fff;font-size:12px}.site-header nav>.nav-contact:hover{background:#3a3f47;border-color:#3a3f47;transform:none}.language-picker summary{font-size:12px;border:0;padding-left:0;gap:8px}.language-panel{border-color:var(--line);box-shadow:0 14px 50px #141a231a}.language-panel>p,.language-panel small{color:var(--muted)}.language-panel a:hover,.language-panel a:focus-visible,.language-panel a[aria-current]{background:#f1f3f6;color:var(--ink)}
.button{border-radius:30px;background:var(--accent);border-color:var(--accent);min-height:48px;padding:13px 22px;font-weight:500;box-shadow:none;transition:background .25s,transform .3s var(--motion-ease)}.button:hover{background:#194a91;border-color:#194a91;box-shadow:none;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--ink);border-color:#b6bdc7}.button.secondary:hover{background:#eceff3;border-color:#8f9aaa}.text-link{color:var(--accent);font-size:14px;text-decoration-color:#b6c5da;transition:color .25s}.text-link:hover{color:#173e7a}.text-link span{display:inline-block;transition:transform .3s var(--motion-ease)}.text-link:hover span{transform:translate(3px,-3px)}
.home-hero{background:#fff;padding-top:70px}.home-hero-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:64px;align-items:end;padding-bottom:54px}.home-hero .eyebrow{margin:0 0 20px}.home-hero h1{font-size:clamp(54px,5.65vw,88px);line-height:1.02;letter-spacing:-.052em;margin:0;font-weight:600}.home-hero h1 span{display:block}.home-hero h1 span:first-child{color:#7b8189}.home-hero-intro{max-width:360px;justify-self:end;padding-bottom:4px}.home-hero-intro>p{font-size:17px;line-height:1.65;margin:0 0 24px}.home-hero-intro>.button{margin-bottom:19px}.home-hero-intro>.text-link{display:block;width:fit-content}.home-hero-figure{width:min(1408px,calc(100% - 48px))}.hero-panorama{height:clamp(390px,39vw,595px);border-radius:28px;overflow:hidden;position:relative;background:#aeb6bb}.hero-panorama>img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);object-position:center 55%}.hero-panorama::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#1a202654);pointer-events:none}.hero-image-title{position:absolute;z-index:1;left:4.5%;bottom:10%;font-size:clamp(24px,3.1vw,44px);font-weight:500;color:#fff;letter-spacing:-.025em;text-shadow:0 1px 8px #10131d30}.home-hero-figure figcaption{font-size:11px;letter-spacing:.025em;color:var(--muted);margin:12px 30px 0}
.section-heading{grid-template-columns:1.25fr .75fr;gap:96px;align-items:end;margin-bottom:46px}.section-heading h2{font-size:clamp(38px,3.4vw,52px);line-height:1.12;max-width:680px}.section-heading p{font-size:16px;line-height:1.7;margin:0}.section-heading>.text-link{justify-self:end;align-self:end;margin-bottom:5px}.material-section{padding-top:122px}.material-gallery{border-top:1px solid var(--line)}.material-options{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0;margin:0 0 24px}.material-options a{position:relative;display:flex;align-items:center;gap:12px;padding:22px 0;min-height:64px;font-size:14px;color:#646b76;transition:color .2s}.material-options a>span{font-size:11px;font-weight:500;color:#747c87}.material-options a:after{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--motion-ease)}.material-options a:hover,.material-options a[aria-current]{color:var(--ink)}.material-options a[aria-current]{font-weight:600}.material-options a[aria-current]:after{transform:scaleX(1)}.material-panel{display:grid;grid-template-columns:1.12fr .88fr;background:var(--surface);border-radius:24px;overflow:hidden;min-height:485px;scroll-margin-top:120px;margin-bottom:24px}.material-panel>figure{position:relative;overflow:hidden;height:100%;min-height:485px}.material-panel img{display:block;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.material-panel figcaption{position:absolute;bottom:17px;left:22px;background:#ffffffed;color:#626772;padding:7px 10px;border-radius:5px;font-size:9px;letter-spacing:.045em;max-width:calc(100% - 40px)}.material-panel>div{padding:44px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.material-index{font-size:12px;color:#808794;letter-spacing:.04em;margin-bottom:24px}.material-panel h3{font-size:clamp(29px,2.8vw,42px);line-height:1.15;margin:0 0 22px;max-width:370px}.material-panel p{font-size:17px;line-height:1.7;max-width:370px;margin:0 0 30px}.gallery-enhanced .material-panel{margin-bottom:0}.gallery-enhanced .material-panel.is-active>div{animation:selection-copy .38s var(--motion-ease)}@keyframes selection-copy{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
.home-applications{background:var(--surface)}.scene-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:24px}.scene-card{display:block;min-width:0}.scene-photo{height:420px;border-radius:22px;position:relative;overflow:hidden;background:#dfe4e7}.scene-photo>img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .5s}.scene-card:nth-child(3) img{object-position:49% center}.scene-photo>span{position:absolute;right:18px;bottom:18px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:24px;background:#fff;color:var(--ink);transition:background .3s,color .3s,transform .3s}.scene-card:hover .scene-photo>span{background:var(--ink);color:#fff;transform:rotate(45deg)}.scene-card:hover img{filter:brightness(1.04)}.scene-card h3{font-size:25px;line-height:1.2;margin:24px 0 11px}.scene-card p{font-size:14px;line-height:1.65;margin:0;max-width:320px}.context-disclosure{font-size:11px;line-height:1.65;color:#6a737e;margin:28px 0 0;max-width:950px}.application-list-compact{margin-top:40px;border-color:var(--line)}.application-list a:hover{background:#eceff3;color:var(--ink)}.application-list a>span:first-child{font-size:21px}.application-list a>span:nth-child(2){color:var(--muted)}
.home-production{background:#202328;color:#fff}.home-production h2{color:#fff}.home-production p,.home-production dd{color:#c8cdd4}.home-production .eyebrow,.home-production dt{color:#aeb7c2}.production-photo{position:relative;overflow:hidden;border-radius:24px;height:510px}.production-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.production-photo figcaption{position:absolute;bottom:24px;left:28px;background:#202328e8;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px}.production-footer{display:flex;justify-content:space-between;gap:50px;align-items:center;padding-top:35px}.production-footer .process-summary{margin:0;padding:0;display:grid;grid-template-columns:.7fr 1.6fr 1fr;gap:40px;border:0;flex:1}.production-footer .process-summary>div{padding:0;border:0;display:block}.process-summary dt{font-size:11px;margin-bottom:8px}.process-summary dd{font-size:14px;margin:0}.home-production .text-link{color:#e3eaf5;text-decoration-color:#747e8d;max-width:260px}.quote-guide{background:#fff}.quote-guide h2{font-size:clamp(34px,3.1vw,46px);line-height:1.13}.quote-guide li:before{color:var(--muted)}.closing{background:#f1f3f6;padding-block:76px}.closing h2{color:var(--ink)}.closing p{color:var(--muted)}.closing .button{background:var(--ink);color:#fff;border-color:var(--ink)}.closing .button:hover{background:#3a414b}.site-footer{background:#fff;color:var(--ink);padding-top:64px}.site-footer .brand{color:var(--ink)}.site-footer .brand strong,.site-footer .brand small{color:inherit}.footer-top p{color:var(--muted)}.footer-contact a{color:var(--ink)}.footer-bottom{border-color:var(--line);color:var(--muted)}
/* Shared pages inherit the same neutral visual system. */
.page-intro{padding-block:76px 52px}.page-intro h1{font-size:clamp(44px,4.5vw,68px)}.jump-links{top:88px;background:#fffffffa}.jump-links a{background:#f3f5f7;color:#59616b;border-color:#e5e8ed;border-radius:24px}.jump-links a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}.product-detail{padding-block:62px}.product-detail h2{color:var(--ink)}.product-media{border-radius:22px;background:#f2f3f5}.product-media>img{transform:none}.product-media figcaption{background:#f7f8fa;color:var(--muted)}.product-facts dt{color:#565f6c}.product-facts dd{color:var(--ink)}.sample-editorial{background:#f4f5f7;border-radius:24px;padding:44px;gap:65px}.sample-options span{background:#e8ebef;color:#535e6b;border-color:#d9dfe6}.sample-editorial img{border-radius:18px}.sample-editorial figcaption{color:var(--muted)}.sample-editorial-copy h2 span{color:var(--ink)}.spec-group h3,.faq summary{color:var(--ink)}.technical-note{color:var(--muted)}.application-editorial-scene,.factory-panorama img{border-radius:22px;overflow:hidden}.application-detail{border-color:var(--line)}.application-detail h3{color:var(--ink)}.contact-details{border-color:var(--ink)}.inquiry-panel{background:var(--surface);border-color:var(--line);border-radius:20px}.inquiry-panel legend{color:var(--ink)}input,select,textarea{border-radius:8px}.form-status{color:var(--accent)}.video-options button[aria-pressed=true]{background:var(--ink);color:#fff}
/* Motion values come from current document position, so upward scrolling reverses them. */
.scroll-linked .motion-text{transform:translateY(calc((1 - var(--reveal,1))*16px));opacity:calc(.3 + var(--reveal,1)*.7)}.scroll-linked .motion-media{clip-path:inset(calc((1 - var(--reveal,1))*3%) calc((1 - var(--reveal,1))*4%) round 24px);transform:translateY(calc((1 - var(--reveal,1))*42px)) scale(calc(.95 + var(--reveal,1)*.05));opacity:calc(.5 + var(--reveal,1)*.5)}.scroll-linked .motion-media>img,.scroll-linked .motion-media>figure>img{transform:translateY(var(--travel,0px)) scale(1.08)}.scroll-linked .hero-panorama>img{transform:translateY(var(--hero-travel,0px)) scale(var(--hero-scale,1.06))}.scroll-linked .hero-image-title{transform:translateY(var(--hero-title,0px))}.scroll-linked .home-hero h1 span:last-child{transform:translateX(var(--heading-travel,0px))}.motion-text,.motion-media{transition:none}.page-products .product-copy.motion-text{opacity:1}.material-panel.motion-media{clip-path:none}.material-panel>div.motion-text{opacity:1}
@media(min-width:851px) and (max-width:1180px){.container{width:calc(100% - 72px)}.site-header nav{gap:15px}.site-header nav>a{font-size:12px}.brand strong,.site-header .brand strong{font-size:20px}.brand-symbol{width:40px;height:40px}.brand small{font-size:7px}.home-hero-heading{gap:40px;grid-template-columns:1.3fr 1fr}.home-hero h1{font-size:clamp(48px,5.4vw,68px)}.home-hero-intro{max-width:320px}.material-panel>div{padding:32px 10%}.scene-photo{height:340px}.production-footer{align-items:flex-start;gap:35px}.production-footer .process-summary{gap:24px}}
@media(max-width:1100px){.site-header{height:76px}.menu-toggle{display:flex;align-items:center;gap:12px;border-radius:24px;font-size:13px}.site-header nav{display:none;position:absolute;left:0;right:0;top:75px;flex-direction:column;align-items:stretch;padding:20px 36px 30px;background:#fff;max-height:calc(100dvh - 80px);overflow-y:auto;border-bottom:1px solid var(--line);gap:6px}.site-header nav.open{display:flex}.site-header nav>a{padding:12px 0;font-size:15px}.site-header nav>a:not(.nav-contact)::after{display:none}.site-header nav>.nav-contact{padding:12px 18px;margin:6px 0 12px;text-align:center}.language-picker{border-top:1px solid var(--line)}.language-picker summary{padding:12px 0;font-size:14px}.language-panel{position:static;box-shadow:none;width:100%;margin-bottom:10px}.jump-links{top:76px}}
@media(max-width:850px){.container{width:calc(100% - 48px)}.section{padding-block:72px}.home-hero{padding-top:46px}.home-hero-heading{grid-template-columns:1.25fr 1fr;gap:32px;padding-bottom:36px}.home-hero h1{font-size:clamp(39px,6vw,53px)}.home-hero-intro>p{font-size:15px}.home-hero .eyebrow{font-size:9px}.home-hero-figure{width:calc(100% - 28px)}.hero-panorama{height:350px;border-radius:22px}.section-heading{gap:35px;grid-template-columns:1.2fr 1fr}.section-heading h2{font-size:36px}.section-heading p{font-size:15px}.material-options{gap:12px}.material-options a{font-size:12px;gap:7px}.material-panel{min-height:370px;grid-template-columns:1fr 1fr}.material-panel>figure{min-height:370px}.material-panel>div{padding:28px}.material-panel h3{font-size:30px}.material-panel p{font-size:15px}.material-index{margin-bottom:16px}.scene-grid{display:block;gap:18px}.scene-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr;column-gap:28px;align-items:end;margin-top:12px}.scene-card:last-child .scene-photo{grid-row:1/3;height:270px}.scene-card:last-child h3{align-self:end;margin:0 0 10px}.scene-card:last-child p{align-self:start}.scene-photo{height:340px}.scene-card h3{font-size:24px}.production-photo{height:370px}.production-footer{display:block}.production-footer .text-link{display:inline-block;max-width:none;margin-top:28px}.sample-editorial{padding:28px;gap:28px}.closing .closing-inner{gap:30px}.scroll-linked .motion-media{transform:translateY(calc((1 - var(--reveal,1))*24px)) scale(calc(.98 + var(--reveal,1)*.02))}}
@media(max-width:620px){.container{width:calc(100% - 40px)}.site-header{height:72px}.site-header nav{top:71px;padding-inline:20px}.brand-symbol{width:41px;height:41px}.brand strong,.site-header .brand strong{font-size:21px}.brand small{font-size:7px}.nav-wrap{gap:10px}.home-hero{padding-top:35px}.home-hero-heading{display:block;padding-bottom:32px}.home-hero h1{font-size:clamp(39px,10.5vw,58px);line-height:1.07}.home-hero-intro{max-width:100%;margin-top:23px;padding:0}.home-hero-intro>p{font-size:16px;max-width:380px;margin-bottom:22px}.home-hero-intro>.button{margin:0 18px 0 0;font-size:13px;min-height:46px;padding:12px 18px}.home-hero-intro>.text-link{display:inline-block;font-size:13px;margin-top:15px}.home-hero .eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:17px}.home-hero-figure{width:calc(100% - 24px)}.hero-panorama{height:305px;border-radius:20px}.hero-image-title{font-size:26px;max-width:270px;left:24px;bottom:29px;line-height:1.2}.home-hero-figure figcaption{font-size:10px;margin:10px 8px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:34px;line-height:1.15;margin-bottom:19px}.section-heading p{font-size:15px}.section-heading>.text-link{display:inline-block}.material-options{grid-template-columns:repeat(2,1fr);gap:0 18px;margin-bottom:18px}.material-options a{padding:15px 0;font-size:13px;min-height:52px;border-bottom:1px solid var(--line)}.material-options a:after{top:auto;bottom:-1px}.material-panel{display:block;border-radius:20px;min-height:0}.material-panel>figure{height:300px;min-height:0}.material-panel>div{padding:28px}.material-panel h3{font-size:32px;max-width:none;margin-bottom:17px}.material-panel p{font-size:16px;max-width:none;margin-bottom:25px}.material-index{display:none}.material-panel figcaption{font-size:8px;left:14px;bottom:14px}.scene-grid{display:block}.scene-card{margin-bottom:34px}.scene-photo{height:350px;border-radius:20px}.scene-card h3{margin:21px 0 10px;font-size:26px}.scene-card:last-child{display:block;margin:0}.scene-card:last-child .scene-photo{height:320px}.scene-card:last-child h3{margin:21px 0 10px}.scene-card p{font-size:14px;max-width:none}.context-disclosure{font-size:10px;margin-top:23px}.application-list a{gap:18px;grid-template-columns:1fr auto}.application-list a>span:first-child{font-size:20px}.application-list a>span:nth-child(2){grid-row:2;font-size:13px}.application-list a>span:last-child{grid-column:2;grid-row:1/3}.application-list-compact{margin-top:25px}.production-photo{height:310px;border-radius:20px}.production-photo img{object-position:60% center}.production-photo figcaption{bottom:15px;left:15px;font-size:10px}.production-footer{padding-top:25px}.production-footer .process-summary{grid-template-columns:1fr;gap:17px}.production-footer .process-summary>div{display:grid;grid-template-columns:65px 1fr;gap:14px}.process-summary dd{font-size:14px}.process-summary dt{margin:0}.production-footer .text-link{margin-top:22px;font-size:13px}.closing{padding-block:50px}.closing h2{font-size:32px}.site-footer{padding-top:44px}.footer-top{gap:27px}.footer-top .brand{align-self:start}.footer-bottom{font-size:11px}.page-intro{padding-block:42px 30px}.page-intro h1{font-size:40px}.jump-links{top:72px}.product-detail{padding-block:35px}.sample-editorial{padding:25px 20px;gap:27px}.sample-editorial-copy h2{font-size:32px}.sample-options{gap:7px}.sample-options span{font-size:11px}.inquiry-panel{border-radius:16px}.scroll-linked .motion-text{transform:translateY(calc((1 - var(--reveal,1))*12px))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-linked .motion-text,.scroll-linked .motion-media,.scroll-linked .motion-media>img,.scroll-linked .hero-panorama>img,.scroll-linked .hero-image-title,.scroll-linked .home-hero h1 span:last-child{transform:none;opacity:1;clip-path:none}.gallery-enhanced .material-panel.is-active>div{animation:none}.button,.text-link span,.scene-photo>span,.material-options a:after{transition:none}}

.material-gallery{overflow-anchor:none}
@media(min-width:621px) and (max-width:850px){.scene-card:last-child .scene-copy{grid-column:2;grid-row:1/3;align-self:center}}

#main,.application-detail,#production-film,#material-range{scroll-margin-top:110px}

/* Density refinement: return to the earlier paired image/text layout. */
@media(min-width:851px){
 .container{width:min(1260px,calc(100% - 80px))}
 .section{padding-block:76px}.material-section{padding-top:72px}
 .section-heading{gap:52px;margin-bottom:32px}.section-heading h2{font-size:clamp(36px,3.2vw,46px)}
 .home-hero-compact{padding-block:42px 36px;background:#f5f6f7}
 .home-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:center}
 .home-hero-compact .home-hero-heading{display:block;width:auto;padding:0;margin:0}
 .home-hero-compact h1{font-size:clamp(48px,4.8vw,68px);line-height:1.08}
 .home-hero-compact .home-hero-intro{max-width:490px;justify-self:initial;padding:0;margin-top:24px}
 .home-hero-compact .home-hero-intro>p{margin-bottom:0;font-size:17px}
 .home-hero-compact .actions{margin-top:26px;gap:12px;flex-wrap:wrap;align-items:center}
 .home-hero-compact .actions .button{font-size:13px;padding-inline:18px;gap:14px}
 .home-hero-compact .home-hero-figure{width:100%;min-width:0}
 .home-hero-compact .hero-panorama{height:440px;border-radius:22px}
 .home-hero-compact .home-hero-figure figcaption{margin:10px 3px 0}
 .capability-grid{padding-block:22px}.capability-grid strong{font-size:23px;color:var(--ink)}.capability-grid span{color:var(--muted)}
 .material-options{gap:24px;margin-bottom:18px}.material-options a{padding-block:17px;min-height:56px}
 .material-panel,.material-panel>figure{min-height:420px}.material-panel>div{padding:32px 8%}
 .material-index{margin-bottom:17px}.material-panel h3{margin-bottom:18px}.material-panel p{margin-bottom:24px}
 .scene-photo{height:360px}.scene-card h3{margin-top:19px}.application-list-compact{margin-top:28px}
 .production-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:52px}
 .production-grid .production-photo{height:420px}.production-copy h2{font-size:clamp(34px,3vw,44px);line-height:1.15;margin:0 0 23px}.production-copy>.eyebrow{margin:0 0 18px}
 .production-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;margin-bottom:23px}
 .production-copy .process-summary{margin:28px 0 0;padding:18px 0 0;border-top:1px solid #ffffff24;display:grid;grid-template-columns:.8fr 1.5fr 1fr;gap:18px}
 .production-copy .process-summary>div{display:block;border:0;padding:0}
 .production-copy .process-summary dd{font-size:12px;line-height:1.5}.production-copy .text-link{max-width:none}
 .page-intro{padding-block:44px 28px}.page-intro h1{font-size:clamp(40px,4vw,56px);margin-bottom:16px}
 .product-detail{padding-block:44px;gap:5%}.page-products .product-detail:first-of-type{padding-top:28px}
 .sample-editorial{padding:34px;gap:42px}.closing{padding-block:52px}.site-footer{padding-top:44px}
}
@media(min-width:851px) and (max-width:1100px){.home-hero-grid{gap:32px}.home-hero-compact h1{font-size:clamp(42px,4.8vw,53px)}.home-hero-compact .hero-panorama{height:415px}.home-hero-compact .actions .button{font-size:12px;padding-inline:15px}.production-grid{gap:35px}.production-grid .production-photo{height:400px}.production-copy .process-summary{gap:12px}}
@media(max-width:850px){.home-hero-compact{padding-block:32px;background:#f5f6f7}.home-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.home-hero-compact .home-hero-heading{display:block;padding:0}.home-hero-compact .home-hero-intro{margin-top:22px}.home-hero-compact .home-hero-figure{width:100%;min-width:0}.home-hero-compact .hero-panorama{height:370px}.home-hero-compact .actions{gap:10px;display:flex;flex-wrap:wrap;margin-top:20px}.home-hero-compact .actions .button{font-size:12px;padding-inline:14px;gap:10px}.home-hero-compact .home-hero-figure figcaption{margin:10px 0 0;font-size:10px}.capability-grid strong{color:var(--ink)}.capability-grid span{color:var(--muted)}.production-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.production-grid .production-photo{height:380px}.production-copy h2{font-size:32px;line-height:1.15}.production-copy>p:not(.eyebrow){font-size:15px}.production-copy .process-summary{margin-top:24px;display:block}.production-copy .process-summary>div{display:grid;grid-template-columns:65px 1fr;gap:12px;border-color:#ffffff24}.production-copy .process-summary dd{font-size:13px}}
@media(max-width:620px){.home-hero-grid{display:block}.home-hero-compact .home-hero-figure{margin-top:25px}.home-hero-compact .hero-panorama{height:300px}.home-hero-compact .home-hero-intro>p{margin-bottom:0}.home-hero-compact .actions .button{font-size:13px;padding-inline:16px}.home-hero-compact .home-hero-heading{margin:0}.section{padding-block:50px}.material-section{padding-top:50px}.production-grid{display:flex;flex-direction:column;align-items:stretch;gap:28px}.production-grid .production-photo{height:280px}.production-copy .process-summary>div{padding-block:9px}.page-intro{padding-block:30px 22px}.page-intro h1{font-size:36px}.product-detail{padding-block:30px}.closing{padding-block:42px}.site-footer{padding-top:38px}}

/* Clearly visible, reversible heading and image motion with fixed reading flow. */
.motion-heading .motion-word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;line-height:inherit;padding-block:.08em .12em;margin-block:-.08em -.12em}
.motion-heading .motion-word{display:inline-block;line-height:inherit}
.scroll-linked .motion-heading{transform:none;opacity:1}
.scroll-linked .motion-heading .motion-word{--word-reveal:clamp(0,calc(var(--reveal,1)*1.22 - var(--word-delay,0)),1);transform:translateY(calc((1 - var(--word-reveal))*105%));opacity:calc(.35 + var(--word-reveal)*.65)}
.scroll-linked .motion-text{transform:translateY(calc((1 - var(--reveal,1))*30px));opacity:calc(.45 + var(--reveal,1)*.55)}
.scroll-linked .motion-media{clip-path:inset(calc((1 - var(--reveal,1))*8%) calc((1 - var(--reveal,1))*7%) round 22px);transform:translate(calc((1 - var(--reveal,1))*var(--entry-x,0px)),calc((1 - var(--reveal,1))*42px)) scale(calc(.90 + var(--reveal,1)*.10));opacity:calc(.65 + var(--reveal,1)*.35)}
.scroll-linked .motion-media>img,.scroll-linked .motion-media>figure>img{transform:translateY(var(--travel,0px)) scale(var(--image-scale,1.08))}
.scroll-linked .hero-panorama{transform:none;clip-path:none;opacity:1}
.scroll-linked .hero-panorama>img{transform:translateY(var(--hero-travel,0px)) scale(var(--hero-scale,1.04))}
.scroll-linked .home-hero h1 span:first-child{transform:translateX(calc(var(--heading-travel,0px)*-.55))}
.material-panel>figure{border-radius:0}.material-panel .motion-text{opacity:1}
@media(max-width:850px){.scroll-linked .motion-media{transform:translateY(calc((1 - var(--reveal,1))*32px)) scale(calc(.96 + var(--reveal,1)*.04))}.scroll-linked .hero-panorama{transform:none}.scroll-linked .home-hero h1 span:first-child,.scroll-linked .home-hero h1 span:last-child{transform:none}}
@media(prefers-reduced-motion:reduce){.motion-heading .motion-word,.scroll-linked .motion-heading .motion-word,.scroll-linked .motion-text,.scroll-linked .motion-media,.scroll-linked .motion-media>img,.scroll-linked .motion-media>figure>img,.scroll-linked .home-hero h1 span:first-child{transform:none;opacity:1;clip-path:none}}

/* V9: open material silhouettes, curved crops and shared image/type choreography. */
.home-hero-compact{position:relative;overflow:hidden;background:#f5f6f7;padding-block:40px 20px}
.home-hero-grid{grid-template-columns:1fr 1.12fr;gap:0;min-height:510px}
.home-hero-compact .home-hero-heading{position:relative;z-index:2;padding-bottom:36px}
.home-hero-compact h1{font-size:clamp(50px,5.5vw,78px);line-height:1.06;letter-spacing:-.04em;max-width:660px}
.home-hero h1 .hero-line{display:block;overflow:visible;transform:none!important;padding-block:.06em;margin-block:-.06em}
.home-hero h1 .hero-phrase{display:block;transform:none;color:var(--ink);transform-origin:left center}
.home-hero h1 .hero-line:first-child .hero-phrase{color:#707783}
.home-hero-compact .home-hero-intro{max-width:425px;margin-top:28px}
.home-hero-compact .home-hero-intro>p{font-size:17px;line-height:1.65}
.home-hero-compact .home-hero-figure{position:relative;align-self:stretch;min-width:0;margin:0 0 0 -38px;display:flex;flex-direction:column;justify-content:center;width:calc(100% + 66px)}
.home-hero-compact .hero-panorama{height:480px;border-radius:0;overflow:visible;background:transparent;isolation:isolate}
.home-hero-compact .hero-panorama:after{display:none}
.home-hero-compact .hero-panorama>img{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 14%,#000 84%,transparent);mask-composite:intersect}
.hero-texture{position:absolute;left:auto;right:3%;bottom:44px;height:auto;width:clamp(118px,11vw,156px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:7px solid #f5f6f7;box-shadow:0 9px 25px #20232815;z-index:1}
.hero-texture img{width:100%;height:100%;object-fit:cover;object-position:65% center;transform:scale(1.3)}
.hero-texture>span{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font-size:12px;color:#fff;background:#202328cc;padding:4px 9px;border-radius:20px;letter-spacing:.06em}
.home-hero-compact .home-hero-figure figcaption{align-self:flex-end;margin:0 30px 8px;font-size:12px;letter-spacing:.05em;color:#626a75}
.scroll-linked .home-hero h1 .hero-line:first-child .hero-phrase{transform:translateX(calc(var(--heading-travel,0px)*-.45)) translateY(calc(var(--hero-progress,0)*-20px));color:color-mix(in srgb,#707783 calc(100% - var(--hero-progress,0)*100%),#202328)}
.scroll-linked .home-hero h1 .hero-line:last-child .hero-phrase{transform:translateX(var(--heading-travel,0px)) translateY(calc(var(--hero-progress,0)*18px));color:color-mix(in srgb,#202328 calc(100% - var(--hero-progress,0)*100%),#2457a6)}
.scroll-linked .home-hero-compact .hero-panorama>img{transform:translateY(var(--hero-travel,0px)) rotate(calc(var(--hero-progress,0)*-5deg)) scale(var(--hero-scale,1));transform-origin:55% 60%}
.scroll-linked .hero-texture{transform:translate(calc(var(--hero-progress,0)*-50px),calc(var(--hero-progress,0)*-55px)) scale(calc(1 + var(--hero-progress,0)*.12))}
.capability-band{background:#fff;border-bottom:1px solid var(--line)}
.material-panel{background:transparent;border-radius:0;overflow:visible;gap:5%;grid-template-columns:1.03fr .97fr}
.material-panel>figure{border-radius:0;overflow:visible;min-height:420px}
.material-panel>div{padding:28px 4% 28px 0}
.material-panel figure img{border-radius:50%;object-fit:cover;clip-path:ellipse(50% 49% at 50% 50%)}
.material-panel figcaption{left:50%;bottom:4px;transform:translateX(-50%);white-space:nowrap;font-size:12px;max-width:none;border-radius:20px;background:#fff;padding:7px 12px}
.scroll-linked .material-panel>figure{clip-path:none;opacity:1;transform:none}
.scroll-linked .material-panel figure img{transform:translateY(calc((1 - var(--reveal,1))*22px)) scale(calc(.83 + var(--reveal,1)*.17));clip-path:ellipse(calc(40% + var(--reveal,1)*10%) 49% at 50% 50%)}
.material-index{display:none}
.material-panel h3{max-width:440px;line-height:1.15}
.material-panel h3 .motion-word-mask{padding-bottom:.15em;margin-bottom:-.15em}
.scroll-linked .material-panel>div,.scroll-linked .scene-copy,.scroll-linked .production-copy{transform:none;opacity:1}
.scroll-linked .material-panel>div>p,.scroll-linked .scene-copy>p,.scroll-linked .production-copy>p:not(.eyebrow){transform:translateY(calc((1 - var(--reveal,1))*28px));opacity:calc(.48 + var(--reveal,1)*.52)}
.scroll-linked .material-panel>div>.text-link,.scroll-linked .production-copy>.text-link{transform:translateY(calc((1 - var(--reveal,1))*16px))}
.page-home .section-heading h2{max-width:680px}
.scroll-linked .page-home .section-heading .motion-word{transform:translateY(calc((1 - var(--word-reveal))*75%)) rotate(calc((1 - var(--word-reveal))*4deg));transform-origin:left bottom;opacity:calc(.4 + var(--word-reveal)*.6)}
.scene-grid{grid-template-columns:1fr 1.18fr 1fr;gap:28px;align-items:start}
.scene-card:first-child{padding-top:32px}.scene-card:last-child{padding-top:64px}
.scene-card .scene-photo{height:325px;border-radius:18px;overflow:hidden}
.scene-card:nth-child(2) .scene-photo{height:390px;border-radius:50% 50% 18px 18px}
.scroll-linked .scene-photo{clip-path:none;transform:translateY(calc((1 - var(--reveal,1))*48px)) scale(calc(.94 + var(--reveal,1)*.06));opacity:1}
.scroll-linked .scene-card:nth-child(2) .scene-photo{clip-path:ellipse(calc(39% + var(--reveal,1)*40%) calc(55% + var(--reveal,1)*25%) at 50% 55%)}
.scene-photo>span{width:40px;height:40px;right:14px;bottom:14px}
.scene-copy h3{font-size:26px;margin-top:20px}.scene-copy p{font-size:15px}
.production-grid .production-photo{border-radius:180px 20px 20px 20px}
.scroll-linked .production-photo{clip-path:none;transform:translateX(calc((1 - var(--reveal,1))*-35px)) scale(calc(.94 + var(--reveal,1)*.06));opacity:1}
.scroll-linked .production-copy .process-summary>div{transform:translateY(calc((1 - var(--reveal,1))*22px));opacity:calc(.45 + var(--reveal,1)*.55)}
@media(min-width:851px) and (max-width:1100px){.home-hero-grid{min-height:465px}.home-hero-compact h1{font-size:54px}.home-hero-compact .hero-panorama{height:420px}.home-hero-compact .home-hero-figure{margin-left:-28px;width:calc(100% + 40px)}.scene-card .scene-photo{height:280px}.scene-card:nth-child(2) .scene-photo{height:335px}.scene-grid{gap:22px}}
@media(max-width:850px){.home-hero-grid{min-height:420px;grid-template-columns:1fr 1fr;gap:0}.home-hero-compact h1{font-size:clamp(38px,6vw,54px)}.home-hero-compact .hero-panorama{height:350px}.home-hero-compact .home-hero-figure{margin-left:-10px;width:calc(100% + 30px)}.home-hero-compact .home-hero-intro>p{font-size:16px}.hero-texture{width:100px;bottom:24px}.home-hero-compact .home-hero-figure figcaption{margin-right:20px;font-size:12px}.scroll-linked .home-hero h1 .hero-line:first-child .hero-phrase{transform:translateY(calc(var(--hero-progress,0)*-16px))}.scroll-linked .home-hero h1 .hero-line:last-child .hero-phrase{transform:translateY(calc(var(--hero-progress,0)*16px))}.material-panel>figure{min-height:350px}.material-panel>div{padding:22px 0}.scene-grid{grid-template-columns:1fr 1fr;gap:25px}.scene-card:first-child{padding-top:24px}.scene-card:last-child{padding-top:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-column:1/-1;gap:28px}.scene-card:last-child .scene-photo{height:245px}.scene-card:last-child .scene-copy{grid-column:2}.scene-card:last-child h3{margin-bottom:12px}.scene-card .scene-photo{height:280px}.scene-card:nth-child(2) .scene-photo{height:330px}.production-grid .production-photo{border-radius:110px 18px 18px 18px}}
@media(max-width:620px){.home-hero-compact{padding-block:36px 18px}.home-hero-grid{display:flex;flex-direction:column;min-height:0;gap:8px;align-items:stretch}.home-hero-compact .home-hero-heading{padding:0}.home-hero-compact h1{font-size:clamp(42px,11.1vw,64px);line-height:1.08;max-width:none}.home-hero-compact .home-hero-intro{margin-top:23px}.home-hero-compact .home-hero-figure{margin:0 -12px;width:calc(100% + 24px)}.home-hero-compact .hero-panorama{height:280px}.home-hero-compact .home-hero-figure figcaption{margin:0 8px;font-size:12px}.hero-texture{width:104px;bottom:22px;right:2%;border-width:5px}.material-panel{display:block}.material-panel>figure{height:290px;min-height:0}.material-panel>div{padding:24px 0 0}.material-panel figcaption{font-size:12px}.scene-grid{display:block;gap:18px}.scene-card:first-child{padding-top:18px}.scene-card .scene-photo{height:230px}.scene-card:nth-child(2) .scene-photo{height:260px}.scene-copy h3{font-size:23px}.scene-copy p{font-size:14px}.scene-card:last-child{gap:22px;margin-top:18px}.scene-card:last-child .scene-photo{height:210px}.scene-card:last-child .scene-copy{grid-row:auto;grid-column:auto}.production-grid .production-photo{border-radius:100px 18px 18px 18px}.scroll-linked .hero-texture{transform:translateY(calc(var(--hero-progress,0)*-30px))}.scroll-linked .material-panel figure img{transform:scale(calc(.93 + var(--reveal,1)*.07))}}
@media(prefers-reduced-motion:reduce){.scroll-linked .home-hero h1 .hero-phrase,.scroll-linked .home-hero-compact .hero-panorama>img,.scroll-linked .hero-texture,.scroll-linked .material-panel figure img,.scroll-linked .scene-photo,.scroll-linked .production-photo,.scroll-linked .material-panel>div>p,.scroll-linked .scene-copy>p,.scroll-linked .production-copy>p,.scroll-linked .production-copy .process-summary>div,.scroll-linked .page-home .motion-word{transform:none;opacity:1}.scroll-linked .scene-photo{clip-path:none}}

/* V9.1 — compact industrial composition; independent header language control. */
.header-controls{display:flex;align-items:center;gap:12px;flex:none;position:relative}
.site-header nav{margin-left:auto}
.header-controls .language-picker{position:static;border:0;margin:0;padding:0;flex:none}
.header-controls .language-picker summary{padding:10px 0;min-height:44px;border:0;font-size:13px;white-space:nowrap}
.header-controls .language-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(236px,calc(100vw - 32px));margin:0;padding:10px;border-radius:8px;box-shadow:0 12px 35px #20232824;z-index:40}
.header-controls .language-panel a{font-size:14px;min-height:44px}
.header-controls .menu-toggle{border-radius:6px}
.home-hero-compact{padding:32px 0 0;background:#f4f5f6}
.home-hero-grid{grid-template-columns:.94fr 1.06fr;gap:40px;min-height:0;align-items:center}
.home-hero-compact .home-hero-heading{padding:0}
.home-hero-compact h1{font-size:clamp(46px,4.7vw,66px);line-height:1.08;max-width:580px}
.home-hero-compact .home-hero-intro{max-width:420px;margin-top:24px}
.home-hero-compact .home-hero-intro>p{font-size:17px;line-height:1.65}
.home-hero-compact .actions{margin-top:24px;gap:12px}
.home-hero-compact .actions .button{border-radius:6px;min-height:46px;padding:12px 18px;font-size:14px}
.home-hero-compact .home-hero-figure{width:100%;margin:0;display:block;align-self:center}
.home-hero-compact .hero-panorama{height:360px;border-radius:6px;overflow:hidden;background:#65635f;isolation:auto}
.home-hero-compact .hero-panorama>img{object-fit:cover;object-position:center;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none;width:100%;height:100%}
.home-hero-compact .home-hero-figure figcaption{font-size:12px;text-align:left;letter-spacing:.015em;margin:8px 0 0;color:#616772}
.scroll-linked .home-hero-compact .hero-panorama>img{transform:translateY(var(--hero-travel,0px)) scale(calc(1.1 + var(--hero-progress,0)*.08));transform-origin:center}
.home-hero-compact .capability-band{margin-top:24px;background:transparent;border:0}
.home-hero-compact .capability-grid{border-top:1px solid #d7dbe0;padding-block:18px;gap:24px;grid-template-columns:repeat(4,1fr)}
.home-hero-compact .capability-grid>div{padding-left:0;border:0}
.home-hero-compact .capability-grid strong{font-size:20px;line-height:1.25;margin-bottom:6px;letter-spacing:-.02em}
.home-hero-compact .capability-grid span{font-size:13px;line-height:1.5}
.material-section{padding-block:48px 56px}
.material-section .section-heading{margin-bottom:24px;gap:40px;align-items:center}
.material-section .section-heading h2{font-size:clamp(32px,2.85vw,42px);line-height:1.15}
.material-section .section-heading>p{font-size:16px}
.material-options{margin-bottom:20px;gap:24px}
.material-options a{min-height:52px;padding-block:14px}
.material-panel{grid-template-columns:.94fr 1.06fr;gap:40px;min-height:350px;align-items:stretch;border-radius:0}
.material-panel>figure{height:350px;min-height:350px;overflow:hidden;border-radius:6px}
.material-panel figure img{height:100%;width:100%;object-fit:cover;border-radius:0;clip-path:none}
.material-panel figcaption{left:16px;bottom:14px;transform:none;border-radius:3px;white-space:normal;font-size:12px;max-width:calc(100% - 32px);padding:6px 9px;background:#fffffff0}
.material-panel>div{padding:10px 0;justify-content:center}
.material-panel h3{font-size:clamp(28px,2.65vw,38px);line-height:1.15;max-width:none;margin-bottom:14px}
.material-panel p{font-size:16px;line-height:1.6;max-width:540px;margin-bottom:18px}
.material-brief{width:100%;margin:0 0 20px;border-top:1px solid var(--line)}
.material-brief>div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:11px 0;border-bottom:1px solid var(--line)}
.material-brief dt{font-size:13px;color:#666e79}
.material-brief dd{font-size:14px;line-height:1.55;margin:0;color:var(--ink)}
.scroll-linked .material-panel>figure{transform:translateY(calc((1 - var(--reveal,1))*20px));clip-path:inset(0 calc((1 - var(--reveal,1))*5%) 0 0 round 6px)}
.scroll-linked .material-panel figure img{clip-path:none;transform:scale(calc(1.1 - var(--reveal,1)*.06))}
.scroll-linked .material-brief{transform:translateY(calc((1 - var(--reveal,1))*15px));opacity:calc(.6 + var(--reveal,1)*.4)}
@media(max-width:1100px){.nav-wrap{gap:20px}.header-controls{margin-left:auto}.site-header nav{margin:0}.home-hero-grid{gap:28px}.home-hero-compact h1{font-size:clamp(40px,5.1vw,54px)}.home-hero-compact .hero-panorama{height:330px}.home-hero-compact .actions .button{font-size:13px;padding-inline:15px}.material-panel{gap:28px}.material-panel>figure{height:350px;min-height:350px}.material-brief>div{grid-template-columns:90px 1fr;gap:14px}}
@media(max-width:850px){.home-hero-compact{padding-top:24px}.home-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;min-height:0}.home-hero-compact h1{font-size:clamp(35px,5.4vw,46px)}.home-hero-compact .home-hero-intro{margin-top:20px}.home-hero-compact .home-hero-intro>p{font-size:16px}.home-hero-compact .home-hero-figure{margin:0;width:100%}.home-hero-compact .hero-panorama{height:305px}.home-hero-compact .capability-grid{gap:20px;padding-block:16px}.home-hero-compact .capability-grid strong{font-size:18px}.home-hero-compact .capability-grid span{font-size:12px}.material-section{padding-block:40px}.material-section .section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.material-section .section-heading h2{font-size:32px;margin:0}.material-section .section-heading p{font-size:15px}.material-panel{grid-template-columns:.95fr 1.05fr;gap:24px;min-height:330px}.material-panel>figure{height:330px;min-height:330px}.material-panel>div{padding:0}.material-panel h3{font-size:29px}.material-panel p{font-size:15px;margin-bottom:14px}.material-brief>div{grid-template-columns:76px 1fr;gap:10px;padding-block:9px}.material-brief{margin-bottom:16px}}
@media(max-width:620px){.site-header .nav-wrap{width:calc(100% - 32px);gap:10px}.site-header .brand{gap:6px}.site-header .brand-symbol{width:32px;height:32px}.site-header .brand strong{font-size:19px}.site-header .brand small{font-size:6px}.header-controls{gap:10px}.header-controls .language-picker summary{font-size:12px;gap:7px}.header-controls .menu-toggle{font-size:12px;padding:9px 10px;min-height:44px;gap:7px}.header-controls .language-panel{right:0;top:calc(100% + 12px)}.home-hero-compact{padding-top:28px}.home-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:22px}.home-hero-compact h1{font-size:clamp(39px,10.5vw,54px);max-width:none}.home-hero-compact .home-hero-intro{margin-top:20px}.home-hero-compact .actions{margin-top:20px;gap:10px}.home-hero-compact .actions .button{font-size:13px;padding-inline:15px}.home-hero-compact .hero-panorama{height:260px}.home-hero-compact .home-hero-figure figcaption{margin-top:8px;font-size:12px}.home-hero-compact .capability-band{margin-top:18px}.home-hero-compact .capability-grid{grid-template-columns:1fr 1fr;gap:16px 24px;padding-block:18px}.home-hero-compact .capability-grid span{font-size:13px}.material-section{padding-block:36px 40px}.material-section .section-heading{display:block;margin-bottom:20px}.material-section .section-heading h2{font-size:32px;margin-bottom:14px}.material-options{gap:0 20px;margin-bottom:20px}.material-panel{display:block;min-height:0}.material-panel>figure{height:255px;min-height:0}.material-panel>div{padding-top:24px}.material-panel h3{font-size:30px}.material-panel p{font-size:16px}.material-brief>div{grid-template-columns:88px 1fr;padding-block:11px}.material-brief dt,.material-brief dd{font-size:14px}}
@media(max-width:370px){.site-header .brand-symbol{width:27px;height:27px}.site-header .brand strong{font-size:17px}.site-header .brand small{display:none}.header-controls{gap:8px}.header-controls .menu-toggle{padding-inline:8px}.header-controls .language-picker summary{font-size:11px;gap:5px}}
@media(prefers-reduced-motion:reduce){.scroll-linked .home-hero-compact .hero-panorama>img,.scroll-linked .material-panel>figure,.scroll-linked .material-panel figure img,.scroll-linked .material-brief{transform:none;opacity:1;clip-path:none}}