:root {
  --sbc-paper: #f7f8f8;
  --sbc-surface: #ffffff;
  --sbc-mist: #eef1f1;
  --sbc-mist-blue: #e7edef;
  --sbc-ink: #17211f;
  --sbc-copy: #4f5b57;
  --sbc-muted: #78837f;
  --sbc-line: rgba(23, 33, 31, 0.13);
  --sbc-line-strong: rgba(23, 33, 31, 0.22);
  --sbc-petrol: #234943;
  --sbc-copper: #a45b3e;
  --sbc-graphite: #272d2b;
  --sbc-shell: 1280px;
  --sbc-gutter: clamp(28px, 5vw, 80px);
  --sbc-radius: 22px;
  --sbc-shadow: 0 18px 48px rgba(28, 44, 40, 0.08), 0 3px 12px rgba(28, 44, 40, 0.035);
}

html { scroll-behavior: smooth; }

body.restored-site {
  overflow-x: hidden;
  background: var(--sbc-paper);
  color: var(--sbc-ink);
  font-family: "SBC Body Sans", "Noto Sans SC", "Microsoft YaHei", sans-serif;
}

.inner-page body.restored-site { padding-top: 72px; }

.site-shell,
.inner-shell {
  width: min(100%, calc(var(--sbc-shell) + 2 * var(--sbc-gutter)));
  margin-inline: auto;
  padding-inline: var(--sbc-gutter);
}

body.restored-site .navbar.restored-nav {
  --nav-current-height: 72px;
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  width: 100%;
  height: var(--nav-current-height);
  min-height: 72px;
  transform: translate3d(0, 0, 0);
  transition: transform 380ms cubic-bezier(.22,1,.36,1), background-color 240ms ease, border-color 240ms ease, box-shadow 240ms ease, backdrop-filter 240ms ease;
  will-change: transform;
}

.home-page body.restored-site .navbar.restored-nav,
.inner-page body.restored-site .navbar.restored-nav {
  transition: transform 380ms cubic-bezier(.22,1,.36,1), background-color 240ms ease, border-color 240ms ease, box-shadow 240ms ease, backdrop-filter 240ms ease !important;
}

.inner-page body.restored-site .navbar.restored-nav {
  background: rgba(247, 248, 248, 0.94);
  border-bottom: 1px solid rgba(23, 33, 31, 0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.home-page body.restored-site .navbar.restored-nav,
.home-page body.restored-site .navbar.restored-nav .nav-container,
.inner-page body.restored-site .navbar.restored-nav .nav-container {
  height: var(--nav-current-height);
  min-height: var(--nav-current-height);
}

.inner-page body.restored-site .restored-nav .logo-link,
.inner-page body.restored-site .restored-nav.navbar-scrolled .logo-link { width: 126px; height: 54px; }
.inner-page body.restored-site .restored-nav .nav-logo-img,
.inner-page body.restored-site .restored-nav.navbar-scrolled .nav-logo-img { width: 100%; height: 100%; object-fit: contain; transform: none; }
.inner-page .nav-links > a { min-height: 72px; font-size: 13px; color: #44504c; }
.inner-page .nav-links > a:hover,
.inner-page .nav-links > a.active { color: var(--sbc-ink); }
.inner-page .nav-links > a.active::after { bottom: 0.8rem; background: var(--sbc-ink); }
body.restored-site .navbar.restored-nav.nav-hidden {
  transform: translate3d(0, calc(-100% - 2px), 0);
}

.nav-scroll-sentinel {
  position: absolute;
  left: 0;
  width: 1px;
  height: 1px;
  visibility: hidden;
  pointer-events: none;
}

.editorial-lead {
  padding: clamp(72px, 8vw, 112px) 0 clamp(54px, 6vw, 86px);
  background: var(--sbc-paper);
}

.editorial-lead-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(280px, 5fr);
  gap: clamp(48px, 8vw, 112px);
  align-items: end;
}

.editorial-kicker {
  margin: 0 0 18px;
  color: var(--sbc-copper);
  font-size: 12px;
  font-weight: 760;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.editorial-lead h1 {
  max-width: 10ch;
  margin: 0;
  color: var(--sbc-ink);
  font-size: clamp(52px, 6vw, 86px);
  font-weight: 680;
  line-height: 1.03;
  letter-spacing: 0;
}

.editorial-lead-copy {
  max-width: 540px;
  margin: 0;
  padding-bottom: 8px;
  color: var(--sbc-copy);
  font-size: 17px;
  line-height: 1.85;
}

.editorial-note {
  margin-top: 22px;
  color: var(--sbc-muted);
  font-size: 13px;
  line-height: 1.7;
}

.chapter-index {
  position: sticky;
  top: 72px;
  z-index: 20;
  background: rgba(247, 248, 248, 0.94);
  border-top: 1px solid var(--sbc-line);
  border-bottom: 1px solid var(--sbc-line);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.inner-page .navbar.nav-hidden + main .chapter-index { top: 0; }

.chapter-index .inner-shell {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.chapter-index a {
  display: flex;
  gap: 12px;
  align-items: center;
  min-height: 66px;
  color: var(--sbc-copy);
  font-size: 13px;
  font-weight: 680;
  text-decoration: none;
  transition: color 220ms ease, background-color 220ms ease;
}

.chapter-index a + a { border-left: 1px solid var(--sbc-line); padding-left: 24px; }
.chapter-index a span { color: var(--sbc-copper); font-variant-numeric: tabular-nums; }
.chapter-index a:hover,
.chapter-index a.is-current { color: var(--sbc-ink); }

.business-chapters { background: var(--sbc-surface); }
.business-chapter { scroll-margin-top: 140px; border-bottom: 1px solid var(--sbc-line); }
.business-chapter-grid {
  display: grid;
  grid-template-columns: minmax(190px, 3fr) minmax(320px, 4.5fr) minmax(380px, 4.5fr);
  gap: clamp(34px, 5vw, 72px);
  align-items: center;
  min-height: 570px;
  padding-top: clamp(64px, 7vw, 96px);
  padding-bottom: clamp(64px, 7vw, 96px);
}

.business-chapter:nth-child(even) .chapter-media { order: -1; }
.chapter-id span { display: block; color: var(--sbc-copper); font-size: 14px; font-weight: 760; }
.chapter-id h2 { margin: 18px 0 8px; font-size: clamp(30px, 3vw, 46px); line-height: 1.1; }
.chapter-id p { margin: 0; color: var(--sbc-muted); font-size: 12px; text-transform: uppercase; }
.chapter-copy > p { margin: 0; color: var(--sbc-copy); font-size: 16px; line-height: 1.85; }
.chapter-subtypes { margin: 28px 0 0; padding: 0; list-style: none; }
.chapter-subtypes li { padding: 10px 0; border-top: 1px solid var(--sbc-line); color: var(--sbc-ink); font-size: 14px; }
.chapter-media { margin: 0; overflow: hidden; border-radius: 18px; background: var(--sbc-mist); box-shadow: var(--sbc-shadow); }
.chapter-media img { display: block; width: 100%; height: 340px; object-fit: cover; filter: saturate(0.88) contrast(1.02); }
.chapter-spec { grid-column: 1 / -1; margin-top: 14px; }

.spec-table { border-top: 1px solid var(--sbc-line-strong); }
.spec-table > div { display: grid; grid-template-columns: minmax(130px, 0.22fr) 1fr; gap: 24px; padding: 13px 0; border-bottom: 1px solid var(--sbc-line); }
.spec-table dt { color: var(--sbc-muted); font-size: 12px; font-weight: 700; }
.spec-table dd { margin: 0; color: var(--sbc-copy); font-size: 14px; line-height: 1.65; }
.text-link { display: inline-flex; gap: 8px; align-items: center; color: var(--sbc-ink); font-weight: 720; text-decoration: none; }
.text-link span { transition: transform 220ms ease; }
.text-link:hover span { transform: translateX(3px); }

.delivery-band { padding: clamp(66px, 8vw, 104px) 0; background: var(--sbc-mist-blue); }
.delivery-band-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(300px, 5fr); gap: clamp(42px, 7vw, 96px); align-items: center; }
.delivery-band figure { margin: 0; overflow: hidden; border-radius: 18px; box-shadow: var(--sbc-shadow); }
.delivery-band img { display: block; width: 100%; height: 380px; object-fit: cover; filter: saturate(0.82) contrast(1.03); }
.delivery-band h2 { margin: 0 0 24px; font-size: clamp(34px, 4vw, 54px); line-height: 1.1; }
.delivery-band p { color: var(--sbc-copy); line-height: 1.8; }

/* Product catalog */
.catalog-section { padding: 0 0 96px; background: var(--sbc-paper); }
.catalog-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 380px); gap: 32px; align-items: end; padding: 32px 0 20px; border-top: 1px solid var(--sbc-line); }
.catalog-results { color: var(--sbc-muted); font-size: 13px; }
.catalog-search { position: relative; display: block; }
.catalog-search span { display: block; margin-bottom: 8px; color: var(--sbc-muted); font-size: 12px; }
.catalog-search input { width: 100%; height: 46px; padding: 0 14px; border: 1px solid var(--sbc-line-strong); border-radius: 10px; background: var(--sbc-surface); color: var(--sbc-ink); font: inherit; outline: none; }
.catalog-search input:focus { border-color: var(--sbc-petrol); box-shadow: 0 0 0 3px rgba(35, 73, 67, 0.08); }
.product-filter { display: flex; gap: 8px; flex-wrap: wrap; padding-bottom: 28px; }
.product-filter button { min-height: 38px; padding: 0 14px; border: 1px solid var(--sbc-line); border-radius: 9px; background: transparent; color: var(--sbc-copy); font: inherit; font-size: 13px; cursor: pointer; transition: color 220ms ease, border-color 220ms ease, background-color 220ms ease; }
.product-filter button:hover,
.product-filter button.active { border-color: var(--sbc-petrol); background: var(--sbc-petrol); color: white; }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.product-card { position: relative; display: flex; flex-direction: column; min-height: 430px; overflow: hidden; border: 1px solid rgba(23,33,31,.1); border-color: rgba(23,33,31,.1) !important; border-radius: 24px; background: var(--sbc-surface); box-shadow: 0 1px 2px rgba(23,33,31,.025), 0 8px 24px rgba(23,33,31,.035); color: var(--sbc-ink); text-decoration: none; transform: translate3d(0,0,0) scale(1); }
.product-card-media { height: 245px; margin: 0; overflow: hidden; background: #eef1ef; }
.product-card-media img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 18px; transform: scale(1); }
.product-card:not(:has(.product-card-media)) { min-height: 280px; background: var(--sbc-mist); }
.product-card-copy { display: flex; flex: 1; flex-direction: column; padding: 22px; }
.product-card-category { margin: 0 0 12px; color: var(--sbc-copper); font-size: 11px; font-weight: 760; }
.product-card h2 { margin: 0; font-size: 25px; line-height: 1.15; transform: translate3d(0,0,0); }
.product-card-en { min-height: 1.4em; margin: 6px 0 0; color: var(--sbc-muted); font-size: 12px; }
.product-card-meta { margin: 20px 0 0; color: var(--sbc-copy); font-size: 13px; line-height: 1.7; }
.product-card-app { margin: 10px 0 0; color: var(--sbc-muted); font-size: 13px; line-height: 1.65; }
.product-card-link { display: inline-block; align-self: flex-start; margin-top: auto; padding-top: 18px; color: var(--sbc-ink); font-size: 13px; font-weight: 720; transform: translate3d(0,0,0); }
.product-card:focus-visible { outline: 2px solid rgba(35,73,67,.72); outline-offset: 4px; }
.product-empty { padding: 54px 0; color: var(--sbc-muted); text-align: center; }
.catalog-scope-note { margin: 28px 0 0; padding: 16px 0; border-top: 1px solid var(--sbc-line); color: var(--sbc-muted); font-size: 13px; }

/* Product detail */
.product-detail-section { padding: 34px 0 96px; background: var(--sbc-paper); }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 28px; color: var(--sbc-muted); font-size: 12px; }
.breadcrumb a { color: inherit; text-decoration: none; }
.detail-identity { display: grid; grid-template-columns: minmax(0, 5fr) minmax(340px, 7fr); gap: clamp(44px, 7vw, 90px); align-items: start; }
.detail-identity > * { min-width: 0; }
.product-detail-media { position: sticky; top: 104px; display: block; grid-template-rows: none; aspect-ratio: 4 / 5; min-height: 0; max-height: calc(100vh - 136px); margin: 0; overflow: hidden; border-radius: 24px; background: var(--sbc-mist); }
.product-detail-media[hidden] { display: none !important; }
.product-detail-media img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; padding: 28px; }
.product-detail-copy { position: relative; min-width: 0; z-index: 1; }
.detail-identity--no-media { grid-template-columns: minmax(0,1fr); }
.detail-identity--no-media .product-detail-copy { width: min(100%,960px); margin-inline: auto; }
.detail-category { margin: 0 0 12px; color: var(--sbc-copper); font-size: 12px; font-weight: 760; }
.product-detail-copy h1 { margin: 0; font-size: clamp(44px, 5vw, 72px); line-height: 1.04; }
.detail-en { margin: 10px 0 0; color: var(--sbc-muted); font-size: 15px; overflow-wrap: anywhere; }
.detail-intro { margin: 30px 0; color: var(--sbc-copy); font-size: 17px; line-height: 1.82; }
.detail-section { padding: 30px 0; border-top: 1px solid var(--sbc-line); }
.detail-section h2 { margin: 0 0 18px; font-size: 22px; }
.detail-section p { margin: 0; color: var(--sbc-copy); line-height: 1.85; }
.document-status { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--sbc-line); border: 1px solid var(--sbc-line); }
.document-status div { padding: 16px; background: var(--sbc-paper); }
.document-status strong { display: block; margin-bottom: 5px; font-size: 13px; }
.document-status span { color: var(--sbc-muted); font-size: 12px; overflow-wrap: anywhere; }
.related-products { margin-top: 78px; padding-top: 36px; border-top: 1px solid var(--sbc-line); }
.related-products h2 { margin: 0 0 24px; font-size: 32px; }
.related-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }

/* About */
.about-claim { padding: 0 0 86px; background: var(--sbc-paper); }
.about-claim-grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(52px, 9vw, 128px); align-items: start; padding-top: 42px; border-top: 1px solid var(--sbc-line); }
.about-claim h2 { max-width: 12ch; margin: 0; font-size: clamp(38px, 4.4vw, 62px); line-height: 1.08; }
.about-claim p { margin: 0; color: var(--sbc-copy); font-size: 16px; line-height: 1.9; }
.fact-rail { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--sbc-line); border-bottom: 1px solid var(--sbc-line); }
.fact-rail div { padding: 26px 0; }
.fact-rail div + div { padding-left: 28px; border-left: 1px solid var(--sbc-line); }
.fact-rail strong { display: block; font-size: 34px; font-weight: 650; }
.fact-rail span { display: block; margin-top: 8px; color: var(--sbc-muted); font-size: 12px; }
.about-operations { padding: 86px 0; background: var(--sbc-surface); }
.about-operations-grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(44px, 7vw, 92px); align-items: center; }
.about-operations figure { margin: 0; overflow: hidden; border-radius: 18px; }
.about-operations img { display: block; width: 100%; height: 430px; object-fit: cover; }
.about-operations h2 { margin: 0 0 22px; font-size: clamp(34px, 3.8vw, 52px); }
.about-operations p { color: var(--sbc-copy); line-height: 1.85; }
.how-we-work { padding: 76px 0; background: var(--sbc-mist); }
.work-steps { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--sbc-line-strong); }
.work-steps article { padding: 24px 22px 0 0; }
.work-steps article + article { padding-left: 22px; border-left: 1px solid var(--sbc-line); }
.work-steps span { color: var(--sbc-copper); font-size: 12px; font-weight: 760; }
.work-steps h3 { margin: 12px 0 8px; font-size: 18px; }
.work-steps p { margin: 0; color: var(--sbc-muted); font-size: 13px; line-height: 1.7; }

/* Compliance */
.compliance-process { padding: 28px 0 90px; background: var(--sbc-paper); }
.process-line { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--sbc-line-strong); }
.process-line article { padding: 28px 24px 0 0; }
.process-line article + article { padding-left: 24px; border-left: 1px solid var(--sbc-line); }
.process-line span { color: var(--sbc-copper); font-size: 12px; font-weight: 760; }
.process-line h2 { margin: 14px 0 20px; font-size: 24px; }
.process-pair { margin: 0; }
.process-pair div { padding: 11px 0; border-top: 1px solid var(--sbc-line); }
.process-pair dt { color: var(--sbc-muted); font-size: 11px; }
.process-pair dd { margin: 5px 0 0; color: var(--sbc-copy); font-size: 13px; line-height: 1.65; }
.document-section { padding: 78px 0; background: var(--sbc-surface); }
.document-grid { display: grid; grid-template-columns: 4fr 8fr; gap: clamp(50px, 8vw, 110px); }
.document-grid h2 { margin: 0; font-size: clamp(34px, 4vw, 52px); }
.document-list { border-top: 1px solid var(--sbc-line-strong); }
.document-list div { display: grid; grid-template-columns: 1fr auto; gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--sbc-line); }
.document-list strong { font-size: 14px; }
.document-list span { color: var(--sbc-muted); font-size: 12px; }
.compliance-photo { margin: 58px 0 0; overflow: hidden; border-radius: 18px; }
.compliance-photo img { display: block; width: 100%; height: 430px; object-fit: cover; }

/* Contact */
.contact-section { padding: 18px 0 96px; background: var(--sbc-paper); }
.contact-grid { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(52px, 9vw, 128px); padding-top: 36px; border-top: 1px solid var(--sbc-line); }
.contact-grid h2 { margin: 0 0 28px; font-size: 34px; }
.contact-prep { margin: 0; padding: 0; counter-reset: prep; list-style: none; }
.contact-prep li { position: relative; padding: 18px 0 18px 50px; border-top: 1px solid var(--sbc-line); color: var(--sbc-copy); line-height: 1.7; }
.contact-prep li::before { position: absolute; left: 0; top: 19px; color: var(--sbc-copper); font-size: 12px; font-weight: 760; counter-increment: prep; content: counter(prep, decimal-leading-zero); }

/* Shared footer */
.canvas-footer { background: var(--sbc-paper); color: var(--sbc-ink); }
.canvas-footer-lead { display: grid; grid-template-columns: minmax(260px,.82fr) minmax(420px,1.18fr); gap: clamp(48px,7vw,104px); align-items: center; padding-top: 72px; padding-bottom: 60px; }
.canvas-footer-calligraphy { display: flex; gap: 13px; align-items: center; width: min(100%,352px); height: 116px; overflow: hidden; }
.canvas-footer-logo { display: block; flex: 0 0 auto; width: 68px; height: auto; }
.canvas-footer-script { display: block; flex: 1 1 auto; width: auto; min-width: 0; max-height: 107px; object-fit: contain; mix-blend-mode: multiply; filter: brightness(0) saturate(100%); opacity: .86; }
.canvas-footer-signature > p { margin: 14px 0 0; font-size: 14px; font-weight: 680; }
.canvas-footer-signature > span { display: block; margin-top: 7px; color: var(--sbc-muted); font-size: 13px; }
.canvas-closing { display: flex; gap: 40px; align-items: flex-end; justify-content: space-between; }
.canvas-closing h2 { margin: 0; font-size: clamp(42px,4.3vw,64px); font-weight: 620; line-height: 1.08; }
.canvas-closing > a { display: inline-flex; gap: 14px; align-items: center; flex: 0 0 auto; margin-bottom: 12px; padding: 16px 0; border-bottom: 1px solid rgba(23,33,31,.42); color: var(--sbc-ink); font-weight: 720; text-decoration: none; }
.canvas-closing a span { transition: transform 220ms ease; }
.canvas-closing a:hover span { transform: translateX(3px); }
.canvas-contact-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: clamp(32px,6vw,86px); padding-top: 32px; padding-bottom: 32px; border-top: 1px solid var(--sbc-line); }
.canvas-contact-grid strong { display: block; margin-bottom: 11px; font-size: 12px; }
.canvas-contact-grid p,
.canvas-contact-grid a { margin: 0; color: var(--sbc-muted); font-size: 13px; line-height: 1.85; text-decoration: none; }
.canvas-contact-grid a:hover { color: var(--sbc-ink); }
.canvas-footer-bottom { display: flex; gap: 28px; align-items: center; justify-content: space-between; padding-top: 20px; padding-bottom: 24px; border-top: 1px solid var(--sbc-line); }
.canvas-footer-bottom p { margin: 0; color: var(--sbc-muted); font-size: 11px; }
.canvas-footer-bottom nav { display: flex; gap: 22px; }
.canvas-footer-bottom a { color: var(--sbc-muted); font-size: 12px; text-decoration: none; }

/* Homepage second-round refinements */
.home-canvas .canvas-hero-proposition { font-size: clamp(1.5rem,2.1vw,2rem); font-weight: 620; }
.home-canvas .canvas-hero-summary { font-size: 1rem; }
.story-fact-rail { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 34px; border-top: 1px solid var(--sbc-line); border-bottom: 1px solid var(--sbc-line); }
.story-fact-rail span { padding: 17px 0; color: var(--sbc-copy); font-size: 12px; }
.story-fact-rail span + span { padding-left: 18px; border-left: 1px solid var(--sbc-line); }
.home-canvas .canvas-transformation { padding: 0; background: linear-gradient(180deg,var(--sbc-paper),#edf0ef 24%,var(--sbc-graphite) 24%,var(--sbc-graphite)); }
.home-canvas .transformation-panel { min-height: 620px; border-radius: 0; background: transparent; box-shadow: none; }
.home-canvas .transformation-layout { grid-template-columns: minmax(300px,4fr) minmax(520px,6fr); gap: clamp(40px,6vw,90px); padding: 72px 0; }
.home-canvas .transformation-copy h2 { font-size: clamp(42px,4.4vw,64px); line-height: 1.06; }
.home-canvas .transformation-copy h2 > span:first-child { display: inline; font-size: inherit; }
.home-canvas .transformation-title-value { display: inline; white-space: normal; }
.home-canvas .transformation-title-value b { color: var(--sbc-copper); font-size: 1.12em; line-height: inherit; }
.home-canvas .transformation-copy p { margin-top: 24px; font-size: 16px; }
.home-canvas .transformation-keywords { gap: 30px; margin-top: 28px; padding: 0; border: 0; }
.home-canvas .transformation-keywords li { font-size: 13px; }
.home-canvas .transformation-keywords li + li::before { display: none; }
.home-canvas .transformation-main { height: 480px; border-radius: 4px; box-shadow: none; }
.home-canvas .transformation-main img { object-position: center 50%; filter: saturate(.74) contrast(1.03) brightness(.9); transform: none; }
.home-canvas .canvas-products { background: var(--sbc-paper); }
.home-business-flow { margin-top: 52px; padding-top: 30px; border-top: 1px solid var(--sbc-line-strong); }
.home-business-flow h3 { margin: 0 0 22px; font-size: 18px; }
.home-business-flow ol { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; padding: 0; list-style: none; counter-reset: flow; }
.home-business-flow li { position: relative; min-height: 92px; padding: 0 24px 0 0; color: var(--sbc-copy); font-size: 13px; line-height: 1.65; }
.home-business-flow li + li { padding-left: 24px; border-left: 1px solid var(--sbc-line); }
.home-business-flow li::before { display: block; margin-bottom: 12px; color: var(--sbc-copper); font-size: 11px; font-weight: 760; counter-increment: flow; content: counter(flow,decimal-leading-zero); }
.home-product-index { padding: 68px 0 76px; background: var(--sbc-surface); }
.home-product-index-grid { display: grid; grid-template-columns: 4fr 8fr; gap: clamp(50px,8vw,110px); }
.home-product-index h2 { margin: 0; font-size: clamp(36px,4.2vw,56px); line-height: 1.08; }
.hover-index { border-top: 1px solid var(--sbc-line-strong); }
.hover-index a { display: grid; grid-template-columns: 36px 1fr auto; gap: 20px; align-items: center; min-height: 58px; border-bottom: 1px solid var(--sbc-line); color: var(--sbc-ink); text-decoration: none; transition: padding 280ms cubic-bezier(.22,1,.36,1), background-color 220ms ease; }
.hover-index a:hover { padding-inline: 10px; background: var(--sbc-mist); }
.hover-index span { color: var(--sbc-copper); font-size: 11px; }
.hover-index strong { font-size: 16px; }
.hover-index em { color: var(--sbc-muted); font-size: 12px; font-style: normal; }

@media (prefers-reduced-motion: no-preference) {
  .inner-page .chapter-index {
    transition: top 380ms cubic-bezier(.22,1,.36,1) !important;
  }
  .inner-page .product-card {
    transition: border-color 220ms ease, box-shadow 220ms ease !important;
  }
  .inner-page .product-card-media img {
    transition: none !important;
  }
  .inner-page .product-card h2 {
    transition: none !important;
  }
  .inner-page .product-card-link {
    transition: color 220ms ease !important;
  }
  @media (hover: hover) and (pointer: fine) {
    .inner-page .product-card:hover {
      border-color: rgba(23,33,31,.18) !important;
      box-shadow: 0 3px 8px rgba(23,33,31,.055), 0 22px 52px rgba(23,33,31,.11) !important;
      transform: none !important;
    }
    .inner-page .product-card:hover .product-card-media img,
    .inner-page .product-card:hover h2 { transform: none !important; }
    .inner-page .product-card:hover .product-card-link { color: var(--sbc-petrol); transform: none !important; }
    .inner-page .product-card:active { transform: none !important; }
  }
  .inner-page.js-enabled [data-reveal] { opacity: 0; transform: translateY(12px); transition: opacity 620ms ease, transform 720ms cubic-bezier(.22,1,.36,1); }
  .inner-page.js-enabled [data-reveal].is-visible { opacity: 1; transform: translateY(0); }
}

@supports (corner-shape: squircle) {
  .product-card,
  .product-detail-media { corner-shape: squircle; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .home-page body.restored-site .navbar.restored-nav,
  .inner-page body.restored-site .navbar.restored-nav { transition: none !important; }
}

@media (max-width: 1024px) {
  .editorial-lead-grid,
  .about-claim-grid,
  .about-operations-grid,
  .document-grid,
  .contact-grid { grid-template-columns: 1fr; gap: 36px; }
  .business-chapter-grid { grid-template-columns: 3fr 5fr; }
  .chapter-media { grid-column: 1 / -1; }
  .business-chapter:nth-child(even) .chapter-media { order: initial; }
  .product-grid { grid-template-columns: repeat(2,1fr); }
  .detail-identity { grid-template-columns: 1fr 1.25fr; }
  .home-product-index-grid { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .detail-identity { grid-template-columns: 1fr; gap: 36px; }
  .product-detail-media {
    position: relative;
    top: auto;
    width: min(100%, 680px);
    height: clamp(360px, 60vw, 500px);
    aspect-ratio: auto;
    max-height: none;
  }
}

@media (max-width: 760px) {
  :root { --sbc-gutter: 20px; }
  .inner-page body.restored-site { padding-top: 68px; }
  .home-page body.restored-site .navbar.restored-nav,
  .inner-page body.restored-site .navbar.restored-nav {
    --nav-current-height: 68px;
    height: 68px;
    min-height: 68px;
  }
  .home-page body.restored-site .navbar.restored-nav .logo-link,
  .home-page body.restored-site .navbar.restored-nav.navbar-scrolled .logo-link,
  .inner-page body.restored-site .navbar.restored-nav .logo-link,
  .inner-page body.restored-site .navbar.restored-nav.navbar-scrolled .logo-link {
    width: 108px !important;
    height: 48px !important;
  }
  .editorial-lead { padding-top: 52px; }
  .editorial-lead h1 { font-size: clamp(44px,14vw,64px); }
  .editorial-lead-grid { grid-template-columns: 1fr; }
  .chapter-index { top: 68px; overflow-x: auto; }
  .chapter-index .inner-shell { width: max-content; grid-template-columns: repeat(4,150px); padding-inline: 20px; }
  .business-chapter-grid { grid-template-columns: 1fr; min-height: 0; }
  .chapter-media,
  .chapter-spec { grid-column: auto; }
  .chapter-media img,
  .delivery-band img,
  .about-operations img,
  .compliance-photo img { height: 280px; }
  .delivery-band-grid,
  .detail-identity { grid-template-columns: 1fr; }
  .catalog-toolbar { grid-template-columns: 1fr; }
  .product-grid { grid-template-columns: 1fr; }
  .product-card { min-height: 0; }
  .product-detail-media { position: relative; top: auto; width: 100%; height: clamp(300px,92vw,380px); min-height: 0; max-height: none; aspect-ratio: auto; }
  .product-detail-media img { height: 100%; padding: 22px; }
  .related-product-grid { grid-template-columns: 1fr; }
  .fact-rail,
  .process-line,
  .work-steps { grid-template-columns: 1fr 1fr; }
  .process-line article:nth-child(3),
  .process-line article:nth-child(4),
  .work-steps article:nth-child(3),
  .work-steps article:nth-child(4) { margin-top: 28px; }
  .document-status { grid-template-columns: 1fr; }
  .canvas-footer-lead,
  .canvas-contact-grid { grid-template-columns: 1fr; }
  .canvas-closing { display: block; }
  .canvas-closing > a { margin-top: 28px; }
  .canvas-footer-bottom { display: block; }
  .canvas-footer-bottom nav { margin-top: 12px; }
  .story-fact-rail { grid-template-columns: 1fr 1fr; }
  .home-canvas .transformation-layout { grid-template-columns: 1fr; padding: 56px 0; }
  .home-canvas .transformation-main { height: 360px; }
  .home-business-flow ol { grid-template-columns: 1fr 1fr; gap: 24px 0; }
  .hover-index a { grid-template-columns: 28px 1fr; }
  .hover-index em { display: none; }
}