/* Brand refinement: restrained architectural typography and real product photography. */
:root{--navy:#243f4a;--navy2:#35515b;--ink:#243f4a;--muted:#637176;--orange:#ad5032;--orange-hover:#914128;--line:#dce1dd;--pale:#eff1ed;--paper:#f7f7f2}
body{line-height:1.65}
h1,h2,h3{letter-spacing:-.035em}
h2{font-size:clamp(30px,3.05vw,42px);line-height:1.2}
.section{padding:100px 0}
.btn{border-radius:4px;font-weight:500;gap:12px;min-height:50px}
.btn:hover{transform:none;box-shadow:none}
.text-link{font-weight:500}
.rule{height:2px;border-radius:0}

/* One quiet navigation row; language remains accessible while scrolling. */
#site-header{top:0;background:var(--paper)}
.site-nav{position:relative;background:var(--paper);border-bottom:1px solid #243f4a0c;box-shadow:none}
.nav-inner{height:90px;gap:26px}
.logo-slot{width:130px;height:37px;border:1px solid #8c999c;border-radius:0;background:transparent;color:#5e6f76;font-size:13px;font-weight:500;letter-spacing:.1em}
.main-nav{gap:25px}
.main-nav a{height:90px;font-size:14px;font-weight:500;white-space:nowrap}
.main-nav a.active:after{bottom:22px;border-radius:0}
.lang-controls{display:flex;align-items:center;gap:4px;padding-left:17px;border-left:1px solid #cdd5d2;color:#7c898c;flex:none;font-size:13px}
.lang-controls button{border:0;padding:8px 4px;min-height:40px;background:transparent;color:var(--muted);font-size:13px;font-weight:400}
.lang-controls button.active{color:var(--navy);font-weight:600}
.lang-controls button:hover{color:var(--orange)}
.nav-quote{font-size:13px;min-height:44px;padding:10px 17px}

/* Open product-led hero. The photograph is the unchanged catalogue source. */
.brand-hero{background:var(--paper)}
.brand-hero-grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:62px;align-items:center;padding:84px 0 66px;min-height:550px}
.brand-hero-copy{min-width:0}
.brand-hero-copy h1{font-size:clamp(44px,4.45vw,64px);font-weight:600;line-height:1.08;letter-spacing:-.045em;text-wrap:initial}
.brand-hero-copy h1 span{display:block}
.brand-hero-copy>p{font-size:17px;line-height:1.65;max-width:510px;margin-top:26px}
.brand-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:32px}
.brand-hero-actions .btn{font-size:15px;padding:14px 23px;min-height:53px}
.hero-project-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;min-height:44px;text-underline-offset:7px;text-decoration:underline;text-decoration-color:#a0adb0}
.hero-project-link svg{width:18px;height:18px;transform:rotate(-45deg)}
.hero-project-link:hover{color:var(--orange)}
.hero-product{margin:0;min-width:0}
.hero-product-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1.63;position:relative}
.hero-product-image img{width:100%;height:auto;mix-blend-mode:multiply;transition:transform .35s ease}
.hero-product-image:hover img{transform:translateY(-4px)}
.hero-product figcaption{border-top:1px solid #aebbbd;padding-top:12px;text-align:right;margin-top:17px}
.hero-product figcaption a{font-size:13px;display:inline-flex;gap:8px;align-items:center;min-height:32px}
.hero-product figcaption svg{width:17px;height:17px;transform:rotate(-45deg)}
.hero-product figcaption a:hover{color:var(--orange)}
.hero-path{border-top:1px solid #bdc9c8;display:flex;align-items:center;gap:23px;padding:17px 0 0;color:var(--muted);font-size:13px}
.hero-path a{display:flex;align-items:center;min-height:30px}
.hero-path a:hover{color:var(--orange)}
.hero-path>span{color:#aab5b4}
html[lang="zh-CN"] .brand-hero-copy h1{font-size:clamp(35px,3.6vw,52px);font-weight:500;line-height:1.35;letter-spacing:-.04em}
html[lang="zh-CN"] .brand-hero-copy>p{max-width:440px;line-height:1.9}

/* Seven catalogue entrances: separate photography, labels and thin rules. */
.category-overview{padding-top:82px;padding-bottom:100px}
.range-heading{gap:32px;margin-bottom:38px}
.range-heading h2{font-size:clamp(30px,3.05vw,43px);line-height:1.2;text-wrap:initial}
.range-heading h2+p{font-size:15px;margin-top:16px}
.range-all{border-bottom:1px solid #b6c0bb;min-height:38px;font-size:14px;color:var(--navy);white-space:nowrap}
.range-all:hover{text-decoration:none;color:var(--orange);border-color:var(--orange)}
.range-grid{column-gap:26px;row-gap:30px}
.range-card,.range-card-wide{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;transition:none}
.range-card:hover{transform:none;box-shadow:none;border:0}
.range-photo,.range-card-wide .range-photo{height:280px;background:#ecefe9;border-radius:7px;padding:23px 26px;overflow:hidden}
.range-card-wide .range-photo{padding:16px 24px}
.range-photo img{transition:transform .3s ease}
.range-card:hover .range-photo img{transform:translateY(-3px)}
.range-label{display:grid;grid-template-columns:23px minmax(0,1fr) 22px;align-items:start;gap:11px;padding:17px 0 16px;border-bottom:1px solid #b8c5c3;min-height:88px}
.range-index{font-size:12px;color:var(--muted);padding-top:3px;font-variant-numeric:tabular-nums}
.range-label h3{font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.025em}
.range-label p{font-size:12px;color:var(--muted);margin-top:3px}
.range-arrow,.range-card-wide .range-arrow{border:0;border-radius:0;background:none;color:var(--orange);width:22px;height:28px;margin-top:3px}
.range-arrow svg{width:20px;height:20px;transition:transform .2s}
.range-card:hover .range-arrow{background:none}
.range-card:hover .range-arrow svg{transform:translateX(3px)}
html[lang="zh-CN"] .range-label h3{font-weight:500;letter-spacing:0}

/* Carry the same materials and geometry through the existing page sections. */
.factory-section{background:#edf0eb}
.factory-photo{border-radius:7px;box-shadow:none}
.photo-caption{border-radius:4px}
.factory-copy h2{line-height:1.3}
.factory-features{gap:21px}
.feature svg{background:transparent;padding:6px;width:37px;height:37px;border-radius:0}
.feature h3{font-size:17px;font-weight:500}
.feature p{line-height:1.8}
.process-step p{line-height:1.8}
.step-number{background:#eee6dc;border-radius:4px;font-size:17px}
.inquiry-section{background:var(--navy)}
.inquiry-intro p{color:#ced8da;line-height:1.9}
.inquiry-form{border-radius:7px;box-shadow:none}
.field input,.field select,.field textarea{border-radius:4px}
.footer{background:#1d343e}
.product-card{border-radius:7px;box-shadow:none;border-color:#e0e5df}
.product-card:hover{transform:translateY(-2px);box-shadow:none;border-color:#b5c3bd}
.product-photo{background:#eff2ed}
.product-photo-trigger{border-radius:6px 6px 0 0}
.product-photo-detail,.product-photo-detail.product-photo-pair,.detail-visual .product-photo-trigger{border-radius:7px}
.configuration-box{border-radius:6px;background:#edf1eb}
.resource-card{border-radius:7px}
.page-banner-compact{background:#eef1eb}
.category-tab.active{box-shadow:none}
.contact-form-wrap{border-radius:9px}
.tab-copy{border-radius:0 0 6px 6px}

/* Keep desktop contact controls in the gutter, clear of product links. */
@media(min-width:901px){
  .wrap{width:calc(100% - max(var(--gutter),64px)*2)}
  .whatsapp-float{right:8px;width:46px;height:46px}
  .whatsapp-float svg{width:25px;height:25px}
  .to-top{right:11px;width:40px;height:36px}
}

@media(max-width:1150px){
  .nav-inner{gap:17px}
  .logo-slot{width:104px}
  .main-nav{gap:17px}
  .main-nav a{font-size:13px}
  .lang-controls{padding-left:12px}
  .nav-quote{font-size:12px;padding:10px 12px}
  .brand-hero-grid{gap:38px;padding:64px 0 54px;min-height:490px}
  .brand-hero-copy>p{font-size:16px}
  .brand-hero-actions{gap:12px 20px}
  .brand-hero-actions .btn,.hero-project-link{font-size:13px}
  .range-photo,.range-card-wide .range-photo{height:200px;padding:22px}
  .range-grid{column-gap:20px}
  .range-label{grid-template-columns:19px minmax(0,1fr) 19px;gap:7px}
  .range-label h3{font-size:16px}
}
@media(max-width:1050px){
  .nav-inner{height:76px}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:10px var(--gutter) 22px;margin:0;background:var(--paper);box-shadow:0 12px 18px #243f4a0a;border-bottom:1px solid var(--line)}
  .main-nav.open{display:grid;gap:0}
  .main-nav a{height:48px;font-size:15px}
  .main-nav a.active:after{bottom:3px;right:auto;width:25px}
  .menu-toggle{display:grid;place-items:center;order:4;margin-left:0;min-width:42px;min-height:42px;border:0;border-radius:4px}
  .lang-controls{margin-left:auto;border:0;padding:0;order:2}
  .nav-quote{order:3}
}
@media(max-width:760px){
  .section{padding:66px 0}
  .brand-hero-grid{grid-template-columns:1fr;gap:32px;padding:44px 0 28px;min-height:0}
  .brand-hero-copy{max-width:590px}
  .brand-hero-copy h1{font-size:clamp(39px,7.4vw,56px);line-height:1.08}
  .brand-hero-copy>p{max-width:450px;font-size:15px;margin-top:20px}
  .brand-hero-actions{margin-top:24px;gap:12px 22px}
  .brand-hero-actions .btn{font-size:14px;min-height:50px;padding:13px 20px}
  .hero-project-link{font-size:14px}
  .hero-product{width:100%;max-width:580px;justify-self:center}
  .hero-product-image{aspect-ratio:1.8}
  .hero-product figcaption{margin-top:10px;padding-top:7px}
  .hero-product figcaption a{font-size:12px}
  .hero-path{gap:17px;font-size:12px;padding-top:12px}
  html[lang="zh-CN"] .brand-hero-copy h1{font-size:clamp(32px,5.9vw,43px);line-height:1.4;letter-spacing:-.045em}
  html[lang="zh-CN"] .brand-hero-copy>p{line-height:1.8}
  .category-overview{padding-top:54px}
  .range-heading{margin-bottom:27px}
  .range-heading h2{font-size:30px;max-width:540px}
  .range-heading h2+p{font-size:14px;line-height:1.8;margin-top:13px}
  .range-all{margin-top:15px;font-size:13px;min-height:36px}
  .range-grid{column-gap:18px;row-gap:23px}
  .range-photo{height:172px;padding:19px}
  .range-card-wide .range-photo{height:230px;padding:22px 27px}
  .range-label{min-height:83px;padding:14px 0;grid-template-columns:18px minmax(0,1fr) 17px;gap:7px}
  .range-label h3{font-size:16px}
  .range-index,.range-label p{font-size:11px}
  .range-arrow,.range-card-wide .range-arrow{width:17px;height:24px;margin-top:0}
  .range-arrow svg{width:17px;height:17px}
}
@media(max-width:600px){
  #site-header{top:0}
  .nav-inner{height:70px;gap:12px}
  .logo-slot{width:100px;height:33px;font-size:12px}
  .lang-controls button{font-size:12px;min-width:31px}
  .brand-hero-grid{gap:27px;padding-top:36px;padding-bottom:24px}
  .brand-hero-copy>p{font-size:14px;line-height:1.8}
  .brand-hero-actions{gap:10px 19px}
  .brand-hero-actions .btn{font-size:13px;padding:13px 18px}
  .hero-project-link{font-size:13px}
  .hero-path{gap:14px;font-size:11px}
  .range-grid{column-gap:16px}
  .range-photo{height:150px;padding:16px}
  .range-card-wide .range-photo{height:192px;padding:18px}
  .range-label{grid-template-columns:minmax(0,1fr) 17px;gap:6px;min-height:79px}
  .range-index{display:none}
  .range-label h3{font-size:15px}
  .range-label p{font-size:11px}
  .range-heading h2{font-size:27px}
  .factory-copy h2{font-size:30px}
}
@media(max-width:380px){
  .brand-hero-copy h1{font-size:35px}
  html[lang="zh-CN"] .brand-hero-copy h1{font-size:29px}
  .brand-hero-actions{gap:10px 14px}
  .brand-hero-actions .btn{font-size:12px;padding:12px 15px;gap:7px}
  .hero-project-link{font-size:12px;gap:4px}
  .hero-path{gap:11px;font-size:10px}
  .range-photo{height:133px;padding:14px}
  .range-card-wide .range-photo{height:162px;padding:15px}
  .range-label h3{font-size:14px}
  .range-label{grid-template-columns:minmax(0,1fr)}
  .range-arrow{display:none}
}

/* 2026-11-04: real YQVENT logo replaces the placeholder box */
.logo-slot:has(img){width:auto;border:0;background:none;padding:0}
.logo-slot img{height:30px;width:auto;max-width:none;display:block}
.footer .logo-slot:has(img){width:auto}
.footer .logo-slot img{height:34px}