@charset "UTF-8";

.skip-link { position:fixed; top:-80px; left:16px; z-index:100; padding:10px 18px; color:#fff; background:#173e35; }
.skip-link:focus { top:12px; }

:root {
  --canvas: #fffdf9;
  --paper: #ffffff;
  --stone: #f3f0e8;
  --stone-deep: #e9e4d9;
  --ink: #292d26;
  --ink-strong: #21251f;
  --ink-soft: #65695e;
  --muted: #85897f;
  --copper: #9b7427;
  --gold: #9b7427;
  --copper-soft: #f5ead4;
  --line: #e2e3da;
  --white: #ffffff;
  --max: 1240px;
  --radius: 5px;
  --shadow: 0 22px 70px rgb(24 50 38 / 12%);
  font-family: Inter, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  color: var(--ink);
  background: var(--canvas);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; min-width: 320px; line-height: 1.65; }
body.modal-open { overflow: hidden; }
button, input, select, textarea { font: inherit; }
button, select { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .45; }
a { color: inherit; text-decoration: none; }
a, button, input, textarea, select { -webkit-tap-highlight-color: transparent; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
svg { flex-shrink: 0; }
button svg, a svg { pointer-events: none; }
h1, h2, h3, h4, p { margin: 0; }
h1, h2, h3, h4 { font-weight: 500; letter-spacing: -.045em; line-height: 1.15; }
p + p { margin-top: 1em; }
ul, ol { margin: 0; padding: 0; list-style: none; }
figure { margin: 0; }
fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
::selection { color: #fff; background: #617b66; }
:focus-visible { outline: 3px solid var(--copper); outline-offset: 4px; }
.hidden, [hidden] { display: none !important; }
.wrap { width: min(var(--max), calc(100% - 96px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; clip-path: inset(50%); }

/* Navigation */
.site-header { position: sticky; top: 0; z-index: 30; background: rgb(247 246 242 / 96%); border-bottom: 1px solid rgb(25 59 48 / 10%); backdrop-filter: blur(18px); }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 92px; }
.brand { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; }
.brand-symbol { position: relative; display: grid; place-items: center; width: 37px; height: 40px; color: var(--ink); }
.brand-symbol svg { width: 37px; height: 40px; }
.brand-copy { display: flex; flex-direction: column; gap: 1px; line-height: 1.2; }
.brand-copy strong { font-size: 17px; font-weight: 600; letter-spacing: -.025em; }
.brand-copy span, .brand-copy small { font-size: 9px; letter-spacing: .19em; text-transform: uppercase; color: var(--ink-soft); }
.nav-links { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.nav-links a { position: relative; display: inline-block; padding-block: 10px; font-size: 13px; font-weight: 500; white-space: nowrap; color: var(--ink-soft); }
.nav-links a:hover, .nav-links a.active { color: var(--ink); }
.nav-links a::after { position: absolute; left: 0; right: 0; bottom: 3px; height: 1px; background: var(--ink); content: ""; transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.nav-links a:hover::after, .nav-links a.active::after { transform: scaleX(1); }
.header-actions { display: flex; align-items: center; gap: 18px; flex-shrink: 0; }
.lang-switch { border: 0; padding: 7px 0; background: transparent; font-size: 11px; font-weight: 500; letter-spacing: .04em; color: var(--ink-soft); white-space: nowrap; }
.lang-switch:hover { color: var(--ink); }
.header-actions .btn { min-height: 38px; padding: 9px 16px; font-size: 11px; }
.header-actions .icon-btn { position: relative; }
.header-actions .icon-btn span { position: absolute; top: -2px; right: -4px; display: grid; place-items: center; min-width: 17px; height: 17px; padding-inline: 3px; border-radius: 50%; font-size: 9px; color: #fff; background: var(--copper); }
.menu-toggle { display: none; width: 36px; height: 36px; align-items: center; justify-content: center; border: 0; background: transparent; color: var(--ink); }
.menu-toggle svg { width: 22px; height: 22px; }
.mobile-nav { padding: 10px 24px 24px; background: var(--canvas); border-top: 1px solid var(--line); }
.mobile-nav a { display: block; padding: 12px 0; font-size: 15px; border-bottom: 1px solid var(--line); }
.mobile-nav a.active { color: var(--copper); }
main#page { min-height: 65vh; animation: page-in .3s ease both; }
@keyframes page-in { from { opacity: .2; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

/* Shared type and controls */
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--copper); font-size: 10px; font-weight: 600; line-height: 1.5; letter-spacing: .2em; text-transform: uppercase; }
.eyebrow::before { content: ""; display: block; width: 26px; height: 1px; flex-shrink: 0; background: currentColor; }
.muted { color: var(--muted); }
.tag { display: inline-flex; align-items: center; padding: 5px 9px; font-size: 9px; font-weight: 500; line-height: 1.25; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-soft); background: var(--stone); }
.pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border: 1px solid var(--line); border-radius: 40px; font-size: 11px; color: var(--ink-soft); }
.price { color: var(--ink); font-size: 17px; font-weight: 500; letter-spacing: -.025em; white-space: nowrap; }
.price small { color: var(--muted); font-size: 10px; font-weight: 400; letter-spacing: .015em; margin-left: 5px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 48px; padding: 13px 23px; border: 1px solid transparent; border-radius: 2px; font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: .02em; text-align: center; transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
.btn svg { width: 16px; height: 16px; }
.btn-primary { background: var(--ink); color: var(--paper); }
.btn-primary:hover { background: #295342; transform: translateY(-1px); }
.btn-secondary { color: var(--ink); border-color: #b7c0b4; background: transparent; }
.btn-secondary:hover { border-color: var(--ink); background: var(--stone); }
.btn-text { min-height: auto; padding: 6px 0; border-radius: 0; border-bottom-color: var(--ink); color: var(--ink); background: transparent; }
.btn-text:hover { color: var(--copper); border-bottom-color: var(--copper); }
.icon-btn { display: inline-grid; width: 36px; height: 36px; padding: 7px; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--ink); transition: background .2s ease; }
.icon-btn svg { width: 20px; height: 20px; }
.icon-btn:hover { background: var(--stone-deep); }
.notice { display: flex; gap: 12px; padding: 16px 19px; background: var(--stone); color: var(--ink-soft); font-size: 12px; line-height: 1.7; }
.notice svg { width: 17px; height: 17px; margin-top: 2px; }
.notice strong { color: var(--ink); font-weight: 500; }
.empty-state { display: grid; justify-items: center; align-content: center; gap: 18px; min-height: 290px; padding: 50px 24px; text-align: center; background: var(--stone); color: var(--ink-soft); }
.empty-state h2, .empty-state h3 { color: var(--ink); font-size: 26px; }
.empty-state p { max-width: 430px; font-size: 13px; }
.empty-state svg { width: 34px; height: 34px; color: var(--muted); }
.section { padding-block: 88px; }
.section + .section { padding-top: 26px; }
.section-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 36px; margin-bottom: 34px; }
.section-head .eyebrow { margin-bottom: 17px; }
.section-title { font-size: clamp(30px, 3.5vw, 44px); max-width: 760px; line-height: 1.12; }
.section-copy { max-width: 450px; color: var(--ink-soft); font-size: 13px; line-height: 1.9; }
.section-copy:where(p) { margin-top: 18px; }
.section-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.section-actions .btn { min-height: 40px; padding: 10px 0; }

/* Homepage */
.hero { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 56px; padding-block: 62px 40px; }
.hero-copy { padding-bottom: 14px; position: relative; z-index: 1; }
.hero-copy .eyebrow { margin-bottom: 23px; }
.hero h1 { max-width: 660px; font-size: clamp(45px, 5.1vw, 68px); line-height: 1.08; letter-spacing: -.055em; }
.hero h1 em { color: var(--copper); font-style: normal; }
.hero-copy > p:not(.eyebrow) { max-width: 420px; margin-top: 24px; color: var(--ink-soft); font-size: 13px; line-height: 1.95; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 31px; }
.hero-visual { position: relative; min-height: 445px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #e8e9e1; }
.hero-visual::before { position: absolute; content: ""; width: 75%; height: 75%; border: 1px solid rgb(255 255 255 / 35%); border-radius: 50%; transform: translate(30%, -22%); }
.hero-image { width: 100%; height: 445px; object-fit: contain; padding: 35px 7px 32px; position: relative; z-index: 1; mix-blend-mode: multiply; }
.hero-mark { position: absolute; left: 23px; top: 21px; z-index: 2; color: #697667; font-size: 9px; font-weight: 500; line-height: 1.6; text-transform: uppercase; letter-spacing: .18em; }
.hero-mark span { display: block; }
.hero-visual > .tag { position: absolute; top: 21px; right: 21px; z-index: 2; background: rgb(255 254 250 / 75%); }
.hero-caption { display: flex; align-items: center; justify-content: space-between; gap: 18px; position: absolute; bottom: 0; left: 0; right: 0; padding: 16px 23px; color: var(--ink); font-size: 11px; z-index: 2; background: rgb(255 254 250 / 67%); backdrop-filter: blur(8px); }
.hero-caption strong { font-weight: 500; }
.hero-caption small { display: block; color: var(--ink-soft); margin-top: 2px; font-size: 9px; letter-spacing: .05em; }
.hero-caption svg { width: 25px; height: 25px; }
.hero-foot { display: flex; align-items: center; flex-wrap: wrap; gap: 26px; margin-top: 35px; color: var(--muted); font-size: 10px; }
.hero-foot > span { display: inline-flex; align-items: center; gap: 7px; }
.hero-foot svg { width: 13px; height: 13px; color: var(--copper); }
.trust-strip { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: 28px; padding-block: 26px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--ink-soft); font-size: 11px; }
.trust-strip > div, .trust-strip > span { display: flex; align-items: center; gap: 10px; }
.trust-strip svg { width: 18px; height: 18px; color: var(--copper); }
.trust-strip strong { font-weight: 500; color: var(--ink); }
.category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.category-tile { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 228px; padding: 23px; overflow: hidden; background: var(--stone); transition: background .25s ease; }
.category-tile:hover { background: var(--stone-deep); }
.category-tile img { width: 100%; height: 132px; object-fit: contain; margin-bottom: 18px; mix-blend-mode: multiply; transition: transform .35s ease; }
.category-tile:hover img { transform: scale(1.045); }
.category-tile h3 { margin: 0; padding-right: 24px; font-size: 16px; letter-spacing: -.025em; }
.category-tile p { margin-top: 5px; color: var(--muted); font-size: 10px; }
.category-tile > svg { position: absolute; bottom: 27px; right: 21px; width: 17px; height: 17px; }
.category-icon { display: flex; align-items: center; justify-content: center; height: 104px; margin-bottom: 23px; color: #6c8172; }
.category-icon svg { height: 74px; width: 100px; stroke-width: 1; }
.featured-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 38px; padding-top: 3px; }
.service-card { padding-top: 23px; border-top: 1px solid #cdd4c7; }
.service-card > svg { width: 27px; height: 27px; margin-bottom: 22px; color: var(--copper); stroke-width: 1.3; }
.service-card .tag { background: transparent; color: var(--copper); padding: 0; margin-bottom: 17px; }
.service-card h3 { font-size: 21px; margin-bottom: 14px; }
.service-card p { color: var(--ink-soft); font-size: 12px; line-height: 1.9; }
.service-card .btn-text { margin-top: 18px; font-size: 11px; }
.split-section { display: grid; grid-template-columns: 1.08fr 1fr; align-items: stretch; min-height: 418px; background: var(--stone); }
.split-media { position: relative; display: grid; place-items: center; min-width: 0; overflow: hidden; min-height: 360px; background: #e2e5dc; }
.split-media img { width: 100%; height: 100%; max-height: 510px; object-fit: cover; }
.split-media svg { width: 100%; height: auto; }
.split-copy { display: flex; flex-direction: column; justify-content: center; padding: 55px 50px; }
.split-copy .eyebrow { margin-bottom: 22px; }
.split-copy h2 { font-size: clamp(30px, 3vw, 42px); }
.split-copy p:not(.eyebrow) { margin-top: 21px; color: var(--ink-soft); font-size: 13px; line-height: 1.9; }
.split-copy .btn { align-self: flex-start; margin-top: 28px; }
.stat-line { display: flex; flex-wrap: wrap; gap: 32px; margin-top: 31px; padding-top: 24px; border-top: 1px solid #cdd4c7; }
.stat-line strong { display: block; font-size: 30px; font-weight: 400; line-height: 1.25; letter-spacing: -.04em; }
.stat-line span, .stat-line small { display: block; margin-top: 6px; color: var(--ink-soft); font-size: 10px; }
.callout { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 48px 53px; background: var(--ink); color: var(--paper); }
.callout h2, .callout h3 { font-size: clamp(28px, 3.1vw, 40px); max-width: 690px; }
.callout p { margin-top: 13px; font-size: 12px; color: #c2cec3; max-width: 600px; }
.callout .eyebrow { color: #d9b697; margin-bottom: 15px; }
.callout .btn { flex-shrink: 0; background: var(--paper); color: var(--ink); }
.callout .btn:hover { background: var(--copper-soft); }

/* Catalog */
.catalog-head { padding-block: 47px 36px; border-bottom: 1px solid var(--line); }
.catalog-head .eyebrow { margin-bottom: 15px; }
.catalog-head h1 { font-size: clamp(36px, 4.5vw, 54px); }
.catalog-head p:not(.eyebrow) { max-width: 610px; margin-top: 16px; font-size: 13px; color: var(--ink-soft); line-height: 1.85; }
.catalog-head .stat-line { border: 0; padding: 0; margin-top: 24px; gap: 30px; }
.catalog-head .stat-line strong { font-size: 23px; }
.catalog-head .stat-line small { margin-top: 2px; }
.catalog-layout { display: grid; grid-template-columns: 205px minmax(0, 1fr); gap: 38px; padding-block: 34px 78px; align-items: start; }
.catalog-sidebar { position: sticky; top: 122px; }
.catalog-sidebar h2, .catalog-sidebar h3 { margin-bottom: 18px; font-size: 10px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; color: var(--ink-soft); }
.filter-list { display: flex; flex-direction: column; gap: 5px; }
.filter-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 42px; padding: 10px 13px; border: 0; border-radius: 2px; background: transparent; color: var(--ink-soft); text-align: left; font-size: 12px; line-height: 1.6; transition: background .2s ease, color .2s ease; }
.filter-btn:hover { background: var(--stone); color: var(--ink); }
.filter-btn.active { color: var(--paper); background: var(--ink); }
.filter-count { font-size: 10px; opacity: .6; }
.catalog-sidebar > .notice { display: block; margin-top: 27px; padding: 17px; font-size: 10px; }
.catalog-sidebar > .notice strong { display: block; font-size: 11px; margin-bottom: 7px; }
.catalog-main { min-width: 0; }
.catalog-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 25px; }
.search-box { display: flex; align-items: center; gap: 10px; flex: 1; max-width: 360px; min-height: 42px; border-bottom: 1px solid #bdc6b8; }
.search-box svg { width: 17px; height: 17px; color: var(--muted); }
.search-box input { min-width: 0; width: 100%; min-height: 41px; padding: 8px 0; border: 0; background: transparent; color: var(--ink); font-size: 12px; }
.search-box input:focus { outline: 0; }
.search-box:focus-within { border-color: var(--ink); box-shadow: 0 1px 0 var(--ink); }
.search-box input::placeholder { color: var(--muted); }
.sort-select { width: auto; max-width: 190px; min-height: 42px; padding: 8px 24px 8px 8px; border: 0; border-bottom: 1px solid #bdc6b8; border-radius: 0; background: transparent; color: var(--ink-soft); font-size: 11px; }
.result-count { margin-bottom: 19px; color: var(--muted); font-size: 10px; line-height: 1.5; letter-spacing: .025em; }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 20px; }
.product-card { position: relative; min-width: 0; background: transparent; }
.product-image { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; aspect-ratio: 1.2; overflow: hidden; background: #eeeee9; cursor: pointer; }
.product-image::after { content: ""; position: absolute; inset: 0; background: rgb(25 59 48 / 0%); pointer-events: none; transition: background .25s ease; }
.product-image:hover::after { background: rgb(25 59 48 / 3%); }
.product-image img { width: 100%; height: 100%; padding: 21px 10px; object-fit: contain; mix-blend-mode: multiply; transition: transform .35s ease; }
.product-image:hover img { transform: scale(1.055); }
.product-image > .tag { position: absolute; top: 12px; left: 12px; z-index: 2; font-size: 8px; background: rgb(255 254 250 / 85%); }
.product-image > button, .product-image .quick-action { position: absolute; bottom: 12px; right: 12px; z-index: 3; }
.product-image .icon-btn { width: 31px; height: 31px; background: var(--paper); }
.product-image .icon-btn:hover { background: var(--ink); color: #fff; }
.product-body { padding: 16px 0 0; }
.product-body .tag { font-size: 8px; padding: 0; margin-bottom: 8px; color: var(--copper); background: transparent; }
.product-code { display: block; margin-bottom: 5px; font-size: 9px; color: var(--muted); letter-spacing: .06em; }
.product-name { margin: 0; padding: 0; border: 0; background: transparent; color: var(--ink); font-size: 16px; font-weight: 500; line-height: 1.4; letter-spacing: -.025em; text-align: left; }
.product-name:hover { color: var(--copper); }
.product-meta { margin-top: 8px; color: var(--muted); font-size: 10px; line-height: 1.7; }
.product-meta span + span::before { content: " · "; }
.price-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.price-row .price { font-size: 16px; }
.price-row .price small { font-size: 8px; }
.quick-action { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 31px; min-height: 31px; padding: 6px 8px; border: 0; border-radius: 2px; color: var(--ink); background: var(--stone); font-size: 10px; transition: background .2s ease, color .2s ease; }
.quick-action svg { width: 15px; height: 15px; }
.quick-action:hover, .quick-action.added { background: var(--ink); color: var(--paper); }
.pagination { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 44px; }
.pagination button, .pagination a { display: grid; min-width: 35px; height: 35px; padding: 5px 8px; place-items: center; border: 1px solid transparent; background: transparent; color: var(--ink-soft); font-size: 11px; }
.pagination button:hover, .pagination a:hover { border-color: var(--line); }
.pagination button.active, .pagination a.active, .pagination [aria-current="page"] { color: var(--paper); background: var(--ink); }
.pagination span { color: var(--muted); font-size: 11px; }
.pagination svg { width: 14px; height: 14px; }

/* Product detail */
dialog.product-dialog { position: fixed; max-width: min(970px, calc(100vw - 48px)); width: 970px; max-height: calc(100dvh - 60px); margin: auto; padding: 0; border: 0; border-radius: 3px; color: var(--ink); background: var(--paper); box-shadow: var(--shadow); overflow-y: auto; }
dialog.product-dialog::backdrop { background: rgb(14 30 22 / 52%); backdrop-filter: blur(4px); }
.modal-layout { display: grid; grid-template-columns: 1.05fr 1fr; min-height: 520px; }
.modal-visual { display: grid; place-items: center; padding: 25px; min-height: 380px; background: var(--stone); }
.modal-visual img { width: 100%; max-height: 450px; object-fit: contain; mix-blend-mode: multiply; }
.modal-content { padding: 48px 35px 34px; }
.modal-content .eyebrow { font-size: 9px; margin-bottom: 17px; }
.modal-content h2 { font-size: 31px; line-height: 1.2; }
.modal-content .product-code { margin-top: 12px; }
.modal-content > p { margin-top: 17px; color: var(--ink-soft); font-size: 12px; line-height: 1.8; }
.modal-content .price { display: block; font-size: 27px; margin-top: 25px; }
.modal-content .notice { margin-top: 18px; font-size: 10px; padding: 12px 13px; }
.modal-content > .btn, .modal-content .form-actions { margin-top: 23px; }
.modal-content > .btn { width: 100%; }
.dialog-close { display: grid; place-items: center; position: absolute; right: 13px; top: 13px; z-index: 3; width: 32px; height: 32px; padding: 7px; border: 0; border-radius: 50%; background: var(--paper); color: var(--ink); }
.dialog-close:hover { background: var(--stone-deep); }
.dialog-close svg { width: 17px; height: 17px; }
.spec-list { margin-top: 23px; border-top: 1px solid var(--line); }
.spec-list > div, .spec-list li { display: grid; grid-template-columns: 90px 1fr; gap: 15px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 11px; line-height: 1.6; }
.spec-list dt, .spec-list > div > :first-child, .spec-list li > :first-child { color: var(--muted); }
.spec-list dd { margin: 0; }
.variant-select { width: 100%; min-height: 43px; margin-top: 21px; padding: 10px 30px 10px 12px; border: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--ink); font-size: 11px; }
.variant-select + .variant-select { margin-top: 10px; }

/* Glass partitions */
.page-hero { padding-block: 62px 46px; }
.page-hero .eyebrow { margin-bottom: 20px; }
.page-hero h1 { max-width: 900px; font-size: clamp(39px, 4.5vw, 59px); line-height: 1.1; }
.page-hero > p:not(.eyebrow), .page-hero .wrap > p:not(.eyebrow) { max-width: 660px; margin-top: 23px; color: var(--ink-soft); font-size: 13px; line-height: 1.9; }
.page-hero .hero-actions { margin-top: 25px; }
.glass-visual { position: relative; min-height: 345px; overflow: hidden; background: #e1e5dc; }
.glass-visual > svg { width: 100%; height: auto; min-height: 320px; }
.glass-visual > img { width: 100%; max-height: 520px; object-fit: cover; }
.glass-visual .tag { position: absolute; top: 24px; left: 26px; z-index: 2; background: rgb(255 254 250 / 85%); }
.diagram-caption { padding: 13px 0; font-size: 10px; line-height: 1.7; color: var(--muted); }
.glass-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.glass-card { padding-top: 23px; border-top: 1px solid var(--line); }
.glass-card > svg { height: 115px; width: 100%; margin-bottom: 26px; color: #6d8172; }
.glass-card h3 { font-size: 22px; margin-bottom: 14px; }
.glass-card p { font-size: 12px; line-height: 1.9; color: var(--ink-soft); }
.glass-card ul { margin-top: 20px; }
.glass-card li { padding-block: 8px; border-bottom: 1px solid var(--line); font-size: 11px; color: var(--ink-soft); }
.glass-card .btn { margin-top: 21px; }

/* Services and company */
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.process-step { position: relative; padding-top: 20px; border-top: 1px solid #c3cdbd; }
.step-number { display: block; color: var(--copper); font-size: 12px; font-weight: 500; letter-spacing: .08em; margin-bottom: 31px; }
.process-step h3 { font-size: 20px; margin-bottom: 14px; }
.process-step p { color: var(--ink-soft); font-size: 12px; line-height: 1.9; }
.process-step ul { margin-top: 16px; }
.process-step li { margin-top: 5px; color: var(--ink-soft); font-size: 11px; }
.process-step li::before { content: "—"; color: var(--copper); margin-right: 8px; }
.content-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }
.content-columns h2 { font-size: 34px; }
.content-columns h3 { margin-bottom: 18px; font-size: 24px; }
.content-columns p { margin-top: 18px; color: var(--ink-soft); font-size: 13px; line-height: 2; }
.content-columns .notice { margin-top: 24px; }
.about-principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.principle { padding-top: 22px; border-top: 1px solid var(--line); }
.principle > span, .principle > .step-number { display: block; color: var(--copper); font-size: 11px; margin-bottom: 25px; }
.principle h3 { font-size: 22px; margin-bottom: 15px; }
.principle p { color: var(--ink-soft); font-size: 12px; line-height: 1.9; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 23px 0; font-size: 14px; font-weight: 500; list-style: none; cursor: pointer; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; width: 22px; flex-shrink: 0; font-size: 22px; font-weight: 300; color: var(--copper); text-align: center; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details > p, .faq-list details > div { max-width: 800px; padding-bottom: 24px; color: var(--ink-soft); font-size: 12px; line-height: 1.9; }
.faq-list details[open] summary { padding-bottom: 15px; }

/* Inquiry */
.inquiry-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: start; padding-bottom: 80px; }
.inquiry-list { min-width: 0; }
.inquiry-list > h2 { font-size: 25px; margin-bottom: 24px; }
.inquiry-item { display: flex; align-items: center; gap: 18px; padding: 22px 0; border-top: 1px solid var(--line); }
.inquiry-item:last-of-type { border-bottom: 1px solid var(--line); }
.inquiry-item-image { display: grid; place-items: center; width: 105px; height: 96px; padding: 8px; flex-shrink: 0; background: var(--stone); }
.inquiry-item-image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.inquiry-item-copy { flex: 1; min-width: 0; }
.inquiry-item-copy h3 { font-size: 15px; line-height: 1.45; margin-bottom: 4px; }
.inquiry-item-copy p { margin-top: 3px; font-size: 10px; color: var(--muted); }
.inquiry-item-copy .price { display: block; margin-top: 7px; font-size: 14px; }
.inquiry-item > .icon-btn { align-self: flex-start; color: var(--muted); width: 27px; height: 27px; padding: 6px; }
.inquiry-item > .icon-btn svg { width: 15px; height: 15px; }
.quantity-control { display: inline-flex; align-items: center; border: 1px solid var(--line); margin-top: 11px; }
.quantity-control button { display: grid; place-items: center; width: 28px; height: 27px; border: 0; background: transparent; color: var(--ink); font-size: 14px; }
.quantity-control button:hover { background: var(--stone); }
.quantity-control input { width: 35px; height: 27px; padding: 0; border: 0; outline: 0; background: transparent; text-align: center; font-size: 11px; appearance: textfield; }
.quantity-control input::-webkit-inner-spin-button, .quantity-control input::-webkit-outer-spin-button { appearance: none; margin: 0; }
.inquiry-list > .notice { margin-top: 22px; }
.inquiry-summary { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding: 23px 0; font-size: 12px; color: var(--ink-soft); }
.inquiry-summary strong { font-size: 23px; font-weight: 500; color: var(--ink); }
.form-panel { padding: 31px; background: var(--stone); }
.form-panel h2 { font-size: 25px; margin-bottom: 11px; }
.form-panel > p { color: var(--ink-soft); font-size: 11px; line-height: 1.8; margin-bottom: 25px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 17px; }
.field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.span-full { grid-column: 1 / -1; }
.field label { font-size: 11px; font-weight: 500; color: var(--ink); }
.field label span, .field label small { color: var(--muted); font-weight: 400; }
.field input, .field select, .field textarea { width: 100%; min-height: 41px; padding: 10px 12px; border: 1px solid #d6dccf; border-radius: 1px; outline: 0; background: var(--paper); color: var(--ink); font-size: 12px; line-height: 1.7; transition: border-color .2s ease, box-shadow .2s ease; }
.field select { padding-right: 25px; }
.field textarea { resize: vertical; min-height: 110px; }
.field input::placeholder, .field textarea::placeholder { color: #929b90; font-size: 11px; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--ink); box-shadow: 0 0 0 1px var(--ink); }
.field input:invalid:not(:placeholder-shown) { border-color: #a46644; }
.field small { color: var(--muted); font-size: 10px; line-height: 1.7; }
.field:has(input[type="checkbox"]) { flex-direction: row; align-items: flex-start; }
.field input[type="checkbox"] { width: 15px; height: 15px; min-height: 0; margin: 3px 5px 0 0; accent-color: var(--ink); flex-shrink: 0; }
.form-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.form-actions .btn { min-height: 44px; padding: 11px 17px; font-size: 11px; flex: 1; }
.form-panel .notice { padding: 15px 0 0; margin-top: 8px; font-size: 10px; }
.form-panel > .notice { border-top: 1px solid #d1d8c9; margin-top: 21px; }

/* Footer */
.site-footer { padding: 55px 0 0; background: #e9ece3; }
.footer-grid { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1.1fr; gap: 48px; padding-bottom: 43px; }
.footer-brand .brand { margin-bottom: 19px; }
.footer-brand > p { max-width: 290px; font-size: 11px; color: var(--ink-soft); line-height: 1.9; }
.footer-brand > .tag { margin-top: 17px; padding: 0; color: var(--muted); background: transparent; font-size: 8px; letter-spacing: .1em; }
.footer-links h3 { margin-bottom: 17px; font-size: 11px; font-weight: 600; letter-spacing: .01em; }
.footer-links a { display: block; width: fit-content; font-size: 11px; color: var(--ink-soft); margin-top: 9px; }
.footer-links a:hover { color: var(--copper); }
.footer-links p { color: var(--ink-soft); font-size: 11px; line-height: 1.9; }
.footer-links .btn-text { margin-top: 14px; font-size: 11px; color: var(--ink); }
.footer-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px 30px; padding-block: 19px; border-top: 1px solid #ccd5c6; color: #74806f; font-size: 9px; letter-spacing: .02em; }
.footer-bottom > div { display: flex; flex-wrap: wrap; gap: 21px; }
.footer-bottom a:hover { color: var(--ink); }
.toast { position: fixed; left: 50%; bottom: 30px; z-index: 100; max-width: min(500px, calc(100vw - 32px)); padding: 14px 24px; transform: translateX(-50%); background: var(--ink); color: var(--paper); border-radius: 3px; box-shadow: 0 8px 30px rgb(0 0 0 / 12%); font-size: 12px; text-align: center; }
.back-top { position: fixed; bottom: 26px; right: 26px; z-index: 20; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--line); background: var(--paper); color: var(--ink); box-shadow: 0 4px 20px rgb(25 59 48 / 6%); }
.back-top svg { width: 16px; height: 16px; }
.back-top:hover { background: var(--ink); color: var(--paper); }

@media (min-width: 1400px) {
  .hero { padding-top: 72px; gap: 74px; }
  .hero-visual, .hero-image { min-height: 480px; }
}

@media (max-width: 1120px) {
  .wrap { width: calc(100% - 64px); }
  .header-inner { gap: 22px; }
  .nav-links { gap: 18px; }
  .nav-links a { font-size: 11px; }
  .header-actions { gap: 13px; }
  .brand-copy strong { font-size: 15px; }
  .brand-copy span, .brand-copy small { font-size: 8px; }
  .hero { gap: 35px; }
  .hero h1 { font-size: 52px; }
  .hero-visual, .hero-image { min-height: 390px; height: 390px; }
  .hero-foot { gap: 17px; }
  .catalog-layout { grid-template-columns: 175px minmax(0, 1fr); gap: 26px; }
  .product-grid { gap: 29px 16px; }
  .product-name { font-size: 14px; }
  .product-image img { padding: 16px 7px; }
  .split-copy { padding: 39px 33px; }
  .footer-grid { gap: 30px; }
}

@media (max-width: 900px) {
  html { scroll-padding-top: 86px; }
  .wrap { width: calc(100% - 48px); }
  .header-inner { min-height: 77px; gap: 18px; }
  .nav-links { display: none; }
  .header-actions { margin-left: auto; gap: 18px; }
  .menu-toggle { display: flex; }
  .brand-copy strong { font-size: 16px; }
  .brand-copy span, .brand-copy small { font-size: 8px; }
  .brand-symbol { width: 31px; height: 35px; }
  .brand-symbol svg { width: 31px; height: 35px; }
  .hero { gap: 27px; padding-top: 42px; padding-bottom: 31px; }
  .hero h1 { font-size: 43px; }
  .hero-copy .eyebrow { font-size: 8px; margin-bottom: 19px; }
  .hero-copy > p:not(.eyebrow) { font-size: 12px; margin-top: 21px; }
  .hero-actions { gap: 9px; margin-top: 24px; }
  .hero-actions .btn { padding: 11px 16px; min-height: 44px; font-size: 11px; gap: 10px; }
  .hero-visual, .hero-image { min-height: 355px; height: 355px; }
  .hero-image { padding-inline: 0; }
  .hero-caption { padding: 13px 17px; font-size: 10px; }
  .hero-mark { left: 17px; top: 16px; font-size: 8px; }
  .hero-visual > .tag { right: 15px; top: 16px; font-size: 7px; }
  .hero-foot { gap: 12px 18px; font-size: 9px; margin-top: 24px; }
  .hero-foot svg { width: 12px; height: 12px; }
  .trust-strip { gap: 17px; padding-block: 20px; font-size: 10px; }
  .trust-strip svg { width: 16px; height: 16px; }
  .section { padding-block: 65px; }
  .section + .section { padding-top: 20px; }
  .section-head { gap: 26px; margin-bottom: 27px; }
  .section-title { font-size: 34px; }
  .section-copy { font-size: 12px; }
  .section-head .eyebrow { margin-bottom: 14px; }
  .category-grid { gap: 12px; }
  .category-tile { padding: 17px; min-height: 190px; }
  .category-tile img { height: 100px; }
  .category-tile h3 { font-size: 14px; }
  .category-tile p { font-size: 9px; }
  .category-tile > svg { bottom: 21px; right: 14px; width: 14px; height: 14px; }
  .category-icon { height: 90px; margin-bottom: 17px; }
  .category-icon svg { width: 75px; height: 58px; }
  .featured-grid { gap: 18px; }
  .service-grid { gap: 25px; }
  .service-card h3 { font-size: 19px; }
  .split-section { min-height: 370px; }
  .split-media { min-height: 330px; }
  .split-copy { padding: 33px 28px; }
  .split-copy h2 { font-size: 31px; }
  .split-copy p:not(.eyebrow) { font-size: 12px; }
  .stat-line { gap: 25px; }
  .stat-line strong { font-size: 26px; }
  .callout { padding: 37px; }
  .callout h2, .callout h3 { font-size: 32px; }
  .catalog-head { padding-block: 37px 28px; }
  .catalog-head h1 { font-size: 43px; }
  .catalog-layout { grid-template-columns: 160px minmax(0, 1fr); gap: 23px; padding-top: 28px; }
  .catalog-sidebar { top: 101px; }
  .filter-btn { font-size: 11px; padding-inline: 10px; }
  .catalog-toolbar { gap: 12px; }
  .search-box { max-width: 240px; }
  .sort-select { max-width: 150px; font-size: 10px; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 17px; }
  .product-name { font-size: 15px; }
  .product-image { aspect-ratio: 1.2; }
  .product-image img { padding: 20px 10px; }
  .modal-layout { min-height: 450px; }
  .modal-content { padding: 42px 25px 28px; }
  .modal-content h2 { font-size: 27px; }
  .modal-visual { min-height: 330px; padding: 18px; }
  .page-hero { padding-block: 47px 36px; }
  .page-hero h1 { font-size: 45px; }
  .glass-grid { gap: 24px; }
  .glass-card h3 { font-size: 20px; }
  .glass-card > svg { height: 90px; margin-bottom: 22px; }
  .process-grid { grid-template-columns: repeat(2, 1fr); gap: 35px 32px; }
  .step-number { margin-bottom: 22px; }
  .content-columns { gap: 40px; }
  .content-columns h2 { font-size: 30px; }
  .content-columns p { font-size: 12px; }
  .about-principles { gap: 25px; }
  .principle h3 { font-size: 20px; }
  .inquiry-layout { gap: 28px; }
  .inquiry-item { gap: 12px; }
  .inquiry-item-image { width: 82px; height: 81px; }
  .inquiry-item-copy h3 { font-size: 13px; }
  .form-panel { padding: 25px; }
  .form-grid { gap: 17px 13px; }
  .form-actions .btn { flex-basis: 100%; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; gap: 32px; }
  .footer-grid > :last-child { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 25px; }
  .footer-grid > :last-child h3 { margin-bottom: 0; }
  .footer-grid > :last-child .btn-text { margin-top: 0; }
}

@media (max-width: 600px) {
  html { scroll-padding-top: 73px; }
  .wrap { width: calc(100% - 36px); }
  .header-inner { min-height: 69px; gap: 10px; }
  .brand { gap: 8px; }
  .brand-symbol, .brand-symbol svg { width: 29px; height: 32px; }
  .brand-copy strong { font-size: 14px; }
  .brand-copy span, .brand-copy small { font-size: 7px; letter-spacing: .15em; }
  .header-actions { gap: 11px; }
  .header-actions > .btn { display: none; }
  .header-actions .lang-switch { font-size: 10px; }
  .header-actions .icon-btn { width: 28px; height: 30px; padding: 4px; }
  .menu-toggle { width: 26px; height: 30px; padding: 0; }
  .menu-toggle svg { width: 21px; height: 21px; }
  .mobile-nav { padding-inline: 18px; }
  .mobile-nav a { font-size: 14px; }
  .hero { grid-template-columns: 1fr; gap: 30px; padding-top: 34px; padding-bottom: 26px; }
  .hero-copy { padding-bottom: 0; }
  .hero-copy .eyebrow { font-size: 8px; letter-spacing: .16em; margin-bottom: 19px; }
  .hero h1 { max-width: 510px; font-size: clamp(38px, 10.2vw, 53px); line-height: 1.1; }
  .hero-copy > p:not(.eyebrow) { max-width: 440px; font-size: 12px; line-height: 1.9; margin-top: 20px; }
  .hero-actions { margin-top: 23px; gap: 10px; }
  .hero-actions .btn { padding-inline: 19px; min-height: 44px; }
  .hero-foot { margin-top: 23px; font-size: 9px; gap: 12px 19px; }
  .hero-visual, .hero-image { min-height: 300px; height: 300px; }
  .hero-image { padding: 25px 7px 32px; }
  .hero-caption { padding: 12px 17px; }
  .hero-caption small { font-size: 8px; }
  .hero-caption svg { width: 20px; height: 20px; }
  .trust-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 12px; padding-block: 20px; font-size: 9px; }
  .trust-strip > div, .trust-strip > span { align-items: flex-start; gap: 8px; }
  .trust-strip svg { margin-top: 1px; width: 14px; height: 14px; }
  .section { padding-block: 48px; }
  .section + .section { padding-top: 16px; }
  .section-head { align-items: flex-start; gap: 18px; margin-bottom: 24px; }
  .section-title { font-size: 29px; line-height: 1.14; }
  .section-head .eyebrow { font-size: 8px; margin-bottom: 12px; }
  .section-head .section-actions { margin-top: 27px; }
  .section-head .section-actions .btn { white-space: nowrap; gap: 8px; font-size: 10px; }
  .section-head .section-actions .btn svg { width: 13px; height: 13px; }
  .section-copy { font-size: 12px; }
  .section-copy:where(p) { margin-top: 14px; }
  .category-grid { grid-template-columns: repeat(2, 1fr); gap: 11px; }
  .category-tile { min-height: 187px; padding: 17px; }
  .category-tile img { height: 106px; margin-bottom: 15px; }
  .category-tile h3 { font-size: 15px; }
  .category-tile p { margin-top: 4px; font-size: 9px; }
  .category-icon { height: 90px; margin-bottom: 16px; }
  .category-icon svg { width: 80px; height: 60px; }
  .featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 27px 13px; }
  .featured-grid > :nth-child(3):last-child { display: none; }
  .service-grid { grid-template-columns: 1fr; gap: 28px; }
  .service-card { padding-top: 21px; }
  .service-card > svg { width: 25px; height: 25px; margin-bottom: 17px; }
  .service-card h3 { font-size: 21px; margin-bottom: 12px; }
  .service-card p { font-size: 12px; }
  .service-card .btn-text { margin-top: 13px; }
  .split-section { grid-template-columns: 1fr; }
  .split-media { min-height: 260px; }
  .split-media img { max-height: 340px; }
  .split-copy { padding: 31px 25px 34px; }
  .split-copy .eyebrow { margin-bottom: 18px; font-size: 8px; }
  .split-copy h2 { font-size: 31px; }
  .split-copy p:not(.eyebrow) { font-size: 12px; margin-top: 17px; }
  .split-copy .btn { margin-top: 22px; font-size: 11px; min-height: 44px; }
  .stat-line { gap: 30px; padding-top: 22px; margin-top: 23px; }
  .stat-line strong { font-size: 28px; }
  .stat-line span, .stat-line small { font-size: 9px; }
  .callout { flex-direction: column; align-items: flex-start; gap: 25px; padding: 30px 25px; }
  .callout h2, .callout h3 { font-size: 29px; }
  .callout p { font-size: 11px; line-height: 1.9; margin-top: 16px; }
  .callout .btn { font-size: 11px; min-height: 44px; }
  .callout .eyebrow { font-size: 8px; }
  .catalog-head { padding-top: 32px; padding-bottom: 25px; }
  .catalog-head .eyebrow { font-size: 8px; margin-bottom: 15px; }
  .catalog-head h1 { font-size: 36px; }
  .catalog-head p:not(.eyebrow) { margin-top: 16px; font-size: 11px; }
  .catalog-head .stat-line { margin-top: 21px; gap: 26px; }
  .catalog-head .stat-line strong { font-size: 22px; }
  .catalog-layout { display: block; padding-top: 22px; padding-bottom: 47px; }
  .catalog-sidebar { position: static; }
  .catalog-sidebar h2, .catalog-sidebar h3 { display: none; }
  .filter-list { flex-direction: row; flex-wrap: nowrap; overflow-x: auto; gap: 7px; margin-inline: -18px; padding: 0 18px 12px; scrollbar-width: thin; scroll-padding: 18px; }
  .filter-list > li { flex-shrink: 0; }
  .filter-btn { width: auto; min-height: 36px; padding: 8px 12px; gap: 10px; white-space: nowrap; background: var(--stone); font-size: 10px; }
  .filter-count { font-size: 9px; }
  .catalog-sidebar > .notice { display: none; }
  .catalog-toolbar { margin-top: 12px; margin-bottom: 19px; gap: 15px; }
  .search-box { max-width: none; min-height: 38px; }
  .search-box input { min-height: 37px; font-size: 11px; }
  .sort-select { min-height: 38px; max-width: 120px; padding-left: 0; padding-right: 17px; font-size: 9px; }
  .result-count { margin-bottom: 18px; font-size: 9px; }
  .product-grid { gap: 28px 13px; }
  .product-image { aspect-ratio: 1.02; }
  .product-image img { padding: 19px 5px; }
  .product-image > .tag { top: 9px; left: 9px; font-size: 7px; padding: 4px 6px; }
  .product-image > button, .product-image .quick-action { bottom: 8px; right: 8px; }
  .product-body { padding-top: 12px; }
  .product-body .tag { font-size: 7px; margin-bottom: 7px; }
  .product-code { font-size: 8px; margin-bottom: 5px; }
  .product-name { font-size: 14px; line-height: 1.4; }
  .product-meta { font-size: 9px; margin-top: 7px; }
  .price-row { gap: 6px; margin-top: 11px; padding-top: 10px; }
  .price-row .price { font-size: 14px; }
  .price-row .price small { display: block; margin: 2px 0 0; font-size: 8px; }
  .quick-action { min-width: 28px; min-height: 29px; padding: 6px; font-size: 9px; gap: 4px; }
  .quick-action svg { width: 13px; height: 13px; }
  .pagination { margin-top: 33px; gap: 4px; }
  .pagination button, .pagination a { min-width: 32px; height: 32px; font-size: 10px; }
  .notice { padding: 14px 16px; font-size: 11px; }
  dialog.product-dialog { max-width: calc(100vw - 24px); width: 100%; max-height: calc(100dvh - 24px); }
  .modal-layout { grid-template-columns: 1fr; min-height: auto; }
  .modal-visual { padding: 22px; min-height: 260px; max-height: 315px; }
  .modal-visual img { max-height: 270px; }
  .modal-content { padding: 27px 24px 28px; }
  .modal-content .eyebrow { font-size: 8px; margin-bottom: 14px; }
  .modal-content h2 { font-size: 28px; }
  .modal-content .product-code { margin-top: 9px; }
  .modal-content > p { margin-top: 15px; font-size: 11px; }
  .modal-content .price { font-size: 25px; margin-top: 19px; }
  .modal-content > .btn { min-height: 44px; font-size: 11px; }
  .dialog-close { right: 10px; top: 10px; }
  .spec-list { margin-top: 19px; }
  .spec-list > div, .spec-list li { padding: 9px 0; font-size: 10px; grid-template-columns: 80px 1fr; gap: 12px; }
  .page-hero { padding-block: 35px 29px; }
  .page-hero .eyebrow { font-size: 8px; margin-bottom: 17px; }
  .page-hero h1 { font-size: clamp(35px, 9.6vw, 45px); }
  .page-hero > p:not(.eyebrow), .page-hero .wrap > p:not(.eyebrow) { font-size: 12px; margin-top: 20px; }
  .page-hero .hero-actions { margin-top: 23px; }
  .glass-visual { min-height: 240px; }
  .glass-visual > svg { width: 128%; max-width: none; min-height: 260px; margin-left: -14%; }
  .glass-visual .tag { top: 17px; left: 17px; font-size: 7px; }
  .diagram-caption { font-size: 9px; padding-top: 10px; }
  .glass-grid { grid-template-columns: 1fr; gap: 31px; }
  .glass-card { display: grid; grid-template-columns: 100px 1fr; gap: 0 20px; padding-top: 22px; }
  .glass-card > svg { grid-row: 1 / 4; width: 100px; height: 100px; margin-top: 2px; }
  .glass-card h3 { font-size: 21px; margin-bottom: 12px; }
  .glass-card p { font-size: 11px; }
  .glass-card ul, .glass-card .btn { grid-column: 1 / -1; }
  .glass-card ul { margin-top: 15px; }
  .glass-card .btn { justify-self: start; margin-top: 18px; font-size: 11px; min-height: 42px; }
  .process-grid { gap: 29px 23px; }
  .process-step { padding-top: 17px; }
  .step-number { font-size: 10px; margin-bottom: 21px; }
  .process-step h3 { font-size: 18px; margin-bottom: 12px; }
  .process-step p { font-size: 11px; line-height: 1.85; }
  .process-step li { font-size: 10px; }
  .content-columns { grid-template-columns: 1fr; gap: 31px; }
  .content-columns h2 { font-size: 29px; }
  .content-columns h3 { font-size: 23px; margin-bottom: 15px; }
  .content-columns p { font-size: 12px; margin-top: 16px; }
  .about-principles { grid-template-columns: 1fr; gap: 26px; }
  .principle { padding-top: 18px; }
  .principle > span, .principle > .step-number { margin-bottom: 17px; }
  .principle h3 { font-size: 21px; margin-bottom: 12px; }
  .principle p { font-size: 12px; }
  .faq-list summary { font-size: 13px; padding-block: 20px; }
  .faq-list summary::after { font-size: 20px; }
  .faq-list details > p, .faq-list details > div { font-size: 11px; padding-bottom: 20px; }
  .inquiry-layout { grid-template-columns: 1fr; gap: 31px; padding-bottom: 47px; }
  .inquiry-list > h2 { font-size: 23px; margin-bottom: 21px; }
  .inquiry-item { gap: 16px; padding-block: 18px; }
  .inquiry-item-image { width: 91px; height: 88px; }
  .inquiry-item-copy h3 { font-size: 14px; }
  .inquiry-item-copy p { font-size: 9px; }
  .inquiry-item-copy .price { font-size: 14px; }
  .inquiry-summary { padding-block: 20px; }
  .inquiry-summary strong { font-size: 22px; }
  .form-panel { padding: 26px 22px; }
  .form-panel h2 { font-size: 24px; }
  .form-panel > p { font-size: 11px; margin-bottom: 22px; }
  .form-grid { gap: 19px 13px; }
  .field label { font-size: 10px; }
  .field input, .field select, .field textarea { padding-inline: 10px; font-size: 12px; }
  .field textarea { min-height: 115px; }
  .field input::placeholder, .field textarea::placeholder { font-size: 10px; }
  .form-actions { margin-top: 22px; }
  .form-actions .btn { flex-basis: auto; font-size: 10px; padding-inline: 12px; }
  .form-panel > .notice { font-size: 9px; }
  .site-footer { padding-top: 36px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 29px 28px; padding-bottom: 31px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-brand .brand { margin-bottom: 15px; }
  .footer-brand > p { max-width: 350px; font-size: 11px; }
  .footer-links h3 { font-size: 11px; margin-bottom: 14px; }
  .footer-links a { font-size: 10px; margin-top: 8px; }
  .footer-grid > :last-child { grid-column: 1 / -1; display: block; }
  .footer-grid > :last-child h3 { margin-bottom: 12px; }
  .footer-grid > :last-child .btn-text { margin-top: 12px; }
  .footer-bottom { display: block; padding-block: 18px; font-size: 8px; line-height: 1.8; }
  .footer-bottom > div { margin-top: 10px; gap: 17px; }
  .toast { bottom: 20px; padding: 13px 20px; font-size: 11px; }
  .back-top { bottom: 18px; right: 18px; width: 35px; height: 35px; }
}

@media (max-width: 360px) {
  .header-actions { gap: 7px; }
  .brand-copy strong { font-size: 12px; }
  .brand-copy span, .brand-copy small { font-size: 6px; }
  .hero h1 { font-size: 36px; }
  .hero-actions .btn { padding-inline: 14px; font-size: 10px; }
  .hero-foot { gap: 11px; font-size: 8px; }
  .category-tile { padding: 14px; }
  .category-tile h3 { font-size: 14px; }
  .category-tile > svg { right: 10px; }
  .product-name { font-size: 12px; }
  .product-meta { font-size: 8px; }
  .price-row .price { font-size: 13px; }
  .form-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media print {
  .site-header, .site-footer, .back-top, .toast, .catalog-sidebar, .catalog-toolbar, .quick-action, .form-actions, .pagination { display: none !important; }
  :root { color: #000; background: #fff; }
  .wrap { width: 100%; }
  .section { padding-block: 24px; }
  .catalog-layout { display: block; }
  .product-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .product-card { break-inside: avoid; }
}

.header-actions .menu-toggle { display:none; }
.nav-links a[aria-current='page'] { color:var(--ink); }
.nav-links a[aria-current='page']::after { transform:scaleX(1); }
@media (max-width:900px) { .header-actions .menu-toggle { display:inline-grid; } }


/* Product profiles and buying guides, 2026-10-16 */
/* Append after styles.css. New markup only; no existing page selectors changed.
 * Guides: .guides-page > .guides-grid > article.guide-card
 * Figure: .guide-figure > .guide-media > img.guide-image, then figcaption.guide-caption
 * Caption text belongs in HTML: 知识示意，非产品实拍 / Educational illustration, not product photography.
 * Content: .guide-content, .guide-summary, optional .guide-points, .guide-actions.
 * Product dialog: add .profile-dialog to dialog.product-dialog; inside .modal-content
 * use .product-profile, .product-profile-intro, .product-profile-bullets, .product-pending.
 */

/* Purchasing guides: show the complete 3:4 infographic without cropping text. */
.guides-page { padding-top: 12px; }
.guides-page > .notice { margin-bottom: 32px; }
.guides-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px 32px;
  align-items: start;
}
.guide-card { display: flex; flex-direction: column; min-width: 0; }
.guide-figure { margin: 0; min-width: 0; }
.guide-media { background: var(--stone); overflow: hidden; }
.guide-media > a { display: block; }
.guide-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: contain;
  object-position: center;
  background: var(--stone);
}
.guide-caption {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px 18px;
  padding-top: 11px;
  color: var(--ink-soft);
  font-size: 10px;
  line-height: 1.7;
}
.guide-caption a { color: var(--copper); text-decoration: underline; text-underline-offset: 3px; }
.guide-content { padding-top: 24px; min-width: 0; }
.guide-number { display: block; margin-bottom: 12px; color: var(--copper); font-size: 10px; letter-spacing: .08em; }
.guide-content h2, .guide-content h3 { font-size: 25px; line-height: 1.3; letter-spacing: -.035em; }
.guide-summary {
  margin-top: 16px;
  max-width: 65ch;
  color: var(--ink-soft);
  font-size: 13px;
  line-height: 1.9;
  overflow-wrap: break-word;
}
.guide-summary-secondary { margin-top: 12px; color: var(--muted); font-size: 12px; line-height: 1.85; }
.guide-points { margin-top: 19px; padding: 0; list-style: none; }
.guide-points li { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 7px; color: var(--ink-soft); font-size: 12px; line-height: 1.85; }
.guide-points li + li { margin-top: 7px; }
.guide-points li::before { content: "—"; color: var(--copper); }
.guide-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 23px; }
.guide-actions .btn { min-height: 44px; font-size: 11px; }
.guide-actions .btn-text { min-height: auto; }
.guide-language-note { margin-top: 15px; color: var(--muted); font-size: 10px; line-height: 1.8; }
.guides-downloads {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  margin-top: 48px;
  padding: 27px 30px;
  background: var(--stone);
}
.guides-downloads h2, .guides-downloads h3 { font-size: 23px; line-height: 1.35; }
.guides-downloads p { max-width: 650px; margin-top: 9px; color: var(--ink-soft); font-size: 12px; line-height: 1.85; }
.guides-downloads .btn { flex-shrink: 0; }

/* Profile text: natural height, clear hierarchy, no clipped descriptions. */
dialog.product-dialog.profile-dialog { width: 1080px; max-width: min(1080px, calc(100vw - 48px)); }
.profile-dialog .modal-layout { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); }
.profile-dialog .modal-visual {
  position: sticky;
  top: 0;
  align-self: start;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  min-height: 0;
  max-height: calc(100dvh - 60px);
  padding: 38px 25px 27px;
}
.profile-dialog .modal-visual img { width: 100%; height: auto; max-height: min(390px, 58dvh); object-fit: contain; }
.profile-dialog .modal-visual .diagram-caption { padding: 0; align-self: stretch; font-size: 10px; line-height: 1.8; }
.profile-dialog .modal-content { min-width: 0; }
.product-profile { display: flow-root; margin-top: 23px; color: var(--ink-soft); font-size: 12px; line-height: 1.85; overflow-wrap: break-word; }
.product-profile-intro { margin: 0; font-size: 13px; line-height: 1.9; }
.product-profile h3, .profile-heading { margin: 20px 0 10px; color: var(--ink); font-size: 12px; font-weight: 600; line-height: 1.6; letter-spacing: 0; }
.product-profile-bullets { counter-reset: profile-point; padding: 0; margin: 16px 0 0; list-style: none; }
.product-profile-bullets > li {
  display: grid;
  grid-template-columns: 21px minmax(0, 1fr);
  gap: 9px;
  counter-increment: profile-point;
  padding-block: 11px;
  border-top: 1px solid var(--line);
  color: var(--ink-soft);
  font-size: 12px;
  line-height: 1.8;
}
.product-profile-bullets > li::before { content: counter(profile-point, decimal-leading-zero); margin-top: 2px; color: var(--copper); font-size: 9px; line-height: 1.8; }
.product-profile-bullets strong { color: var(--ink); font-weight: 500; }
.product-pending { margin-top: 19px; padding: 15px 17px; background: var(--stone); border-left: 2px solid #c5aa89; }
.product-pending h3, .product-pending .profile-heading { margin: 0 0 7px; font-size: 11px; }
.product-pending p, .product-pending li { color: var(--ink-soft); font-size: 11px; line-height: 1.85; }
.product-pending ul { margin: 0; padding-left: 15px; list-style: disc; }
.product-pending li + li { margin-top: 5px; }
.product-profile details { margin-top: 17px; border-top: 1px solid var(--line); }
.product-profile summary { padding-block: 12px; color: var(--ink); font-size: 11px; cursor: pointer; }
.product-profile details > .product-pending { margin-top: 0; }
.product-profile + .spec-list { margin-top: 23px; }

@media (max-width: 900px) {
  .guides-grid { gap: 32px 24px; }
  .guide-content { padding-top: 20px; }
  .guide-content h2, .guide-content h3 { font-size: 23px; }
  .guide-summary { font-size: 12px; }
  .guides-downloads { padding: 25px; gap: 22px; }
  .guides-downloads h2, .guides-downloads h3 { font-size: 21px; }
  .profile-dialog .modal-layout { grid-template-columns: 1fr; }
  .profile-dialog .modal-visual { position: static; max-height: none; padding: 25px 30px 21px; gap: 13px; }
  .profile-dialog .modal-visual img { max-height: 285px; }
  .profile-dialog .modal-visual .diagram-caption { max-width: 620px; margin-inline: auto; }
  .profile-dialog .modal-content { padding: 30px 35px; }
}

@media (max-width: 600px) {
  dialog.product-dialog.profile-dialog { max-width: calc(100vw - 24px); }
  .guides-page { padding-top: 6px; }
  .guides-page > .notice { margin-bottom: 25px; }
  .guides-grid { grid-template-columns: 1fr; gap: 38px; }
  .guide-caption { padding-top: 9px; font-size: 9px; }
  .guide-content { padding-top: 18px; }
  .guide-number { margin-bottom: 10px; font-size: 9px; }
  .guide-content h2, .guide-content h3 { font-size: 24px; }
  .guide-summary { margin-top: 13px; font-size: 12px; }
  .guide-summary-secondary { margin-top: 10px; font-size: 11px; }
  .guide-points { margin-top: 15px; }
  .guide-points li { font-size: 11px; }
  .guide-actions { margin-top: 20px; gap: 10px 18px; }
  .guide-actions .btn { font-size: 10px; padding-inline: 17px; }
  .guide-language-note { font-size: 9px; }
  .guides-downloads { flex-direction: column; align-items: flex-start; margin-top: 34px; padding: 23px; gap: 20px; }
  .guides-downloads p { font-size: 11px; }
  .profile-dialog .modal-visual { padding: 24px 23px 20px; }
  .profile-dialog .modal-visual img { max-height: 230px; }
  .profile-dialog .modal-visual .diagram-caption { font-size: 9px; }
  .profile-dialog .modal-content { padding: 26px 24px 28px; }
  .product-profile { margin-top: 20px; }
  .product-profile-intro { font-size: 12px; line-height: 1.85; }
  .product-profile-bullets > li { grid-template-columns: 19px minmax(0, 1fr); gap: 8px; font-size: 11px; }
  .product-pending { margin-top: 16px; padding: 13px 14px; }
  .product-pending p, .product-pending li { font-size: 10px; }
}

@media print {
  .guides-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
  .guide-card { break-inside: avoid; }
  .guide-actions, .guides-downloads .btn { display: none; }
  .guide-content h2, .guide-content h3 { font-size: 18px; }
  .guide-summary, .guide-points li { font-size: 10px; }
  .product-profile { color: #000; }
  .product-pending { background: #fff; border: 1px solid #ccc; }
}

.guides-teaser{display:grid;grid-template-columns:1.2fr .6fr;gap:50px;align-items:center}.guides-teaser h2{font-size:clamp(28px,3.7vw,46px);line-height:1.2;margin:15px 0}.guides-teaser p{max-width:560px;color:var(--ink-soft);margin:20px 0}.guides-teaser-image img{display:block;width:100%;max-height:320px;object-fit:contain}.full-profiles-link{margin-top:14px;font-size:11px}.product-pending summary{cursor:pointer}.product-profile h3{font-size:15px;margin:20px 0 12px}@media(max-width:1100px){.header-inner{gap:16px}.nav-links{gap:16px}.nav-links a{font-size:12px}}@media(max-width:600px){.guides-teaser{grid-template-columns:1fr;gap:24px}.guides-teaser-image img{max-height:340px}}

/* 2026-10 redesign — unified warm furniture / architectural partition identity.
   The existing interaction, form, profile and guide rules above remain intact. */
.site-header{background:rgb(255 253 249 / 97%);border-bottom-color:#e9e7df}
.header-inner{min-height:94px;gap:27px}
.brand-symbol{color:var(--gold)}
.brand-copy strong{font-size:18px;letter-spacing:-.025em}
.brand-copy small{color:var(--muted);letter-spacing:.055em}
.nav-links a{font-size:12px;color:var(--ink-soft)}
.nav-links a:hover,.nav-links a[aria-current='page']{color:var(--gold)}
.nav-links a::after{background:var(--gold)}
.header-actions .btn{min-height:40px;padding-inline:17px;font-size:10px}
.header-actions .menu-toggle{display:none}
.btn{border-radius:1px;min-height:48px;padding:13px 24px;gap:22px}
.btn-primary{color:#fff;background:var(--gold)}
.btn-primary:hover{background:#815f1d}
.btn-secondary{border-color:var(--gold);color:var(--gold);background:transparent}
.btn-secondary:hover{border-color:var(--gold);color:#fff;background:var(--gold)}
.btn-text{border-bottom-color:#b7aa87;color:var(--ink)}
.btn-text:hover{border-bottom-color:var(--gold);color:var(--gold)}
.section-head h2,.section-title{font-size:clamp(31px,3.1vw,43px);line-height:1.2}
.section-copy{font-size:13px;line-height:1.9}
.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.service-card{border-top-color:#c9c8b8}
.service-card h3{font-size:23px;line-height:1.4}
.service-card p{font-size:13px;line-height:1.9}
.step-number{color:var(--gold)}
.callout{background:#f3e8d3;color:var(--ink);padding:45px 52px;margin-block:25px 80px}
.callout .eyebrow{color:var(--gold)}
.callout p{color:var(--ink-soft)}
.callout .btn{background:var(--gold);color:#fff}
.callout .btn:hover{background:#815f1d}
.product-image{background:#f0eee8}
.filter-btn.active{background:#f4ead7;color:var(--gold)}
.quick-action:hover,.quick-action.added{background:var(--gold);color:#fff}
.pagination button.active,.pagination a.active,.pagination [aria-current='page']{background:var(--gold);color:#fff}
.pagination button,.pagination a{background:#f5eddd}
.form-panel{background:#f4f0e6}
.field input[type='checkbox']{accent-color:var(--gold)}
.form-panel .form-note{margin-top:20px;font-size:10px;line-height:1.85}
.field .checkbox-label{display:flex;align-items:flex-start;gap:9px}
.field .checkbox-label input{flex-shrink:0;margin-top:3px}
#enquiry-output{margin-top:26px;padding-top:22px;border-top:1px solid #d5d8c8}
#enquiry-output>label{display:block;font-size:11px;color:var(--ink-soft)}
#enquiry-text{width:100%;min-height:270px;padding:13px;border:1px solid #d7d9cc;resize:vertical;margin-top:10px;background:#fff;color:var(--ink);font-size:11px;line-height:1.85}
.inquiry-summary{flex-wrap:wrap;gap:8px 20px}
.inquiry-summary>small{width:100%;font-size:10px;color:var(--muted)}
.site-footer{background:#f8f6f0;border-top:1px solid var(--line);padding-top:54px}
.footer-grid{grid-template-columns:1.45fr .8fr 1fr;gap:80px}
.footer-brand .brand{font-size:23px;font-weight:500}
.footer-brand>p{font-size:12px;line-height:1.95;color:var(--muted)}
.footer-links>strong{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-bottom:20px}
.footer-links a{font-size:12px;margin-top:12px}
.footer-links>.muted{display:block;max-width:260px;font-size:10px;line-height:1.9;margin-top:18px}
.footer-bottom{border-color:var(--line);font-size:9px;line-height:1.8}
.footer-bottom>span:last-child{max-width:700px;text-align:right}

/* Full-scene homepage, warm floating introduction. */
.home-stage{position:relative;min-height:650px;height:min(690px,52vw);background:#e6e0d3;overflow:hidden}
.home-stage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%}
.home-stage-inner{position:relative;height:100%;min-height:inherit;display:flex;justify-content:flex-end;align-items:center;padding-block:40px 52px}
.home-stage-panel{width:min(535px,47%);padding:43px 42px 39px;background:#fff1da;box-shadow:0 14px 50px rgb(66 50 19 / 7%)}
.home-stage-panel .eyebrow{color:#7a672f;margin-bottom:15px;font-size:10px}
.home-stage-panel .eyebrow::before,.home-section-intro .eyebrow::before{display:none}
.home-stage-panel h1{color:#997428;font-size:clamp(43px,4vw,57px);font-weight:600;line-height:1.17;letter-spacing:-.045em}
html[lang='en'] .home-stage-panel h1{font-size:clamp(39px,3.7vw,53px)}
.home-stage-description{margin-top:21px;color:#5b5c4e;font-size:13px;line-height:1.9}
.home-stage-panel .btn{min-width:205px;margin-top:27px;min-height:51px}
.home-stage-secondary{display:block;width:fit-content;margin-top:17px;color:#78622e;font-size:11px}
.home-stage-secondary:hover{color:var(--ink)}
.scene-disclaimer{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:10px 25px;color:#5f6355;background:rgb(255 253 246 / 90%);font-size:9px;line-height:1.6;text-align:center}
.home-intro-strip{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:24px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:10px;letter-spacing:.025em}
.home-range-section.section{padding-block:84px}
.home-section-intro{margin:0 auto 40px;text-align:center;max-width:720px}
.home-section-intro .eyebrow{display:block;margin-bottom:15px}
.home-section-intro h2{font-size:clamp(31px,3.2vw,43px);line-height:1.2}
.home-section-intro>p:last-child{max-width:580px;margin:19px auto 0;color:var(--ink-soft);font-size:13px;line-height:1.9}
.home-range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.home-range-card{min-width:0}
.home-range-image{display:grid;place-items:center;aspect-ratio:1.22;background:#f0eee7;overflow:hidden}
.home-range-image img{width:100%;height:100%;padding:28px 18px;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s ease}
.home-range-card:hover .home-range-image img{transform:scale(1.045)}
.home-range-copy{padding:23px 8px 0;text-align:center}
.home-range-copy h3{font-size:23px}
.home-range-copy p{margin-top:9px;color:var(--ink-soft);font-size:12px}
.home-range-copy>span{display:inline-block;margin-top:12px;color:var(--muted);font-size:10px}
.home-range-copy>span>span{margin-left:9px;color:var(--gold)}
.home-category-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 27px;margin-top:39px;padding-top:23px;border-top:1px solid var(--line)}
.home-category-links a{display:flex;gap:12px;padding-block:5px;color:var(--ink-soft);font-size:11px}
.home-category-links a span{color:var(--gold)}
.home-category-links a:hover{color:var(--gold)}
.home-featured.section{padding-block:80px;background:#faf8f2}
.home-centered-action{margin-top:36px;text-align:center}
.home-centered-action .btn{min-width:245px}
.home-glass-feature{display:grid;grid-template-columns:1.1fr 1fr;background:#eae7dd}
.home-glass-image{position:relative;min-height:470px;overflow:hidden}
.home-glass-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.home-glass-image .scene-disclaimer{padding:10px 18px;font-size:8px}
.home-glass-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:650px;padding:58px clamp(35px,5vw,85px)}
.home-glass-copy .eyebrow{margin-bottom:21px}
.home-glass-copy h2{font-size:clamp(34px,3.3vw,47px);line-height:1.18}
.home-glass-copy>p:not(.eyebrow){margin-top:24px;color:var(--ink-soft);font-size:13px;line-height:1.95}
.home-glass-copy .btn{margin-top:28px}
.guides-teaser.section{grid-template-columns:1fr .7fr;gap:60px;padding:42px 56px;margin-block:0 75px;background:#f0ede3}
.guides-teaser .eyebrow{font-size:10px;margin-bottom:20px}
.guides-teaser h2{max-width:600px;font-size:clamp(31px,3vw,42px);margin:0;line-height:1.2}
.guides-teaser p:not(.eyebrow){max-width:570px;margin:22px 0 0;font-size:13px;line-height:1.95}
.guides-teaser .btn{margin-top:28px}
.guides-teaser-image{display:block;max-width:310px;justify-self:center;transform:rotate(4deg);transition:transform .3s ease}
.guides-teaser-image:hover{transform:rotate(1deg)}
.guides-teaser-image img{height:330px;max-height:none;object-fit:contain;filter:drop-shadow(0 12px 12px rgb(43 40 22 / 9%))}

/* Architectural glass page: panorama, drawing and material relationships. */
.partition-stage{position:relative;min-height:600px;height:min(680px,49vw);overflow:hidden;background:#383f34}
.partition-stage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.partition-stage-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgb(22 29 22 / 77%),rgb(24 31 24 / 32%) 56%,rgb(24 31 24 / 2%))}
.partition-stage-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:inherit;height:100%;padding-block:60px 90px;color:#fff}
.partition-stage-content .eyebrow{margin-bottom:23px;color:#d8bb7b}
.partition-stage-content h1{max-width:760px;font-size:clamp(45px,4.7vw,65px);line-height:1.15;letter-spacing:-.045em}
.partition-stage-content>p:not(.eyebrow){max-width:505px;margin-top:24px;font-size:13px;line-height:1.95;color:#e4e7dd}
.partition-stage-content .btn{margin-top:29px;min-width:240px}
.scene-disclaimer--dark{color:#d0d8c9;background:rgb(29 35 28 / 77%);font-size:8px}
.partition-intro{display:grid;grid-template-columns:1fr .9fr;align-items:end;gap:80px}
.partition-intro .eyebrow{margin-bottom:20px}
.partition-intro h2{font-size:clamp(32px,3vw,43px);line-height:1.22}
.partition-intro>p{padding-bottom:3px;color:var(--ink-soft);font-size:13px;line-height:1.95}
.partition-systems{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center;padding-bottom:89px}
.partition-drawing{background:#f0f1e9}
.partition-drawing>svg{width:100%;height:auto}
.partition-drawing figcaption{padding:13px 22px 18px;color:var(--muted);font-size:9px;line-height:1.8}
.partition-supply-options .section-head{margin-bottom:20px}
.partition-supply-options h2{font-size:30px;line-height:1.3}
.partition-supply-card{margin-top:24px;padding-top:23px;border-top:1px solid #d8dccf}
.partition-supply-card>span{font-size:9px;color:var(--gold);letter-spacing:.05em}
.partition-supply-card h3{margin-top:12px;font-size:23px;line-height:1.4}
.partition-supply-card p{margin-top:13px;color:var(--ink-soft);font-size:12px;line-height:1.95}
.partition-material-section{background:var(--stone)}
.partition-material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.partition-material-card{min-width:0}
.partition-material-visual{position:relative;display:grid;place-items:center;height:190px;background:#e8e8de;color:#65705d}
.partition-material-visual>span{position:absolute;left:17px;top:15px;color:#909782;font-size:10px}
.partition-material-visual>svg{width:145px;height:145px}
.partition-material-visual.glass{background:#e1e8de}
.partition-material-visual.hardware{background:#e9e6de;color:#74786a}
.partition-material-visual.connections{background:#e6e7db}
.partition-material-card h3{margin-top:20px;font-size:20px;line-height:1.4}
.partition-material-card p{margin-top:12px;color:var(--ink-soft);font-size:12px;line-height:1.9}
.partition-brief{padding-block:80px;background:#303a2d;color:#fff}
.partition-brief .eyebrow{color:#d0af69}
.partition-brief .btn-text{border-bottom-color:#8e997e;color:#e0e6d8}
.partition-brief .process-grid{margin-top:43px}
.partition-brief .process-step{border-top-color:#65705a}
.partition-brief .step-number{color:#d8b772}
.partition-brief .process-step h3{color:#fff}
.partition-brief .process-step p{color:#bdc8b5}
.partition-brief-actions{display:flex;align-items:center;gap:30px;margin-top:39px}
.partition-brief-actions>p{max-width:560px;color:#b5c0ad;font-size:11px;line-height:1.9}

@media(min-width:1500px){
  .home-stage{height:690px}
  .home-stage-panel{width:555px;padding:48px 47px 43px}
}
@media(max-width:1120px){
  .header-inner{min-height:85px;gap:20px}
  .brand-copy strong{font-size:16px}
  .brand-copy small{font-size:8px}
  .nav-links{gap:18px}
  .nav-links a{font-size:11px}
  .header-actions{gap:14px}
  .header-actions .btn{padding-inline:12px;font-size:9px}
  .home-stage{min-height:590px}
  .home-stage-panel{width:49%;padding:35px 33px}
  .home-stage-panel h1{font-size:47px}
  html[lang='en'] .home-stage-panel h1{font-size:42px}
  .home-stage-description{font-size:12px}
  .home-range-grid{gap:22px}
  .home-range-image{aspect-ratio:1.1}
  .home-glass-copy{padding:42px 38px}
  .featured-grid{gap:19px}
  .partition-systems{gap:40px}
  .partition-material-grid{gap:20px}
  .partition-material-card h3{font-size:18px}
  .partition-material-visual{height:165px}
  .footer-grid{gap:50px}
}
@media(max-width:920px){
  .nav-links{display:none}
  .header-inner{min-height:77px}
  .header-actions{margin-left:auto;gap:18px}
  .header-actions .menu-toggle{display:inline-grid}
  .home-stage{min-height:560px}
  .home-stage-panel{width:51%;padding:31px 27px}
  .home-stage-panel h1{font-size:39px}
  html[lang='en'] .home-stage-panel h1{font-size:37px}
  .home-stage-panel .eyebrow{font-size:8px}
  .home-stage-panel .btn{min-width:180px;min-height:47px;font-size:11px}
  .home-stage-description{margin-top:18px;font-size:11px}
  .home-stage-secondary{font-size:10px}
  .scene-disclaimer{font-size:8px;padding-inline:20px}
  .home-intro-strip{font-size:8px;gap:18px;padding-block:19px}
  .section-head h2,.section-title{font-size:34px}
  .home-range-section.section{padding-block:63px}
  .home-section-intro h2{font-size:35px}
  .home-range-copy h3{font-size:20px}
  .home-range-copy p{font-size:11px}
  .home-range-copy>span{font-size:9px}
  .home-range-copy{padding-top:20px}
  .home-range-image img{padding:18px 8px}
  .home-category-links{gap:9px 20px}
  .home-category-links a{font-size:10px}
  .home-featured.section{padding-block:63px}
  .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}
  .home-glass-image{min-height:420px}
  .home-glass-copy{padding:35px 28px}
  .home-glass-copy h2{font-size:34px}
  .home-glass-copy>p:not(.eyebrow){font-size:12px;margin-top:19px}
  .home-glass-copy .btn{font-size:11px;margin-top:23px}
  .service-card h3{font-size:20px}
  .service-card p{font-size:12px}
  .guides-teaser.section{gap:32px;padding:34px 38px;margin-bottom:60px}
  .guides-teaser h2{font-size:33px}
  .guides-teaser p:not(.eyebrow){font-size:12px}
  .guides-teaser-image img{height:285px}
  .callout{padding:37px;margin-bottom:60px}
  .callout h2{font-size:33px}
  .callout .btn{font-size:11px}
  .partition-stage{min-height:545px}
  .partition-stage-content h1{font-size:51px}
  .partition-stage-content>p:not(.eyebrow){max-width:440px;font-size:12px}
  .partition-intro{gap:40px}
  .partition-intro h2{font-size:34px}
  .partition-intro>p{font-size:12px}
  .partition-systems{gap:32px;padding-bottom:65px}
  .partition-supply-options h2{font-size:27px}
  .partition-supply-card h3{font-size:20px}
  .partition-supply-card p{font-size:11px}
  .partition-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 27px}
  .partition-material-visual{height:200px}
  .partition-material-card h3{font-size:22px}
  .partition-material-card p{font-size:12px}
  .partition-brief{padding-block:65px}
  .footer-grid{gap:35px;grid-template-columns:1.25fr .7fr 1fr}
}
@media(max-width:600px){
  .header-inner{min-height:70px;gap:13px}
  .brand-copy strong{font-size:15px}
  .brand-copy small{font-size:7px;letter-spacing:.015em}
  .header-actions{gap:13px}
  .header-actions .header-quote{display:none}
  .header-actions .lang-switch{font-size:10px}
  .menu-toggle{width:28px;padding:3px}
  .home-stage{height:auto;min-height:0;padding-top:265px;overflow:hidden;background:#e4ddcf}
  .home-stage-image{height:345px;object-position:38% center}
  .home-stage-inner{height:auto;min-height:0;padding-block:0 66px;justify-content:flex-end}
  .home-stage-panel{width:calc(100% - 13px);padding:28px 25px;box-shadow:0 12px 30px rgb(47 39 17 / 5%)}
  .home-stage-panel .eyebrow{font-size:8px;margin-bottom:13px}
  .home-stage-panel h1{font-size:clamp(36px,9.7vw,47px)}
  html[lang='en'] .home-stage-panel h1{font-size:clamp(34px,8.7vw,42px)}
  .home-stage-description{margin-top:18px;font-size:12px}
  .home-stage-panel .btn{margin-top:23px;min-height:47px;font-size:11px;padding-inline:21px}
  .home-stage-secondary{margin-top:15px;font-size:10px}
  .scene-disclaimer{padding:9px 14px;font-size:7px;line-height:1.65}
  .home-intro-strip{justify-content:center;gap:7px 20px;flex-wrap:wrap;padding-block:18px;font-size:7px}
  .home-intro-strip>span:first-child{width:100%;text-align:center}
  .home-range-section.section{padding-block:48px}
  .section-head h2,.section-title{font-size:30px}
  .home-section-intro{margin-bottom:27px}
  .home-section-intro .eyebrow{font-size:8px;margin-bottom:13px}
  .home-section-intro h2{font-size:30px}
  .home-section-intro>p:last-child{margin-top:17px;font-size:12px}
  .home-range-grid{grid-template-columns:1fr;gap:31px}
  .home-range-image{aspect-ratio:1.35}
  .home-range-image img{padding:20px 16px}
  .home-range-copy{padding-top:18px}
  .home-range-copy h3{font-size:23px}
  .home-range-copy p{margin-top:8px;font-size:12px}
  .home-range-copy>span{margin-top:9px;font-size:10px}
  .home-category-links{justify-content:flex-start;display:grid;grid-template-columns:1fr 1fr;gap:7px 19px;margin-top:31px;padding-top:18px}
  .home-category-links a{justify-content:space-between;font-size:10px}
  .home-featured.section{padding-block:48px}
  .featured-grid{gap:25px 14px}
  .home-centered-action{margin-top:28px}
  .home-centered-action .btn{min-width:225px;min-height:45px;font-size:11px}
  .home-glass-feature{grid-template-columns:1fr}
  .home-glass-image{min-height:300px}
  .home-glass-copy{padding:33px 27px 38px;max-width:none}
  .home-glass-copy .eyebrow{font-size:8px;margin-bottom:18px}
  .home-glass-copy h2{font-size:35px}
  .home-glass-copy>p:not(.eyebrow){margin-top:18px;font-size:12px}
  .home-glass-copy .btn{margin-top:24px;min-height:45px}
  .home-process .section-head{flex-direction:row;align-items:flex-end;gap:14px}
  .home-process .section-head h2{font-size:28px}
  .home-process .section-head>.btn{font-size:10px;gap:7px;white-space:nowrap}
  .service-card h3{font-size:22px;margin-bottom:11px}
  .guides-teaser.section{grid-template-columns:1fr;gap:25px;padding:29px 25px 32px;margin-bottom:44px}
  .guides-teaser h2{font-size:30px}
  .guides-teaser p:not(.eyebrow){margin-top:17px;font-size:12px}
  .guides-teaser .eyebrow{font-size:8px;margin-bottom:17px}
  .guides-teaser .btn{margin-top:22px;min-height:44px;font-size:11px}
  .guides-teaser-image{max-width:225px}
  .guides-teaser-image img{height:270px}
  .callout{padding:29px 25px 32px;margin-block:8px 45px}
  .callout h2{font-size:30px}
  .callout .eyebrow{font-size:8px}
  .callout .btn{min-height:44px}
  .partition-stage{height:auto;min-height:565px}
  .partition-stage-image{object-position:62% center}
  .partition-stage-shade{background:linear-gradient(90deg,rgb(24 31 24 / 78%),rgb(24 31 24 / 35%))}
  .partition-stage-content{min-height:565px;padding-block:55px 83px}
  .partition-stage-content .eyebrow{font-size:8px;margin-bottom:22px}
  .partition-stage-content h1{font-size:clamp(39px,10.3vw,53px)}
  .partition-stage-content>p:not(.eyebrow){max-width:440px;font-size:12px;margin-top:23px}
  .partition-stage-content .btn{min-width:220px;min-height:46px;font-size:11px;margin-top:27px}
  .scene-disclaimer--dark{font-size:7px}
  .partition-intro{grid-template-columns:1fr;gap:23px}
  .partition-intro .eyebrow{font-size:8px;margin-bottom:17px}
  .partition-intro h2{font-size:33px}
  .partition-intro>p{font-size:12px;line-height:1.95}
  .partition-systems{grid-template-columns:1fr;gap:29px;padding-bottom:48px}
  .partition-drawing figcaption{padding:9px 16px 16px;font-size:8px}
  .partition-supply-options h2{font-size:29px}
  .partition-supply-options .section-head{margin-bottom:15px}
  .partition-supply-card{margin-top:22px;padding-top:20px}
  .partition-supply-card h3{font-size:23px;margin-top:11px}
  .partition-supply-card p{font-size:12px}
  .partition-material-grid{gap:29px 16px}
  .partition-material-visual{height:150px}
  .partition-material-visual>svg{width:125px;height:125px}
  .partition-material-visual>span{top:12px;left:12px;font-size:9px}
  .partition-material-card h3{font-size:18px;margin-top:16px}
  .partition-material-card p{font-size:11px;margin-top:10px}
  .partition-brief{padding-block:48px}
  .partition-brief .process-grid{margin-top:30px}
  .partition-brief-actions{flex-direction:column;align-items:flex-start;gap:20px;margin-top:31px}
  .partition-brief-actions .btn{font-size:11px}
  .partition-brief-actions>p{font-size:10px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:29px 25px}
  .footer-brand{grid-column:1/-1}
  .footer-brand>p{font-size:11px}
  .footer-links a{font-size:11px}
  .footer-links>.muted{font-size:9px}
  .footer-bottom{font-size:8px}
  .footer-bottom>span{display:block}
  .footer-bottom>span:last-child{margin-top:10px;text-align:left}
}
@media(max-width:360px){
  .home-stage-panel{padding-inline:21px}
  .home-stage-panel h1{font-size:35px}
  html[lang='en'] .home-stage-panel h1{font-size:32px}
  .home-process .section-head{flex-direction:column;align-items:flex-start}
  .partition-material-card h3{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  .home-range-image img,.guides-teaser-image{transition:none}
}
@media print{
  .home-stage,.partition-stage{min-height:430px}
  .home-stage-panel{box-shadow:none}
  .home-stage .btn,.partition-stage .btn{display:none}
  .partition-brief{color:#000;background:#fff}
  .partition-brief .process-step h3,.partition-brief .process-step p{color:#000}
}

/* Catalogue employee contribution */
/* Product collection: scoped additions, appended after the shared redesign. */
.catalog-page{padding:58px 0 78px;background:var(--paper,#fff);color:var(--ink,#292d26)}
.catalog-page .catalog-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:36px;margin-bottom:38px}
.catalog-page .catalog-intro .eyebrow{color:var(--copper,#9b7427);margin-bottom:15px}
.catalog-page .catalog-intro h1{font-size:clamp(38px,4.7vw,64px);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:0 0 18px}
.catalog-page .catalog-intro-copy>p{font-size:16px;color:var(--ink-soft,#65695e);line-height:1.7;margin:0;max-width:600px}
.catalog-page .catalog-intro-aside{text-align:right;padding-bottom:3px}
.catalog-page .catalog-intro-aside>p{font-size:12px;color:var(--ink-soft,#65695e);margin:0 0 13px}
.catalog-page .catalog-intro-aside>p span{margin:0 8px;color:var(--line,#e2e3da)}
.catalog-page .catalog-inquiry-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:600;text-decoration:none;color:var(--ink,#292d26)}
.catalog-page .catalog-inquiry-link:hover{color:var(--copper,#9b7427)}
.catalog-page .catalog-chips{display:flex;flex-wrap:wrap;gap:9px;padding:25px 0;border-top:1px solid var(--line,#e2e3da);border-bottom:1px solid var(--line,#e2e3da);margin-bottom:26px}
.catalog-page .catalog-chip{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:9px 16px;border:1px solid transparent;border-radius:2px;background:var(--stone,#f3f0e8);font:inherit;font-size:13px;line-height:1.35;color:var(--ink-soft,#65695e);cursor:pointer;white-space:nowrap}
.catalog-page .catalog-chip small{font-size:10px;opacity:.7}
.catalog-page .catalog-chip:hover{border-color:var(--line,#e2e3da);color:var(--ink,#292d26)}
.catalog-page .catalog-chip.active{background:var(--ink,#292d26);color:#fff;border-color:var(--ink,#292d26)}
.catalog-page .catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:0;background:none;border:0;scroll-margin-top:110px}
.catalog-page .catalog-search{display:flex;align-items:center;gap:12px;flex:1;max-width:530px;min-height:49px;border:0;border-bottom:1px solid var(--line,#e2e3da);border-radius:0;background:none;padding:5px 0;color:var(--ink-soft,#65695e)}
.catalog-page .catalog-search svg{width:20px;height:20px;flex:0 0 20px}
.catalog-page .catalog-search input{width:100%;min-width:0;padding:9px 0;border:0;border-radius:0;background:transparent;box-shadow:none;font:inherit;font-size:14px;color:var(--ink,#292d26);outline-offset:4px}
.catalog-page .catalog-search input::placeholder{color:var(--muted,#85897f)}
.catalog-page .catalog-search:focus-within{border-bottom-color:var(--copper,#9b7427)}
.catalog-page .catalog-sort-control{display:flex;align-items:center;gap:14px}
.catalog-page .catalog-sort-control label{font-size:12px;color:var(--ink-soft,#65695e);white-space:nowrap}
.catalog-page .catalog-sort-control .sort-select{width:auto;min-width:170px;min-height:45px;border:0;border-bottom:1px solid var(--line,#e2e3da);border-radius:0;padding:9px 28px 9px 0;background-color:transparent;font:inherit;font-size:13px;color:var(--ink,#292d26);cursor:pointer}
.catalog-page .catalog-context{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:24px 0 22px}
.catalog-page .catalog-context p{margin:0;font-size:12px;color:var(--ink-soft,#65695e)}
.catalog-page .catalog-result span{margin-left:16px;color:var(--muted,#85897f)}
.catalog-page .catalog-context .catalog-currency-note{font-size:11px;text-align:right}
.catalog-page .catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;margin:0}
.catalog-product.product-card{display:flex;flex-direction:column;min-width:0;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none;transform:none}
.catalog-product.product-card:hover{box-shadow:none;transform:none}
.catalog-product .product-image{position:relative;display:block;flex:none;width:100%;height:auto;min-height:0;aspect-ratio:1.15;margin:0;padding:0;overflow:hidden;border:0;border-radius:1px;background:var(--stone,#f3f0e8);cursor:pointer}
.catalog-product .product-image img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;padding:23px;mix-blend-mode:multiply;transition:transform .4s ease}
.catalog-product .product-image:hover img{transform:scale(1.035)}
.catalog-product .catalog-image-action{position:absolute;right:14px;top:14px;display:inline-flex;align-items:center;gap:9px;font-size:11px;padding:7px 10px;background:rgba(255,255,255,.94);color:var(--ink,#292d26);opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}
.catalog-product .product-image:hover .catalog-image-action,.catalog-product .product-image:focus-visible .catalog-image-action{opacity:1;transform:none}
.catalog-product .catalog-config-note{position:absolute;left:15px;bottom:14px;font-size:10px;line-height:1.4;padding:5px 8px;color:var(--ink-soft,#65695e);background:rgba(255,255,255,.94)}
.catalog-product .product-body{display:flex;flex:1;flex-direction:column;padding:19px 0 0;background:transparent}
.catalog-product .catalog-product-kicker{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:var(--ink-soft,#65695e);font-size:11px;line-height:1.5;margin-bottom:10px}
.catalog-product .catalog-product-kicker>span:first-child{min-width:0}
.catalog-product .catalog-size-count{flex:none;font-size:10px;color:var(--muted,#85897f);white-space:nowrap}
.catalog-product .catalog-product-heading{font:inherit;line-height:1.45;margin:0 0 7px}
.catalog-product .product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em;width:100%;max-width:100%;margin:0;padding:0;background:none;border:0;text-align:left;text-transform:none;letter-spacing:-.015em;font:inherit;font-size:18px;line-height:1.45;font-weight:500;color:var(--ink,#292d26);cursor:pointer}
.catalog-product .product-name:hover{color:var(--copper,#9b7427)}
.catalog-product .product-code{font:inherit;font-size:11px;line-height:1.6;letter-spacing:.02em;margin:0 0 3px;color:var(--ink-soft,#65695e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-product .product-meta{font-size:11px;line-height:1.6;margin:0 0 16px;color:var(--muted,#85897f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-product .price-row{display:flex;align-items:end;justify-content:space-between;gap:15px;padding-top:14px;margin-top:auto;border-top:1px solid var(--line,#e2e3da)}
.catalog-product .price-row small{display:block;font-size:10px;line-height:1.5;color:var(--muted,#85897f);margin-bottom:3px}
.catalog-product .price{display:block;font-size:20px;line-height:1.35;font-weight:500;letter-spacing:-.02em;color:var(--ink,#292d26)}
.catalog-product .quick-action{display:inline-flex;align-items:center;justify-content:center;flex:none;width:43px;height:43px;min-width:43px;min-height:43px;padding:0;border:1px solid var(--line,#e2e3da);border-radius:1px;background:transparent;color:var(--ink,#292d26);font:inherit;font-size:20px;cursor:pointer}
.catalog-product .quick-action:hover{background:var(--copper,#9b7427);color:#fff;border-color:var(--copper,#9b7427)}
.catalog-page .catalog-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:46px 0 0;padding:0}
.catalog-page .catalog-pagination button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;padding:0;border:1px solid transparent;border-radius:1px;background:var(--stone,#f3f0e8);color:var(--ink,#292d26);font:inherit;font-size:13px;cursor:pointer}
.catalog-page .catalog-pagination button.active{background:var(--copper,#9b7427);color:#fff}
.catalog-page .catalog-pagination button:hover:not(:disabled):not(.active){border-color:var(--copper,#9b7427)}
.catalog-page .catalog-pagination button:disabled{opacity:.35;cursor:default}
.catalog-page .catalog-pagination .catalog-page-direction{background:transparent;font-size:19px}
.catalog-page .catalog-empty{grid-column:1/-1;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 20px;text-align:center;background:var(--stone,#f3f0e8)}
.catalog-page .catalog-empty>span{font-size:30px;color:var(--copper,#9b7427);margin-bottom:12px}
.catalog-page .catalog-empty h2{font-size:24px;font-weight:500;line-height:1.3;margin:0 0 10px}
.catalog-page .catalog-empty p{font-size:14px;color:var(--ink-soft,#65695e);margin:0}
.catalog-page .catalog-downloads{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,1.1fr);align-items:center;gap:40px;margin-top:62px;padding:31px 0;border-top:1px solid var(--line,#e2e3da);border-bottom:1px solid var(--line,#e2e3da)}
.catalog-page .catalog-downloads .eyebrow{font-size:10px;color:var(--copper,#9b7427)}
.catalog-page .catalog-downloads h2{font-size:25px;line-height:1.35;font-weight:500;letter-spacing:-.02em;margin:9px 0 0}
.catalog-page .catalog-download-actions{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.catalog-page .catalog-download-actions>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;color:var(--ink,#292d26);font-size:13px;font-weight:500;text-decoration:none}
.catalog-page .catalog-download-actions>a:hover{color:var(--copper,#9b7427)}
.catalog-page .catalog-download-actions small{display:block;margin-top:6px;font-size:10px;letter-spacing:.08em;color:var(--muted,#85897f)}
.catalog-page .catalog-download-actions>a>span:last-child{font-size:22px;font-weight:400}
.catalog-page .catalog-pricing-note{max-width:100%;font-size:11px;line-height:1.8;color:var(--muted,#85897f);margin:20px 0 0}
.catalog-page button:focus-visible,.catalog-page a:focus-visible,.catalog-product button:focus-visible{outline:2px solid var(--copper,#9b7427);outline-offset:4px}
@media(max-width:1000px){.catalog-page .catalog-intro{gap:25px}.catalog-page .catalog-grid{gap:34px 20px}.catalog-product .product-name{font-size:17px}.catalog-page .catalog-downloads{grid-template-columns:1fr;gap:20px}.catalog-page .catalog-download-actions{max-width:720px}.catalog-product .product-image img{padding:17px}}
@media(max-width:760px){.catalog-page{padding:36px 0 50px}.catalog-page .catalog-intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.catalog-page .catalog-intro h1{font-size:42px;margin-bottom:13px}.catalog-page .catalog-intro-copy>p{font-size:14px}.catalog-page .catalog-intro-aside{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left}.catalog-page .catalog-intro-aside>p{margin:0}.catalog-page .catalog-inquiry-link{font-size:12px;gap:10px}.catalog-page .catalog-chips{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:18px 0;margin-bottom:20px;scrollbar-width:thin}.catalog-page .catalog-chip{flex:none;min-height:39px;padding:8px 13px;font-size:12px}.catalog-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}.catalog-page .catalog-controls{gap:24px}.catalog-page .catalog-search{max-width:none}.catalog-page .catalog-sort-control{gap:8px}.catalog-page .catalog-sort-control label{display:none}.catalog-page .catalog-sort-control .sort-select{min-width:150px;font-size:12px}.catalog-page .catalog-context{padding:20px 0}.catalog-page .catalog-currency-note{max-width:230px}.catalog-product .product-image{aspect-ratio:1.05}.catalog-product .product-body{padding-top:16px}.catalog-product .catalog-image-action{display:none}.catalog-page .catalog-downloads{margin-top:42px;padding:26px 0}.catalog-page .catalog-downloads h2{font-size:23px}}
@media(max-width:540px){.catalog-page .catalog-intro h1{font-size:36px}.catalog-page .catalog-intro-aside{align-items:flex-start;gap:10px}.catalog-page .catalog-intro-aside>p{font-size:10px}.catalog-page .catalog-inquiry-link{font-size:11px;gap:8px}.catalog-page .catalog-controls{align-items:stretch;flex-direction:column;gap:12px}.catalog-page .catalog-search{min-height:45px}.catalog-page .catalog-sort-control{justify-content:space-between}.catalog-page .catalog-sort-control label{display:block}.catalog-page .catalog-sort-control .sort-select{width:auto;min-width:170px;min-height:40px}.catalog-page .catalog-context{align-items:flex-start;gap:12px}.catalog-page .catalog-result{white-space:nowrap}.catalog-page .catalog-result span{display:block;margin:4px 0 0}.catalog-page .catalog-context .catalog-currency-note{max-width:175px;font-size:10px}.catalog-page .catalog-grid{gap:30px 14px}.catalog-product .product-image img{padding:9px}.catalog-product .product-name{font-size:15px}.catalog-product .catalog-product-kicker{font-size:10px;gap:6px;margin-bottom:8px}.catalog-product .catalog-size-count{font-size:9px}.catalog-product .product-code,.catalog-product .product-meta{font-size:10px}.catalog-product .catalog-config-note{left:8px;bottom:8px;font-size:9px;padding:4px 5px}.catalog-product .price{font-size:17px}.catalog-product .price-row{gap:8px;padding-top:11px}.catalog-product .price-row small{font-size:9px}.catalog-product .quick-action{width:35px;height:35px;min-width:35px;min-height:35px;font-size:18px}.catalog-page .catalog-pagination{gap:5px;flex-wrap:wrap;margin-top:34px}.catalog-page .catalog-pagination button{width:35px;min-width:35px;height:37px;font-size:12px}.catalog-page .catalog-download-actions{grid-template-columns:1fr;gap:0}.catalog-page .catalog-download-actions>a+ a{border-top:1px solid var(--line,#e2e3da)}.catalog-page .catalog-pricing-note{font-size:10px}}
@media(max-width:380px){.catalog-page .catalog-grid{grid-template-columns:1fr}.catalog-product .product-image{aspect-ratio:1.25}.catalog-product .product-image img{padding:18px}.catalog-product .product-name{font-size:18px;min-height:0}.catalog-product .catalog-product-kicker{font-size:11px}.catalog-product .product-code,.catalog-product .product-meta{font-size:11px}.catalog-product .price{font-size:20px}.catalog-product .quick-action{width:43px;height:43px;min-width:43px;min-height:43px}}
@media(prefers-reduced-motion:reduce){.catalog-product .product-image img,.catalog-product .catalog-image-action{transition:none}.catalog-product .product-image:hover img{transform:none}}


/* Final visual QA: guide items contain a heading and paragraph, not grid cells. */
.guide-points li{display:block;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.8}
.guide-points li::before{content:none}
.guide-points li strong{display:block;font-size:14px;line-height:1.6;color:var(--ink)}
.guide-points li p{font-size:13px;line-height:1.85;margin:6px 0 0;color:var(--ink-soft)}
.guide-points li+li{margin-top:0}
@media(max-width:600px){.guide-points li p{font-size:12px}.guide-points li strong{font-size:13px}}


/* Editorial visual revision. Existing catalogue data and interactions are retained. */
:root{--canvas:#faf9f6;--paper:#fff;--stone:#f0efea;--stone-deep:#e8e7df;--ink:#292b27;--ink-strong:#20231f;--ink-soft:#62675e;--muted:#70756b;--copper:#465744;--gold:#465744;--copper-soft:#edf0e7;--line:#dedfd6;--max:1320px;--radius:0;--shadow:0 18px 65px rgb(24 31 22 / 10%)}
body{line-height:1.75;background:var(--canvas)}
.wrap{width:min(var(--max),calc(100% - 96px))}
h1,h2,h3{font-weight:400;letter-spacing:-.035em}
html[lang='zh-CN'] h1,html[lang='zh-CN'] h2{letter-spacing:.015em}
html[lang='en'] h1,html[lang='en'] .section-title,html[lang='en'] .home-section-intro h2,html[lang='en'] .home-glass-copy h2,html[lang='en'] .page-hero h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.045em}
.site-header{background:rgb(250 249 246 / 98%);border-bottom:1px solid var(--line);backdrop-filter:none}
.header-inner{min-height:84px;gap:24px}
.brand-symbol{color:var(--ink);width:32px;height:38px}
.brand-symbol svg{width:32px;height:38px}
.brand{gap:11px}
.brand-copy strong{font-size:16px;letter-spacing:.01em;font-weight:500}
.brand-copy small{margin-top:4px;font-size:8px;letter-spacing:.07em;color:var(--muted)}
.nav-links{gap:25px}
.nav-links a{font-size:13px;font-weight:400;color:var(--ink-soft)}
.nav-links a:hover,.nav-links a[aria-current='page']{color:var(--ink)}
.nav-links a::after{background:var(--ink);height:1px}
.header-actions{gap:18px}
.header-actions .btn{background:transparent;color:var(--ink);border-color:var(--ink);padding:9px 17px;min-height:40px;font-size:12px}
.header-actions .btn:hover{background:var(--ink);color:white}
.lang-switch{font-size:12px;min-height:40px}
.header-actions .menu-toggle{display:none}
.btn{border-radius:0;font-size:13px;font-weight:400;min-height:49px;letter-spacing:0;gap:24px;padding:13px 24px}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{background:#465744;transform:none}
.btn-secondary{border-color:#b6bcad;color:var(--ink);background:transparent}
.btn-secondary:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.btn-text{min-height:auto;border:0;border-bottom:1px solid #8e9785;color:var(--ink);padding:7px 0;background:transparent}
.btn-text:hover{background:transparent;color:var(--copper);border-color:var(--copper)}
.eyebrow{font-weight:400;font-size:10px;letter-spacing:.15em;color:var(--ink-soft)}
.eyebrow::before{display:none}
.section{padding-block:88px}
.section-title,.section-head h2{font-size:clamp(31px,3.4vw,47px);line-height:1.25}
.section-copy{font-size:14px;line-height:1.9}
.notice{font-size:13px;line-height:1.85;background:#f0f0e9;color:var(--ink-soft)}
.editorial-lead{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.8fr);gap:80px;align-items:end;padding-block:57px 46px}
.editorial-lead .eyebrow{margin-bottom:23px;color:var(--muted);font-size:10px}
.editorial-lead h1{font-size:clamp(58px,5.4vw,82px);line-height:1.18;color:var(--ink);font-weight:400;margin:0}
html[lang='en'] .editorial-lead h1{font-size:clamp(62px,5.7vw,86px);line-height:1.04}
.editorial-brief{max-width:340px;justify-self:end;padding-bottom:7px}
.editorial-brief p{font-size:14px;line-height:1.95;color:var(--ink-soft)}
.editorial-brief .btn{margin-top:25px}
.editorial-scene{margin:0 32px;position:relative;background:#e9e6de}
.editorial-scene img{display:block;width:100%;height:min(49vw,660px);object-fit:cover;object-position:center 70%}
.editorial-scene figcaption{position:static;padding:10px 14px;background:var(--canvas);color:var(--ink-soft);font-size:10px;line-height:1.6;text-align:left}
.editorial-range-nav{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:23px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink-soft)}
.editorial-range-nav a{display:flex;align-items:center;justify-content:space-between;gap:21px;padding:4px 0}
.editorial-range-nav a:hover{color:var(--ink)}
.editorial-range-nav span{color:#8c9482;font-size:15px}
.home-range-section.section{padding-block:82px 88px}
.home-section-intro{max-width:none;margin:0 0 33px;display:flex;justify-content:space-between;align-items:end;gap:40px;text-align:left}
.home-section-intro h2{font-size:clamp(35px,3.6vw,49px);line-height:1.2}
.home-section-intro>p:last-child{font-size:14px;max-width:330px;line-height:1.9;margin:0;color:var(--ink-soft)}
.home-section-intro .eyebrow{margin-bottom:13px}
.home-range-grid{gap:28px}
.home-range-card{display:block}
.home-range-image{aspect-ratio:1.12;background:#eeede7}
.home-range-image img{padding:24px;transition:transform .35s ease}
.home-range-card:hover img{transform:scale(1.025)}
.home-range-copy{display:flex;justify-content:space-between;gap:14px;align-items:baseline;text-align:left;padding:19px 0 0}
.home-range-copy h3{font-size:22px;letter-spacing:0;line-height:1.4}
.home-range-copy>span{font-size:11px;margin:0;white-space:nowrap}
.home-featured.section{background:#f0efe9;padding-block:78px 84px}
.home-featured .section-head{margin-bottom:35px;align-items:end}
.home-featured .section-copy{max-width:340px}
.featured-grid{gap:26px}
.home-featured .catalog-product .product-image{background:#faf9f5}
.home-featured .product-name{min-height:2.9em}
.home-centered-action{margin-top:38px}
.home-glass-feature{display:grid;grid-template-columns:1.35fr 1fr;gap:0;background:var(--canvas);align-items:stretch;margin-top:0}
.home-glass-image{min-height:550px;position:relative;overflow:hidden}
.home-glass-image img{width:100%;height:100%;min-height:550px;object-fit:cover;object-position:55% center}
.home-glass-image .scene-disclaimer{position:absolute;bottom:0;padding:10px 16px;background:rgb(250 249 246 / 94%);color:var(--ink-soft);font-size:10px;text-align:left}
.home-glass-copy{padding:75px 60px;max-width:590px;align-self:center}
.home-glass-copy .eyebrow{margin-bottom:25px}
.home-glass-copy h2{font-size:clamp(34px,3.2vw,48px);line-height:1.3}
.home-glass-copy>p:not(.eyebrow){font-size:14px;line-height:1.95;margin-top:24px;color:var(--ink-soft)}
.home-glass-copy .btn{margin-top:28px}
.guides-teaser.section{background:transparent;display:grid;grid-template-columns:1fr 220px;padding:60px 0;gap:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-block:72px}
.guides-teaser h2{font-size:clamp(30px,3vw,42px);max-width:700px;line-height:1.3;margin:13px 0 0}
.guides-teaser p:not(.eyebrow){font-size:14px;line-height:1.9;margin:19px 0 0;max-width:650px}
.guides-teaser .btn{margin-top:24px}
.guides-teaser-image img{height:240px;object-fit:contain;padding:0}
.callout{margin-block:0 80px;padding:38px 0 0;border-top:1px solid var(--line);background:transparent;color:var(--ink);gap:35px}
.callout h2{font-size:clamp(30px,3.1vw,43px);line-height:1.35}
.callout .eyebrow{color:var(--muted);margin-bottom:15px}
.callout .btn{background:var(--ink);color:white}
.callout .btn:hover{background:var(--copper)}
.site-footer{background:#ebece5;border:0;padding-top:56px}
.footer-grid{gap:65px;padding-bottom:46px}
.footer-brand .brand{font-size:24px;letter-spacing:.02em}
.footer-brand>p{font-size:13px;line-height:1.95;color:var(--ink-soft)}
.footer-links>strong{font-size:12px;color:var(--ink-soft);margin-bottom:20px}
.footer-links a{font-size:13px;margin-top:12px}
.footer-links>.muted{font-size:11px;line-height:1.9}
.footer-bottom{font-size:10px;color:var(--ink-soft);padding-block:20px}
.catalog-page{background:var(--canvas);padding:58px 0 82px}
.catalog-page .catalog-intro{margin-bottom:39px;gap:38px}
.catalog-page .catalog-intro h1{font-size:clamp(44px,4.8vw,68px);font-weight:400;margin-bottom:16px}
.catalog-page .catalog-intro-copy>p{font-size:15px;line-height:1.8}
.catalog-page .catalog-chips{padding:0 0 18px;border-top:0;border-bottom:1px solid var(--line);gap:16px 30px}
.catalog-page .catalog-chip{padding:10px 0 9px;border:0;border-bottom:1px solid transparent;border-radius:0;min-height:43px;background:transparent;font-size:14px;color:var(--ink-soft);gap:9px}
.catalog-page .catalog-chip.active{background:transparent;color:var(--ink);border-color:var(--ink)}
.catalog-page .catalog-chip:hover{color:var(--ink)}
.catalog-page .catalog-chip small{font-size:10px}
.catalog-page .catalog-controls{gap:40px}
.catalog-page .catalog-context{padding:26px 0}
.catalog-page .catalog-grid{gap:48px 30px}
.catalog-product .product-image{background:#efeee8;border-radius:0;aspect-ratio:1.15}
.catalog-product .product-image img{padding:26px;transition:transform .35s ease}
.catalog-product .product-image:hover img{transform:scale(1.025)}
.catalog-product .product-body{padding:20px 0 0}
.catalog-product .product-name{font-size:19px;font-weight:400;line-height:1.5;letter-spacing:0;min-height:3em}
.catalog-product .catalog-product-kicker{font-size:11px;margin-bottom:9px}
.catalog-product .product-code{font-size:12px;color:var(--ink-soft);margin-bottom:4px}
.catalog-product .product-meta{font-size:12px;color:var(--muted);margin-bottom:18px}
.catalog-product .price-row{padding-top:15px;border-top:1px solid var(--line)}
.catalog-product .price{font-size:20px;font-weight:400}
.catalog-product .price-row small{font-size:10px}
.catalog-product .quick-action{border:0;border-radius:0;background:transparent;width:44px;height:44px;color:var(--ink)}
.catalog-product .quick-action:hover{background:var(--ink);color:#fff}
.catalog-page .catalog-pagination button{background:transparent;border-radius:0;border-color:var(--line)}
.catalog-page .catalog-pagination button.active{background:var(--ink);border-color:var(--ink)}
.catalog-page .catalog-pricing-note{font-size:12px;line-height:1.9}
.catalog-page .catalog-empty{background:var(--stone)}
.page-hero{padding-block:58px 42px;border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(40px,4.5vw,64px);line-height:1.22}
.page-hero>p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:690px;margin-top:23px}
.partition-stage{min-height:660px;height:calc(100vh - 84px);max-height:800px}
.partition-stage-image{object-position:center center}
.partition-stage-shade{background:rgb(18 28 20 / 24%)}
.partition-stage-content{min-height:660px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-block:70px 96px}
.partition-stage-content h1{font-size:clamp(50px,4.8vw,72px);line-height:1.2;font-weight:400}
.partition-stage-content .eyebrow{color:#f1f1e4}
.partition-stage-content>p:not(.eyebrow){max-width:500px;font-size:14px;line-height:1.9;margin-top:22px}
.partition-stage-content .btn{margin-top:27px;background:#faf9f6;color:var(--ink);min-width:0}
.partition-stage-content .btn:hover{background:white}
.partition-stage .scene-disclaimer{font-size:10px;background:#27392ce6;text-align:left;padding-inline:48px;color:#f3f3ea}
.partition-intro{gap:80px}
.partition-intro h2,.partition-supply-options h2{font-size:39px;line-height:1.3}
.partition-intro>p,.partition-supply-card p,.partition-material-card p{font-size:14px;line-height:1.9}
.partition-material-section{background:#efeee8}
.partition-material-visual{background:#e6e8df}
.partition-material-card h3{font-size:24px;line-height:1.4}
.partition-brief{background:#303e31;padding-block:80px}
.partition-brief .btn{background:#faf9f6;color:var(--ink)}
.process-step h3{font-size:23px;line-height:1.4}
.process-step p,.content-columns p,.faq-list p{font-size:14px;line-height:1.9}
.content-columns h2{font-size:34px;line-height:1.3}
.faq-list summary{font-size:15px;padding-block:21px}
.guides-page.page-hero{padding-top:58px}
.guides-grid{gap:55px 40px}
.guide-content h2{font-size:27px;line-height:1.35}
.guide-summary{font-size:14px;line-height:1.9}
.guide-caption{font-size:11px;line-height:1.8}
.guide-points li strong{font-size:14px;font-weight:500}
.guide-points li p{font-size:14px}
.guide-actions .btn{font-size:12px}
.inquiry-layout{gap:60px;padding-block:46px 80px}
.form-panel{background:#f0f0e9;padding:35px}
.form-panel h2{font-size:27px;line-height:1.3}
.field label{font-size:13px;line-height:1.8}
.field input,.field select,.field textarea{font-size:14px;padding:11px 12px;border-color:#cfd3c7;border-radius:0}
.form-actions .btn{font-size:12px;min-height:46px}
.form-panel .form-note,.form-panel .notice{font-size:12px;line-height:1.85}
.inquiry-item-copy strong{font-size:16px;font-weight:400;line-height:1.5}
.inquiry-item-copy span{font-size:12px;line-height:1.8}
.inquiry-summary>small{font-size:12px;line-height:1.8}
#enquiry-text{font-size:12px;line-height:1.8;border-color:#cbd1c2}
.profile-dialog .modal-content{padding:40px}
.profile-dialog .modal-content h2{font-size:31px;line-height:1.3}
.profile-dialog .modal-visual{background:#f0f0e9}
.product-profile-intro,.product-profile-bullets,.product-pending p{font-size:14px;line-height:1.85}
.profile-dialog .modal-content .form-note,.profile-dialog .diagram-caption{font-size:12px;line-height:1.8}
.profile-dialog .modal-content select{font-size:14px;min-height:46px}
@media(max-width:1100px){
 .nav-links{display:none}.header-actions .menu-toggle{display:inline-grid;width:40px;height:40px}.header-inner{min-height:78px}.editorial-lead{gap:50px;padding-block:48px 38px}.editorial-lead h1{font-size:61px}html[lang='en'] .editorial-lead h1{font-size:62px}.editorial-brief p{font-size:13px}.home-glass-copy{padding:48px 40px}.home-glass-image,.home-glass-image img{min-height:490px}.home-glass-copy h2{font-size:35px}.footer-grid{gap:40px}.partition-stage{height:auto;min-height:620px}.partition-stage-content{min-height:620px}.featured-grid{gap:21px}.home-featured .catalog-product .product-name{font-size:16px}
}
@media(max-width:800px){
 .wrap{width:calc(100% - 56px)}.editorial-lead{grid-template-columns:1fr;gap:24px;padding-block:40px 32px}.editorial-lead h1{font-size:58px}.editorial-brief{max-width:500px;justify-self:start;padding:0}.editorial-brief p{font-size:14px}.editorial-brief .btn{margin-top:18px}.editorial-scene{margin-inline:18px}.editorial-scene img{height:auto;aspect-ratio:1.35;object-position:center 68%}.editorial-range-nav{justify-content:flex-start;gap:8px 26px;padding-block:18px}.home-section-intro{gap:25px}.home-section-intro>p:last-child{max-width:240px;font-size:13px}.home-range-grid{gap:18px}.home-range-image{aspect-ratio:1}.home-range-image img{padding:12px}.home-range-copy{display:block}.home-range-copy h3{font-size:20px}.home-range-copy>span{display:block;font-size:10px;margin-top:8px}.home-glass-feature{grid-template-columns:1fr 1fr}.home-glass-copy{padding:35px 28px}.home-glass-copy h2{font-size:31px}.home-glass-copy>p:not(.eyebrow){font-size:13px}.home-glass-image,.home-glass-image img{min-height:450px}.section{padding-block:66px}.guides-teaser.section{grid-template-columns:1fr 170px;gap:35px;padding-block:42px;margin-block:55px}.guides-teaser h2{font-size:32px}.guides-teaser p:not(.eyebrow){font-size:13px}.guides-teaser-image img{height:210px}.catalog-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partition-intro{gap:35px}.partition-intro h2,.partition-supply-options h2{font-size:32px}.inquiry-layout{gap:35px}.form-panel{padding:28px}.footer-grid{gap:30px}
}
@media(max-width:600px){
 .wrap{width:calc(100% - 40px)}.header-inner{min-height:70px;gap:10px}.brand{gap:9px}.brand-symbol,.brand-symbol svg{width:28px;height:35px}.brand-copy strong{font-size:14px;letter-spacing:0}.brand-copy small{font-size:7px;letter-spacing:.015em}.header-actions{gap:6px}.lang-switch{font-size:12px;min-width:32px;min-height:40px}.header-actions .menu-toggle{width:36px;height:40px;padding:6px}.header-actions .header-quote{display:none}.mobile-nav{padding:8px 0 22px}.mobile-nav a{font-size:16px;padding:13px 0}.editorial-lead{padding-block:32px 27px;gap:21px}.editorial-lead .eyebrow{font-size:9px;margin-bottom:18px}.editorial-lead h1{font-size:45px;line-height:1.22}html[lang='en'] .editorial-lead h1{font-size:40px;line-height:1.12}.editorial-brief{max-width:335px}.editorial-brief p{font-size:13px;line-height:1.85}.editorial-brief .btn{font-size:12px;margin-top:15px}.editorial-scene{margin-inline:0}.editorial-scene img{aspect-ratio:1.06;object-position:47% 68%}.editorial-scene figcaption{font-size:9px;padding:9px 20px;line-height:1.7}.editorial-range-nav{display:grid;grid-template-columns:1fr 1fr;gap:7px 26px;font-size:12px;padding-block:18px}.editorial-range-nav a{gap:10px}.home-range-section.section{padding-block:52px 55px}.home-section-intro{display:block;margin-bottom:26px}.home-section-intro h2{font-size:32px}.home-section-intro>p:last-child{max-width:100%;font-size:13px;margin-top:16px}.home-range-grid{grid-template-columns:1fr;gap:29px}.home-range-image{aspect-ratio:1.48}.home-range-image img{padding:17px}.home-range-copy{display:flex;padding-top:15px;align-items:baseline}.home-range-copy h3{font-size:22px}.home-range-copy>span{font-size:11px;margin:0}.home-featured.section{padding-block:52px 58px}.home-featured .section-head{gap:18px;display:block}.home-featured .section-copy{font-size:13px;margin-top:18px;max-width:100%}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.home-featured .catalog-product .product-name{font-size:15px}.home-centered-action{margin-top:30px}.home-glass-feature{grid-template-columns:1fr}.home-glass-image,.home-glass-image img{min-height:0}.home-glass-image img{aspect-ratio:1.1}.home-glass-copy{padding:36px 23px 45px;max-width:none}.home-glass-copy h2{font-size:33px}.home-glass-copy .eyebrow{margin-bottom:19px}.home-glass-copy>p:not(.eyebrow){font-size:14px;margin-top:20px}.home-glass-image .scene-disclaimer{font-size:9px}.guides-teaser.section{grid-template-columns:1fr 92px;gap:22px;padding-block:34px;margin-block:40px}.guides-teaser h2{font-size:26px}.guides-teaser p:not(.eyebrow){font-size:12px;margin-top:15px}.guides-teaser .eyebrow{font-size:9px}.guides-teaser .btn{min-height:44px;font-size:11px;padding:10px 14px;gap:15px;margin-top:20px}.guides-teaser-image img{height:150px}.callout{margin-block:0 48px;padding-top:30px;gap:24px;align-items:flex-start}.callout h2{font-size:30px}.callout .eyebrow{font-size:9px}.footer-grid{grid-template-columns:1fr 1fr;gap:31px 23px;padding-bottom:35px}.footer-brand{grid-column:1/-1}.footer-brand .brand{font-size:23px}.footer-brand>p{font-size:12px}.footer-links a{font-size:12px}.footer-links>.muted{font-size:11px}.footer-bottom{font-size:10px}.footer-bottom>span:last-child{text-align:left}.site-footer{padding-top:40px}.catalog-page{padding-block:35px 55px}.catalog-page .catalog-intro h1{font-size:40px}.catalog-page .catalog-intro-copy>p{font-size:14px}.catalog-page .catalog-intro-aside>p{font-size:11px}.catalog-page .catalog-chips{gap:22px;margin-bottom:17px;padding-bottom:12px}.catalog-page .catalog-chip{font-size:13px;padding-inline:0;min-height:43px}.catalog-page .catalog-context{padding-block:21px}.catalog-page .catalog-grid{gap:33px 15px}.catalog-product .product-image img{padding:12px}.catalog-product .product-name{font-size:15px;line-height:1.5}.catalog-product .product-body{padding-top:15px}.catalog-product .product-code,.catalog-product .product-meta{font-size:11px}.catalog-product .product-meta{margin-bottom:13px}.catalog-product .catalog-product-kicker{font-size:10px;gap:5px}.catalog-product .price-row small{font-size:9px}.catalog-product .price{font-size:18px}.catalog-product .quick-action{width:34px;height:37px;min-width:34px;min-height:37px}.catalog-page .catalog-pricing-note{font-size:11px}.page-hero{padding-block:36px 30px}.page-hero h1{font-size:39px;line-height:1.25}.page-hero>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:20px}.partition-stage{min-height:580px;height:auto;max-height:none}.partition-stage-image{object-position:62% center}.partition-stage-shade{background:rgb(18 28 20 / 33%)}.partition-stage-content{min-height:580px;padding-block:65px 78px}.partition-stage-content h1{font-size:45px}.partition-stage-content .eyebrow{font-size:9px}.partition-stage-content>p:not(.eyebrow){font-size:13px;max-width:330px}.partition-stage .scene-disclaimer{font-size:9px;padding-inline:20px}.partition-intro{grid-template-columns:1fr;gap:22px}.partition-intro>p,.partition-supply-card p{font-size:14px}.partition-material-card p{font-size:12px}.partition-material-card h3{font-size:20px}.partition-brief{padding-block:52px}.partition-material-grid{gap:28px 18px}.process-step h3{font-size:23px}.process-step p,.content-columns p,.faq-list p{font-size:14px}.section{padding-block:51px}.content-columns h2{font-size:30px}.guides-page.page-hero{padding-top:36px}.guides-grid{gap:45px}.guide-content h2{font-size:25px}.guide-summary{font-size:14px}.guide-points li p{font-size:13px}.guide-caption{font-size:10px}.inquiry-layout{padding-block:32px 55px;gap:32px}.form-panel{padding:25px 20px}.form-panel h2{font-size:26px}.field input,.field select,.field textarea{font-size:16px}.field label{font-size:13px}.form-panel .form-note,.form-panel .notice{font-size:12px}.form-actions .btn{font-size:12px;min-height:48px}.profile-dialog .modal-content{padding:28px 22px}.profile-dialog .modal-content h2{font-size:28px}.product-profile-intro,.product-profile-bullets,.product-pending p{font-size:14px}.profile-dialog .modal-content .form-note,.profile-dialog .diagram-caption{font-size:11px}.profile-dialog .modal-content select{font-size:14px}.section-head h2,.section-title{font-size:32px}.notice{font-size:12px}
}
@media(max-width:380px){
 .home-range-copy{display:block}.home-range-copy>span{display:block;margin-top:7px;white-space:normal}
 .brand-copy strong{font-size:12.5px}.brand-copy small{font-size:6.5px}.header-actions{gap:3px}.editorial-lead h1{font-size:41px}html[lang='en'] .editorial-lead h1{font-size:35px}.catalog-page .catalog-grid{grid-template-columns:1fr}.catalog-product .product-image{aspect-ratio:1.35}.catalog-product .product-image img{padding:22px}.catalog-product .product-name{font-size:19px;min-height:0}.catalog-product .product-code,.catalog-product .product-meta{font-size:12px}.catalog-product .catalog-product-kicker{font-size:12px}.catalog-product .price{font-size:21px}.home-featured .featured-grid{grid-template-columns:1fr}.home-featured .catalog-product .product-name{font-size:19px}.guides-teaser.section{grid-template-columns:1fr}.guides-teaser-image{display:none}.partition-stage-content h1{font-size:40px}.catalog-page .catalog-intro-aside{flex-wrap:wrap;gap:13px}
}
@media(prefers-reduced-motion:reduce){.home-range-image img,.catalog-product .product-image img{transition:none}.home-range-card:hover img,.catalog-product .product-image:hover img{transform:none}}

/* User-selected Norm reference: a quiet navigation over a full-screen scene. */
.header-inner{min-height:76px}
body:has(.photographic-stage) .site-header{position:absolute;inset:0 0 auto;background:transparent;border:0;backdrop-filter:none}
body:has(.photographic-stage) .site-header:has(.mobile-nav:not([hidden])){background:var(--canvas)}
body:has(.photographic-stage) .header-inner{min-height:92px}
body:has(.photographic-stage) .nav-links a,body:has(.photographic-stage) .lang-switch{color:#252923}
body:has(.photographic-stage) .header-actions .header-quote{background:transparent;border:0;padding-inline:0;color:#252923}
body:has(.photographic-stage) .header-actions .header-quote:hover{color:var(--copper);background:transparent}
.photographic-stage{position:relative;height:100svh;min-height:660px;background:#d4d2cd;overflow:hidden}
.photographic-stage>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.photographic-caption{position:absolute;inset:auto 30px 54px;text-align:center;color:#252923}
.photographic-caption .eyebrow{display:block;font-size:9px;letter-spacing:.24em;color:#42473e;margin-bottom:14px}
.photographic-caption h1,html[lang='en'] .photographic-caption h1{font-family:inherit;font-size:25px;font-weight:400;line-height:1.4;letter-spacing:.08em}
html[lang='en'] .photographic-caption h1{font-size:23px;letter-spacing:.035em}
.photographic-links{display:flex;gap:33px;justify-content:center;align-items:center;margin-top:22px;font-size:12px}
.photographic-links a{display:inline-flex;align-items:center;gap:24px;padding:5px 0;border-bottom:1px solid #72766c}
.photographic-links a:hover{color:var(--copper);border-color:var(--copper)}
.photographic-stage figcaption{position:absolute;inset:auto 28px 20px;text-align:center;font-size:9px;color:#45483f;line-height:1.7;letter-spacing:.015em}
.editorial-range-nav{padding-block:28px}
@media(max-width:1100px){body:has(.photographic-stage) .header-inner{min-height:84px}}
@media(max-width:600px){
 .header-inner,body:has(.photographic-stage) .header-inner{min-height:74px}
 .photographic-stage{min-height:620px;height:100svh}
 .photographic-stage>img{object-position:49% 60%}
 .photographic-caption{inset:auto 20px 44px}
 .photographic-caption .eyebrow{display:none}
 .photographic-caption h1,html[lang='en'] .photographic-caption h1{font-size:20px;line-height:1.6;letter-spacing:.045em}
 html[lang='en'] .photographic-caption h1{max-width:280px;margin:auto;font-size:20px;line-height:1.4;letter-spacing:.02em}
 .photographic-links{gap:27px;font-size:11px;margin-top:18px}
 .photographic-links a{gap:15px}
 .photographic-stage figcaption{inset:auto 20px 18px;font-size:8px;line-height:1.8;max-width:300px;margin:auto}
 .editorial-range-nav{padding-block:20px}
}
@media(max-width:380px){.photographic-caption h1,html[lang='en'] .photographic-caption h1{font-size:18px}.photographic-links{gap:20px}}

/* Let supplier product images sit on the page instead of inside two grey panels. */
.catalog-product .product-image,.home-range-image{background:transparent!important}
.catalog-product .product-image img,.home-range-image img{filter:brightness(1.12) contrast(1.2);mix-blend-mode:multiply}

/* A photographic furniture catalogue. Original product data and interactions remain. */
:root{--canvas:#f7f6f2;--stone:#efeee8;--ink:#292a26;--ink-soft:#6b6b62;--copper:#555d4c;--gold:#555d4c;--line:#d8d8cf;--max:1344px}
body{background:var(--canvas)}
.eyebrow{display:none!important}
.site-header{background:#22241f;border:0;color:#f5f5ee}
.header-inner{min-height:88px;gap:35px}
.brand-symbol,.brand-copy small{display:none}
.brand-copy strong{font-family:Georgia,'Songti SC','SimSun',serif;font-size:25px;letter-spacing:.05em;font-weight:400}
.nav-links{gap:28px}
.nav-links a,.lang-switch,.menu-toggle{color:#e9e9e0}
.nav-links a:hover,.nav-links a[aria-current='page']{color:#fff}
.nav-links a::after{background:#f0f0e8}
.header-actions .btn{border:0;color:#f4f4eb;background:transparent;padding-inline:0}
.header-actions .btn:hover{background:transparent;color:white}
.mobile-nav{background:#22241f;color:#f5f5ee;border-color:#55584d}
.mobile-nav a{border-color:#55584d}.mobile-nav a.active{color:white}
.premium-pair{display:grid;grid-template-columns:1fr 1fr;height:calc(87svh - 88px);min-height:470px;gap:3px;background:#383a31}
.premium-pair img{display:block;width:100%;height:100%;object-fit:cover}
.premium-pair img:first-child{object-position:52% 64%}
.premium-pair img:last-child{object-position:53% 65%}
.premium-hero-caption{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:22px 40px;background:#22241f;color:#f3f2e9;padding:24px 30px 20px}
.premium-hero-caption h1,html[lang='en'] .premium-hero-caption h1{font-family:inherit;font-size:25px;line-height:1.3;letter-spacing:.04em;font-weight:400}
.premium-hero-caption a{font-size:12px;display:inline-flex;gap:24px;border-bottom:1px solid #b9bbaf;padding-bottom:3px}
.premium-hero-caption p{flex-basis:100%;text-align:center;margin:0;font-size:9px;color:#c5c7bb;line-height:1.7}
.premium-intro{padding-block:85px 66px;text-align:center}
.premium-intro h2{font-size:36px;line-height:1.4;font-weight:400}
.premium-intro nav{margin-top:32px;display:flex;gap:22px 34px;justify-content:center;flex-wrap:wrap}
.premium-intro nav a{display:inline-flex;align-items:center;gap:18px;font-size:13px;padding-bottom:5px;border-bottom:1px solid #b6b8aa}
.premium-featured{padding-block:12px 82px}
.premium-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:38px;padding-top:32px;border-top:1px solid var(--line)}
.premium-section-head h2{font-size:33px;line-height:1.3}
.premium-section-head>a{font-size:12px;display:flex;gap:24px}
.premium-featured .featured-grid{gap:32px}
.premium-featured .catalog-product .product-name{font-size:18px;min-height:3em;font-weight:400}
.premium-featured .catalog-product .product-image{aspect-ratio:1.05}
.premium-featured .product-image img{padding:10px}
.premium-featured .catalog-product-kicker,.premium-featured .product-meta{font-size:11px}
.premium-price-note{font-size:11px;color:var(--ink-soft);text-align:center;margin-top:36px}
.premium-storage{display:grid;grid-template-columns:1.35fr 1fr;background:#ecece5;align-items:center}
.premium-storage figure{position:relative}
.premium-storage img{width:100%;height:580px;object-fit:cover;object-position:53% 55%}
.premium-storage figcaption{position:absolute;bottom:15px;left:22px;color:#ededde;font-size:9px;background:#252921c7;padding:3px 7px}
.premium-storage>div{padding:60px}
.premium-storage h2{font-size:39px;line-height:1.4}
.premium-storage p{font-size:14px;color:var(--ink-soft);line-height:1.9;margin-top:22px}
.premium-storage a{display:inline-flex;gap:30px;font-size:13px;border-bottom:1px solid #969d89;padding-bottom:7px;margin-top:30px}
.premium-project{text-align:center;padding-block:82px 86px}
.premium-project h2{font-size:32px;line-height:1.4}
.premium-project>p{font-size:14px;color:var(--ink-soft);margin-top:18px}
.premium-project>div{display:flex;justify-content:center;flex-wrap:wrap;gap:35px;margin-top:30px}
.premium-project a{display:flex;gap:24px;border-bottom:1px solid #a7ae9c;padding-bottom:6px;font-size:13px}
.site-footer{background:#22241f;color:#e9ebdf}
.footer-brand .brand{font-family:Georgia,'Songti SC','SimSun',serif;font-size:27px;font-weight:400}
.footer-brand>p,.footer-links>strong,.footer-links>.muted,.footer-bottom{color:#b1b5a4}
.site-footer .footer-links a{color:#e9ebdf}
.site-footer .footer-links a:hover{color:#fff}
.footer-bottom{border-color:#4d5344}
.catalog-page .catalog-intro h1{font-size:52px}
.catalog-page .catalog-chips{gap:16px 34px}
.catalog-page .catalog-grid{gap:50px 34px}
.catalog-product .product-name{font-weight:400}
.page-hero h1{font-size:49px}
.partition-stage{background:var(--canvas);height:auto;max-height:none;min-height:0;border-bottom:1px solid var(--line)}
.partition-stage-image,.partition-stage-shade,.partition-stage>.scene-disclaimer{display:none}
.partition-stage-content{min-height:0;color:var(--ink);padding-block:65px 52px}
.partition-stage-content h1{font-size:51px;color:var(--ink)}
.partition-stage-content>p:not(.eyebrow){color:var(--ink-soft);max-width:650px;font-size:15px}
.partition-stage-content .btn{background:var(--ink);color:#fff;min-height:47px}
@media(max-width:1100px){.header-inner{min-height:80px}.premium-pair{height:65svh;min-height:440px}.premium-storage>div{padding:40px}.premium-storage img{height:500px}.premium-featured .featured-grid{gap:22px}.premium-featured .catalog-product .product-name{font-size:16px}}
@media(max-width:700px){
 .header-inner{min-height:76px}.brand-copy strong{font-size:22px}.premium-pair{grid-template-columns:1fr 1fr;height:65svh;min-height:430px;gap:2px}.premium-pair img:first-child{object-position:54% 65%}.premium-pair img:last-child{object-position:48% 65%}
 .premium-hero-caption{padding:22px 20px 18px;gap:16px 25px}.premium-hero-caption h1,html[lang='en'] .premium-hero-caption h1{font-size:21px}.premium-hero-caption a{font-size:11px;gap:15px}.premium-hero-caption p{font-size:8px;max-width:340px;margin:auto}
 .premium-intro{padding-block:50px 40px}.premium-intro h2{font-size:28px}.premium-intro nav{gap:18px 23px;margin-top:25px}.premium-intro nav a{font-size:12px;gap:13px}
 .premium-featured{padding-block:0 50px}.premium-section-head{margin-bottom:25px;padding-top:25px}.premium-section-head h2{font-size:28px}.premium-section-head>a{font-size:11px;gap:15px}.premium-featured .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 17px}.premium-featured .catalog-product .product-name{font-size:15px}.premium-featured .product-image img{padding:4px}.premium-price-note{font-size:10px;line-height:1.9;margin-top:29px}
 .premium-storage{grid-template-columns:1fr}.premium-storage img{height:auto;aspect-ratio:1.15}.premium-storage>div{padding:34px 23px 42px}.premium-storage h2{font-size:32px}.premium-storage p{font-size:13px;margin-top:14px}.premium-storage a{font-size:12px;margin-top:22px}.premium-storage figcaption{left:15px;font-size:8px}
 .premium-project{padding-block:50px 55px}.premium-project h2{font-size:27px}.premium-project>p{font-size:13px}.premium-project>div{gap:25px}.premium-project a{font-size:12px;gap:18px}
 .catalog-page .catalog-intro h1,.page-hero h1{font-size:37px}.catalog-page .catalog-chips{gap:23px}.catalog-page .catalog-grid{gap:35px 16px}.partition-stage-content{padding-block:40px 38px}.partition-stage-content h1{font-size:38px}.partition-stage-content>p:not(.eyebrow){font-size:14px}
}
@media(max-width:380px){.premium-featured .featured-grid{grid-template-columns:1fr}.premium-pair{grid-template-columns:1fr}.premium-pair img:first-child{display:none}.premium-pair img:last-child{object-position:52% 64%}.premium-intro h2{font-size:25px}.premium-project h2{font-size:24px}.catalog-page .catalog-grid{grid-template-columns:1fr}}