:root {
  --ink: #15130f;
  --muted: #6f6960;
  --paper: #f7f4ee;
  --white: #fffdf9;
  --line: #d9d2c6;
  --leather: #9a7040;
  --leather-dark: #72502e;
  --dark: #171612;
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --section-title-size: clamp(36px, 2.7vw, 40px);
  --control-font: 600 13px/1.4 var(--sans);
  --control-tracking: .02em;
}

* { box-sizing: border-box; }
html { max-width: 100%; overflow-x: clip; scroll-behavior: smooth; }
body { max-width: 100%; margin: 0; overflow-x: clip; color: var(--ink); background: var(--white); font: 16px/1.65 var(--sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; }
img { display: block; width: 100%; height: auto; }
::selection { color: var(--white); background: var(--leather-dark); }
:focus-visible { outline: 3px solid #b8874f; outline-offset: 4px; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: var(--serif); font-weight: 400; letter-spacing: -.045em; }
h2 { margin-bottom: 0; font-size: clamp(44px, 4.7vw, 68px); line-height: 1; }
em { color: var(--leather); font-weight: 400; }
.section { padding: 108px max(5vw, 34px); }
.eyebrow { margin-bottom: 24px; color: var(--leather-dark); font-size: 11px; font-weight: 800; letter-spacing: .18em; }
.eyebrow-light { color: #d8bc94; }

.site-header { position: sticky; z-index: 50; top: 0; display: grid; grid-template-columns: 280px 1fr 210px; align-items: center; height: 92px; padding: 0 max(4.5vw, 30px); background: rgba(255,253,249,.94); border-bottom: 1px solid rgba(21,19,15,.12); backdrop-filter: blur(16px); }
.brand { display: flex; align-items: center; gap: 13px; text-decoration: none; }
.brand img { width: 48px; height: 48px; object-fit: contain; }
.brand span { display: grid; line-height: 1; }
.brand strong { font: 600 14px/1 var(--serif); letter-spacing: .12em; }
.brand small { margin-top: 7px; color: var(--muted); font-size: 7px; letter-spacing: .2em; }
.site-header nav { display: flex; justify-content: center; gap: 34px; }
.site-header nav a { font-size: 13px; text-decoration: none; }
.site-header nav a.active { color: var(--leather-dark); }
.nav-toggle { display: none; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.header-cta { justify-self: end; display: inline-flex; min-height: 44px; align-items: center; padding: 13px 17px; color: #fff; background: var(--ink); font-size: 11px; letter-spacing: .05em; text-decoration: none; }
.header-cta span { margin-left: 18px; color: #d8bc94; }

.hero { display: grid; grid-template-columns: .83fr 1.17fr; min-height: calc(100vh - 92px); background: var(--paper); }
.hero-copy { display: flex; flex-direction: column; justify-content: center; padding: 90px 6vw 70px max(5vw, 34px); }
.hero h1 { margin: 0; font-size: clamp(56px, 5.5vw, 80px); line-height: .96; }
.hero-lead { max-width: 570px; margin: 34px 0 0; color: var(--muted); font-size: 16px; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 40px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 51px; padding: 0 24px; border: 1px solid var(--ink); font-size: 11px; font-weight: 750; letter-spacing: .06em; text-decoration: none; }
.button-dark { color: #fff; background: var(--ink); }
.button-light { margin-top: 36px; color: var(--ink); background: var(--white); border-color: var(--white); }
.text-link { font-size: 12px; font-weight: 700; text-decoration: none; }
.text-link span { margin-left: 10px; color: var(--leather); }
.hero-note { margin: auto 0 0; color: #8b857b; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.hero-media { position: relative; min-height: 690px; overflow: hidden; }
.hero-media > img { height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.22,1,.36,1); }
.hero-media:hover > img { transform: scale(1.025); }
.media-caption { position: absolute; right: 24px; bottom: 24px; display: flex; gap: 16px; width: auto; max-width: 300px; padding: 15px 19px; color: var(--ink); background: rgba(255,253,249,.9); border: 1px solid rgba(255,255,255,.75); backdrop-filter: blur(14px); box-shadow: 0 12px 30px rgba(21,19,15,.12); }
.media-caption span { color: var(--leather-dark); font: 17px var(--serif); }
.media-caption p { margin: 0; font-family: var(--serif); line-height: 1.25; }
.media-caption small { color: var(--muted); font: 9px var(--sans); letter-spacing: .08em; }

.proof-strip { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--white); }
.proof-strip div { display: grid; gap: 5px; padding: 27px 3vw; border-left: 1px solid var(--line); }
.proof-strip div:first-child { border-left: 0; }
.proof-strip strong { font: 26px var(--serif); }
.proof-strip span { color: var(--muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }

.intro { background: var(--white); }
.intro-grid { display: grid; grid-template-columns: 1.15fr .65fr; gap: 12vw; align-items: end; }
.intro-grid h2 { font-size: clamp(45px, 4.6vw, 70px); }
.intro-grid > div { color: var(--muted); font-size: 16px; }

.collections { background: var(--paper); }
.section-head { display: grid; grid-template-columns: 1fr 360px; gap: 8vw; align-items: end; margin-bottom: 62px; }
.section-head > p { margin-bottom: 2px; color: var(--muted); }
.collection-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.collection-card { position: relative; display: grid; grid-template-rows: auto 1fr; overflow: hidden; background: var(--white); border: 1px solid var(--line); }
.collection-card img { height: 350px; padding: 20px; object-fit: contain; background: #fff; transition: transform .8s cubic-bezier(.22,1,.36,1); }
.collection-card:hover img { transform: scale(1.035); }
.collection-card > div { display: flex; min-height: 230px; flex-direction: column; padding: 25px 24px 27px; border-top: 1px solid var(--line); }
.collection-card span { color: var(--leather-dark); font: 16px var(--serif); }
.collection-card h3 { margin: 13px 0 13px; font: 29px/1.02 var(--serif); }
.collection-card p { margin: 0 0 22px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.collection-card a { margin-top: auto; font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }

.product-directions { background: var(--white); border-top: 1px solid var(--line); }
.product-directions__intro { display: grid; grid-template-columns: 1.2fr .8fr; gap: 9vw; align-items: end; margin-bottom: 54px; }
.product-directions__intro h2 { max-width: 850px; font-size: clamp(44px, 4.8vw, 72px); }
.product-directions__intro > div:last-child { max-width: 560px; color: var(--muted); }
.product-directions__intro .text-link { display: inline-flex; margin-top: 16px; color: var(--ink); }
.product-direction-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.product-direction-card { display: grid; min-width: 0; grid-template-rows: auto 1fr; overflow: hidden; border-left: 1px solid var(--line); background: var(--white); }
.product-direction-card:first-child { border-left: 0; }
.product-direction-card img { width: 100%; height: auto; aspect-ratio: 1; padding: 0; object-fit: cover; background: var(--paper); transition: transform .7s cubic-bezier(.22,1,.36,1); }
.product-direction-card > div { position: relative; z-index: 1; display: flex; min-height: 126px; padding: 20px 18px 22px; flex-direction: column; background: var(--white); border-top: 1px solid var(--line); }
.product-direction-card p { margin-bottom: 14px; color: var(--muted); font: 22px/1.1 var(--serif); }
.product-direction-card a { display: inline-flex; gap: 10px; min-height: 44px; align-items: center; margin-top: auto; font-size: 11px; font-weight: 800; line-height: 1.35; letter-spacing: .06em; text-transform: uppercase; }
.product-direction-card a span { color: var(--leather-dark); font-size: 14px; }
@media (hover: hover) and (pointer: fine) { .product-direction-card:hover img { transform: scale(1.035); } }

.capabilities { display: grid; grid-template-columns: .85fr 1.15fr; gap: 10vw; color: #fff; background: var(--dark); }
.capability-copy { align-self: center; }
.capability-copy > p:not(.eyebrow) { max-width: 560px; margin-top: 32px; color: rgba(255,255,255,.58); font-size: 16px; }
.capability-list { border-top: 1px solid rgba(255,255,255,.16); }
.capability-list > div { display: grid; grid-template-columns: 55px 150px 1fr; gap: 25px; padding: 29px 0; border-bottom: 1px solid rgba(255,255,255,.16); }
.capability-list span { color: #c8a97c; font: 18px var(--serif); }
.capability-list strong { font: 24px var(--serif); }
.capability-list p { margin: 0; color: rgba(255,255,255,.53); font-size: 13px; }

.factory { background: var(--white); }
.factory-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, .7fr); gap: clamp(48px, 6vw, 96px); align-items: center; }
.factory-grid > *, .choice-band > *, .spec-band > * { min-width: 0; }
.factory-photo img { aspect-ratio: 4/3; object-fit: cover; }
.factory-photo > p { display: flex; justify-content: space-between; margin: 12px 0 0; color: var(--muted); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.factory-photo > p span { color: var(--leather-dark); font-weight: 800; }
.factory-copy > p:not(.eyebrow) { margin-top: 30px; color: var(--muted); font-size: 16px; }
.factory-copy h2 { max-width: 11ch; font-size: clamp(46px, 4.6vw, 70px); text-wrap: balance; overflow-wrap: normal; }
.factory-copy ul { padding: 0; margin: 35px 0 28px; list-style: none; border-top: 1px solid var(--line); }
.factory-copy li { padding: 13px 0; border-bottom: 1px solid var(--line); }
.factory-copy li span { display: inline-block; width: 42px; color: var(--leather-dark); font: 14px var(--serif); }

.process { background: var(--paper); }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); padding: 0; margin: 0; list-style: none; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.process-grid li { min-height: 315px; padding: 30px; border-left: 1px solid var(--line); }
.process-grid li:first-child { border-left: 0; }
.process-grid span { color: var(--leather-dark); font: 19px var(--serif); }
.process-grid h3 { margin: 72px 0 15px; font: 26px/1.08 var(--serif); }
.process-grid p { color: var(--muted); font-size: 13px; }
.process-grid-visual { border-color: rgba(255,255,255,.24); background: #171411; }
.process-grid-visual li {
  position: relative;
  isolation: isolate;
  display: flex;
  min-height: 390px;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  color: #fff;
  border-color: rgba(255,255,255,.24);
  background: var(--process-image) center / cover no-repeat;
}
.process-grid-visual li::before {
  position: absolute;
  z-index: -2;
  inset: 0;
  content: "";
  background: #41362d;
  opacity: .72;
  mix-blend-mode: multiply;
  transition: opacity .45s ease;
}
.process-grid-visual li::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, rgba(13,11,9,.08) 15%, rgba(13,11,9,.2) 48%, rgba(13,11,9,.9) 100%);
}
.process-grid-visual li:hover::before { opacity: .58; }
.process-grid-visual span { color: #d8b88c; }
.process-grid-visual h3 { margin-top: 112px; font-size: 30px; }
.process-grid-visual p { max-width: 28ch; color: rgba(255,255,255,.76); }

.editorial { display: grid; grid-template-columns: .9fr 1.1fr; gap: 0; padding: 0; background: #dfd8cd; }
.editorial-image img { height: 720px; object-fit: cover; }
.editorial-copy { display: flex; flex-direction: column; justify-content: center; padding: 8vw; }
.editorial-copy blockquote { max-width: 700px; margin: 0; font: 48px/1.08 var(--serif); letter-spacing: -.03em; }
.editorial-copy > p:not(.eyebrow) { max-width: 540px; margin-top: 35px; color: var(--muted); }

.contact { display: grid; grid-template-columns: .82fr 1.18fr; gap: 10vw; color: #fff; background: #826039; }
.contact-copy > p:not(.eyebrow) { max-width: 510px; margin-top: 32px; color: rgba(255,255,255,.68); font-size: 16px; }
.contact em { color: #f0d7b2; }
.quote-form { display: grid; grid-template-columns: 1fr 1fr; gap: 23px 26px; padding: 42px; color: var(--ink); background: var(--white); }
.quote-form label { color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.quote-form input, .quote-form select, .quote-form textarea { width: 100%; margin-top: 8px; padding: 13px 0; color: var(--ink); background: transparent; border: 0; border-bottom: 1px solid #9c958a; border-radius: 0; font: 16px var(--sans); }
.quote-form input:focus, .quote-form select:focus, .quote-form textarea:focus { outline: 0; border-bottom-color: var(--leather-dark); box-shadow: 0 2px 0 var(--leather-dark); }
.quote-form textarea { min-height: 95px; resize: vertical; }
.quote-form .full { grid-column: 1/-1; }
.quote-form button { grid-column: 1/-1; display: flex; justify-content: space-between; padding: 17px 19px; color: #fff; background: var(--ink); border: 0; font-weight: 750; }
.quote-form button span { color: #d8bc94; }
.quote-form .wpcf7 { grid-column: 1/-1; }
.quote-form .wpcf7-form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; }
.quote-form .wpcf7-form > p { margin: 0; }
.quote-form .wpcf7-form > p:has(textarea), .quote-form .wpcf7-form > p:has(input[type="submit"]) { grid-column: 1/-1; }
.quote-form .wpcf7-spinner { display: none; }
.quote-form input[type="submit"] { width: 100%; min-height: 52px; padding: 17px 19px; color: #fff; background: var(--ink); border: 0; font-weight: 750; cursor: pointer; }
.quote-form input[type="submit"]:hover { background: #2a2823; }
.quote-form .wpcf7-not-valid-tip { margin-top: 7px; color: #9b2c25; font-size: 12px; font-weight: 650; letter-spacing: 0; text-transform: none; }
.quote-form .wpcf7-response-output { grid-column: 1/-1; margin: 4px 0 0 !important; padding: 13px 15px !important; border: 1px solid currentColor !important; font-size: 13px; }

footer { display: grid; grid-template-columns: 1.25fr .62fr 1fr .72fr; gap: clamp(34px,5vw,82px); padding: 56px max(5vw,34px) 24px; color: rgba(255,255,255,.62); background: #0d0d0b; }
footer > div { display: grid; align-content: start; gap: 7px; }
footer strong { color: #fff; font: 20px var(--serif); letter-spacing: .12em; }
footer small { margin-bottom: 8px; color: #c8a97c; font-size: 9px; letter-spacing: .16em; }
footer a { color: #fff; }
.footer-project { justify-content: space-between; width: min(100%,260px); min-height: 46px; margin-top: 19px; padding: 0 14px; border: 1px solid rgba(255,255,255,.24); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.footer-project b { color: #d6b17b; font-size: 15px; font-weight: 400; }
footer > p { grid-column: 1/-1; margin: 32px 0 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12); font-size: 11px; }

/* Trust, sourcing and conversion additions */
.commercial-note { margin: 0; padding: 16px max(5vw,34px) 20px; color: var(--muted); background: var(--white); border-bottom: 1px solid var(--line); font-size: 11px; }
.section-tight.commercial-note { padding-top: 18px; padding-bottom: 45px; background: var(--paper); }
.buyer-confidence, .company-identity, .verification, .product-brief, .faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9vw; align-items: start; }
.buyer-confidence { background: var(--paper); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.buyer-confidence h2, .company-identity h2, .verification h2, .product-brief h2, .faq h2 { font-size: clamp(42px,4.5vw,68px); }
.buyer-confidence dl, .company-identity dl { margin: 0; border-top: 1px solid var(--line); }
.buyer-confidence dl div, .company-identity dl div { display: grid; grid-template-columns: .42fr 1fr; gap: 24px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.buyer-confidence dt, .company-identity dt { color: var(--leather-dark); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.buyer-confidence dd, .company-identity dd { margin: 0; color: var(--muted); }
.product-options { padding-left: 18px; color: var(--muted); font-size: 12px; }
.product-options li { margin: 6px 0; }
.product-brief ol { display: grid; grid-template-columns: 1fr 1fr; padding: 0; margin: 0; list-style: none; border-top: 1px solid var(--line); }
.product-brief li { min-height: 190px; padding: 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.product-brief li:nth-child(even) { border-right: 0; }
.product-brief li span { color: var(--leather-dark); font: 17px var(--serif); }
.product-brief li strong { display: block; margin: 34px 0 8px; font: 23px var(--serif); }
.product-brief li p { margin: 0; color: var(--muted); font-size: 12px; }
.verification { background: var(--paper); }
.verification > div > p:not(.eyebrow) { margin-top: 28px; color: var(--muted); }
.verification ul { padding: 0; margin: 0; list-style: none; border-top: 1px solid var(--line); }
.verification li { padding: 20px 0; border-bottom: 1px solid var(--line); }
.company-identity { background: var(--white); }
.company-identity a { overflow-wrap: anywhere; }
.form-intro, .form-privacy { grid-column: 1/-1; margin: 0; }
.form-intro { color: var(--muted); font-size: 13px; }
.form-privacy { color: var(--muted); font-size: 10px; }
.faq { background: var(--paper); }
.faq details { border-top: 1px solid var(--line); }
.faq details:last-child { border-bottom: 1px solid var(--line); }
.faq summary { padding: 21px 30px 21px 0; cursor: pointer; font: 22px/1.25 var(--serif); }
.faq details p { max-width: 760px; color: var(--muted); }
.floating-whatsapp { position: fixed; z-index: 45; right: 22px; bottom: max(22px, env(safe-area-inset-bottom)); display: inline-flex; min-height: 44px; align-items: center; padding: 13px 17px; color: #fff; background: #176f43; box-shadow: 0 12px 32px rgba(0,0,0,.24); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-decoration: none; }
.page-template-page-contact .floating-whatsapp { display: none; }

/* Internal pages */
.page-hero { display: grid; grid-template-columns: 1.35fr .65fr; gap: 10vw; align-items: end; padding: 120px max(5vw,34px) 90px; background: var(--paper); }
.page-hero h1, .split-hero h1, .factory-hero h1, .contact-hero h1 { margin: 0; font: 400 clamp(58px,5.5vw,80px)/.97 var(--serif); letter-spacing: -.04em; }
.page-hero > p { max-width: 480px; margin-bottom: 8px; color: var(--muted); font-size: 17px; }
.section-tight { padding: 0 max(5vw,34px) 120px; background: var(--paper); }
.buyer-strip { display: grid; grid-template-columns: repeat(4,1fr); padding: 0 max(5vw,34px); background: var(--paper); }
.buyer-strip div { display: grid; gap: 4px; padding: 24px; border: 1px solid var(--line); border-right: 0; background: rgba(255,253,249,.75); }
.buyer-strip div:last-child { border-right: 1px solid var(--line); }
.catalog-download { display: grid; grid-template-columns: 1fr auto; gap: 8vw; align-items: end; padding: 70px max(5vw,34px); color: #fff; background: var(--dark); }
.catalog-download h2 { max-width: 820px; font-size: clamp(42px,4.5vw,66px); }
.catalog-download > div:first-child > p:last-child { max-width: 620px; margin: 25px 0 0; color: rgba(255,255,255,.58); }
.catalog-download > div:last-child { display: flex; align-items: center; gap: 28px; }
.catalog-download .button-dark { color: var(--ink); background: var(--white); border-color: var(--white); }
.catalog-download .text-link { white-space: nowrap; }
.buyer-strip strong { font: 24px var(--serif); }
.buyer-strip span { color: var(--muted); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.catalog-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; }
.catalog-card { display: grid; grid-template-columns: 1.08fr .92fr; min-height: 520px; background: var(--white); border: 1px solid var(--line); overflow: hidden; }
.catalog-card img { height: 100%; padding: 16px; box-sizing: border-box; object-fit: contain; object-position: center center; background: #fff; transition: transform .8s cubic-bezier(.22,1,.36,1); }
.catalog-card:hover img { transform: scale(1.035); }
.catalog-card > div { display: flex; flex-direction: column; padding: 38px 32px; }
.catalog-card span { color: var(--leather-dark); font: 18px var(--serif); }
.catalog-card h2 { margin: auto 0 18px; font-size: 42px; }
.catalog-card p { color: var(--muted); font-size: 13px; }
.catalog-card a { margin-top: 20px; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.choice-band, .spec-band { display: grid; grid-template-columns: minmax(160px, 280px) minmax(0, 880px); justify-content: space-between; gap: clamp(48px, 8vw, 120px); padding: 92px max(5vw,34px); color: #fff; background: var(--dark); }
.choice-band h2, .spec-band h2 { max-width: 13ch; font-size: clamp(42px,4.2vw,64px); text-wrap: balance; overflow-wrap: normal; }
.choice-matrix { grid-template-columns: minmax(300px,.78fr) minmax(560px,1.22fr); gap: clamp(52px,7vw,108px); align-items: start; }
.choice-matrix__intro h2 { max-width: 11ch; margin-top: 27px; font-size: clamp(42px,3.7vw,56px); }
.choice-matrix__intro > p:last-child { max-width: 470px; margin: 25px 0 0; color: rgba(255,255,255,.58); font-size: 14px; }
.choice-matrix__grid { display: grid; grid-template-columns: 1fr 1fr; padding: 0; margin: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.2); border-left: 1px solid rgba(255,255,255,.2); }
.choice-matrix__grid li { min-height: 182px; padding: 23px 25px; border-right: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.choice-matrix__grid span { color: #c8a97c; font: 17px var(--serif); }
.choice-matrix__grid strong { display: block; margin: 38px 0 8px; color: #fff; font: 23px var(--serif); }
.choice-matrix__grid p { max-width: 34ch; margin: 0; color: rgba(255,255,255,.56); font-size: 12px; }
.page-cta { padding: 120px max(5vw,34px); text-align: center; background: var(--white); }
.page-cta h2 { max-width: 900px; margin: 0 auto 42px; font-size: clamp(48px,5.4vw,78px); }
.split-hero { display: grid; grid-template-columns: .9fr 1.1fr; min-height: 760px; background: var(--paper); }
.split-hero > div { display: flex; flex-direction: column; justify-content: center; padding: 90px max(5vw,34px); }
.split-hero > div > p:not(.eyebrow) { max-width: 560px; margin: 35px 0; color: var(--muted); font-size: 16px; }
.split-hero .button { align-self: flex-start; }
.split-hero > img { height: 100%; object-fit: cover; }
.service-stack { background: var(--white); }
.service-grid, .value-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.service-grid article, .value-grid article { min-height: 300px; padding: 30px; border-left: 1px solid var(--line); }
.service-grid article:first-child, .value-grid article:first-child { border-left: 0; }
.service-grid span, .value-grid span { color: var(--leather-dark); font: 18px var(--serif); }
.service-grid h3, .value-grid h3 { margin: 80px 0 16px; font: 29px var(--serif); }
.service-grid p, .value-grid p { color: var(--muted); font-size: 13px; }
.visual-services article { display: grid; grid-template-rows: 230px 1fr; padding: 0; overflow: hidden; }
.visual-services article > img { height: 230px; object-fit: cover; transition: transform .7s cubic-bezier(.22,1,.36,1); }
.visual-services article:nth-child(3) > img { object-position: center 46%; }
.visual-services article:hover > img { transform: scale(1.035); }
.visual-services article > div { padding: 26px 25px 30px; }
.visual-services h3 { margin-top: 28px; }
.visual-note { margin: 18px 0 0; color: var(--muted); font-size: 11px; letter-spacing: .02em; }
.spec-band dl { margin: 0; }
.spec-band dl div { display: grid; grid-template-columns: 1fr 1fr; padding: 21px 0; border-top: 1px solid rgba(255,255,255,.18); }
.spec-band dt { color: rgba(255,255,255,.55); }
.spec-band dd { margin: 0; font: 25px var(--serif); }
.spec-band h2 { max-width: 11ch; font-size: clamp(42px,3.7vw,56px); }
.spec-band + .commercial-note { padding: 0 max(5vw,34px) 32px; color: rgba(255,255,255,.5); background: var(--dark); border-bottom: 0; font-size: 11px; }
.factory-hero { position: relative; height: 760px; overflow: hidden; color: #fff; background: #111; }
.factory-hero:after { position: absolute; inset: 0; content: ''; background: linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.08)); }
.factory-hero > img { height: 100%; object-fit: cover; }
.factory-hero > div { position: absolute; z-index: 2; left: max(5vw,34px); bottom: 85px; }
.factory-intro { display: grid; grid-template-columns: 1fr .7fr; gap: 12vw; align-items: end; }
.factory-intro > div:last-child { color: var(--muted); font-size: 16px; }
.factory-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding: 0 max(5vw,34px) 130px; background: var(--white); }
.factory-gallery figure { overflow: hidden; margin: 0; background: var(--paper); border: 1px solid var(--line); }
.factory-gallery img { height: auto; aspect-ratio: 3/2; object-fit: cover; }
.factory-gallery figcaption { padding: 16px 20px 18px; color: var(--muted); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.quality { display: grid; grid-template-columns: .85fr 1.15fr; gap: 10vw; color: #fff; background: var(--dark); }
.quality ol { padding: 0; margin: 0; list-style: none; }
.quality li { display: grid; grid-template-columns: 60px 1fr; padding: 25px 0; border-top: 1px solid rgba(255,255,255,.18); }
.quality li span { color: #c8a97c; font: 18px var(--serif); }
.quality h3 { margin: 0 0 9px; font: 27px var(--serif); }
.quality li p { margin: 0; color: rgba(255,255,255,.55); }
.story { display: grid; grid-template-columns: 1.05fr .75fr; gap: 9vw; align-items: center; }
.story-image img { aspect-ratio: 4/3; object-fit: cover; }
.story > div:last-child > p:not(.eyebrow) { color: var(--muted); font-size: 16px; }
.story-evidence { grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr); gap: clamp(56px, 7vw, 112px); align-items: center; overflow: hidden; background: #f3efe8; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.story-evidence > * { min-width: 0; }
.story-copy { max-width: 560px; }
.story-copy h2 { margin: 0 0 28px; font-size: clamp(44px, 4.1vw, 60px); line-height: 1.01; letter-spacing: -.035em; }
.story-copy h2 em { color: var(--leather-dark); }
.story-copy > p:not(.eyebrow) { max-width: 570px; color: #625d55; font-size: 15px; line-height: 1.75; }
.checkpoint-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; margin: 34px 0 30px; padding: 0; border-top: 1px solid #cfc6b9; list-style: none; }
.checkpoint-list li { display: flex; gap: 13px; align-items: center; padding: 16px 0; border-bottom: 1px solid #cfc6b9; color: #28241f; font-size: 10px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.checkpoint-list span { color: var(--leather-dark); font: 16px var(--serif); letter-spacing: 0; }
.story-link { display: inline-flex; gap: 16px; align-items: center; padding-bottom: 6px; border-bottom: 1px solid currentColor; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.story-link span { color: var(--leather-dark); font-size: 16px; }
.story-visual { position: relative; padding: 0 48px 68px 0; }
.story-visual figure { margin: 0; }
.story-main-photo { position: relative; }
.story-main-photo img { width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; object-position: center 58%; filter: saturate(.82) contrast(.96); }
.story-main-photo figcaption { position: absolute; right: 0; bottom: 0; padding: 10px 14px; background: rgba(24,21,18,.88); color: #fff; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.story-inset { position: absolute; right: 0; bottom: 0; width: 38%; padding: 9px; background: #fff; box-shadow: 0 18px 48px rgba(37,30,23,.16); }
.story-inset img { width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; }
.story-inset figcaption { padding: 9px 2px 2px; color: var(--muted); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.values { color: #fff; background: var(--dark); }
.values .value-grid { border-color: rgba(255,255,255,.18); }
.values .value-grid article { border-color: rgba(255,255,255,.18); }
.values .value-grid span { color: #c8a97c; }
.values .value-grid p { color: rgba(255,255,255,.56); }
.contact-hero { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9vw; padding: 120px max(5vw,34px); color: #fff; background: #826039; }
.contact-hero > div > p:not(.eyebrow) { max-width: 520px; margin-top: 32px; color: rgba(255,255,255,.7); }
.contact-hero em { color: #f0d7b2; }
.contact-details { display: grid; margin-top: 55px; }
.contact-details span { margin-top: 18px; color: #e2c49c; font-size: 9px; letter-spacing: .14em; }
.contact-details a { color: #fff; font: 24px var(--serif); }
.contact-details p { margin: 2px 0; }
.upload-field input { padding: 11px 0; }
.inquiry-guide { display: grid; grid-template-columns: .7fr 1.3fr; gap: 10vw; }
.inquiry-guide ol { padding: 0; margin: 0; list-style: none; }
.inquiry-guide li { padding: 22px 0; border-top: 1px solid var(--line); font-size: 16px; }
.inquiry-guide li span { display: inline-block; width: 60px; color: var(--leather-dark); font: 18px var(--serif); }

.reveal { opacity: 1; transform: none; transition: opacity 400ms ease-out, transform 400ms ease-out; }
@media (prefers-reduced-motion: no-preference) {
  .reveal.is-reveal-pending { opacity: 0; transform: translateY(10px); }
}
.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1180px) {
  .factory-grid, .choice-band, .spec-band { grid-template-columns: minmax(0, 1fr); }
  .factory-grid { gap: 54px; }
  .factory-photo { width: 100%; max-width: 900px; }
  .factory-copy { width: 100%; max-width: 760px; }
  .factory-copy h2 { max-width: 12ch; }
  .choice-band, .spec-band { justify-content: stretch; gap: 46px; }
  .choice-band > div, .spec-band > div, .spec-band > dl { width: 100%; max-width: 880px; }
  .choice-band h2, .spec-band h2 { max-width: 14ch; }
  .choice-matrix { grid-template-columns: minmax(0,1fr); }
  .choice-matrix__intro { max-width: 680px; }
}

@media (max-width: 980px) {
  .site-header { grid-template-columns: 1fr auto auto; height: 76px; }
  .site-header nav { position: absolute; top: 76px; right: 0; left: 0; display: grid; gap: 0; visibility: hidden; pointer-events: none; opacity: 0; transform: translateY(-8px); background: rgba(255,253,249,.98); border-bottom: 1px solid var(--line); transition: opacity .25s ease, transform .35s cubic-bezier(.22,1,.36,1), visibility 0s linear .35s; }
  .site-header.is-menu-open nav { visibility: visible; pointer-events: auto; opacity: 1; transform: none; transition-delay: 0s; }
  .site-header nav a { padding: 14px max(5vw,30px); border-top: 1px solid var(--line); }
  .nav-toggle { display: grid; gap: 4px; width: 44px; height: 44px; padding: 12px; background: transparent; border: 0; }
  .nav-toggle span { display: block; height: 1px; background: var(--ink); }
  .hero, .intro-grid, .capabilities, .factory-grid, .editorial, .contact { grid-template-columns: 1fr; }
  .hero-copy { min-height: 660px; }
  .hero-media { min-height: 620px; }
  .proof-strip { grid-template-columns: 1fr 1fr; }
  .proof-strip div:nth-child(3) { border-left: 0; }
  .section-head { grid-template-columns: 1fr; gap: 28px; }
  .collection-grid { grid-template-columns: 1fr 1fr; }
  .product-directions__intro { grid-template-columns: 1fr; gap: 28px; }
  .product-direction-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .product-direction-card { grid-column: span 2; }
  .product-direction-card:nth-child(4), .product-direction-card:nth-child(5) { grid-column: span 3; border-top: 1px solid var(--line); }
  .product-direction-card:nth-child(4) { border-left: 0; }
  .process-grid { grid-template-columns: 1fr 1fr; }
  .process-grid li:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  .process-grid li:nth-child(4) { border-top: 1px solid var(--line); }
  .editorial-image img { height: 620px; }
  footer { grid-template-columns: 1.15fr .85fr; row-gap: 42px; }
  .page-hero, .split-hero, .choice-band, .spec-band, .factory-intro, .quality, .story, .contact-hero, .inquiry-guide { grid-template-columns: 1fr; }
  .catalog-download { grid-template-columns: 1fr; }
  .story-evidence { gap: 64px; }
  .story-copy { max-width: 720px; }
  .story-visual { max-width: 820px; }
  .buyer-strip { grid-template-columns: 1fr 1fr; }
  .catalog-grid, .service-grid, .value-grid { grid-template-columns: 1fr 1fr; }
  .catalog-card { grid-template-columns: 1fr; }
  .catalog-card img { height: 430px; }
  .factory-gallery img { height: 430px; }
  .buyer-confidence, .company-identity, .verification, .product-brief, .faq { grid-template-columns: 1fr; gap: 48px; }
  .floating-whatsapp { right: 14px; bottom: max(14px, env(safe-area-inset-bottom)); width: 48px; min-height: 48px; justify-content: center; padding: 0; border-radius: 50%; pointer-events: none; opacity: 0; transform: translateY(10px); transition: opacity .25s ease, transform .35s cubic-bezier(.22,1,.36,1); font-size: 0; }
  .floating-whatsapp::before { content: "WA"; font-size: 10px; letter-spacing: .08em; }
  .floating-whatsapp.is-visible { pointer-events: auto; opacity: 1; transform: none; }
}

@media (max-width: 620px) {
  .section { padding: 72px 20px; }
  .site-header { grid-template-columns: 1fr auto; padding: 0 18px; }
  .brand img { width: 42px; height: 42px; }
  .header-cta { display: none; }
  .hero-copy { min-height: 540px; padding: 66px 22px 42px; }
  .hero h1 { font-size: 48px; line-height: .98; }
  .hero-actions { align-items: flex-start; flex-direction: column; }
  .hero-note { margin-top: 46px; font-size: 11px; }
  .hero-media { min-height: 430px; }
  .media-caption { width: 275px; }
  .proof-strip { grid-template-columns: 1fr 1fr; }
  .proof-strip div { padding: 22px 18px; border-top: 1px solid var(--line); }
  .proof-strip div:nth-child(odd) { border-left: 0; }
  .proof-strip div:nth-child(-n+2) { border-top: 0; }
  .proof-strip strong { font-size: 22px; }
  h2 { font-size: 42px; }
  .collection-grid, .process-grid { grid-template-columns: 1fr; }
  .product-direction-grid { grid-template-columns: minmax(0, 1fr); }
  .product-direction-card, .product-direction-card:nth-child(4), .product-direction-card:nth-child(5) { grid-column: 1 / -1; grid-template-columns: 42% 1fr; grid-template-rows: 1fr; border-top: 1px solid var(--line); border-left: 0; }
  .product-direction-card:first-child { border-top: 0; }
  .product-direction-card img { height: 100%; min-height: 190px; aspect-ratio: auto; }
  .product-direction-card > div { min-height: 190px; padding: 22px 18px; border-top: 0; border-left: 1px solid var(--line); }
  .product-direction-card p { font-size: 20px; }
  .collection-card { border: 1px solid var(--line); }
  .capability-list > div { grid-template-columns: 38px 1fr; }
  .capability-list p { grid-column: 2; }
  .process-grid li { min-height: auto; border-top: 1px solid var(--line); border-left: 0; }
  .process-grid li:first-child { border-top: 0; }
  .process-grid h3 { margin-top: 38px; }
  .process-grid-visual li { min-height: 330px; padding: 28px 24px; border-color: rgba(255,255,255,.24); }
  .process-grid-visual h3 { margin-top: 130px; }
  .editorial-image img { height: 500px; }
  .editorial-copy { padding: 80px 24px; }
  .editorial-copy blockquote { font-size: 39px; }
  .quote-form { grid-template-columns: 1fr; padding: 28px 22px; }
  .quote-form .wpcf7-form { grid-template-columns: 1fr; }
  .quote-form .wpcf7-form > p { grid-column: auto !important; }
  .quote-form .full, .quote-form button { grid-column: auto; }
  footer { grid-template-columns: 1fr; gap: 34px; padding: 50px 22px 22px; }
  footer > p { margin-top: 6px; }
  .page-hero { grid-template-columns: 1fr; padding: 76px 22px 60px; }
  .page-hero h1, .split-hero h1, .factory-hero h1, .contact-hero h1 { font-size: 46px; line-height: 1; }
  .catalog-grid, .service-grid, .value-grid, .factory-gallery { grid-template-columns: 1fr; }
  .factory-gallery { gap: 18px; padding: 0 20px 88px; }
  .buyer-strip { grid-template-columns: 1fr; padding: 0 22px 50px; }
  .catalog-download { padding: 68px 22px; }
  .catalog-download > div:last-child { align-items: flex-start; flex-direction: column; }
  .buyer-strip div { border-right: 1px solid var(--line); border-bottom: 0; }
  .buyer-strip div:last-child { border-bottom: 1px solid var(--line); }
  .catalog-card { min-height: 0; }
  .catalog-card img, .factory-gallery img { height: 380px; }
  .choice-band, .spec-band, .contact-hero { padding: 72px 22px; }
  .choice-matrix__grid { grid-template-columns: 1fr; }
  .choice-matrix__grid li { min-height: 154px; }
  .choice-matrix__grid strong { margin-top: 26px; }
  .service-grid article, .value-grid article { min-height: 240px; border-top: 1px solid var(--line); border-left: 0; }
  .split-hero { min-height: 0; }
  .split-hero > div { padding: 76px 22px; }
  .split-hero > img { height: 430px; }
  .factory-hero { height: 560px; }
  .factory-hero > div { left: 22px; bottom: 60px; }
  .story-copy h2 { font-size: clamp(40px, 12vw, 48px); line-height: 1.03; }
  .checkpoint-list { grid-template-columns: 1fr; }
  .story-visual { padding: 0 22px 44px 0; }
  .story-inset { width: 48%; padding: 7px; }
  .commercial-note, .section-tight.commercial-note { padding-right: 22px; padding-left: 22px; }
  .spec-band + .commercial-note { padding-top: 0; padding-bottom: 28px; }
  .buyer-confidence dl div, .company-identity dl div { grid-template-columns: 1fr; gap: 7px; }
  .product-brief ol { grid-template-columns: 1fr; }
  .product-brief li { min-height: 0; border-right: 0; }
  .product-brief li strong { margin-top: 24px; }
  .faq summary { min-height: 52px; font-size: 20px; }
  .eyebrow, .proof-strip span, .buyer-strip span, .factory-photo > p, .form-privacy, .visual-note { font-size: 11px; }
  .site-header nav a, .text-link, .story-link, .collection-card a, .product-direction-card a, footer a, .page-cta a { min-height: 44px; display: inline-flex; align-items: center; }
  .floating-whatsapp { display: none; }
}

@media (pointer: coarse) {
  .site-header nav a, .text-link, .collection-card a, .product-direction-card a, footer a { min-height: 44px; display: inline-flex; align-items: center; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* SHANGBAIGE FACTORY FACTS START */
.factory-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 30px 0;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.factory-facts article {
  display: flex;
  min-height: 118px;
  padding: 22px;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.factory-facts strong {
  color: var(--leather-dark);
  font-family: var(--serif);
  font-size: clamp(28px, 2.5vw, 40px);
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.factory-facts span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .08em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.factory-proof-note {
  margin-top: 22px;
  padding-left: 18px;
  border-left: 2px solid var(--leather-dark);
  color: var(--muted);
  font-size: 14px;
  line-height: 1.75;
}
@media (max-width: 640px) {
  .factory-facts {
    grid-template-columns: minmax(0, 1fr);
    margin: 24px 0;
  }
  .factory-facts article {
    min-height: 96px;
    padding: 18px;
  }
  .factory-facts strong {
    font-size: clamp(28px, 9vw, 36px);
  }
  .factory-facts span {
    font-size: 10px;
    letter-spacing: .06em;
  }
  .factory-proof-note {
    margin-top: 18px;
    padding-left: 14px;
  }
}
/* SHANGBAIGE FACTORY FACTS END */

/* SHANGBAIGE FACTORY VIDEO STYLE START */
.factory-video {
  display: grid;
  grid-template-columns: minmax(240px, .58fr) minmax(0, 1.42fr);
  gap: clamp(40px, 7vw, 110px);
  align-items: center;
  background: var(--paper);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.factory-video__intro h2 {
  max-width: 520px;
  font-size: clamp(42px, 4.4vw, 66px);
  line-height: 1;
}
.factory-video__intro > p:not(.eyebrow) {
  max-width: 470px;
  margin: 28px 0 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.8;
}
.factory-video__media {
  padding: clamp(10px, 1.4vw, 20px);
  background: var(--dark);
  box-shadow: 0 24px 65px rgba(21, 19, 15, .16);
}
.factory-video__media video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1280 / 648;
  object-fit: contain;
  background: #000;
}
@media (max-width: 760px) {
  .factory-video {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .factory-video__intro h2 {
    max-width: 100%;
    font-size: clamp(38px, 12vw, 52px);
  }
  .factory-video__intro > p:not(.eyebrow) {
    margin-top: 22px;
  }
  .factory-video__media {
    padding: 7px;
    margin: 0 -14px;
    box-shadow: 0 16px 40px rgba(21, 19, 15, .14);
  }
}
/* SHANGBAIGE FACTORY VIDEO STYLE END */

/* SHANGBAIGE TRUST EVIDENCE START */
.factory-network {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
  gap: clamp(48px, 8vw, 120px);
  align-items: start;
  background: var(--white);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.factory-network__intro h2 {
  max-width: 560px;
  font-size: clamp(42px, 4.5vw, 68px);
}
.factory-network__intro > p:not(.eyebrow) {
  max-width: 540px;
  margin: 28px 0 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.8;
}
.factory-network__facts .factory-facts {
  margin: 0;
}
.factory-network__facts .factory-proof-note {
  margin-bottom: 0;
}
.compliance-verification {
  background: var(--paper);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.compliance-verification__head {
  display: grid;
  grid-template-columns: minmax(260px, .82fr) minmax(0, 1.18fr);
  gap: clamp(48px, 8vw, 120px);
  align-items: end;
}
.compliance-verification__head h2 {
  max-width: 620px;
  font-size: clamp(42px, 4.5vw, 68px);
}
.compliance-verification__head > div:last-child p {
  max-width: 560px;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.8;
}
.compliance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 56px;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.compliance-card {
  display: flex;
  min-height: 310px;
  padding: 30px;
  flex-direction: column;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: var(--white);
}
.compliance-card > span {
  color: var(--leather-dark);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
}
.compliance-card h3 {
  margin: 46px 0 18px;
  font-family: var(--serif);
  font-size: clamp(28px, 2.5vw, 38px);
  font-weight: 400;
  line-height: 1.05;
}
.compliance-card p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.75;
}
.compliance-card small {
  display: block;
  margin-top: auto;
  padding-top: 28px;
  color: var(--leather-dark);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.5;
  text-transform: uppercase;
}
.compliance-verification > .factory-proof-note {
  max-width: 920px;
  margin-bottom: 0;
}
@media (max-width: 900px) {
  .factory-network,
  .compliance-verification__head {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .compliance-grid {
    grid-template-columns: 1fr;
    margin-top: 44px;
  }
  .compliance-card {
    min-height: 0;
  }
  .compliance-card h3 {
    margin-top: 28px;
  }
  .compliance-card small {
    margin-top: 26px;
  }
}
@media (max-width: 620px) {
  .factory-network__intro h2,
  .compliance-verification__head h2 {
    font-size: clamp(38px, 12vw, 52px);
  }
  .factory-network__intro > p:not(.eyebrow) {
    margin-top: 22px;
  }
  .compliance-card {
    padding: 24px 20px;
  }
}
/* SHANGBAIGE TRUST EVIDENCE END */

/* SHANGBAIGE PREMIUM FACTORY START */
.factory-hero--premium {
  position: relative;
  width: 100%;
  height: auto;
  min-height: clamp(680px, 82svh, 900px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(120px, 14vw, 190px) max(5vw, 72px) 42px;
  overflow: hidden;
  isolation: isolate;
  color: var(--white);
  background: var(--dark);
}
.factory-hero--premium::after {
  content: none;
}
.factory-hero--premium > img {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center 48%;
  opacity: 1;
}
.factory-hero--premium .factory-hero__veil {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(15,14,11,.86) 0%, rgba(15,14,11,.58) 43%, rgba(15,14,11,.15) 78%),
    linear-gradient(0deg, rgba(15,14,11,.82) 0%, rgba(15,14,11,.05) 56%);
}
.factory-hero--premium .factory-hero__content,
.factory-hero--premium .factory-hero__meta {
  position: relative;
  z-index: 2;
}
.factory-hero--premium .factory-hero__content {
  left: auto;
  bottom: auto;
  width: min(1080px, 88%);
}
.factory-hero--premium .eyebrow {
  color: rgba(255,253,249,.76);
}
.factory-hero--premium h1 {
  max-width: 1080px;
  margin: 20px 0 0;
  color: var(--white);
  font-family: var(--serif);
  font-size: clamp(66px, 7.6vw, 118px);
  font-weight: 400;
  line-height: .88;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.factory-hero--premium h1 em {
  color: #d8b98e;
  font-weight: 400;
}
.factory-hero__summary {
  max-width: 600px;
  margin: 34px 0 0;
  color: rgba(255,253,249,.76);
  font-size: clamp(15px, 1.15vw, 18px);
  line-height: 1.75;
}
.factory-hero__meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: clamp(54px, 7vw, 96px) 0 0;
  padding: 22px 0 0;
  border-top: 1px solid rgba(255,255,255,.3);
}
.factory-hero__meta div {
  min-width: 0;
  padding-right: 30px;
}
.factory-hero__meta div + div {
  padding-left: 30px;
  border-left: 1px solid rgba(255,255,255,.18);
}
.factory-hero__meta dt {
  margin-bottom: 8px;
  color: rgba(255,253,249,.54);
  font-size: 10px;
  letter-spacing: .14em;
  line-height: 1.4;
  text-transform: uppercase;
}
.factory-hero__meta dd {
  margin: 0;
  color: var(--white);
  font-family: var(--serif);
  font-size: clamp(16px, 1.45vw, 22px);
  line-height: 1.25;
}

.factory-manifesto {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: clamp(56px, 9vw, 150px);
  align-items: start;
  padding-top: clamp(100px, 11vw, 170px);
  padding-bottom: clamp(100px, 11vw, 170px);
  background: var(--white);
  border-bottom: 1px solid var(--line);
}
.factory-manifesto h2 {
  max-width: 970px;
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(48px, 5.6vw, 86px);
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.factory-manifesto__copy {
  padding: 6px 0 6px clamp(28px, 3.5vw, 56px);
  border-left: 1px solid var(--line);
}
.factory-manifesto__copy p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.85;
}
.factory-manifesto__copy p + p {
  margin-top: 22px;
}

.factory-scale {
  padding-top: clamp(96px, 10vw, 150px);
  padding-bottom: clamp(96px, 10vw, 150px);
  background: var(--paper);
}
.factory-scale__header {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .55fr);
  gap: clamp(48px, 9vw, 140px);
  align-items: end;
}
.factory-scale__header h2 {
  max-width: 900px;
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(48px, 5.1vw, 78px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.factory-scale__header p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.8;
}
.factory-scale__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(340px, .84fr);
  margin-top: clamp(58px, 7vw, 100px);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.factory-scale__primary {
  min-height: 510px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(42px, 5.5vw, 84px);
  color: var(--white);
  background: var(--leather-dark);
}
.factory-scale__primary strong {
  display: block;
  font-family: var(--serif);
  font-size: clamp(104px, 13vw, 204px);
  font-weight: 400;
  line-height: .72;
  letter-spacing: -.075em;
}
.factory-scale__primary > span {
  max-width: 320px;
  margin-top: 30px;
  color: rgba(255,253,249,.88);
  font-size: 12px;
  letter-spacing: .12em;
  line-height: 1.5;
  text-transform: uppercase;
}
.factory-scale__primary p {
  max-width: 510px;
  margin: auto 0 0;
  padding-top: 54px;
  color: rgba(255,253,249,.68);
  font-size: 14px;
  line-height: 1.75;
}
.factory-scale__secondary {
  margin: 0;
  padding: 0 0 0 clamp(34px, 5vw, 78px);
}
.factory-scale__secondary div {
  display: grid;
  grid-template-columns: minmax(120px, .55fr) minmax(0, 1fr);
  gap: 28px;
  align-items: end;
  min-height: 170px;
  padding: 32px 0;
  border-bottom: 1px solid var(--line);
}
.factory-scale__secondary div:last-child {
  border-bottom: 0;
}
.factory-scale__secondary dt {
  color: var(--leather-dark);
  font-family: var(--serif);
  font-size: clamp(42px, 4.5vw, 68px);
  font-weight: 400;
  line-height: .95;
  letter-spacing: -.035em;
}
.factory-scale__secondary dd {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  letter-spacing: .08em;
  line-height: 1.55;
  text-transform: uppercase;
}
.factory-scale__footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .58fr);
  gap: clamp(44px, 8vw, 130px);
  padding-top: 42px;
}
.factory-scale__footer p {
  margin: 0;
  line-height: 1.75;
}
.factory-scale__footer p:first-child {
  max-width: 790px;
  color: var(--dark);
  font-family: var(--serif);
  font-size: clamp(22px, 2.1vw, 32px);
}
.factory-scale__footer p:last-child {
  color: var(--muted);
  font-size: 12px;
}

.factory-video--premium.factory-video {
  grid-template-columns: minmax(240px, .52fr) minmax(0, 1.48fr);
  gap: clamp(50px, 8vw, 130px);
  align-items: center;
  padding-top: clamp(100px, 11vw, 170px);
  padding-bottom: clamp(100px, 11vw, 170px);
  color: var(--white);
  background: var(--dark);
  border: 0;
}
.factory-video--premium .factory-video__intro h2 {
  max-width: 500px;
  margin: 20px 0 0;
  color: var(--white);
  font-size: clamp(48px, 5vw, 76px);
  line-height: .98;
  letter-spacing: -.035em;
}
.factory-video--premium .factory-video__intro > p:not(.eyebrow) {
  max-width: 440px;
  margin-top: 30px;
  color: rgba(255,253,249,.62);
  font-size: 14px;
  line-height: 1.8;
}
.factory-video--premium .factory-video__media {
  padding: 0;
  overflow: hidden;
  background: #050505;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: none;
}
.factory-video--premium .factory-video__media video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1280 / 648;
  object-fit: contain;
  background: #050505;
}

.factory-gallery--editorial.factory-gallery {
  counter-reset: factory-shot;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(28px, 3vw, 52px);
  padding: clamp(90px, 11vw, 170px) max(5vw, 72px);
  background: var(--white);
}
.factory-gallery--editorial figure {
  counter-increment: factory-shot;
  margin: 0;
  overflow: visible;
  background: transparent;
  border: 0;
}
.factory-gallery--editorial figure:nth-child(1) {
  grid-column: 1 / span 7;
}
.factory-gallery--editorial figure:nth-child(2) {
  grid-column: 8 / span 5;
  margin-top: clamp(76px, 9vw, 145px);
}
.factory-gallery--editorial figure:nth-child(3) {
  grid-column: 1 / span 5;
}
.factory-gallery--editorial figure:nth-child(4) {
  grid-column: 6 / span 7;
}
.factory-gallery--editorial img {
  display: block;
  width: 100%;
  max-width: none;
  aspect-ratio: auto;
  object-fit: cover;
  background: var(--paper);
}
.factory-gallery--editorial figure:nth-child(1) img,
.factory-gallery--editorial figure:nth-child(4) img {
  height: clamp(500px, 48vw, 720px);
}
.factory-gallery--editorial figure:nth-child(2) img,
.factory-gallery--editorial figure:nth-child(3) img {
  height: clamp(390px, 37vw, 550px);
}
.factory-gallery--editorial figcaption {
  display: flex;
  gap: 12px;
  padding: 16px 0 0;
  color: var(--muted);
  font-size: 10px;
  letter-spacing: .12em;
  line-height: 1.5;
  text-transform: uppercase;
}
.factory-gallery--editorial figcaption::before {
  content: "0" counter(factory-shot) " /";
  flex: 0 0 auto;
  color: var(--leather-dark);
}

.buyer-dossier {
  padding-top: clamp(100px, 11vw, 170px);
  padding-bottom: clamp(100px, 11vw, 170px);
  color: var(--white);
  background: var(--dark);
}
.buyer-dossier__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .54fr);
  gap: clamp(48px, 9vw, 140px);
  align-items: end;
}
.buyer-dossier__header h2 {
  max-width: 820px;
  margin: 20px 0 0;
  color: var(--white);
  font-family: var(--serif);
  font-size: clamp(50px, 5.5vw, 84px);
  font-weight: 400;
  line-height: .96;
  letter-spacing: -.04em;
}
.buyer-dossier__header > p {
  margin: 0;
  color: rgba(255,253,249,.6);
  font-size: 14px;
  line-height: 1.8;
}
.buyer-dossier__list {
  margin-top: clamp(64px, 8vw, 112px);
  border-top: 1px solid rgba(255,255,255,.22);
}
.buyer-dossier__list article {
  display: grid;
  grid-template-columns: minmax(130px, .34fr) minmax(280px, .85fr) minmax(280px, 1fr);
  gap: clamp(30px, 5vw, 84px);
  align-items: start;
  padding: 34px 0 38px;
  border-bottom: 1px solid rgba(255,255,255,.18);
}
.buyer-dossier__list article > span {
  color: #c7a476;
  font-size: 10px;
  letter-spacing: .14em;
  line-height: 1.5;
  text-transform: uppercase;
}
.buyer-dossier__list h3 {
  margin: 0;
  color: var(--white);
  font-family: var(--serif);
  font-size: clamp(25px, 2.35vw, 36px);
  font-weight: 400;
  line-height: 1.18;
}
.buyer-dossier__list p {
  margin: 0;
  color: rgba(255,253,249,.58);
  font-size: 13px;
  line-height: 1.8;
}
.buyer-dossier__footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 44px;
  align-items: end;
  padding-top: 34px;
}
.buyer-dossier__footer p {
  max-width: 780px;
  margin: 0;
  color: rgba(255,253,249,.48);
  font-size: 11px;
  line-height: 1.75;
}
.buyer-dossier .text-link--light {
  color: var(--white);
  border-color: rgba(255,255,255,.5);
}

.quality--premium.quality {
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  gap: clamp(60px, 10vw, 160px);
  align-items: start;
  padding-top: clamp(100px, 11vw, 170px);
  padding-bottom: clamp(100px, 11vw, 170px);
  color: var(--dark);
  background: var(--white);
}
.quality--premium > div h2 {
  max-width: 620px;
  margin: 0;
  color: var(--dark);
  font-family: var(--serif);
  font-size: clamp(48px, 5vw, 76px);
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: -.035em;
}
.quality--premium ol {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line);
}
.quality--premium li {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 26px;
  padding: 30px 0 34px;
  border-bottom: 1px solid var(--line);
}
.quality--premium li > span {
  color: var(--leather-dark);
  font-family: var(--serif);
  font-size: 24px;
  line-height: 1;
}
.quality--premium li h3 {
  margin: 0;
  color: var(--dark);
  font-family: var(--serif);
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 400;
  line-height: 1.15;
}
.quality--premium li p {
  max-width: 620px;
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.8;
}

.factory-cta.page-cta {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .45fr);
  gap: 18px clamp(48px, 9vw, 140px);
  align-items: end;
  padding: clamp(90px, 10vw, 150px) max(5vw, 72px);
  text-align: left;
  color: var(--white);
  background: var(--leather-dark);
}
.factory-cta h2 {
  max-width: 900px;
  margin: 0;
  color: var(--white);
  font-family: var(--serif);
  font-size: clamp(52px, 6vw, 92px);
  font-weight: 400;
  line-height: .95;
  letter-spacing: -.04em;
}
.factory-cta > p {
  grid-column: 1;
  max-width: 610px;
  margin: 12px 0 0;
  color: rgba(255,253,249,.7);
  font-size: 14px;
  line-height: 1.75;
}
.factory-cta .button-dark {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  justify-self: end;
  min-width: 220px;
  color: var(--dark);
  background: var(--white);
  border-color: var(--white);
}

@media (max-width: 1100px) {
  .factory-scale__layout {
    grid-template-columns: minmax(0, 1fr) minmax(310px, .8fr);
  }
  .factory-scale__primary {
    min-height: 470px;
  }
  .buyer-dossier__list article {
    grid-template-columns: 120px minmax(230px, .8fr) minmax(260px, 1fr);
    gap: 32px;
  }
}

@media (max-width: 900px) {
  .factory-manifesto,
  .factory-scale__header,
  .buyer-dossier__header,
  .quality--premium.quality {
    grid-template-columns: 1fr;
  }
  .factory-manifesto {
    gap: 48px;
  }
  .factory-manifesto__copy {
    max-width: 650px;
  }
  .factory-scale__header,
  .buyer-dossier__header {
    gap: 34px;
  }
  .factory-scale__layout {
    grid-template-columns: 1fr;
  }
  .factory-scale__secondary {
    padding-left: 0;
  }
  .factory-scale__secondary div {
    min-height: 145px;
  }
  .factory-video--premium.factory-video {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .factory-video--premium .factory-video__intro {
    max-width: 650px;
  }
  .buyer-dossier__list article {
    grid-template-columns: 110px minmax(0, 1fr);
  }
  .buyer-dossier__list article p {
    grid-column: 2;
  }
  .quality--premium.quality {
    gap: 54px;
  }
  .factory-cta.page-cta {
    grid-template-columns: 1fr;
  }
  .factory-cta .button-dark {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
    margin-top: 28px;
  }
}

@media (max-width: 680px) {
  .factory-hero--premium {
    min-height: 760px;
    padding: 120px 20px 28px;
  }
  .factory-hero--premium .factory-hero__content {
    width: 100%;
  }
  .factory-hero--premium h1 {
    font-size: clamp(48px, 14.2vw, 67px);
    line-height: .91;
  }
  .factory-hero__summary {
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.7;
  }
  .factory-hero__meta {
    margin-top: 48px;
    padding-top: 18px;
  }
  .factory-hero__meta div {
    padding-right: 12px;
  }
  .factory-hero__meta div + div {
    padding-left: 12px;
  }
  .factory-hero__meta dt {
    font-size: 8px;
    letter-spacing: .1em;
  }
  .factory-hero__meta dd {
    font-size: 14px;
  }
  .factory-manifesto,
  .factory-scale,
  .factory-video--premium.factory-video,
  .buyer-dossier,
  .quality--premium.quality {
    padding-left: 20px;
    padding-right: 20px;
  }
  .factory-manifesto,
  .factory-scale,
  .buyer-dossier,
  .quality--premium.quality {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .factory-manifesto h2,
  .factory-scale__header h2,
  .buyer-dossier__header h2,
  .quality--premium > div h2 {
    font-size: clamp(42px, 12vw, 58px);
  }
  .factory-manifesto__copy {
    padding: 0;
    border-left: 0;
  }
  .factory-scale__layout {
    margin-top: 50px;
  }
  .factory-scale__primary {
    min-height: 420px;
    padding: 36px 24px;
  }
  .factory-scale__primary strong {
    font-size: clamp(86px, 28vw, 126px);
  }
  .factory-scale__secondary div {
    grid-template-columns: minmax(100px, .55fr) minmax(0, 1fr);
    min-height: 124px;
    gap: 20px;
    padding: 26px 0;
  }
  .factory-scale__secondary dt {
    font-size: clamp(34px, 10vw, 46px);
  }
  .factory-scale__footer {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .factory-video--premium.factory-video {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .factory-video--premium .factory-video__intro h2 {
    font-size: clamp(42px, 12vw, 58px);
  }
  .factory-video--premium .factory-video__media {
    margin: 0 -20px;
    border-right: 0;
    border-left: 0;
  }
  .factory-gallery--editorial.factory-gallery {
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 82px 20px;
  }
  .factory-gallery--editorial figure:nth-child(n) {
    grid-column: 1;
    margin-top: 0;
  }
  .factory-gallery--editorial figure:nth-child(n) img {
    height: auto;
    aspect-ratio: 4 / 3;
  }
  .buyer-dossier__list {
    margin-top: 58px;
  }
  .buyer-dossier__list article {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 28px 0 32px;
  }
  .buyer-dossier__list article p {
    grid-column: 1;
  }
  .buyer-dossier__list h3 {
    font-size: 27px;
  }
  .buyer-dossier__footer {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .quality--premium li {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 16px;
  }
  .factory-cta.page-cta {
    padding: 84px 20px;
  }
  .factory-cta h2 {
    font-size: clamp(48px, 14vw, 66px);
  }
  .factory-cta .button-dark {
    width: 100%;
    min-width: 0;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .factory-hero__meta {
    grid-template-columns: 1fr 1fr;
    row-gap: 18px;
  }
  .factory-hero__meta div:nth-child(3) {
    grid-column: 1 / -1;
    padding: 18px 0 0;
    border-top: 1px solid rgba(255,255,255,.18);
    border-left: 0;
  }
}
/* SHANGBAIGE PREMIUM FACTORY END */

/* SHANGBAIGE HOMEPAGE PHASE 1 START */
.home .site-header {
  grid-template-columns: minmax(210px, 1fr) auto minmax(170px, 1fr);
  column-gap: clamp(22px, 2.6vw, 44px);
  height: 80px;
  padding: 0 max(4vw, 28px);
  background: var(--white);
  border-bottom-color: var(--line);
  backdrop-filter: none;
}
.home .brand {
  gap: 11px;
}
.home .brand img {
  width: 44px;
  height: 44px;
}
.home .brand strong {
  font-size: 13px;
  letter-spacing: .1em;
}
.home .brand small {
  margin-top: 5px;
}
.home .site-header nav {
  gap: clamp(22px, 2.4vw, 38px);
}
.home .site-header nav a {
  font-size: 13px;
  font-weight: 650;
  letter-spacing: .01em;
  line-height: 1;
  white-space: nowrap;
}
.home .header-cta {
  min-height: 44px;
  padding: 0 18px;
  white-space: nowrap;
}
.home .hero {
  grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
  min-height: clamp(680px, calc(100svh - 80px), 740px);
  background: var(--paper);
}
.home .hero-copy {
  min-width: 0;
  min-height: inherit;
  padding: clamp(62px, 6vw, 88px) clamp(24px, 2.5vw, 44px) clamp(54px, 5vw, 72px) clamp(28px, 3vw, 52px);
}
.home .hero .eyebrow {
  margin-bottom: 23px;
  font-size: 10px;
  letter-spacing: .16em;
}
.home .hero h1 {
  max-width: 600px;
  font-family: var(--sans);
  font-size: clamp(50px, 4vw, 66px);
  font-weight: 600;
  line-height: 1.01;
  letter-spacing: -.052em;
  text-wrap: balance;
}
.home .hero-lead {
  max-width: 540px;
  margin-top: 29px;
  font-size: 18px;
  line-height: 1.68;
}
.home .hero-actions {
  gap: 27px;
  margin-top: 34px;
}
.home .hero-actions .button,
.home .hero-actions .text-link {
  min-height: 50px;
  white-space: nowrap;
}
.home .hero-actions .text-link {
  display: inline-flex;
  align-items: center;
  border-bottom: 1px solid currentColor;
}
.home .hero-note {
  margin: 40px 0 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.55;
  letter-spacing: .08em;
  text-transform: none;
}
.home .hero-media {
  min-height: 680px;
}
.home .hero-media > img {
  object-position: center 52%;
}
.home .factory-proof-bar {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: 150px;
  background: var(--white);
}
.home .factory-proof-bar > div {
  align-content: center;
  gap: 10px;
  padding: 30px clamp(22px, 3vw, 48px);
}
.home .factory-proof-bar strong {
  color: var(--ink);
  font: 650 clamp(24px, 2vw, 30px)/1 var(--sans);
  letter-spacing: -.025em;
  white-space: nowrap;
}
.home .factory-proof-bar span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .02em;
  text-transform: none;
}

@media (max-width: 1180px) {
  .home .site-header {
    grid-template-columns: minmax(190px, 1fr) auto minmax(155px, 1fr);
    column-gap: 18px;
    padding: 0 26px;
  }
  .home .site-header nav {
    gap: 22px;
  }
  .home .hero {
    grid-template-columns: minmax(0, 48fr) minmax(0, 52fr);
  }
  .home .hero-copy {
    padding-right: 28px;
    padding-left: 32px;
  }
  .home .hero h1 {
    font-size: clamp(46px, 4.4vw, 52px);
  }
  .home .hero-lead {
    font-size: 17px;
  }
}

@media (max-width: 980px) {
  .home .site-header {
    grid-template-columns: 1fr auto auto;
    column-gap: 12px;
    height: 72px;
    padding: 0 max(4vw, 24px);
  }
  .home .site-header nav {
    gap: 0;
    top: 72px;
  }
  .home .brand img {
    width: 42px;
    height: 42px;
  }
  .home .header-cta {
    min-height: 42px;
  }
  .home .hero {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }
  .home .hero-copy {
    min-height: 0;
    padding: 72px max(5vw, 34px) 64px;
  }
  .home .hero h1 {
    max-width: 680px;
    font-size: clamp(52px, 7vw, 62px);
  }
  .home .hero-lead {
    max-width: 600px;
  }
  .home .hero-media {
    height: clamp(500px, 64vw, 620px);
    min-height: 0;
  }
  .home .factory-proof-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 0;
  }
  .home .factory-proof-bar > div {
    min-height: 118px;
  }
  .home .factory-proof-bar > div:nth-child(odd) {
    border-left: 0;
  }
  .home .factory-proof-bar > div:nth-child(n+3) {
    border-top: 1px solid var(--line);
  }
}

@media (max-width: 620px) {
  .home .site-header {
    grid-template-columns: 1fr auto;
    column-gap: 10px;
    height: 68px;
    padding: 0 18px;
  }
  .home .site-header nav {
    top: 68px;
  }
  .home .brand img {
    width: 40px;
    height: 40px;
  }
  .home .hero-copy {
    padding: 52px 22px 46px;
  }
  .home .hero .eyebrow {
    margin-bottom: 19px;
    font-size: 9px;
  }
  .home .hero h1 {
    font-size: clamp(38px, 10.8vw, 42px);
    line-height: 1.03;
  }
  .home .hero-lead {
    margin-top: 23px;
    font-size: 17px;
    line-height: 1.62;
  }
  .home .hero-actions {
    gap: 10px;
    margin-top: 28px;
  }
  .home .hero-actions .button {
    min-width: 184px;
  }
  .home .hero-actions .text-link {
    min-height: 44px;
  }
  .home .hero-note {
    margin-top: 31px;
    font-size: 10px;
    line-height: 1.6;
  }
  .home .hero-media {
    height: min(96vw, 430px);
  }
  .home .factory-proof-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home .factory-proof-bar > div {
    min-height: 108px;
    padding: 22px 18px;
  }
  .home .factory-proof-bar strong {
    font-size: clamp(19px, 5.6vw, 23px);
  }
  .home .factory-proof-bar span {
    font-size: 11px;
    line-height: 1.45;
  }
}
/* SHANGBAIGE HOMEPAGE PHASE 1 END */

/* SHANGBAIGE HOMEPAGE PHASE 2 START */
.home .product-categories {
  padding: 92px max(4vw, 28px) 98px;
  background: #efeee9;
  border-top: 1px solid var(--line);
}
.home .product-categories__intro {
  max-width: 880px;
}
.home .product-categories__intro .eyebrow {
  margin-bottom: 20px;
}
.home .product-categories__intro h2 {
  max-width: 850px;
  margin: 0;
  font-family: var(--sans);
  font-size: clamp(46px, 4.2vw, 60px);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -.047em;
  text-wrap: balance;
}
.home .product-categories__intro > p:last-child {
  max-width: 720px;
  margin: 25px 0 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.65;
}
.home .product-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 48px;
  border: 1px solid var(--line);
}
.home .product-category-card {
  display: grid;
  min-width: 0;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  background: var(--white);
  border-left: 1px solid var(--line);
}
.home .product-category-card:first-child {
  border-left: 0;
}
.home .product-category-card img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  background: #fff;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1);
}
.home .product-category-card > div {
  display: flex;
  min-height: 112px;
  padding: 21px 22px 22px;
  flex-direction: column;
  border-top: 1px solid var(--line);
}
.home .product-category-card h3 {
  margin: 0 0 15px;
  font: 650 20px/1.15 var(--sans);
  letter-spacing: -.025em;
}
.home .product-category-card a {
  display: inline-flex;
  width: fit-content;
  min-height: 44px;
  gap: 10px;
  align-items: center;
  margin-top: auto;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .045em;
  text-decoration: none;
}
.home .product-category-card a span {
  color: var(--leather-dark);
  font-size: 14px;
}
@media (hover: hover) and (pointer: fine) {
  .home .product-category-card:hover img {
    transform: scale(1.025);
  }
  .home .product-category-card a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
  }
}

.home .real-manufacturing {
  color: var(--white);
  background: var(--dark);
}
.home .real-manufacturing__layout {
  display: grid;
  grid-template-columns: minmax(0, 36fr) minmax(0, 64fr);
  min-height: 760px;
}
.home .real-manufacturing__copy {
  display: flex;
  min-width: 0;
  padding: clamp(66px, 6vw, 96px) clamp(38px, 4.5vw, 76px);
  flex-direction: column;
  justify-content: center;
}
.home .real-manufacturing__copy .eyebrow {
  margin-bottom: 22px;
  color: #d8bc94;
  font-size: 10px;
  letter-spacing: .15em;
}
.home .real-manufacturing__copy h2 {
  max-width: 620px;
  margin: 0;
  color: var(--white);
  font-family: var(--sans);
  font-size: clamp(44px, 4.2vw, 62px);
  font-weight: 600;
  line-height: 1.03;
  letter-spacing: -.048em;
  text-wrap: balance;
}
.home .real-manufacturing__copy > p:not(.eyebrow) {
  max-width: 500px;
  margin: 28px 0 0;
  color: rgba(255, 253, 249, .68);
  font-size: 17px;
  line-height: 1.7;
}
.home .real-manufacturing__cta {
  align-self: flex-start;
  min-height: 50px;
  margin-top: 34px;
  color: var(--ink);
  background: var(--white);
  border-color: var(--white);
  white-space: nowrap;
}
.home .real-manufacturing__media {
  min-width: 0;
  min-height: 760px;
  margin: 0;
  overflow: hidden;
  background: #2a2925;
}
.home .real-manufacturing__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 54% 76%;
}
.home .real-manufacturing__facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  background: #11110f;
  border-top: 1px solid rgba(255, 255, 255, .18);
}
.home .real-manufacturing__facts > div {
  display: flex;
  min-height: 142px;
  padding: 30px clamp(22px, 3vw, 48px);
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid rgba(255, 255, 255, .18);
}
.home .real-manufacturing__facts > div:first-child {
  border-left: 0;
}
.home .real-manufacturing__facts dt {
  color: var(--white);
  font: 650 clamp(27px, 2.2vw, 34px)/1 var(--sans);
  letter-spacing: -.035em;
  white-space: nowrap;
}
.home .real-manufacturing__facts dd {
  margin: 12px 0 0;
  color: rgba(255, 253, 249, .62);
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 1180px) {
  .home .product-categories {
    padding: 82px 28px 88px;
  }
  .home .product-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home .product-category-card:nth-child(odd) {
    border-left: 0;
  }
  .home .product-category-card:nth-child(n+3) {
    border-top: 1px solid var(--line);
  }
  .home .product-category-card img {
    aspect-ratio: 4 / 3;
    object-fit: contain;
  }
  .home .real-manufacturing__layout {
    grid-template-columns: minmax(0, 38fr) minmax(0, 62fr);
    min-height: 700px;
  }
  .home .real-manufacturing__copy {
    padding-right: 38px;
    padding-left: 32px;
  }
  .home .real-manufacturing__copy h2 {
    font-size: clamp(42px, 4.5vw, 52px);
  }
  .home .real-manufacturing__media {
    min-height: 700px;
  }
}

@media (max-width: 980px) {
  .home .product-categories__intro h2 {
    font-size: clamp(42px, 6vw, 54px);
  }
  .home .real-manufacturing__layout {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }
  .home .real-manufacturing__copy {
    padding: 76px max(5vw, 34px) 72px;
  }
  .home .real-manufacturing__copy h2 {
    max-width: 720px;
    font-size: clamp(46px, 6.5vw, 58px);
  }
  .home .real-manufacturing__copy > p:not(.eyebrow) {
    max-width: 640px;
  }
  .home .real-manufacturing__media {
    height: clamp(500px, 65vw, 640px);
    min-height: 0;
  }
  .home .real-manufacturing__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home .real-manufacturing__facts > div:nth-child(odd) {
    border-left: 0;
  }
  .home .real-manufacturing__facts > div:nth-child(n+3) {
    border-top: 1px solid rgba(255, 255, 255, .18);
  }
}

@media (max-width: 620px) {
  .home .product-categories {
    padding: 64px 18px 70px;
  }
  .home .product-categories__intro h2 {
    font-size: clamp(34px, 9.4vw, 40px);
    line-height: 1.06;
  }
  .home .product-categories__intro > p:last-child {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.6;
  }
  .home .product-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 35px;
  }
  .home .product-category-card > div {
    min-height: 104px;
    padding: 16px;
  }
  .home .product-category-card img {
    aspect-ratio: 1;
    object-fit: cover;
  }
  .home .product-category-card h3 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.2;
  }
  .home .product-category-card a {
    min-height: 44px;
    font-size: 10px;
    letter-spacing: .02em;
  }
  .home .real-manufacturing__copy {
    padding: 64px 22px 60px;
  }
  .home .real-manufacturing__copy .eyebrow {
    margin-bottom: 19px;
    font-size: 9px;
  }
  .home .real-manufacturing__copy h2 {
    font-size: clamp(37px, 10vw, 42px);
    line-height: 1.04;
  }
  .home .real-manufacturing__copy > p:not(.eyebrow) {
    margin-top: 23px;
    font-size: 16px;
    line-height: 1.65;
  }
  .home .real-manufacturing__cta {
    margin-top: 29px;
  }
  .home .real-manufacturing__media {
    height: 380px;
  }
  .home .real-manufacturing__media img {
    object-position: 56% 74%;
  }
  .home .real-manufacturing__facts > div {
    min-height: 118px;
    padding: 22px 18px;
  }
  .home .real-manufacturing__facts dt {
    font-size: clamp(21px, 6vw, 25px);
  }
  .home .real-manufacturing__facts dd {
    margin-top: 9px;
    font-size: 11px;
    line-height: 1.45;
  }
}
/* SHANGBAIGE HOMEPAGE PHASE 2 END */

/* SHANGBAIGE HOMEPAGE B2B HIERARCHY START
   Homepage content only. Header, Hero, Proof and all internal pages retain
   their existing rules. Earlier phase styles remain available for review. */
.home .home-b2b {
  --b2b-gutter: max(4vw, calc((100vw - 1320px) / 2));
  --b2b-surface: #efeee9;
}
.home .home-b2b .b2b-section,
.home .home-b2b .product-categories,
.home .home-b2b .contact {
  padding: 52px var(--b2b-gutter);
}
.home .home-b2b h2 {
  max-width: 850px;
  font: 600 var(--section-title-size)/1.15 var(--sans);
  letter-spacing: -.025em;
  text-wrap: balance;
}
.home .home-b2b h3 {
  font: 600 18px/1.3 var(--sans);
  letter-spacing: -.015em;
}
.home .home-b2b p,
.home .home-b2b dd {
  line-height: 1.65;
}
.home .home-b2b .b2b-section-heading {
  margin-bottom: 28px;
}
.home .home-b2b .b2b-section-heading > p,
.home .home-b2b .product-categories__intro > p {
  max-width: 790px;
  margin: 12px 0 0;
  color: var(--muted);
  font-size: 16px;
}
.home .home-b2b .b2b-note {
  margin: 18px 0 0;
  color: var(--muted);
  font-size: 12px;
}
.home .home-b2b .text-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  font-size: 13px;
}
.home .home-b2b a:focus-visible {
  outline: 3px solid #9a7040;
  outline-offset: 4px;
}
.home .home-b2b .button {
  min-height: 50px;
  white-space: nowrap;
}
.home .home-b2b .product-categories {
  padding-bottom: 48px;
}
.home .home-b2b .product-category-grid {
  margin-top: 26px;
}
.home .home-b2b .product-category-card img {
  height: auto;
  aspect-ratio: 4 / 3;
  padding: 8px;
  object-fit: contain;
}
.home .home-b2b .product-category-card > div {
  min-height: 82px;
  padding: 15px 20px 10px;
}
.home .home-b2b .product-category-card h3 {
  margin-bottom: 2px;
  font-size: 19px;
}
.home .home-b2b .product-category-card a {
  font-size: 12px;
  letter-spacing: 0;
}
.home .home-b2b .b2b-selected {
  padding-top: 44px;
  padding-bottom: 44px;
  background: var(--white);
}
.home .home-b2b .b2b-selected-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.home .home-b2b .b2b-product {
  display: flex;
  min-width: 0;
  flex-direction: column;
  border-bottom: 1px solid var(--line);
}
.home .home-b2b .b2b-product img {
  height: auto;
  max-height: 220px;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: #fff;
  border: 1px solid var(--line);
}
.home .home-b2b .b2b-product h3 {
  margin: 15px 0 4px;
  font-size: 18px;
  font-variant-numeric: lining-nums tabular-nums;
  letter-spacing: 0;
}
.home .home-b2b .b2b-product p {
  margin: 0 0 14px;
  color: var(--muted);
  font-size: 12px;
}
.home .home-b2b .b2b-selected .b2b-section-tail {
  margin-top: 22px;
}
.home .home-b2b .text-link:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.home .home-b2b .real-manufacturing__layout {
  min-height: 540px;
}
.home .home-b2b .real-manufacturing__copy {
  padding: 48px 38px 48px var(--b2b-gutter);
}
.home .home-b2b .real-manufacturing__copy h2 {
  font-size: var(--section-title-size);
  line-height: 1.15;
}
.home .home-b2b .real-manufacturing__copy .eyebrow {
  margin-bottom: 20px;
  font-size: 11px;
  line-height: 1.6;
}
.home .home-b2b .real-manufacturing__copy > p:not(.eyebrow) {
  margin-top: 22px;
  color: #cbc8bf;
  font-size: 16px;
}
.home .home-b2b .real-manufacturing__cta {
  margin-top: 28px;
}
.home .home-b2b .real-manufacturing__media {
  position: relative;
  min-height: 540px;
}
.home .home-b2b .real-manufacturing__media img {
  position: absolute;
  inset: 0;
  object-position: 54% 66%;
}
.home .home-b2b .b2b-capacity {
  padding-top: 42px;
  padding-bottom: 40px;
  color: var(--ink);
  background: var(--b2b-surface);
}
.home .home-b2b .b2b-capacity .b2b-section-heading > p,
.home .home-b2b .b2b-capacity .b2b-note {
  color: var(--muted);
}
.home .home-b2b .b2b-capacity-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.home .home-b2b .b2b-capacity-facts > div {
  padding: 24px 26px;
  border-left: 1px solid var(--line);
}
.home .home-b2b .b2b-capacity-facts > div:first-child {
  padding-left: 0;
  border-left: 0;
}
.home .home-b2b .b2b-capacity-facts dt {
  font: 600 clamp(27px, 2.7vw, 38px)/1.1 var(--sans);
  letter-spacing: -.035em;
}
.home .home-b2b .b2b-capacity-facts dd {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 13px;
}
.home .home-b2b .b2b-customization-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin-bottom: 22px;
}
.home .home-b2b .b2b-customization-grid article {
  min-width: 0;
  padding: 0;
  text-align: left;
}
.home .home-b2b .b2b-customization-media {
  width: 100%;
  margin: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--paper);
}
.home .home-b2b .b2b-customization-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.home .home-b2b .b2b-customization-grid article > div {
  padding-top: 16px;
}
.home .home-b2b .b2b-customization-grid h3 {
  margin: 0 0 8px;
  line-height: 1.3;
}
.home .home-b2b .b2b-customization-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}
.home .home-b2b .b2b-section-tail {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
.home .home-b2b .b2b-section-tail .b2b-note {
  max-width: 720px;
  margin: 0;
}
.home .home-b2b .b2b-section-tail .text-link {
  flex-shrink: 0;
}
.home .home-b2b .b2b-process {
  background: var(--b2b-surface);
}
.home .home-b2b .b2b-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.home .home-b2b .b2b-process-grid li {
  padding-top: 18px;
  border-top: 2px solid #a59d8d;
}
.home .home-b2b .b2b-process-grid span {
  color: var(--leather-dark);
  font: 600 26px/1 var(--sans);
  letter-spacing: -.035em;
}
.home .home-b2b .b2b-process-grid h3 {
  margin: 20px 0 10px;
}
.home .home-b2b .b2b-process-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}
.home .home-b2b .b2b-quality {
  display: grid;
  grid-template-columns: minmax(0, 44fr) minmax(0, 56fr);
  gap: 44px;
  align-items: center;
  border-bottom: 1px solid var(--line);
}
.home .home-b2b .b2b-quality-media {
  min-width: 0;
  margin: 0;
}
.home .home-b2b .b2b-quality-media img {
  height: auto;
  max-height: 270px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center 68%;
}
.home .home-b2b .b2b-quality-media figcaption {
  margin-top: 9px;
  color: var(--muted);
  font-size: 12px;
}
.home .home-b2b .b2b-quality-copy > p:not(.b2b-note) {
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 16px;
}
.home .home-b2b .b2b-quality-checks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 24px 0 0;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
.home .home-b2b .b2b-quality-checks dt {
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 700;
}
.home .home-b2b .b2b-quality-checks dd {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}
.home .home-b2b .b2b-about {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
  scroll-margin-top: 90px;
}
.home .home-b2b .b2b-about figure {
  min-width: 0;
  margin: 0;
}
.home .home-b2b .b2b-about figure img {
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.home .home-b2b .b2b-about figcaption {
  padding-top: 10px;
  color: var(--muted);
  font-size: 12px;
}
.home .home-b2b .b2b-about-copy .eyebrow {
  margin-bottom: 17px;
}
.home .home-b2b .b2b-about-copy > p:not(.eyebrow) {
  margin: 18px 0 0;
  color: var(--muted);
  font-size: 15px;
}
.home .home-b2b .b2b-about-copy dl {
  margin: 22px 0 14px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
.home .home-b2b .b2b-about-copy dl > div {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 16px;
  margin-bottom: 8px;
  font-size: 13px;
}
.home .home-b2b .b2b-about-copy dt {
  font-weight: 700;
}
.home .home-b2b .b2b-about-copy dd {
  margin: 0;
  color: var(--muted);
}
.home .home-b2b .b2b-catalogue-cta {
  display: grid;
  grid-template-columns: minmax(0, .35fr) minmax(0, .65fr);
  gap: 0 56px;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #e8e5dd;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 90px;
}
.home .home-b2b .b2b-catalogue-cta figure {
  width: 100%;
  margin: 0;
}
.home .home-b2b .b2b-catalogue-cta figure img {
  height: auto;
  border: 1px solid var(--line);
}
.home .home-b2b .b2b-catalogue-cta figcaption {
  margin-top: 8px;
  color: #59564f;
  font-size: 11px;
}
.home .home-b2b .b2b-catalogue-heading .eyebrow {
  margin: 0 0 16px;
  color: var(--leather-dark);
  font-size: 11px;
}
.home .home-b2b .b2b-catalogue-copy > p:not(.eyebrow) {
  max-width: 650px;
  margin: 16px 0 0;
  color: #59564f;
  font-size: 16px;
}
.home .home-b2b .b2b-catalogue-copy .b2b-catalogue-details {
  font-size: 12px;
}
.home .home-b2b .b2b-catalogue-cta .button {
  margin-top: 26px;
}
.home .home-b2b .contact {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 60px;
  color: var(--ink);
  background: var(--b2b-surface);
  scroll-margin-top: 90px;
}
.home .home-b2b .contact-copy > p:not(.eyebrow) {
  margin-top: 18px;
  color: var(--muted);
}
@media (max-width: 1180px) {
  .home .home-b2b { --b2b-gutter: 28px; }
  .home .home-b2b .product-category-card img { height: 220px; aspect-ratio: auto; }
  .home .home-b2b .b2b-selected-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .home .home-b2b .b2b-product img { aspect-ratio: 4 / 3; }
  .home .home-b2b .real-manufacturing__layout,
  .home .home-b2b .real-manufacturing__media { min-height: 500px; }
  .home .home-b2b .real-manufacturing__copy { padding-right: 28px; }
  .home .home-b2b .real-manufacturing__copy h2 { font-size: var(--section-title-size); }
  .home .home-b2b .b2b-customization-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
  .home .home-b2b .b2b-quality,
  .home .home-b2b .contact { gap: 36px; }
}
@media (max-width: 980px) {
  .home .home-b2b .b2b-section,
  .home .home-b2b .product-categories,
  .home .home-b2b .contact { padding-top: 48px; padding-bottom: 48px; }
  .home .home-b2b .real-manufacturing__layout { min-height: 0; }
  .home .home-b2b .real-manufacturing__copy { padding: 44px var(--b2b-gutter); }
  .home .home-b2b .real-manufacturing__copy h2 { max-width: 660px; font-size: var(--section-title-size); }
  .home .home-b2b .real-manufacturing__media { height: 480px; min-height: 0; }
  .home .home-b2b .b2b-capacity-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home .home-b2b .b2b-capacity-facts > div:nth-child(odd) { padding-left: 0; border-left: 0; }
  .home .home-b2b .b2b-capacity-facts > div:nth-child(n+3) { border-top: 1px solid var(--line); }
  .home .home-b2b .b2b-customization-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home .home-b2b .b2b-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
  .home .home-b2b .b2b-quality,
  .home .home-b2b .b2b-about,
  .home .home-b2b .contact { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .home .home-b2b .b2b-about figure img { aspect-ratio: 16 / 9; }
  .home .home-b2b .b2b-section-tail { align-items: flex-start; flex-direction: column; gap: 8px; }
  .home .home-b2b .b2b-catalogue-cta { column-gap: 32px; }
}
@media (max-width: 620px) {
  .home .home-b2b { --b2b-gutter: 18px; }
  .home .home-b2b h2 { font-size: var(--section-title-size); }
  .home .home-b2b .b2b-section,
  .home .home-b2b .product-categories,
  .home .home-b2b .contact { padding-top: 38px; padding-bottom: 38px; }
  .home .home-b2b .b2b-section-heading > p,
  .home .home-b2b .product-categories__intro > p { font-size: 15px; }
  .home .home-b2b .product-category-card img { height: auto; aspect-ratio: 1; padding: 4px; }
  .home .home-b2b .product-category-card > div { min-height: 86px; padding: 12px 12px 6px; }
  .home .home-b2b .product-category-card h3 { font-size: 16px; }
  .home .home-b2b .b2b-selected-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px; }
  .home .home-b2b .b2b-product img { aspect-ratio: 1; }
  .home .home-b2b .real-manufacturing__copy { padding: 38px 22px; }
  .home .home-b2b .real-manufacturing__copy h2 { font-size: var(--section-title-size); }
  .home .home-b2b .real-manufacturing__media { height: 330px; }
  .home .home-b2b .b2b-capacity-facts > div { padding: 20px 14px; }
  .home .home-b2b .b2b-capacity-facts dt { font-size: 26px; }
  .home .home-b2b .b2b-capacity-facts dd { font-size: 12px; }
  .home .home-b2b .b2b-customization-grid h3 { min-height: 2.6em; font-size: 16px; }
  .home .home-b2b .b2b-customization-grid p { font-size: 13px; }
  .home .home-b2b .b2b-process-grid { gap: 24px 18px; }
  .home .home-b2b .b2b-process-grid h3 { font-size: 16px; }
  .home .home-b2b .b2b-process-grid p { font-size: 13px; }
  .home .home-b2b .b2b-about figure img { aspect-ratio: 16 / 9; }
  .home .home-b2b .b2b-customization-grid { gap: 24px 16px; }
  .home .home-b2b .b2b-quality-media img { max-height: none; }
  .home .home-b2b .b2b-quality-checks { gap: 18px; grid-template-columns: minmax(0, 1fr); }
  .home .home-b2b .b2b-quality-checks dt { margin-bottom: 3px; }
  .home .home-b2b .b2b-catalogue-cta { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .home .home-b2b .b2b-catalogue-copy > p:first-child { margin-top: 0; }
  .home .home-b2b .b2b-catalogue-cta h2 { font-size: var(--section-title-size); }
  .home .home-b2b .b2b-catalogue-copy > p:not(.eyebrow) { font-size: 15px; }
}
/* SHANGBAIGE HOMEPAGE B2B HIERARCHY END */

/* Homepage conversion polish: appearance only; WhatsApp links and visibility
   remain controlled by the existing footer and shared script. */
.home .floating-whatsapp {
  color: var(--white);
  background: var(--ink);
  border: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .01em;
}
.home .floating-whatsapp:hover {
  background: #32302a;
}
@media (max-width: 980px) {
  .home .floating-whatsapp {
    width: auto;
    padding: 12px 16px;
  }
  .home .floating-whatsapp::before {
    content: none;
  }
}

/* Catalogue presentation: desktop 35/65; mobile heading, showroom, copy and CTA.
   Menu state and other image-fit rules remain unchanged. */
.home .home-b2b .b2b-catalogue-cta {
  grid-template-areas: "showroom heading" "showroom catalogue";
}
.home .home-b2b .b2b-catalogue-heading {
  grid-area: heading;
  align-self: end;
}
.home .home-b2b .b2b-catalogue-copy {
  grid-area: catalogue;
  align-self: start;
}
.home .home-b2b .b2b-catalogue-cta figure {
  grid-area: showroom;
}
@media (max-width: 980px) {
  .site-header.is-menu-open .nav-toggle {
    position: relative;
  }
  .site-header.is-menu-open .nav-toggle span {
    position: absolute;
    top: calc(50% - .5px);
    right: 12px;
    left: 12px;
  }
  .site-header.is-menu-open .nav-toggle span:nth-child(1) {
    transform: rotate(45deg);
  }
  .site-header.is-menu-open .nav-toggle span:nth-child(2) {
    opacity: 0;
  }
  .site-header.is-menu-open .nav-toggle span:nth-child(3) {
    transform: rotate(-45deg);
  }
}
@media (max-width: 620px) {
  .home .home-b2b .b2b-catalogue-cta {
    grid-template-areas: "heading" "showroom" "catalogue";
  }
  .home .home-b2b .b2b-customization-media img {
    object-fit: contain;
  }
}

/* Final approved mobile refinements: preserve the desktop and all other sections. */
@media (max-width: 620px) {
  .home .hero-copy {
    padding-top: 34px;
    padding-bottom: 28px;
  }
  .home .hero-media {
    height: min(90vw, 410px);
  }
  .home .home-b2b .real-manufacturing__media img {
    /* The extra image height makes bottom alignment remove ceiling at 390px. */
    top: auto;
    bottom: 0;
    height: 128%;
    object-position: 54% 100%;
  }
  .home .floating-whatsapp {
    display: inline-flex;
    width: 46px;
    height: 46px;
    min-height: 46px;
    right: max(14px, env(safe-area-inset-right));
    bottom: max(14px, env(safe-area-inset-bottom));
    padding: 0;
    font-size: 0;
    pointer-events: auto;
    opacity: 1;
    transform: none;
    transition: none;
  }
  .home .floating-whatsapp::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    --whatsapp-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021l1.65%20-3.8a9%209%200%201%201%203.4%202.9l-5.05%20.9%22%2F%3E%3Cpath%20d%3D%22M9%2010a.5%20.5%200%200%200%201%200v-1a.5%20.5%200%200%200%20-1%200v1a5%205%200%200%200%205%205h1a.5%20.5%200%200%200%200%20-1h-1a.5%20.5%200%200%200%200%201%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask: var(--whatsapp-icon) center / contain no-repeat;
    mask: var(--whatsapp-icon) center / contain no-repeat;
  }
  .home footer {
    row-gap: 24px;
  }
  .home footer small {
    font-size: 11px;
  }
}

/* Shared type roles and restrained interactions for the six sourcing pages. */
.site-header nav a,
.home .site-header nav a {
  font: 600 13px/1.4 var(--sans);
  letter-spacing: .01em;
}
body:has(> main > :is(.home-b2b, .sbg-library, .factory-evidence, .split-hero, .story-evidence, .contact-hero)) :is(.button, .header-cta, .footer-project, .text-link, .story-link, .product-category-card a, .quote-form input[type="submit"], .quote-form button) {
  font: var(--control-font);
  letter-spacing: var(--control-tracking);
}
body:has(> main > :is(.home-b2b, .sbg-library, .factory-evidence, .split-hero, .story-evidence, .contact-hero)) :is(.eyebrow, .quote-form label) {
  font: 700 11px/1.5 var(--sans);
  letter-spacing: .12em;
}
body:has(> main > :is(.home-b2b, .sbg-library, .factory-evidence, .split-hero, .story-evidence, .contact-hero)) > footer small {
  font-size: 11px;
  line-height: 1.5;
}
:is(.story-copy, .company-identity, .inquiry-guide, .faq, .service-stack, .process, .spec-band, .page-cta) h2 {
  font-size: var(--section-title-size);
  line-height: 1.15;
  letter-spacing: -.025em;
  font-family: var(--serif);
  font-weight: 400;
}
:is(.split-hero, .contact-hero, .story-evidence, .service-stack, .process, .inquiry-guide, .faq, .company-identity) p:not(.eyebrow):not(.visual-note):not(.form-intro):not(.form-privacy) {
  line-height: 1.65;
}
.story-copy > p:not(.eyebrow) { font-size: 16px; }
.service-grid p, .value-grid p, .process-grid p { font-size: 14px; }
.service-grid h3, .process-grid h3, .process-grid-visual h3 {
  font: 600 20px/1.3 var(--sans);
  letter-spacing: -.015em;
}
.service-grid > article > div > span,
.process-grid > li > span {
  font-family: var(--sans);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.story-main-photo figcaption, .story-inset figcaption {
  font: 400 12px/1.5 var(--sans);
  letter-spacing: .06em;
}
.contact-details span {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .12em;
}
.contact-hero .form-privacy { font-size: 12px; line-height: 1.5; }
body:has(> main > :is(.home-b2b, .sbg-library, .factory-evidence, .split-hero, .story-evidence, .contact-hero)) :is(.commercial-note, .visual-note),
.home .factory-proof-bar span,
.story-evidence .checkpoint-list li {
  font-size: 12px;
}
.home .home-b2b .b2b-product { overflow: clip; }
.home .home-b2b .b2b-product img { transition: transform 300ms ease; }
.home .home-b2b .b2b-product:focus-visible img { transform: scale(1.025); }
.home .home-b2b .product-category-card:focus-within img { transform: scale(1.025); }
.home .home-b2b .text-link > span,
.home .home-b2b .product-category-card a > span,
.story-link > span,
body:has(> main > :is(.home-b2b, .sbg-library, .factory-evidence, .split-hero, .story-evidence, .contact-hero)) :is(.header-cta > span, .footer-project > b) {
  display: inline-block;
  transition: transform 180ms ease;
}
.home .home-b2b .text-link:focus-visible > span,
.home .home-b2b .product-category-card a:focus-visible > span,
.story-link:focus-visible > span,
body:has(> main > :is(.home-b2b, .sbg-library, .factory-evidence, .split-hero, .story-evidence, .contact-hero)) :is(.header-cta:focus-visible > span, .footer-project:focus-visible > b) { transform: translateX(3px); }
.visual-services article > img { transition: transform 300ms ease; }
.visual-services article:hover > img { transform: none; }
.visual-services article:focus-within > img { transform: scale(1.02); }
.visual-services article:focus-within { outline: 1px solid var(--leather-dark); outline-offset: -1px; }
.capability-details {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0;
  border: 0;
  color: var(--leather-dark);
  background: transparent;
  font: var(--control-font);
  letter-spacing: var(--control-tracking);
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.capability-details[hidden] { display: none; }
.capability-viewer {
  width: min(900px, calc(100vw - 40px));
  max-height: calc(100dvh - 40px);
  padding: 28px;
  overflow: auto;
  border: 1px solid var(--line);
  color: var(--ink);
  background: var(--white);
}
.capability-viewer::backdrop { background: rgba(21, 19, 15, .72); }
.capability-viewer:not([open]),
.capability-viewer__image[hidden] { display: none; }
.capability-viewer__close {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  margin: 0 0 18px auto;
  padding: 8px 14px;
  border: 1px solid var(--line);
  color: var(--ink);
  background: var(--white);
  font: var(--control-font);
  cursor: pointer;
}
.capability-viewer__image {
  width: 100%;
  max-height: min(58dvh, 620px);
  object-fit: contain;
}
.capability-viewer__title {
  margin: 24px 0 12px;
  font: 600 32px/1.3 var(--sans);
  letter-spacing: -.015em;
}
.capability-viewer__description {
  max-width: 64ch;
  margin: 0;
  color: var(--muted);
  font: 16px/1.65 var(--sans);
}
.factory-count { display: inline-block; font-variant-numeric: lining-nums tabular-nums; }
.production-reveal.reveal {
  transition: opacity 400ms ease-out, transform 400ms ease-out;
}
@media (prefers-reduced-motion: no-preference) {
  .production-reveal.reveal.is-reveal-pending { transform: translateY(10px); }
}
@media (hover: hover) and (pointer: fine) {
  .home .home-b2b .b2b-product:hover img { transform: scale(1.025); }
  .home .home-b2b .text-link:hover > span,
  .home .home-b2b .product-category-card a:hover > span,
  .story-link:hover > span,
  body:has(> main > :is(.home-b2b, .sbg-library, .factory-evidence, .split-hero, .story-evidence, .contact-hero)) :is(.header-cta:hover > span, .footer-project:hover > b) { transform: translateX(3px); }
  .visual-services article:hover > img { transform: scale(1.02); }
  .visual-services article:hover { outline: 1px solid var(--leather-dark); outline-offset: -1px; }
}
@media (max-width: 620px) {
  :root { --section-title-size: clamp(28px, 7.7vw, 32px); }
  .service-grid h3, .process-grid h3, .process-grid-visual h3 { font-size: 18px; }
  .capability-viewer { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 18px; }
  .capability-viewer__title { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .home .home-b2b .b2b-product img,
  .home .home-b2b .b2b-product:is(:hover, :focus-visible) img,
  .home .home-b2b .product-category-card:is(:hover, :focus-within) img,
  .visual-services article:is(:hover, :focus-within) > img,
  .home .home-b2b .text-link:is(:hover, :focus-visible) > span,
  .home .home-b2b .product-category-card a:is(:hover, :focus-visible) > span,
  .story-link:is(:hover, :focus-visible) > span,
  body:has(> main > :is(.home-b2b, .sbg-library, .factory-evidence, .split-hero, .story-evidence, .contact-hero)) :is(.header-cta:is(:hover, :focus-visible) > span, .footer-project:is(:hover, :focus-visible) > b) {
    transform: none;
    transition: none;
  }
  .production-reveal.reveal,
  .production-reveal.reveal.is-reveal-pending {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Scoped staging refinement: Custom Manufacturing and About only. */
:is(.manufacturing-refine, .about-refine) {
  --refine-gutter: max(5vw, 34px);
}
:is(.manufacturing-refine, .about-refine) .section {
  padding: 64px var(--refine-gutter);
}
:is(.manufacturing-refine, .about-refine) h2:where(:not(.capability-viewer__title)) {
  font: 400 var(--section-title-size)/1.15 var(--serif);
  letter-spacing: -.025em;
}
.manufacturing-refine :is(#manufacturing-capabilities-title, #manufacturing-evidence-title),
.about-refine :is(#about-facts-title, #about-evidence-title) {
  font-family: var(--sans);
  font-weight: 600;
}
:is(.manufacturing-refine, .about-refine) figure { margin: 0; min-width: 0; }
:is(.manufacturing-refine, .about-refine) figcaption {
  padding-top: 10px;
  color: var(--muted);
  font: 400 12px/1.5 var(--sans);
}
:is(.manufacturing-refine, .about-refine) p:where(:not(.eyebrow):not(.visual-note):not(.commercial-note)) {
  color: var(--muted);
  font: 400 16px/1.65 var(--sans);
}
body:has(> main > :is(.manufacturing-refine, .about-refine)) :is(.button, .header-cta, .footer-project, .text-link) {
  font: var(--control-font);
  letter-spacing: var(--control-tracking);
}
body:has(> main > :is(.manufacturing-refine, .about-refine)) .eyebrow {
  font: 700 11px/1.5 var(--sans);
  letter-spacing: .12em;
}
body:has(> main > :is(.manufacturing-refine, .about-refine)) > footer small {
  font-size: 11px;
  line-height: 1.5;
}
:is(.manufacturing-refine, .about-refine) :is(.visual-note, .commercial-note) {
  font: 400 12px/1.65 var(--sans);
}
:is(.manufacturing-refine, .about-refine) .section-head,
.about-refine__section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  align-items: end;
  gap: 32px;
  margin-bottom: 32px;
}
.about-refine__section-heading > p { margin-bottom: 0; }
.manufacturing-refine__hero,
.about-refine__hero {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 48px;
  min-height: 0;
  padding: 54px var(--refine-gutter);
  background: var(--paper);
  border-bottom: 1px solid var(--line);
}
.manufacturing-refine__hero > div { min-width: 0; padding: 0; }
.manufacturing-refine__hero h1,
.about-refine__hero h1 {
  margin: 0 0 24px;
  font: 400 clamp(40px, 3.2vw, 48px)/1.12 var(--serif);
  letter-spacing: -.025em;
}
.manufacturing-refine__hero-tagline {
  display: block;
  margin-top: 18px;
  font: 600 24px/1.35 var(--sans);
  letter-spacing: -.015em;
}
.manufacturing-refine__hero > div > p:not(.eyebrow) { margin: 0 0 24px; }
.manufacturing-refine__hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 24px;
}
.manufacturing-refine__hero-actions .text-link { padding: 12px 0; }
.manufacturing-refine__hero > .manufacturing-refine__hero-visual {
  display: block;
}
.manufacturing-refine__hero-production img,
.manufacturing-refine__hero-design img { aspect-ratio: 4 / 3; object-fit: cover; }
.manufacturing-refine__hero-production img { object-position: 60% 75%; }
.manufacturing-refine__capabilities { scroll-margin-top: 92px; }
.manufacturing-refine .visual-services { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.manufacturing-refine .visual-services article {
  grid-template-rows: auto 1fr;
  min-width: 0;
  min-height: 0;
  transition: background-color 300ms ease;
}
.manufacturing-refine .visual-services article > img { height: auto; aspect-ratio: 4 / 3; }
.manufacturing-refine .visual-services article > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
}
.manufacturing-refine .visual-services h3 { margin: 14px 0 12px; }
.manufacturing-refine .visual-services p { margin-bottom: 14px; font-size: 14px; }
.manufacturing-refine .capability-details { margin-top: auto; }
.manufacturing-refine .visual-services article:focus-within { background: var(--paper); }
.manufacturing-refine__steps { background: var(--paper); border-block: 1px solid var(--line); }
.manufacturing-refine__steps .section-head { grid-template-columns: minmax(0, 820px); }
.manufacturing-refine__step-grid,
.manufacturing-refine__evidence-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.manufacturing-refine__step,
.manufacturing-refine__evidence-item { min-width: 0; }
.manufacturing-refine__step-media { overflow: hidden; }
.manufacturing-refine__step-media img { aspect-ratio: 4 / 3; object-fit: cover; }
.manufacturing-refine__step h3 {
  margin: 18px 0 12px;
  font: 600 18px/1.35 var(--sans);
  letter-spacing: -.015em;
}
.manufacturing-refine__step p { margin: 0; }
.manufacturing-refine__step p:not(.eyebrow) { font-size: 14px; }
.manufacturing-refine__evidence-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.manufacturing-refine__evidence-item img { aspect-ratio: 4 / 3; object-fit: contain; background: var(--paper); }
.manufacturing-refine__evidence-item figcaption {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--ink);
  font-size: 14px;
  font-weight: 600;
}
.manufacturing-refine__evidence .visual-note { margin: 20px 0 0; }
.manufacturing-refine__framework { padding: 48px var(--refine-gutter); gap: 48px; }
.manufacturing-refine__framework h2 { max-width: 16ch; }
.manufacturing-refine__framework dl div { gap: 16px; padding: 16px 0; }
.manufacturing-refine__framework dd { font: 600 17px/1.5 var(--sans); }
.manufacturing-refine__framework + .commercial-note { padding-inline: var(--refine-gutter); }
.about-refine__hero-image img { height: auto; }
.about-refine__hero .about-refine__hero-facts { margin: 22px 0 0; font-size: 13px; font-weight: 600; }
.about-refine__production {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 48px;
}
.about-refine__production-copy p { max-width: 55ch; margin: 22px 0; }
.about-refine__production-image img { max-height: 350px; aspect-ratio: 16 / 9; object-fit: cover; object-position: 60% 75%; }
.about-refine__facts { background: var(--paper); border-block: 1px solid var(--line); }
.about-refine__facts-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 28px 0 20px;
}
.about-refine__facts-grid > div { padding: 12px 24px; border-left: 1px solid var(--line); }
.about-refine__facts-grid > div:first-child { padding-left: 0; border-left: 0; }
.about-refine__facts-grid dt { font: 600 32px/1.2 var(--sans); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.about-refine__facts-grid dd { margin: 10px 0 0; color: var(--muted); font: 400 14px/1.5 var(--sans); }
.about-refine__facts .about-refine__qualification { max-width: 92ch; margin: 0; font-size: 12px; }
.about-refine__milestones-image img { width: 100%; height: auto; }
.about-refine__evidence { border-top: 1px solid var(--line); background: var(--paper); }
.about-refine__evidence-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.about-refine__evidence-grid img { aspect-ratio: 16 / 9; object-fit: cover; }
.about-refine .section:is(.about-refine__facts, .about-refine__milestones, .about-refine__evidence) { padding-bottom: 48px; }
.about-refine__identity { gap: 48px; }
.about-refine__cta { padding: 48px var(--refine-gutter); border-top: 1px solid var(--line); }
.about-refine__cta h2 { margin-bottom: 26px; }
:is(.manufacturing-refine, .about-refine) .text-link > span,
body:has(> main > :is(.manufacturing-refine, .about-refine)) :is(.header-cta > span, .footer-project > b) {
  display: inline-block;
  transition: transform 180ms ease;
}
:is(.manufacturing-refine, .about-refine) .text-link:focus-visible > span,
body:has(> main > :is(.manufacturing-refine, .about-refine)) :is(.header-cta:focus-visible > span, .footer-project:focus-visible > b) { transform: translateX(3px); }
@media (hover: hover) and (pointer: fine) {
  .manufacturing-refine .visual-services article:hover { background: var(--paper); }
  :is(.manufacturing-refine, .about-refine) .text-link:hover > span,
  body:has(> main > :is(.manufacturing-refine, .about-refine)) :is(.header-cta:hover > span, .footer-project:hover > b) { transform: translateX(3px); }
}
@media (max-width: 980px) {
  :is(.manufacturing-refine, .about-refine) { --refine-gutter: 28px; }
  :is(.manufacturing-refine, .about-refine) .section { padding-block: 48px; }
  .about-refine .section:is(.about-refine__facts, .about-refine__milestones, .about-refine__evidence) { padding-bottom: 36px; }
  .manufacturing-refine__hero, .about-refine__hero { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-block: 40px; }
  .manufacturing-refine__hero > .manufacturing-refine__hero-visual { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
  .manufacturing-refine .visual-services,
  .manufacturing-refine__step-grid,
  .about-refine__evidence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .manufacturing-refine .visual-services article:nth-child(odd) { border-left: 0; }
  .manufacturing-refine .visual-services article:nth-child(n+3) { border-top: 1px solid var(--line); }
  .about-refine__production { gap: 28px; }
  .about-refine__facts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-refine__facts-grid > div { padding: 20px; }
  .about-refine__facts-grid > div:nth-child(odd) { padding-left: 0; border-left: 0; }
  .about-refine__facts-grid > div:nth-child(n+3) { border-top: 1px solid var(--line); }
}
@media (max-width: 620px) {
  :is(.manufacturing-refine, .about-refine) { --refine-gutter: 18px; }
  :is(.manufacturing-refine, .about-refine) .section { padding-block: 38px; }
  .about-refine .section:is(.about-refine__facts, .about-refine__milestones, .about-refine__evidence) { padding-bottom: 26px; }
  :is(.manufacturing-refine, .about-refine) .section-head,
  .about-refine__section-heading { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-bottom: 24px; }
  .manufacturing-refine__hero, .about-refine__hero { padding-block: 32px; }
  .manufacturing-refine__hero h1, .about-refine__hero h1 { font-size: 34px; }
  .manufacturing-refine__hero-tagline { font-size: 22px; }
  .manufacturing-refine__hero-actions { gap: 8px 18px; }
  .manufacturing-refine__hero > .manufacturing-refine__hero-visual { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 12px; }
  .manufacturing-refine .visual-services,
  .manufacturing-refine__step-grid { grid-template-columns: minmax(0, 1fr); }
  .manufacturing-refine .visual-services article { border-left: 0; }
  .manufacturing-refine .visual-services article + article { border-top: 1px solid var(--line); }
  .manufacturing-refine .visual-services article > div { padding: 20px 16px; }
  .manufacturing-refine .capability-details { min-width: 120px; min-height: 48px; }
  .manufacturing-refine .visual-services h3 { font-size: 18px; }
  .manufacturing-refine__step-grid { gap: 28px 16px; }
  .manufacturing-refine__step h3 { font-size: 16px; }
  .manufacturing-refine__evidence-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .manufacturing-refine__evidence-item img { max-height: 240px; }
  .manufacturing-refine__framework { padding: 38px var(--refine-gutter); gap: 24px; }
  .manufacturing-refine__framework dl div { font-size: 14px; }
  .manufacturing-refine__framework dd { font-size: 15px; }
  .about-refine__production { grid-template-columns: minmax(0, 1fr); }
  .about-refine__facts-grid dt { font-size: 28px; }
  .about-refine__facts-grid dd { font-size: 13px; }
  .about-refine__evidence-grid { gap: 20px 14px; }
  .about-refine__identity { gap: 24px; }
  .about-refine__cta { padding: 38px var(--refine-gutter); }
}
@media (prefers-reduced-motion: reduce) {
  .manufacturing-refine .visual-services article,
  :is(.manufacturing-refine, .about-refine) .text-link > span,
  :is(.manufacturing-refine, .about-refine) .text-link:is(:hover, :focus-visible) > span,
  body:has(> main > :is(.manufacturing-refine, .about-refine)) :is(.header-cta > span, .footer-project > b),
  body:has(> main > :is(.manufacturing-refine, .about-refine)) :is(.header-cta:is(:hover, :focus-visible) > span, .footer-project:is(:hover, :focus-visible) > b),
  .site-header nav,
  .floating-whatsapp {
    transform: none;
    transition: none;
  }
}

/* Final interaction completion: no resting layout, copy or typography changes. */
.quote-form :is(input, select, textarea):focus-visible {
  outline: 3px solid #b8874f;
  outline-offset: 4px;
}
footer a > .interaction-arrow {
  display: inline-block;
  white-space: pre;
  transition: transform 180ms ease;
}
footer a:focus-visible > .interaction-arrow { transform: translateX(3px); }
@media (hover: hover) and (pointer: fine) {
  footer a:hover > .interaction-arrow { transform: translateX(3px); }
}
@media (prefers-reduced-motion: reduce) {
  footer a > .interaction-arrow,
  footer a:is(:hover, :focus-visible) > .interaction-arrow { transform: none; transition: none; }
}

/*
Tabler Icons, brand-whatsapp (paths unchanged).
Source: https://github.com/tabler/tabler-icons/blob/main/icons/outline/brand-whatsapp.svg
MIT License
Copyright (c) 2020-2026 Paweł Kuna

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/