/* Huide: photographic process imagery, blue brand and restrained movement. */
.header{transition:box-shadow .25s,background .25s}.header.is-scrolled{box-shadow:0 5px 24px #0b254512;background:#fffffff5}.header:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;transform:scaleX(var(--page-progress,0));transform-origin:left;background:var(--accent);pointer-events:none}.header nav>a:not(.button):before{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav>a:not(.button):hover:before,.header nav>a:not(.button):focus-visible:before{transform:scaleX(1)}.button>span,.text-link>span{transition:transform .25s}.button:hover>span,.text-link:hover>span{transform:translate(3px,-3px)}.inventory-card{transition:transform .3s,box-shadow .3s,border-color .3s}.inventory-photo>img{transition:transform .55s cubic-bezier(.2,.7,.3,1)}.family-tile{transition:background .25s,color .25s}.family-tile>span:last-child{transition:transform .25s}.family-tile:hover>span:last-child{transform:translate(3px,-3px)}.family-tile:hover{background:#e2f0fc}.inventory-bottom p{font-size:10px;color:#627b98}.home-inventory .inventory-bottom p{font-size:11px}.inventory-bottom>a{min-width:32px;min-height:32px;text-align:center}.family-tile:focus-visible,.inventory-card:focus-within{border-color:var(--brand)}.floating-contact{transition:background .25s,box-shadow .25s,transform .25s}.floating-contact:hover{background:var(--brand-dark);transform:translateY(-3px);box-shadow:0 12px 28px #0b254530}
.cinematic-hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;isolation:isolate}.hero-scene{position:absolute;inset:-24px 0;z-index:-3;transform:translate3d(0,var(--hero-shift,0px),0);pointer-events:none}.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:67% center;animation:hero-settle 1.5s cubic-bezier(.2,.7,.3,1) both}.cinematic-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,25,47,.95) 0%,rgba(7,25,47,.86) 28%,rgba(7,25,47,.52) 49%,rgba(7,25,47,.08) 78%),linear-gradient(0deg,#07192fc9,transparent 35%);pointer-events:none}.hero-content{padding-block:78px 70px;min-height:558px;position:relative}.hero-content .eyebrow{color:#b8e9ff;font-size:11px;letter-spacing:.16em;margin-bottom:24px}.hero-content h1{font-size:clamp(48px,4.6vw,68px);line-height:1.08;letter-spacing:-.045em;max-width:730px;margin-bottom:25px;animation:hero-rise .8s .06s both}.hero-content h1 em{color:#b4e7ff}.hero-content>p{color:#dae6f2;font-size:15px;line-height:1.85;max-width:490px;margin-bottom:32px;animation:hero-rise .8s .14s both}.hero-content .button-row{animation:hero-rise .8s .22s both;gap:28px}.hero-content .button{background:#fff;border-color:#fff;color:var(--ink);padding:17px 22px}.hero-content .button:hover{background:#d4efff;border-color:#d4efff}.hero-content .text-link{border-color:#ffffff65;color:#fff}.hero-footer{border-top:1px solid #ffffff26;background:#07192f75;position:relative}.hero-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:23px}.hero-facts{display:flex;gap:44px}.hero-facts>a,.hero-facts>div{display:flex;gap:12px;align-items:center}.hero-facts strong{font-size:27px;line-height:1.1;font-weight:500;letter-spacing:-.03em}.hero-facts span{font-size:10px;line-height:1.6;color:#c4d8eb;max-width:90px}.hero-facts a:hover span{color:#fff}.hero-image-note{font-size:9px;color:#ccdae8;text-align:right;line-height:1.7}.hero-image-note span{display:block;color:#8eabc8;font-size:8px;letter-spacing:.12em}.home-page .process-strip{background:#f2f7fd}.home-page .process-strip .container{padding-block:22px}.home-page .process-strip a{transition:color .2s}.home-page .process-strip a:hover{color:var(--brand)}.home-page .section-heading h2{max-width:780px}.home-page .inventory-card{border-color:#e1e9f2}.home-page .family-grid{background:#fff}.home-page .factory-photo{overflow:hidden}.home-page .factory-photo img{height:410px;transition:transform .7s}.home-page .factory-copy p{max-width:500px}
.macro-section{background:var(--soft);padding-block:78px}.macro-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:34px}.macro-heading h2{max-width:680px}.macro-heading>p{max-width:330px;font-size:14px;line-height:1.85}.macro-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccdbe9;border-bottom:1px solid #ccdbe9;margin-bottom:26px}.macro-tab{position:relative;display:flex;align-items:center;gap:17px;padding:23px 24px;color:#62758c;transition:background .25s,color .25s}.macro-tab+.macro-tab{border-left:1px solid #ccdbe9}.macro-tab:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .3s}.macro-tab>span:first-child{font-size:10px;border:1px solid #bdd0e2;border-radius:50%;height:29px;width:29px;display:grid;place-items:center;flex-shrink:0}.macro-tab strong{font-size:16px;font-weight:500}.macro-tab>span:last-child{margin-left:auto;font-size:22px}.macro-tab:hover,.macro-tab[aria-selected=true]{color:var(--brand);background:#e9f2fc}.macro-tab[aria-selected=true]:after{transform:scaleX(1)}.macro-tab[aria-selected=true]>span:first-child{color:#fff;background:var(--brand);border-color:var(--brand)}.macro-panel{display:grid;grid-template-columns:1.7fr 1fr;background:#fff;border:1px solid var(--line)}.macro-panel+.macro-panel{margin-top:26px}.macro-enhanced .macro-panel+.macro-panel{margin-top:0}.macro-photo{position:relative;margin:0;overflow:hidden;background:#dde6ee;min-width:0}.macro-photo img{width:100%;height:100%;min-height:410px;object-fit:cover;object-position:64% center;transition:transform .7s}.macro-photo figcaption{position:absolute;left:20px;bottom:17px;font-size:9px;line-height:1.6;color:#fff;background:#0b2545c7;padding:7px 10px}.macro-copy{align-self:center;padding:42px 38px;min-width:0}.macro-copy .eyebrow{font-size:9px;margin-bottom:18px}.macro-copy h3{font-size:32px;line-height:1.2;margin-bottom:22px}.macro-copy p{font-size:14px;line-height:1.9;margin-bottom:26px}.macro-copy .text-link{font-size:12px}.macro-note{font-size:10px;margin-top:16px;color:#6a8099}.macro-copy .macro-note{font-size:10px;margin-top:20px;margin-bottom:0}.motion-target{opacity:0;transform:translate3d(0,18px,0);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-target.is-revealed{opacity:1;transform:none}
@keyframes hero-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes hero-settle{from{opacity:.7;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(hover:hover) and (pointer:fine){.inventory-card:hover{transform:translateY(-5px);border-color:#b0cae3;box-shadow:0 16px 32px #123b6310}.inventory-card:hover .inventory-photo>img{transform:scale(1.045)}.macro-photo:hover img,.home-page .factory-photo:hover img{transform:scale(1.025)}}
@media(max-width:1150px){.hero-content{padding-block:70px 65px;min-height:540px}.hero-content h1{font-size:57px;max-width:650px}.macro-copy{padding:32px 28px}.macro-copy h3{font-size:29px}.hero-facts{gap:30px}.home-page .factory-photo img{height:360px}}
@media(max-width:900px){.hero-content{padding-block:64px;min-height:510px}.hero-content h1{font-size:51px;max-width:620px}.hero-content>p{max-width:440px;font-size:14px}.cinematic-hero:before{background:linear-gradient(90deg,#07192feb 0%,#07192fd9 35%,#07192f63 80%),linear-gradient(0deg,#07192fcc,transparent 50%)}.hero-facts{gap:24px}.hero-facts strong{font-size:24px}.hero-footer-inner{gap:24px}.hero-image-note{font-size:8px;max-width:140px}.macro-section{padding-block:60px}.macro-heading>p{max-width:260px;font-size:12px}.macro-heading h2{font-size:32px}.macro-tab{gap:12px;padding:18px 15px}.macro-tab strong{font-size:14px}.macro-panel{grid-template-columns:1.25fr 1fr}.macro-photo img{min-height:360px}.macro-copy{padding:28px 24px}.macro-copy h3{font-size:26px}.macro-copy p{font-size:12px}.home-page .factory-photo img{height:330px}.macro-heading{gap:30px}}
@media(max-width:640px){.hero-content{padding-block:43px 40px;min-height:480px}.hero-content .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:22px}.hero-content h1{font-size:34px;line-height:1.12;max-width:360px;margin-bottom:23px}.hero-content>p{font-size:13px;line-height:1.85;max-width:340px;margin-bottom:28px}.hero-content .button-row{gap:23px;align-items:center}.hero-content .button{font-size:11px;padding:15px 17px;gap:21px}.hero-content .text-link{font-size:11px;gap:14px}.hero-scene{inset:0}.hero-scene img{object-position:62% center}.cinematic-hero:before{background:linear-gradient(90deg,#07192fdb,#07192fb0 55%,#07192f4d),linear-gradient(0deg,#07192fee,transparent 70%)}.hero-footer-inner{flex-wrap:wrap;gap:17px;padding-block:21px}.hero-facts{justify-content:space-between;width:100%;gap:14px}.hero-facts>a,.hero-facts>div{display:block;min-width:0;flex:1}.hero-facts strong{font-size:24px;display:block;margin-bottom:7px}.hero-facts span{font-size:9px;max-width:none;display:block}.hero-image-note{max-width:none;text-align:left;font-size:8px;border-top:1px solid #ffffff20;padding-top:12px;width:100%}.hero-image-note span{display:inline;margin-left:8px;font-size:8px}.home-page .process-strip .container{padding-block:18px}.home-page .process-strip a{font-size:10px}.home-page .home-inventory .inventory-bottom p,.inventory-bottom p{font-size:10px;line-height:1.55}.home-page .home-inventory .inventory-body{padding:15px}.macro-section{padding-block:48px}.macro-heading{display:block;margin-bottom:26px}.macro-heading h2{font-size:30px}.macro-heading>p{max-width:none;font-size:13px;line-height:1.8;margin-top:20px}.macro-tabs{margin-bottom:20px}.macro-tab{padding:15px 9px;gap:8px;justify-content:center}.macro-tab strong{font-size:12px}.macro-tab>span:first-child{font-size:8px;width:22px;height:22px}.macro-tab>span:last-child{display:none}.macro-panel{grid-template-columns:1fr}.macro-photo img{height:250px;min-height:0;object-position:64% center}.macro-photo figcaption{font-size:8px;left:13px;bottom:12px;padding:6px 8px}.macro-copy{padding:27px 25px 30px}.macro-copy h3{font-size:27px;margin-bottom:17px}.macro-copy p{font-size:13px;margin-bottom:19px}.macro-copy .eyebrow{font-size:9px;margin-bottom:13px}.macro-copy .text-link{font-size:12px}.macro-note{font-size:9px;line-height:1.8}.home-page .factory-photo img{height:275px}body[data-language=zh] .hero-content h1{font-size:40px;line-height:1.35}.home-page .section-heading h2{font-size:29px}.header nav.is-open{animation:nav-appear .2s ease-out both}.motion-target{transform:translate3d(0,12px,0);transition-duration:.5s}}
@keyframes nav-appear{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scene{transform:none!important}.motion-target{opacity:1;transform:none;transition:none}.cinematic-hero *, .header nav.is-open{animation:none!important}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Softer controls, especially on phones. Keep rectangular proportions. */
.button{border-radius:10px}.button-small{border-radius:8px}.catalog-filter button{border-radius:8px}.menu-toggle{border-radius:9px}
.macro-tabs{border:0;border-radius:14px;padding:5px;gap:7px;background:#e5eef8}
.macro-tab{border-radius:10px;min-height:56px;background:transparent}.macro-tab+.macro-tab{border-left:0}.macro-tab:after{display:none}
.macro-tab:hover{background:#d9e8f7}.macro-tab[aria-selected=true]{background:#fff;box-shadow:0 2px 8px #0b254512;color:var(--brand)}
@media(max-width:640px){.button{border-radius:13px;min-height:48px}.button-small{border-radius:11px}.catalog-filter button{border-radius:9px;min-height:44px}.macro-tabs{border-radius:14px;gap:6px}.macro-tab{border-radius:10px;min-height:48px;padding:12px 8px}}
@media(hover:none){.button:active{transform:scale(.985)}.macro-tab:active{background:#d9e8f7}.macro-tab[aria-selected=true]:active{background:#fff}}
@media(prefers-reduced-motion:reduce){.button:active{transform:none}}