/* Hongbang: a quiet, image-led materials catalogue. */
:root {
  color-scheme: light;
  --brand-ink: #182c49;
  --brand-deep: #182c49;
  --brand-accent: #2756c5;
  --brand-paper: #ffffff;
  --surface: #f5f6f8;
  --surface-blue: #eef3fc;
  --text-muted: #59677b;
  --line: #dce2eb;
  --focus-inner: #ffffff;
  --focus-outer: #2756c5;
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;
  color: var(--brand-ink);
  background: var(--brand-paper);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; line-height: 1.8; }
a { color: var(--brand-accent); text-underline-offset: .25em; touch-action: manipulation; }
a:hover { color: #183d94; }
button, summary { touch-action: manipulation; }
a:focus-visible, summary:focus-visible, button:focus-visible { outline: 2px solid var(--focus-inner); outline-offset: 2px; box-shadow: 0 0 0 4px var(--focus-outer); }
img { max-width: 100%; }
h1, h2, h3 { color: var(--brand-ink); line-height: 1.4; text-wrap: balance; scroll-margin-top: 2rem; }
h1 { margin: 0; max-width: 54rem; font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 750; letter-spacing: -.045em; }
h2 { margin: 0 0 1rem; font-size: clamp(1.5rem, 2.8vw, 2.25rem); letter-spacing: -.03em; }
h3 { margin: 0 0 .55rem; font-size: 1.12rem; }
p, li, dd { overflow-wrap: anywhere; }
.site-frame { width: min(100% - 4rem, 76rem); margin-inline: auto; }
.skip-link { position: fixed; z-index: 30; top: .75rem; left: .75rem; padding: .65rem 1rem; color: #fff; background: var(--brand-deep); transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.site-header { position: relative; z-index: 5; border-bottom: 1px solid var(--line); background: #fff; }
.site-utility { color: var(--text-muted); background: var(--surface); font-size: .75rem; }
.utility-frame, .utility-links { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.utility-frame { min-height: 2.25rem; }
.utility-frame p { margin: 0; }
.utility-links a { color: var(--text-muted); text-decoration: none; }
.header-frame { display: grid; grid-template-columns: auto 1fr auto; gap: 2rem; align-items: center; min-height: 6rem; padding-block: 1.1rem; }
.brand { display: flex; gap: .85rem; align-items: center; color: var(--brand-ink); text-decoration: none; }
.brand-mark { display: grid; place-items: center; width: 2.9rem; height: 2.9rem; background: var(--brand-accent); color: #fff; font-size: 1.2rem; font-weight: 800; letter-spacing: -.05em; border-radius: .2rem; }
.brand-copy { display: grid; line-height: 1.3; }
.brand-name { font-size: 1.3rem; letter-spacing: .06em; font-weight: 800; }
.brand-legal { margin-top: .35rem; color: var(--text-muted); font-size: .68rem; }
.primary-navigation { min-width: 0; }
.site-nav { display: flex; align-items: start; justify-content: flex-end; gap: .25rem; margin: 0; padding: 0; list-style: none; }
.site-nav-item { position: relative; min-width: 0; }
.site-nav .site-nav-top-link, .site-nav-group > summary { display: flex; align-items: center; justify-content: center; gap: .5rem; min-height: 2.8rem; padding: .6rem .75rem; font-size: .87rem; font-weight: 600; color: var(--brand-ink); white-space: nowrap; text-decoration: none; }
.site-nav-group { margin: 0; padding: 0; border: 0; background: transparent; }
.site-nav-group > summary { list-style: none; cursor: pointer; }
.site-nav-group > summary::-webkit-details-marker { display: none; }
.site-nav-group > summary::after { content: ""; width: .35rem; height: .35rem; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-.12rem); }
.site-nav-group[open] > summary::after { transform: rotate(225deg); }
.site-nav .site-nav-top-link[aria-current="page"], .site-nav-group[open] > summary, .site-nav a:hover, .site-nav-group > summary:hover { color: var(--brand-accent); background: var(--surface-blue); }
.site-nav-item:last-child > .site-nav-group > summary { color: #fff; background: var(--brand-accent); border-radius: .2rem; }
.site-nav-menu { position: absolute; z-index: 10; top: calc(100% + .35rem); left: 0; min-width: 13rem; margin: 0; padding: .5rem; list-style: none; border: 1px solid var(--line); background: #fff; box-shadow: 0 .7rem 2rem #182c4914; }
.site-nav-item:last-child .site-nav-menu { right: 0; left: auto; }
.site-nav-menu a { display: block; min-height: 2.75rem; padding: .55rem .8rem; color: var(--brand-ink); text-decoration: none; font-size: .86rem; }
.site-nav-menu [aria-current="page"] { color: var(--brand-accent); background: var(--surface-blue); }
main { padding-block: 1.6rem 5rem; }
.page-home main { padding-top: 0; }
.breadcrumbs { margin-bottom: 1.6rem; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .55rem; margin: 0; padding: 0; color: var(--text-muted); list-style: none; font-size: .8rem; }
.breadcrumbs li + li::before { content: "/"; margin-right: .55rem; color: #9aa4b3; }
.breadcrumbs a { color: var(--text-muted); }
.content-page { display: grid; gap: 1.5rem; }
.content-page > * { min-width: 0; }
.content-page > section, .split-panel { padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid var(--line); background: #fff; }
.page-intro { padding: clamp(2rem, 5vw, 4.25rem); background: var(--surface); }
.eyebrow, .section-kicker { margin: 0 0 1rem; color: var(--brand-accent); font-size: .78rem; font-weight: 700; letter-spacing: .08em; }
.opening-answer { max-width: 46rem; margin: 1.5rem 0 0; color: var(--text-muted); font-size: 1.07rem; line-height: 1.9; text-wrap: pretty; }
.content-page--home { gap: 0; }
.content-page--home > section { padding: 5rem 0; border: 0; border-bottom: 1px solid var(--line); }
.content-page--home > .home-video-hero { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(2rem, 5vw, 5rem); align-items: center; padding: 3.2rem 0; border: 0; }
.home-video-copy { padding-block: 1rem; }
.home-video-copy .eyebrow { display: flex; align-items: center; gap: .65rem; margin-bottom: 1.8rem; }
.home-video-copy .eyebrow::before { content: ""; width: 1.7rem; height: 2px; background: currentColor; }
.home-video-copy h1 { max-width: 8.6em; font-size: clamp(2.7rem, 4.4vw, 4.2rem); line-height: 1.32; }
.home-video-copy .opening-answer { max-width: 31rem; font-size: 1rem; margin-top: 1.7rem; }
.home-video-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.4rem; margin-top: 2.1rem; }
.home-hero-media { position: relative; height: clamp(24rem, 36vw, 31rem); overflow: hidden; background: var(--brand-deep); border-radius: .3rem; }
.home-hero-media video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 47%; }
.home-video-shade { position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, #101c2abb); pointer-events: none; }
.home-hero-caption { position: absolute; left: 1.5rem; bottom: 1.5rem; display: grid; gap: .2rem; color: #fff; font-size: .9rem; }
.home-hero-caption span:last-child { color: #e2e6ef; font-size: .72rem; }
.home-video-toggle { position: absolute; right: 1.25rem; bottom: 1.5rem; min-height: 2.75rem; padding: .5rem .8rem; border: 1px solid #ffffff80; border-radius: .2rem; color: #fff; background: #182c49bb; font: inherit; font-size: .75rem; cursor: pointer; }
.content-page--home > .service-signal-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 1.5rem 0 2.3rem; border-bottom: 1px solid var(--line); }
.service-signal-strip > div { display: grid; gap: .3rem; padding: .1rem 1.5rem; border-left: 1px solid var(--line); }
.service-signal-strip > div:first-of-type { padding-left: 0; border-left: 0; }
.service-signal-strip strong { font-size: 1rem; font-weight: 650; }
.service-signal-strip span { color: var(--text-muted); font-size: .78rem; }
.section-heading { max-width: 46rem; margin-bottom: 2rem; }
.section-heading > :last-child { margin-bottom: 0; }
.section-heading p:not(.section-kicker) { color: var(--text-muted); }
.home-section-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: end; max-width: none; margin-bottom: 2.8rem; }
.home-section-heading h2 { margin-bottom: 0; }
.home-section-heading > p { max-width: 29rem; margin: 0; justify-self: end; font-size: .94rem; color: var(--text-muted); }
.section-index { margin-right: .7rem; padding-right: .7rem; border-right: 1px solid #b8c5dc; font-variant-numeric: tabular-nums; }
.home-product-groups { display: grid; gap: 2.8rem; }
.home-product-group-heading { margin-bottom: 1.25rem; }
.home-product-group-heading h3 { margin-bottom: .3rem; font-size: 1.08rem; }
.home-product-group-heading p { margin: 0; color: var(--text-muted); font-size: .84rem; }
.home-product-grid { display: grid; gap: 1.2rem; }
.home-product-grid--base { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.home-product-grid--surface { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.home-product-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; color: var(--brand-ink); text-decoration: none; border: 1px solid var(--line); border-radius: .25rem; }
.home-product-card:hover { color: var(--brand-ink); border-color: #839dcf; }
.home-product-media { display: block; overflow: hidden; aspect-ratio: 4 / 3; background: var(--surface); }
.home-product-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.home-product-body { display: grid; flex: 1; gap: .55rem; padding: 1.25rem; }
.home-product-body strong { font-size: 1.25rem; font-weight: 700; }
.home-product-body small { font-size: .82rem; color: var(--text-muted); }
.home-product-body em { margin-top: .3rem; font-size: .82rem; color: var(--brand-accent); font-style: normal; }
.home-product-grid--surface .home-product-card { display: grid; grid-template-columns: 1fr 1fr; background: var(--surface); }
.home-product-grid--surface .home-product-media { height: 100%; min-height: 14rem; aspect-ratio: auto; }
.home-product-grid--surface .home-product-body { align-content: center; padding: 1.5rem; }
.home-application-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem 1.2rem; }
.home-application-card { min-width: 0; }
.home-application-card figure { margin: 0 0 1rem; aspect-ratio: 4 / 3; overflow: hidden; background: var(--surface); border-radius: .2rem; }
.home-application-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
.home-application-card h3 { font-size: 1rem; }
.home-application-card p { margin: 0; font-size: .82rem; color: var(--text-muted); }
.home-company-profile { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 4rem; }
.home-profile-copy > p:not(.section-kicker) { color: var(--text-muted); }
.home-profile-points { display: grid; gap: .8rem; margin: 1.4rem 0; padding: 0; list-style: none; }
.home-profile-points li { display: grid; gap: .1rem; padding: .7rem 0; border-top: 1px solid var(--line); }
.home-profile-points span { font-size: .87rem; color: var(--text-muted); }
.home-profile-media { margin: 0; overflow: hidden; }
.home-profile-media img { display: block; width: 100%; height: auto; }
.home-profile-media figcaption { padding: .7rem 0; color: var(--text-muted); font-size: .75rem; }
.knowledge-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.knowledge-card { display: flex; flex-direction: column; padding: 1.7rem; background: var(--surface); border-top: 2px solid var(--brand-accent); }
.knowledge-card h3 { font-size: 1.17rem; line-height: 1.65; }
.knowledge-card h3 a { display: block; color: var(--brand-ink); text-decoration: none; }
.knowledge-card h3 a:hover { color: var(--brand-accent); text-decoration: underline; }
.knowledge-card p:not(.section-kicker) { color: var(--text-muted); font-size: .9rem; line-height: 1.9; }
.knowledge-card > .text-link { margin-top: auto; padding-top: .75rem; font-size: .84rem; }
.knowledge-card .section-kicker { font-size: .72rem; }
.knowledge-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2.5rem; }
.knowledge-library-grid .knowledge-card { padding: 2rem 0; background: #fff; border-top: 1px solid var(--line); }
.knowledge-back-link { display: inline-block; margin-bottom: 1.5rem; font-size: .85rem; }
.page-article .page-intro { max-width: 56rem; margin-inline: auto; width: 100%; }
.page-article h1 { font-size: clamp(1.9rem, 3.5vw, 2.75rem); line-height: 1.5; }
.knowledge-article { width: min(100%, 56rem); margin-inline: auto; }
.knowledge-article-body { padding: .5rem clamp(.5rem, 5vw, 4.25rem) 1.5rem; }
.knowledge-article-body section { margin: 2.5rem 0; }
.knowledge-article-body h2 { font-size: 1.45rem; }
.knowledge-article-body p, .knowledge-article-body li { line-height: 2; color: #34455d; }
.knowledge-article > section { padding: 2rem; margin-top: 1.5rem; background: var(--surface); }
.knowledge-related { padding-left: 1.2rem; }
.knowledge-related li + li { margin-top: .65rem; }
.knowledge-categories { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.5rem 0 2.5rem; }
.knowledge-categories a { padding: .65rem 1rem; border: 1px solid var(--line); border-radius: .25rem; text-decoration: none; }
.knowledge-categories span { margin-left: .3rem; color: var(--text-muted); font-size: .85rem; }
.knowledge-group { margin-top: 3rem; }
.knowledge-group h2, .knowledge-article-body h2 { scroll-margin-top: 7rem; }
.article-meta { color: var(--text-muted); font-size: .8rem; }
.article-illustration { margin: 0 0 2rem; }
.article-illustration img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: contain; background: var(--surface); border-radius: 8px; }
.article-illustration figcaption { padding-top: .65rem; color: var(--text-muted); font-size: .85rem; line-height: 1.7; }
.article-toc { padding: 1.25rem 1.5rem; background: var(--surface); border-left: 3px solid var(--brand-accent); }
.article-toc > p { margin: 0 0 .5rem; font-weight: 600; }
.article-toc ol { margin: 0; padding-left: 1.4rem; }
.article-toc li + li { margin-top: .4rem; }
.article-table { margin: 1.5rem 0; }
.article-table caption { text-align: left; font-weight: 600; padding: .8rem 0; color: var(--brand-ink); }
.article-table td { vertical-align: top; line-height: 1.8; }
.process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; margin: 0; padding: 0; list-style: none; }
.process-grid li { display: grid; align-content: start; padding-top: 1rem; border-top: 1px solid var(--line); }
.process-grid li > span { color: var(--brand-accent); font-size: .85rem; font-variant-numeric: tabular-nums; }
.process-grid li > strong { margin-top: .8rem; }
.process-grid li > p { margin-bottom: 0; color: var(--text-muted); font-size: .88rem; }
.home-service-contact { margin-top: 1.8rem; }
.faq-list { display: grid; gap: .75rem; }
.faq-list--two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 2rem; }
details { padding: 1rem 1.2rem; border: 1px solid var(--line); background: #fff; }
summary { cursor: pointer; font-weight: 600; }
.faq-list details { align-self: start; border: 0; border-top: 1px solid var(--line); padding: 1.2rem 0; }
.faq-list details p { color: var(--text-muted); font-size: .94rem; }
.content-page--home > .home-final-action { margin-top: 3rem; padding: 3rem; border: 0; }
.home-final-action { display: grid; grid-template-columns: 1.45fr .55fr; gap: 2rem; align-items: center; background: var(--brand-deep) !important; color: #e2e8f2; }
.home-final-action h2, .home-final-action .section-kicker { color: #fff; }
.home-final-action p:last-child { margin-bottom: 0; }
.home-final-actions { display: grid; gap: 1rem; justify-items: start; }
.home-final-action .text-link { color: #e2e8f2; }
.cta-row { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 1.5rem; }
.button-link { display: inline-flex; min-height: 3rem; align-items: center; justify-content: center; padding: .7rem 1.3rem; border-radius: .2rem; color: #fff; background: var(--brand-accent); font-size: .94rem; font-weight: 600; text-decoration: none; }
.button-link:hover { color: #fff; background: #1c429e; }
.text-link { font-weight: 600; }
.split-panel, .evidence-panel, .tone-panel { display: grid; grid-template-columns: .75fr 1.25fr; gap: 2.5rem; }
.tone-panel, .information-panel, .application-panel { background: var(--surface) !important; }
.evidence-panel { color: #e2e8f2; background: var(--brand-deep) !important; }
.evidence-panel h2, .evidence-panel .section-kicker { color: #fff; }
.evidence-panel a { color: #d1e0ff; }
.content-page--home > .evidence-panel { padding: 2.5rem; border: 0; color: var(--brand-ink); background: var(--surface) !important; }
.content-page--home > .evidence-panel h2 { color: var(--brand-ink); }
.content-page--home > .evidence-panel .section-kicker, .content-page--home > .evidence-panel a { color: var(--brand-accent); }
.content-page--home > .home-service-contact { padding: 2.5rem; border: 0; }
.answer-strip { border-left: 3px solid var(--brand-accent) !important; background: var(--surface-blue) !important; }
.answer-strip > :last-child { margin-bottom: 0; }
.buyer-path-grid, .material-grid, .scene-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.buyer-path-grid a, .material-grid a { display: grid; gap: .6rem; height: 100%; padding: 1.5rem; border: 1px solid var(--line); color: var(--brand-ink); background: var(--surface); text-decoration: none; }
.buyer-path-grid a:hover, .material-grid a:hover { border-color: #839dcf; background: var(--surface-blue); }
.buyer-path-grid strong, .material-grid span { font-size: 1.15rem; font-weight: 700; }
.buyer-path-grid span, .material-grid small { color: var(--text-muted); font-size: .9rem; }
.buyer-path-grid em, .material-grid em { color: var(--brand-accent); font-style: normal; }
.checklist { padding-left: 1.2rem; }
.checklist li + li { margin-top: .6rem; }
.checklist--columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem 2rem; }
.checklist--columns li + li { margin: 0; }
.application-list { margin: 0; padding: 0; list-style: none; }
.application-list li { display: grid; gap: .3rem; padding: .85rem 0; border-bottom: 1px solid var(--line); }
.application-list span { color: var(--text-muted); }
.boundary-note { padding-left: 1rem; border-left: 2px solid var(--brand-accent); }
.panel-link { grid-column: 2; }
.scene-grid article { padding: 1.5rem; background: var(--surface); }
.scene-grid article > span { color: var(--brand-accent); font-size: .85rem; }
.scene-grid article h3 { margin-top: .5rem; }
.scene-grid article p { color: var(--text-muted); margin-bottom: 0; }
.numbered-list { margin: 0; padding-left: 1.4rem; }
.numbered-list li { padding: .5rem 0; }
.data-block + .data-block { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; background: #fff; font-size: .93rem; }
th, td { min-width: 8rem; padding: 1rem; border: 1px solid var(--line); text-align: left; vertical-align: top; }
th { background: var(--surface); }
.classification-list { margin: 1rem 0; }
.classification-list div { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }
.classification-list dt { font-weight: 600; }
.classification-list dd { margin: 0; }
.contact-container { background: var(--surface) !important; }
.inquiry-form { display: grid; gap: .4rem; max-width: 48rem; }
.inquiry-form p { display: grid; gap: .45rem; margin: .55rem 0; }
.inquiry-form label { font-weight: 600; }
.inquiry-form input, .inquiry-form select, .inquiry-form textarea { width: 100%; min-height: 3rem; padding: .7rem .85rem; border: 1px solid #a6b3c6; border-radius: .2rem; color: var(--brand-ink); background: #fff; font: inherit; }
.inquiry-form textarea { min-height: 8rem; resize: vertical; }
.inquiry-form input[type="checkbox"] { width: 1.2rem; min-height: 1.2rem; height: 1.2rem; margin: .3rem 0; padding: 0; accent-color: var(--brand-accent); }
.inquiry-form input:focus, .inquiry-form select:focus, .inquiry-form textarea:focus { border-color: var(--brand-accent); outline: 2px solid var(--brand-accent); outline-offset: 2px; }
.inquiry-form button { justify-self: start; min-height: 3rem; padding: .7rem 1.4rem; border: 0; border-radius: .2rem; color: #fff; background: var(--brand-accent); font: inherit; cursor: pointer; }
.inquiry-form button:hover { background: #1c429e; }
.helptext { color: var(--text-muted); font-size: .85rem; }
.errorlist { margin: .2rem 0; padding: .6rem .8rem; color: #972d25; background: #fff0ee; list-style: none; }
.public-contact-list dd { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; }
.copy-action { min-height: 2.75rem; padding: .35rem .8rem; border: 1px solid #a6b3c6; border-radius: .2rem; color: var(--brand-accent); background: #fff; font: inherit; font-size: .85rem; cursor: pointer; }
.copy-status, .review-date { color: var(--text-muted); font-size: .85rem; }
.home-contact { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.site-footer { padding-block: 3rem; color: #c9d3e2; background: var(--brand-deep); font-size: .85rem; }
.site-footer p { margin: .35rem 0; }
.site-footer a { color: #dce8ff; }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr auto; gap: 2rem; align-items: start; }
.footer-title { color: #fff; font-size: 1.35rem; font-weight: 700; }
.footer-label { color: #fff; font-weight: 600; }
.footer-filing { align-self: end; }
.notice { max-width: 42rem; margin: 12vh auto; padding: 2rem; border: 1px solid var(--line); }
.material-art { overflow: hidden; background: var(--surface); }
.material-art img { display: block; width: 100%; height: auto; max-height: 24rem; object-fit: cover; }
.sample-gallery, .showcase-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.sample-gallery figure, .showcase-grid figure { margin: 0; min-width: 0; overflow: hidden; border: 1px solid var(--line); background: var(--surface); }
.sample-gallery img, .showcase-grid img { display: block; width: 100%; height: 25rem; object-fit: contain; }
.sample-gallery figcaption, .showcase-grid figcaption { display: grid; gap: .4rem; padding: 1.2rem; }
.sample-gallery p { margin-bottom: 0; color: var(--text-muted); }
.sheet-video { display: grid; grid-template-columns: minmax(180px, 300px) minmax(0, 1fr); gap: 3rem; align-items: center; }
.sheet-video video { display: block; width: 100%; max-height: 32rem; object-fit: contain; }
.sheet-media-feature { grid-template-columns: 1.2fr .8fr; }
.sheet-media-feature > img { display: block; width: 100%; height: auto; }
@media (max-width: 1100px) {
  .header-frame { gap: 1rem; }
  .brand-legal { font-size: .6rem; }
  .site-nav .site-nav-top-link, .site-nav-group > summary { padding-inline: .5rem; font-size: .8rem; }
  .home-product-grid--base, .home-application-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-product-grid--surface { grid-template-columns: 1fr; }
  .home-company-profile { gap: 2rem; }
}
@media (max-width: 820px) {
  .site-frame { width: calc(100% - 2.5rem); }
  .header-frame { grid-template-columns: 1fr; gap: 1rem; padding-block: 1.1rem .6rem; }
  .site-nav { justify-content: space-between; }
  .utility-frame > p { display: none; }
  .utility-links { width: 100%; justify-content: space-between; }
  .content-page--home > .home-video-hero { gap: 2rem; }
  .home-video-copy h1 { font-size: 2.65rem; }
  .home-video-copy .opening-answer { font-size: .92rem; }
  .home-video-actions { gap: 1rem; }
  .home-hero-media { height: 27rem; }
  .home-hero-caption { left: 1rem; bottom: 5rem; }
  .content-page--home > section { padding-block: 3.5rem; }
  .service-signal-strip > div { padding-inline: .8rem; }
  .service-signal-strip strong { font-size: .9rem; }
  .home-section-heading { gap: 2rem; }
  .knowledge-grid { grid-template-columns: 1fr; }
  .knowledge-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-company-profile, .split-panel, .evidence-panel, .tone-panel, .home-final-action, .sheet-video { grid-template-columns: 1fr; }
  .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .panel-link { grid-column: 1; }
  .footer-grid { grid-template-columns: 1.3fr 1fr; }
}
@media (max-width: 600px) {
  .site-frame { width: calc(100% - 2rem); }
  .utility-links { gap: .5rem; font-size: .68rem; }
  .brand-mark { width: 2.5rem; height: 2.5rem; }
  .brand-name { font-size: 1.15rem; }
  .brand-legal { font-size: .66rem; }
  .site-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .3rem; }
  .site-nav .site-nav-top-link, .site-nav-group > summary { min-height: 2.75rem; font-size: .8rem; padding-inline: .2rem; }
  .site-nav-menu, .site-nav-item:last-child .site-nav-menu { position: static; min-width: 0; padding: .25rem; box-shadow: none; }
  .site-nav-menu a { padding: .6rem .4rem; font-size: .78rem; }
  .content-page--home > .home-video-hero { grid-template-columns: 1fr; padding-block: 2.6rem 1.75rem; gap: 2rem; }
  .home-video-copy { padding: 0; }
  .home-video-copy h1 { font-size: clamp(2.25rem, 9vw, 3rem); max-width: 8em; }
  .home-video-copy .eyebrow { margin-bottom: 1.3rem; }
  .home-video-copy .opening-answer { margin-top: 1.3rem; }
  .home-video-actions { margin-top: 1.5rem; }
  .home-hero-media { height: 21rem; }
  .home-hero-caption { bottom: 1.2rem; }
  .home-video-toggle { bottom: 1.2rem; right: 1rem; }
  .content-page--home > .service-signal-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-block: .5rem 1.75rem; gap: 1.2rem 0; }
  .service-signal-strip > div { padding: 0 1rem; }
  .service-signal-strip > div:nth-of-type(odd) { border-left: 0; padding-left: 0; }
  .content-page--home > section { padding-block: 3rem; }
  .home-section-heading { grid-template-columns: 1fr; gap: 1rem; margin-bottom: 2rem; }
  .home-section-heading > p { justify-self: start; }
  .home-product-grid { gap: .8rem; }
  .home-product-body { padding: 1rem; }
  .home-product-body strong { font-size: 1.05rem; }
  .home-product-body small { font-size: .78rem; }
  .home-product-grid--surface .home-product-body { padding: 1rem; }
  .home-product-grid--surface .home-product-media { min-height: 12rem; }
  .home-application-grid { gap: 1.5rem 1rem; }
  .home-application-card p { font-size: .8rem; }
  .knowledge-library-grid, .material-grid, .buyer-path-grid, .scene-grid, .checklist--columns, .faq-list--two-columns, .sample-gallery, .showcase-grid, .footer-grid { grid-template-columns: 1fr; }
  .home-final-action { gap: 1.5rem; }
  .content-page--home > .home-final-action { padding: 2rem 1.5rem; }
  .content-page--home > .evidence-panel, .content-page--home > .home-service-contact { padding: 2rem 1.5rem; }
  .content-page > section, .split-panel { padding: 1.5rem; }
  .content-page--home > section { padding-inline: 0; }
  .page-intro { padding: 2rem 1.5rem; }
  .page-intro h1 { font-size: 2rem; }
  .opening-answer { font-size: 1rem; }
  .knowledge-article-body { padding-inline: .5rem; }
  .knowledge-article-body section { margin: 2rem 0; }
  .knowledge-article > section { padding: 1.5rem; }
  .classification-list div { grid-template-columns: 5rem minmax(0, 1fr); gap: .75rem; }
  .sample-gallery img { max-height: 28rem; }
}
@media (max-width: 480px) {
  .utility-links > :last-child { display: none; }
  .home-product-grid--base { grid-template-columns: 1fr; }
  .home-product-grid--base .home-product-card { display: grid; grid-template-columns: 42% 58%; }
  .home-product-grid--base .home-product-media { height: 100%; aspect-ratio: auto; }
  .home-product-media img { object-fit: cover; }
  .home-product-body { gap: .35rem; }
  .process-grid { gap: 1.5rem; }
}
@media (prefers-reduced-motion: no-preference) {
  .button-link, .home-product-card { transition: background-color 150ms ease, border-color 150ms ease; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

.language-switch { display: flex; gap: 0.75rem; align-items: center; justify-self: end; font-size: 0.875rem; }
.language-switch a { text-decoration: none; }
.language-switch a[aria-current="page"] { font-weight: 700; }