:root {
  color-scheme: light;
  --ink: #191a18;
  --muted: #656761;
  --line: #d8d7d1;
  --paper: #f6f3ee;
  --coral: #c74634;
  --green: #496c61;
  --white: #fff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 82px; }
body { margin: 0; color: var(--ink); background-color: #f7f8f7; background-image: linear-gradient(rgba(250,251,250,.91), rgba(250,251,250,.91)), url("assets/fashion-worktable-v2.webp"); background-position: center; background-size: cover; background-attachment: fixed; font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif; line-height: 1.55; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, textarea { font: inherit; }
h1, h2, h3, p { overflow-wrap: anywhere; }

.site-header { position: sticky; top: 0; z-index: 20; min-height: 82px; padding: 0 clamp(20px, 5vw, 76px); background: rgba(252,252,250,.88); border-bottom: 1px solid rgba(80,82,78,.18); backdrop-filter: blur(18px); }
.brand { display: flex; align-items: center; justify-content: center; width: 82px; margin: 0 30px; }
.brand img { width: 100%; height: auto; }
.nav { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; min-height: 81px; color: #3d3f3b; font-size: 12px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; }
.nav-group { display: flex; align-items: center; gap: 25px; }
.nav-left { justify-content: flex-end; }
.nav-right { justify-content: flex-start; }
.nav a { padding: 27px 0; border-bottom: 2px solid transparent; }
.nav .brand { padding: 0; border-bottom: 0; }
.nav a:hover, .nav a:focus-visible, .nav a.active { color: var(--coral); border-color: var(--coral); }
.nav .brand:hover, .nav .brand:focus-visible { border-color: transparent; }
.header-actions { position: absolute; top: 50%; right: clamp(20px, 2.2vw, 38px); display: flex; align-items: center; gap: 12px; transform: translateY(-50%); }
.language-menu { position: relative; }
.language-menu summary { width: 44px; height: 40px; display: flex; align-items: center; justify-content: center; gap: 4px; border: 1px solid rgba(50,52,49,.24); border-radius: 3px; background: rgba(255,255,255,.62); cursor: pointer; list-style: none; }
.language-menu summary::-webkit-details-marker { display: none; }
.language-menu summary::after { content: "▾"; color: var(--muted); font-size: 9px; }
.language-menu summary span { font-size: 20px; line-height: 1; }
.language-menu summary:hover, .language-menu summary:focus-visible, .language-menu[open] summary { border-color: var(--coral); outline: none; }
.language-options { position: absolute; top: calc(100% + 9px); right: 0; z-index: 40; min-width: 146px; padding: 6px; background: #fff; border: 1px solid var(--line); box-shadow: 0 12px 30px rgba(24,27,24,.14); }
.language-options a { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 7px 10px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.language-options a span { font-size: 19px; line-height: 1; }
.language-options a:hover, .language-options a:focus-visible { color: var(--coral); background: #f5f5f2; outline: none; }
.language-options a[aria-current="page"]::after { content: "✓"; margin-left: auto; color: var(--coral); font-size: 11px; }
.header-cta, .button, .rfq-form button, .mobile-rfq { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; border: 1px solid transparent; border-radius: 3px; font-weight: 700; cursor: pointer; }
.header-cta { padding: 0 17px; color: white; background: var(--ink); font-size: 13px; }
.menu-toggle { display: none; }

.hero { position: relative; min-height: 730px; display: flex; align-items: center; overflow: hidden; background: #f7f8f7; }
.hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.home-hero > img { object-fit: contain; object-position: right center; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(249,250,249,.97) 0%, rgba(249,250,249,.94) 29%, rgba(249,250,249,.58) 39%, rgba(249,250,249,.06) 52%); }
.hero-content { position: relative; z-index: 2; width: min(500px, 43vw); margin-left: clamp(24px, 7vw, 108px); padding: 70px 0 120px; }
.eyebrow { margin: 0 0 14px; color: var(--coral); font-size: 12px; font-weight: 800; text-transform: uppercase; }
h1, h2, h3 { font-family: Georgia, "Songti SC", "SimSun", serif; font-weight: 400; }
h1 { margin: 0; font-size: clamp(50px, 6vw, 82px); line-height: 1; }
.hero-copy { max-width: 540px; margin: 24px 0 0; color: #4f514d; font-size: 18px; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 32px; }
.button.primary { min-height: 50px; padding: 0 24px; color: white; background: var(--coral); }
.button.text { min-height: 36px; border-bottom-color: var(--ink); border-radius: 0; }
.button.outline { padding: 0 24px; border-color: var(--ink); }
.proof-strip { position: absolute; z-index: 3; bottom: 0; left: clamp(24px, 7vw, 108px); display: grid; grid-template-columns: repeat(4, auto); background: rgba(255,255,255,.82); border: 1px solid rgba(80,82,78,.22); border-bottom: 0; backdrop-filter: blur(14px); }
.proof-strip span { padding: 17px 22px; border-right: 1px solid var(--line); font-size: 12px; font-weight: 700; }
.proof-strip span:last-child { border-right: 0; }

.audience-band { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 30px; padding: 25px clamp(24px, 6vw, 94px); color: white; background: var(--green); }
.audience-band p { margin: 0; color: rgba(255,255,255,.7); font-size: 11px; text-transform: uppercase; }
.audience-band div { display: flex; justify-content: space-between; gap: 18px; font-family: Georgia, "Songti SC", serif; font-size: 18px; }
.social-strip { display: flex; align-items: center; justify-content: flex-end; min-height: 69px; padding: 16px clamp(24px, 6vw, 94px); background: rgba(255,255,255,.74); border-bottom: 1px solid var(--line); }
.social-follow { display: flex; align-items: center; justify-content: flex-end; gap: 18px; }
.social-strip p { margin: 0; color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.social-strip p span { display: inline-block; margin-left: 7px; color: var(--ink); font-size: 15px; line-height: 1; transform: translateY(1px); }
.social-icons { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.social-icon { width: 44px; height: 44px; display: grid; flex: 0 0 44px; place-items: center; border: 1px solid rgba(50,52,49,.28); border-radius: 50%; background: rgba(255,255,255,.62); }
.social-icon img { width: 20px; height: auto; max-height: 20px; opacity: 1; }
.social-icon.rednote { width: 96px; flex-basis: 96px; border-radius: 4px; background: #171917; }
.social-icon.rednote img { width: 80px; max-height: none; }

.section, .contact-section { padding: 94px clamp(24px, 6vw, 94px); }
.section-heading { max-width: 820px; margin-bottom: 46px; }
.section-heading.split { max-width: none; display: grid; grid-template-columns: 1fr .8fr; align-items: end; gap: 60px; }
h2 { margin: 0; font-size: clamp(38px, 5vw, 62px); line-height: 1.06; }
.section-heading > p:last-child, .about-section > div:last-child > p, .contact-copy > p { margin: 0; color: var(--muted); font-size: 17px; }

.collections-section { background: rgba(246,247,245,.76); }
.capability-categories { display: grid; gap: 80px; }
.capability-category { display: grid; grid-template-columns: minmax(240px, .55fr) minmax(0, 1.45fr); gap: clamp(32px, 6vw, 88px); align-items: center; padding-top: 42px; border-top: 1px solid var(--line); }
.capability-category.reverse { grid-template-columns: minmax(0, 1.45fr) minmax(240px, .55fr); }
.capability-category.reverse .category-copy { order: 2; }
.category-copy h3 { margin: 0 0 16px; font-size: clamp(32px, 4vw, 48px); line-height: 1.08; }
.category-copy > p:not(.card-index) { margin: 0 0 26px; color: var(--muted); font-size: 16px; }
.category-copy > a { display: inline-block; padding-bottom: 4px; border-bottom: 1px solid var(--ink); font-size: 13px; font-weight: 700; }
.category-gallery { display: grid; gap: 11px; min-height: 0; }
.accessory-gallery { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.coverup-gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.gallery-tile { position: relative; min-width: 0; margin: 0; overflow: hidden; background: #e2ded6; }
.accessory-gallery .gallery-tile { grid-column: span 4; aspect-ratio: 4 / 3; }
.accessory-gallery .gallery-tile:nth-child(n+7) { grid-column: span 6; }
.coverup-gallery .gallery-tile { aspect-ratio: 2 / 3; }
.accessory-gallery.home-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.accessory-gallery.home-gallery .gallery-tile, .accessory-gallery.home-gallery .gallery-tile:nth-child(n+7) { grid-column: span 1; }
.coverup-gallery.home-gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.gallery-tile img { width: 100%; height: 100%; object-fit: cover; }
.gallery-tile.crop-top img { object-position: center 15%; }
.gallery-tile.crop-center img { object-position: center 48%; }
.gallery-tile.crop-bottom img { object-position: center 85%; }
.gallery-tile figcaption { display: none; }
.card-index { margin: 0 0 20px; color: var(--coral); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.image-note { margin: 14px 0 0; color: #858780; font-size: 10px; }
.tailored-prompt { display: grid; grid-template-columns: .45fr 1fr auto; align-items: center; gap: 36px; margin-top: 56px; padding: 34px; color: white; background: var(--green); }
.tailored-prompt .eyebrow { margin: 0; color: rgba(255,255,255,.65); }
.tailored-prompt h3 { margin: 0; font-size: clamp(24px, 2.6vw, 36px); line-height: 1.16; }
.tailored-prompt .button { white-space: nowrap; }

.development-section { background: rgba(255,255,255,.72); }
.process-grid { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(20px, 4vw, 58px); margin: 0; padding: 0; }
.process-grid li { min-height: 250px; padding: 24px 0 38px; border-top: 1px solid var(--line); }
.process-grid li:nth-child(even) { margin-top: 44px; }
.process-grid span { color: var(--coral); font-size: 12px; font-weight: 800; }
.process-grid h3 { margin: 54px 0 12px; font-size: 24px; }
.process-grid p { margin: 0; color: var(--muted); }

.material-band { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; padding: 88px clamp(24px, 6vw, 94px); color: white; background: #222723; }
.material-band h2 { max-width: 660px; }
.material-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,.25); border-left: 1px solid rgba(255,255,255,.25); }
.material-list p { min-height: 116px; display: flex; align-items: end; margin: 0; padding: 20px; border-right: 1px solid rgba(255,255,255,.25); border-bottom: 1px solid rgba(255,255,255,.25); font-family: Georgia, "Songti SC", serif; font-size: 19px; }

.buyer-section { background: rgba(246,247,245,.76); }
.buyer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(26px, 5vw, 74px); }
.buyer-grid article { min-height: 270px; padding: 26px 0 20px 24px; border-left: 1px solid var(--line); }
.buyer-grid article:nth-child(2) { margin-top: 54px; }
.buyer-grid article > span { color: var(--coral); font-size: 11px; font-weight: 800; }
.buyer-grid h3 { margin: 54px 0 13px; font-size: 25px; line-height: 1.15; }
.buyer-grid p { margin: 0; color: var(--muted); }

.about-section { display: grid; grid-template-columns: 1fr .85fr; gap: 80px; align-items: start; background: rgba(255,255,255,.7); }
.about-section > div:last-child { padding-top: 34px; }
.about-section > div:last-child > p { font-size: 20px; }
.tag-row { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.tag-row span { padding: 8px 11px; border: 1px solid var(--line); font-size: 11px; font-weight: 700; text-transform: uppercase; }
.about-link { display: inline-block; margin-top: 28px; padding-bottom: 4px; border-bottom: 1px solid var(--ink); font-size: 13px; font-weight: 700; }

.about-page { background-image: none; background-color: #f5f6f3; }
.about-hero { position: relative; min-height: 650px; display: flex; align-items: end; overflow: hidden; background: #d8dddc; }
.about-hero-media { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.about-hero-media img { width: 100%; height: 100%; object-fit: cover; }
.about-hero-media img:first-child { object-position: 42% center; }
.about-hero-media img:last-child { object-position: 48% center; }
.about-hero-media::after { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: rgba(255,255,255,.42); }
.about-hero-shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(20,24,22,.88) 0%, rgba(20,24,22,.6) 37%, rgba(20,24,22,.08) 76%), linear-gradient(90deg, rgba(20,24,22,.58), rgba(20,24,22,.06) 72%); }
.about-hero-copy { position: relative; z-index: 2; width: min(780px, 78vw); padding: 0 0 80px; margin-left: clamp(24px, 6vw, 94px); color: white; }
.about-hero-copy h1 { max-width: 760px; }
.about-hero-copy > p:last-child { max-width: 620px; margin: 24px 0 0; color: rgba(255,255,255,.8); font-size: 18px; }
.about-intro { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(48px, 9vw, 140px); background: rgba(255,255,255,.88); }
.about-intro > div:last-child { padding-top: 34px; }
.about-intro > div:last-child p { margin: 0 0 20px; color: var(--muted); font-size: 18px; }
.about-capabilities { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.about-capabilities article { display: flex; min-height: 640px; flex-direction: column; padding: 78px clamp(24px, 6vw, 94px); border-top: 1px solid var(--line); }
.about-capabilities article:first-child { background: #e4ece8; }
.about-capabilities article:last-child { background: #eee1d8; }
.about-capabilities article > span { display: block; margin-bottom: 56px; font-size: 12px; font-weight: 800; }
.about-capabilities h2 { max-width: none; min-height: 2.12em; margin-bottom: 24px; overflow-wrap: normal; }
.about-capabilities article > p:not(.eyebrow) { max-width: 660px; min-height: 12em; margin: 0 0 36px; color: #51544f; font-size: 17px; }
.about-capabilities .button { align-self: flex-start; margin-top: auto; }
.fact-line { display: grid; align-content: start; gap: 7px; min-height: 84px; margin: -12px 0 30px; color: #454944; font-size: 12px; font-weight: 700; }
.fact-line span { display: block; padding-left: 14px; border-left: 2px solid var(--coral); }
.about-method { background: rgba(246,247,245,.94); }
.about-proof { display: grid; grid-template-columns: .7fr 1.3fr; color: white; background: #1e2421; }
.about-proof > div { min-height: 470px; padding: 76px clamp(24px, 6vw, 94px); }
.about-proof > div:first-child { display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255,255,255,.18); }
.about-proof strong { display: block; white-space: nowrap; font-family: Georgia, "Songti SC", serif; font-size: clamp(56px, 6vw, 92px); font-weight: 400; line-height: .92; }
.about-proof > div:first-child span { max-width: 430px; margin-top: 24px; color: rgba(255,255,255,.65); }
.about-proof h2 { max-width: 700px; }
.about-proof > div:last-child > p:not(.eyebrow) { max-width: 720px; color: rgba(255,255,255,.68); font-size: 17px; }
.about-proof .tag-row span { border-color: rgba(255,255,255,.35); }
.about-closing { padding: 104px clamp(24px, 12vw, 190px); text-align: center; background: #fff; }
.about-closing h2 { max-width: 940px; margin: 0 auto; }
.about-closing > p:not(.eyebrow) { max-width: 720px; margin: 26px auto 32px; color: var(--muted); font-size: 18px; }

.insights-section { background: rgba(238,242,239,.84); }
.insight-grid { display: grid; grid-template-columns: 1.15fr .85fr 1fr; gap: clamp(28px, 5vw, 76px); }
.insight-grid article { min-height: 280px; padding-top: 20px; border-top: 1px solid var(--ink); }
.insight-grid article:nth-child(2) { margin-top: 70px; }
.insight-grid article > p { margin: 0 0 48px; color: var(--coral); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.insight-grid h3 { margin: 0 0 16px; font-size: clamp(25px, 2.6vw, 38px); line-height: 1.12; }
.insight-grid h3 a:hover, .insight-grid h3 a:focus-visible { color: var(--coral); }
.insight-grid article > span { color: var(--muted); font-size: 14px; }
.standards-row { display: grid; grid-template-columns: .55fr 1.45fr; align-items: center; gap: 28px; margin-top: 76px; padding: 22px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.standards-row > p { margin: 0; font-family: Georgia, "Songti SC", serif; font-size: 18px; font-weight: 700; }
.standards-row > div { display: flex; flex-wrap: wrap; gap: 8px; }
.standards-row span { padding: 6px 9px; border: 1px solid #90958f; font-size: 10px; font-weight: 800; }
.standards-row small { color: var(--muted); font-size: 11px; }
.certification-logos { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.certification-logos > span { width: 124px; height: 68px; display: grid; place-items: center; padding: 9px 12px; background: #fff; border: 1px solid rgba(70,74,69,.18); }
.certification-logos img { width: auto; height: auto; max-width: 100%; max-height: 48px; object-fit: contain; }
.certification-logos .cert-tall img { max-height: 54px; }
.about-proof .certification-logos { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-top: 30px; }
.about-proof .certification-logos > span { width: 100%; height: 76px; }
.section-link { display: inline-block; margin-top: 30px; padding-bottom: 4px; border-bottom: 1px solid var(--ink); font-size: 13px; font-weight: 700; }

.product-page, .news-page, .article-page, .privacy-page { background-image: none; background-color: #f7f8f7; }
.product-hero { display: grid; grid-template-columns: .95fr 1.05fr; min-height: 650px; background: #f1ece6; }
.product-hero > div { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 80px clamp(24px, 7vw, 108px); }
.product-hero h1 { max-width: 680px; }
.product-hero > div > p:not(.eyebrow) { max-width: 620px; margin: 25px 0 30px; color: var(--muted); font-size: 18px; }
.product-hero figure { min-height: 650px; margin: 0; overflow: hidden; background: #e3ded6; }
.product-hero figure img { width: 100%; height: 100%; object-fit: cover; }
.product-hero.coverup figure img { object-position: center 25%; }
.product-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); color: white; background: var(--green); }
.product-facts div { min-height: 144px; display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 24px clamp(20px, 3vw, 45px); border-right: 1px solid rgba(255,255,255,.2); }
.product-facts div:last-child { border-right: 0; }
.product-facts strong { font-family: Georgia, "Songti SC", serif; font-size: 29px; font-weight: 400; }
.product-facts span { color: rgba(255,255,255,.7); font-size: 12px; }
.product-intro { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(50px, 9vw, 140px); background: white; }
.product-intro > div:last-child { padding-top: 36px; }
.product-intro > div:last-child p { margin: 0 0 20px; color: var(--muted); font-size: 18px; }
.product-gallery-section { background: #eef1ee; }
.product-gallery { gap: 14px; }
.accessory-gallery.product-gallery .gallery-tile { grid-column: span 3; }
.accessory-gallery.product-gallery .gallery-tile:nth-child(n+7) { grid-column: span 3; }
.coverup-gallery.product-gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.page-hero { padding: 100px clamp(24px, 9vw, 140px) 72px; background: #e8eeeb; }
.page-hero h1 { max-width: 850px; }
.page-hero > p:not(.eyebrow) { max-width: 700px; margin: 24px 0 0; color: var(--muted); font-size: 18px; }
.news-index { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(32px, 5vw, 72px); padding-top: 38px; }
.news-categories { grid-column: 1 / -1; display: flex; gap: 34px; margin-bottom: 58px; border-bottom: 1px solid var(--line); }
.news-categories a { min-width: 150px; padding: 18px 0 16px; border-bottom: 2px solid transparent; color: #424640; font-size: 15px; font-weight: 800; }
.news-categories a span { margin-right: 9px; color: var(--coral); font-size: 10px; }
.news-categories a:hover, .news-categories a:focus-visible { color: var(--coral); border-color: var(--coral); }
.news-category-section { scroll-margin-top: 100px; }
.news-category-section + .news-category-section { margin-top: 0; padding-top: 0; border-top: 0; }
.news-category-heading { display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 54px; margin-bottom: 38px; }
.news-index .news-category-heading { grid-template-columns: 1fr; align-content: space-between; align-items: start; gap: 16px; min-height: 238px; }
.news-index .news-category-heading h2 { font-size: clamp(30px, 3.3vw, 46px); }
.news-category-heading h2 { max-width: 650px; margin: 0; }
.news-category-heading > p, .news-category-heading > div > p { max-width: 560px; margin: 0; color: var(--muted); font-size: 15px; }
.category-archive-link { display: inline-block; margin-top: 18px; padding-bottom: 3px; border-bottom: 1px solid currentColor; color: var(--coral); font-size: 12px; font-weight: 800; }
.news-category-section .news-grid, .news-category-section .latest-news-grid { grid-template-columns: minmax(0, 1fr); max-width: 100%; }
.news-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.news-card { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 10; min-height: 0; background: #2a2d29; }
.news-card::after { content: ""; position: absolute; inset: 34% 0 0; background: linear-gradient(0deg, rgba(12,14,12,.88), rgba(12,14,12,0)); pointer-events: none; }
.news-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; margin: 0; transition: transform .3s ease; }
.news-card-collage { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 3px; transition: transform .3s ease; }
.news-card .news-card-collage img { position: static; min-width: 0; min-height: 0; width: 100%; height: 100%; object-fit: cover; transform: none; }
.news-card > p, .news-card > span { display: none; }
.news-card h2, .news-card h3 { position: absolute; z-index: 2; right: 22px; bottom: 20px; left: 22px; margin: 0; color: white; font-size: clamp(22px, 2.2vw, 31px); line-height: 1.12; text-shadow: 0 1px 8px rgba(0,0,0,.35); }
.news-card:hover img, .news-card:focus-visible img { transform: scale(1.025); }
.news-card:hover .news-card-collage, .news-card:focus-visible .news-card-collage { transform: scale(1.015); }
.news-card:hover .news-card-collage img, .news-card:focus-visible .news-card-collage img { transform: none; }
.news-card:hover h2, .news-card:focus-visible h2 { color: white; text-decoration: underline; text-underline-offset: 4px; }
.article-hero { display: grid; grid-template-columns: 1fr 1fr; min-height: 540px; background: #e8eeeb; }
.article-hero-copy { display: flex; flex-direction: column; justify-content: center; padding: 88px clamp(24px, 7vw, 108px); }
.article-hero-copy h1 { max-width: 760px; font-size: clamp(44px, 5.7vw, 78px); }
.article-meta { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 22px 0 0; color: var(--muted); font-size: 13px; }
.article-hero figure { min-height: 540px; max-height: 620px; margin: 0; overflow: hidden; background: #dadbd6; }
.article-hero figure img { width: 100%; height: 100%; object-fit: cover; }
.article-hero figure.photo-collage { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 3px; }
.article-hero figure.photo-collage img { min-width: 0; min-height: 0; }
.article-body { max-width: 1160px; display: grid; grid-template-columns: minmax(180px, .34fr) minmax(0, 1fr); gap: clamp(42px, 8vw, 120px); margin: 0 auto; }
.article-aside { align-self: start; position: sticky; top: 112px; }
.article-aside p { margin: 0 0 9px; color: var(--muted); font-size: 12px; }
.article-aside a { display: inline-block; margin-top: 14px; padding-bottom: 3px; border-bottom: 1px solid currentColor; color: var(--coral); font-size: 12px; font-weight: 800; }
.article-content { max-width: 780px; }
.article-content .article-lead { margin-top: 0; color: #3d413d; font-family: Georgia, "Songti SC", "SimSun", serif; font-size: clamp(24px, 3vw, 34px); line-height: 1.35; }
.article-content h2 { margin: 58px 0 18px; font-size: clamp(30px, 3.5vw, 44px); }
.article-content h3 { margin: 38px 0 12px; font-size: 25px; }
.article-content p, .article-content li { color: #555954; font-size: 17px; line-height: 1.8; }
.article-content ul { padding-left: 22px; }
.article-content strong { color: var(--ink); }
.article-source { margin-top: 58px; padding: 24px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.article-source a { color: var(--coral); text-decoration: underline; text-underline-offset: 3px; }
.event-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 36px 0 52px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.event-facts div { min-height: 124px; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.event-facts span { display: block; color: var(--coral); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.event-facts strong { display: block; margin-top: 12px; font-family: Georgia, "Songti SC", "SimSun", serif; font-size: 24px; font-weight: 400; }
.article-cta { margin-top: 70px; padding: 34px; color: white; background: var(--green); }
.article-cta h2 { max-width: 650px; margin: 0 0 18px; color: white; }
.article-cta p { max-width: 650px; color: rgba(255,255,255,.72); }
.article-cta .button { margin-top: 10px; color: var(--ink); background: white; }
.archive-index { padding-top: 54px; }
.archive-index .news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 1100px; }
.archive-summary { display: flex; justify-content: space-between; gap: 28px; align-items: end; max-width: 1100px; margin-bottom: 42px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.archive-summary p { margin: 0; color: var(--muted); font-size: 14px; }
.archive-summary strong { font-size: 12px; }
.pagination { display: flex; align-items: center; justify-content: space-between; max-width: 980px; margin-top: 60px; padding-top: 18px; border-top: 1px solid var(--line); }
.pagination a, .pagination span { font-size: 12px; font-weight: 800; }
.pagination a { color: var(--coral); }
.privacy-content { max-width: 850px; }
.privacy-content h2 { margin: 48px 0 12px; font-size: 28px; }
.privacy-content p, .privacy-content li { color: var(--muted); }
.error-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; text-align: center; background: #eef1ee; }
.error-page h1 { font-size: clamp(70px, 15vw, 150px); }

.faq-section { background: rgba(255,255,255,.82); }
.faq-list { max-width: 920px; margin-left: auto; }
.faq-list details { border-top: 1px solid var(--line); }
.faq-list details:last-child { border-bottom: 1px solid var(--line); }
.faq-list summary { position: relative; padding: 22px 42px 22px 0; font-family: Georgia, "Songti SC", serif; font-size: 21px; cursor: pointer; }
.faq-list summary::after { content: "+"; position: absolute; right: 8px; font-family: Arial, sans-serif; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { max-width: 720px; margin: 0; padding: 0 42px 22px 0; color: var(--muted); }

.contact-section { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(42px, 8vw, 116px); background: rgba(234,222,210,.9); }
.product-contact { scroll-margin-top: 82px; }
.product-contact .contact-copy > p:not(.eyebrow) { max-width: 520px; color: var(--muted); }
.product-contact .optional-grid { padding-bottom: 0; }
.contact-copy { align-self: start; }
.contact-copy h2 { margin-bottom: 22px; }
.contact-steps { list-style: none; display: grid; gap: 16px; margin: 32px 0 0; padding: 0; }
.contact-steps li { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; color: #565852; font-size: 13px; }
.contact-steps li span { display: grid; width: 24px; height: 24px; place-items: center; color: white; background: var(--green); border-radius: 50%; font-size: 11px; font-weight: 800; }
.rfq-form { display: grid; gap: 18px; padding: 32px; background: white; border: 1px solid #d5c8bb; }
.rfq-form > label, .optional-grid label { display: grid; gap: 7px; color: #383a36; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.rfq-form label > span { color: var(--coral); }
input, textarea { width: 100%; padding: 13px 12px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 2px; text-transform: none; }
textarea { min-height: 125px; resize: vertical; }
input:focus, textarea:focus { outline: 3px solid rgba(212,81,61,.15); border-color: var(--coral); }
fieldset { margin: 0; padding: 0; border: 0; }
legend { margin-bottom: 9px; color: #383a36; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.choice-row { display: flex; flex-wrap: wrap; gap: 9px; }
.choice-row label { display: inline-flex; align-items: center; gap: 7px; padding: 10px 12px; border: 1px solid var(--line); cursor: pointer; font-size: 13px; }
.choice-row input { width: 15px; height: 15px; margin: 0; }
.optional-fields { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.optional-fields summary { display: flex; justify-content: space-between; padding: 15px 0; cursor: pointer; font-weight: 700; }
.optional-fields summary small { color: var(--muted); font-weight: 400; }
.optional-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 0 0 18px; }
.rfq-form button { min-height: 51px; padding: 0 20px; color: white; background: var(--coral); }
.rfq-form button:disabled { cursor: wait; opacity: .68; }
.form-note { margin: 0; color: var(--muted); font-size: 11px; }
.form-note.success { color: #326754; font-weight: 700; }
.form-note.error { color: #a83c2d; font-weight: 700; }
.form-trap { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

.footer { display: grid; grid-template-columns: 1fr auto 1fr; gap: 30px; padding: 52px clamp(24px, 6vw, 94px); color: #252824; background: #e7eae5; border-top: 1px solid #cdd2ca; }
.footer p { margin: 7px 0 0; color: #656a63; font-size: 11px; }
.footer > div:first-child > p:first-of-type { margin-top: 0; color: #4d524c; font-weight: 700; }
.footer > div:nth-child(2) { display: flex; align-items: center; gap: 24px; color: #4f554e; font-size: 12px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; }
.footer > div:last-child { display: grid; justify-items: end; gap: 4px; font-size: 12px; }
.footer-contact { display: grid; justify-items: end; gap: 3px; color: #4f554e; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.55; text-align: right; }
.footer-contact span { max-width: 330px; color: inherit; font-size: inherit; font-weight: inherit; }
.footer-contact a { font-size: inherit; font-weight: inherit; }
.footer a:hover, .footer a:focus-visible { color: var(--coral); }
.footer-contact a:hover, .footer-contact a:focus-visible { color: var(--coral); text-decoration: underline; }
.footer-socials { margin-top: 8px; }
.footer .social-icon { width: 44px; height: 44px; flex-basis: 44px; border-color: rgba(25,26,24,.18); background: rgba(255,255,255,.5); }
.footer .social-icon img { width: 17px; height: auto; max-height: 17px; filter: none; opacity: 1; }
.footer .social-icon.rednote { width: 92px; flex-basis: 92px; border-radius: 4px; }
.footer .social-icon.rednote img { width: 78px; max-height: none; }
.copyright-bar { display: flex; align-items: center; justify-content: center; gap: 11px; min-height: 58px; padding: 14px 20px; color: #4f554e; background: #e7eae5; border-top: 1px solid #cdd2ca; font-size: 13px; font-weight: 500; line-height: 1.4; text-align: center; }
.copyright-bar a { font-weight: 700; }
.copyright-bar a:hover, .copyright-bar a:focus-visible { color: var(--coral); }
.mobile-rfq { display: none; }

.turnstile-slot { min-height: 0; }
.privacy-choice { padding: 0; border: 0; color: inherit; background: transparent; font: inherit; font-weight: 700; cursor: pointer; }
.privacy-choice:hover, .privacy-choice:focus-visible { color: var(--coral); }
.consent-banner { position: fixed; z-index: 80; right: 20px; bottom: 20px; width: min(430px, calc(100vw - 40px)); padding: 22px; color: var(--ink); background: #fff; border: 1px solid var(--line); box-shadow: 0 16px 42px rgba(24,27,24,.18); }
.consent-banner p { margin: 0; color: #4f514d; font-size: 13px; line-height: 1.55; }
.consent-banner a { text-decoration: underline; text-underline-offset: 2px; }
.consent-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 16px; }
.consent-actions button { min-height: 42px; padding: 0 16px; border: 1px solid var(--ink); border-radius: 3px; background: transparent; font-size: 12px; font-weight: 800; cursor: pointer; }
.consent-actions .accept { color: #fff; background: var(--ink); }

.language-entry { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: var(--paper); }
.language-panel { max-width: 760px; text-align: center; }
.entry-logo { width: min(260px, 68vw); height: auto; margin: 0 auto 18px; }
.language-panel h1 { margin: 12px 0 22px; }
.language-panel > p:not(.entry-brand) { color: var(--muted); }
.language-actions { display: flex; justify-content: center; gap: 12px; margin-top: 30px; }

@media (max-width: 940px) {
  html { scroll-padding-top: 72px; }
  .site-header { min-height: 68px; padding: 0 64px 0 16px; }
  .header-cta { display: none; }
  .brand { order: -1; flex: 0 0 58px; width: 58px; margin: 0 12px 0 0; }
  .nav { display: flex; min-width: 0; min-height: 67px; overflow-x: auto; white-space: nowrap; font-size: 11px; scrollbar-width: none; }
  .nav::-webkit-scrollbar { display: none; }
  .nav-group { flex: 0 0 auto; gap: clamp(10px, 2.4vw, 20px); }
  .nav-left { order: 0; }
  .nav-right { order: 1; margin-left: clamp(10px, 2.4vw, 20px); }
  .nav a { flex: 0 0 auto; padding: 23px 0 21px; }
  .header-actions { right: 14px; gap: 0; }
  .language-menu summary { width: 40px; height: 38px; }
  .hero { min-height: 770px; align-items: end; }
  .hero > img { object-position: 76% center; }
  .home-hero > img { object-fit: cover; object-position: 78% center; }
  .hero-shade { background: linear-gradient(0deg, rgba(246,243,238,.99) 8%, rgba(246,243,238,.82) 49%, rgba(246,243,238,.08) 76%); }
  .hero-content { width: calc(100% - 40px); margin: 0 20px; padding: 330px 0 147px; }
  h1 { font-size: clamp(44px, 12vw, 62px); }
  .proof-strip { left: 20px; right: 20px; grid-template-columns: 1fr; }
  .proof-strip span { padding: 9px 13px; border-right: 0; border-bottom: 1px solid var(--line); }
  .proof-strip span:last-child { border-bottom: 0; }
  .audience-band, .section-heading.split, .tailored-prompt, .material-band, .about-section, .contact-section, .standards-row, .news-category-heading { grid-template-columns: 1fr; }
  .about-intro, .about-capabilities, .about-proof, .product-hero, .product-intro { grid-template-columns: 1fr; }
  .about-hero { min-height: 580px; }
  .about-hero-copy { width: calc(100% - 40px); margin: 0 20px; padding-bottom: 56px; }
  .about-capabilities article { min-height: 0; }
  .about-capabilities h2, .about-capabilities article > p:not(.eyebrow), .about-capabilities .fact-line { min-height: 0; }
  .about-proof > div { min-height: 0; }
  .about-proof > div:first-child { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.18); }
  .tailored-prompt { align-items: start; }
  .tailored-prompt .button { width: max-content; }
  .audience-band div { flex-wrap: wrap; justify-content: flex-start; }
  .capability-category, .capability-category.reverse { grid-template-columns: 1fr; }
  .capability-category.reverse .category-copy { order: 0; }
  .buyer-grid { grid-template-columns: 1fr; }
  .buyer-grid article { min-height: 220px; }
  .buyer-grid article:nth-child(2) { margin-top: 0; }
  .buyer-grid h3 { margin-top: 30px; }
  .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .process-grid li:nth-child(even) { margin-top: 0; }
  .insight-grid { grid-template-columns: 1fr; }
  .product-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-hero figure { min-height: 520px; max-height: 720px; }
  .news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .news-index { grid-template-columns: 1fr; }
  .news-index .news-category-heading { min-height: 0; }
  .news-index .news-category-section + .news-category-section { margin-top: 68px; padding-top: 54px; border-top: 1px solid var(--line); }
  .article-hero { grid-template-columns: 1fr; }
  .article-hero figure { min-height: 480px; }
  .article-body { grid-template-columns: 1fr; }
  .article-aside { position: static; }
  .insight-grid article, .insight-grid article:nth-child(2) { min-height: 0; margin-top: 0; padding-bottom: 28px; }
  .insight-grid article > p { margin-bottom: 24px; }
  .footer { grid-template-columns: 1fr; }
  .footer > div:last-child { justify-items: start; }
  .footer-contact { justify-items: start; text-align: left; }
  .mobile-rfq { position: fixed; z-index: 30; right: 14px; bottom: 14px; display: inline-flex; min-height: 46px; padding: 0 16px; color: white; background: var(--coral); box-shadow: 0 8px 22px rgba(0,0,0,.18); font-size: 12px; }
}

@media (max-width: 620px) {
  body { background-attachment: scroll; }
  .section, .contact-section { padding: 68px 20px; }
  .hero-copy { font-size: 16px; }
  .hero-actions .primary { width: 100%; }
  .audience-band { padding: 22px 20px; }
  .audience-band div { gap: 8px 16px; font-size: 16px; }
  .process-grid, .material-list, .optional-grid { grid-template-columns: 1fr; }
  .capability-categories { gap: 58px; }
  .category-gallery, .accessory-gallery, .coverup-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; }
  .accessory-gallery .gallery-tile, .accessory-gallery .gallery-tile:nth-child(n+7) { grid-column: span 1; aspect-ratio: 4 / 3; }
  .coverup-gallery .gallery-tile { aspect-ratio: 2 / 3; }
  .accessory-gallery.product-gallery .gallery-tile, .accessory-gallery.product-gallery .gallery-tile:nth-child(n+7) { grid-column: span 1; }
  .coverup-gallery.product-gallery, .coverup-gallery.home-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-facts { grid-template-columns: 1fr; }
  .product-facts div { min-height: 112px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.2); }
  .news-grid, .news-category-section .news-grid { grid-template-columns: 1fr; }
  .archive-index .news-grid { grid-template-columns: 1fr; }
  .news-categories { gap: 24px; margin-bottom: 58px; }
  .news-categories a { min-width: 0; flex: 1; }
  .article-hero-copy { padding-top: 68px; padding-bottom: 58px; }
  .article-hero figure { min-height: 360px; }
  .event-facts { grid-template-columns: 1fr; }
  .archive-summary { align-items: start; flex-direction: column; gap: 8px; }
  .news-card h2, .news-card h3 { right: 14px; bottom: 13px; left: 14px; font-size: 19px; line-height: 1.16; }
  .social-strip { min-height: 65px; padding: 14px 20px; }
  .social-follow { width: 100%; gap: 8px; }
  .social-strip p { white-space: nowrap; font-size: 9px; }
  .social-strip .social-icons { gap: 6px; }
  .social-strip .social-icon { width: 44px; height: 44px; flex-basis: 44px; }
  .social-strip .social-icon.rednote { width: 88px; flex-basis: 88px; }
  .social-strip .social-icon.rednote img { width: 74px; }
  .social-strip .social-icons { justify-content: flex-end; gap: 7px; }
  .site-header { padding: 0 56px 0 12px; }
  .brand { flex-basis: 50px; width: 50px; margin: 0 10px 0 0; }
  .nav, .nav-group { gap: 9px; font-size: 10px; }
  .nav-right { margin-left: 9px; }
  .language-menu summary { width: 38px; height: 36px; }
  .copyright-bar { flex-wrap: wrap; gap: 4px 8px; min-height: 58px; padding: 14px 20px; font-size: 12px; }
  .consent-banner { right: 12px; bottom: 72px; width: calc(100vw - 24px); padding: 18px; }
  .process-grid { border-bottom: 0; }
  .process-grid li { min-height: auto; border-bottom: 1px solid var(--line); }
  .process-grid h3 { margin-top: 28px; }
  .material-band { gap: 42px; padding: 68px 20px; }
  .material-list p { min-height: 92px; }
  .rfq-form { padding: 22px 18px; }
  .footer > div:nth-child(2) { flex-wrap: wrap; gap: 10px 20px; }
  .about-hero { min-height: 780px; }
  .about-hero-media { grid-template-columns: 1fr; grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .about-hero-media img:first-child, .about-hero-media img:last-child { object-position: center; }
  .about-hero-media::after { top: 50%; right: 0; bottom: auto; left: 0; width: auto; height: 1px; }
  .about-hero-shade { background: linear-gradient(0deg, rgba(20,24,22,.91) 0%, rgba(20,24,22,.63) 42%, rgba(20,24,22,.08) 78%); }
  .about-hero-copy h1 { font-size: 48px; }
  .about-capabilities article, .about-proof > div { padding: 64px 20px; }
  .about-proof .certification-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-proof .certification-logos > span:last-child { grid-column: 1 / -1; width: calc(50% - 6px); justify-self: center; }
  .about-closing { padding: 78px 20px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }