:root{--display-max:68px;--section-title-max:58px;--section-space:76px}
html,body{overflow-x:hidden}

/* Keep the existing editorial character while making hierarchy easier to scan. */
.hero h1,.rf-hero h1,.contact-intro h1,.copy h1{font-size:clamp(42px,4.5vw,var(--display-max))!important;line-height:.98!important;letter-spacing:-.035em!important}
.section h2,.rf-section h2,.section-head h2,.responsibility h2,.commercial-copy h2,.complex-copy h2,.issues-copy h2,.supplier-intro h2,.confidential h2,.documents h2,.cta h2,.direct-head h2,.factory-copy h2{font-size:clamp(38px,4vw,var(--section-title-max))!important;line-height:1!important;letter-spacing:-.025em!important}
.section,.rf-section{padding-top:var(--section-space)!important;padding-bottom:var(--section-space)!important}
.section-head,.supplier-intro{margin-bottom:38px!important;gap:44px!important}
.cta{padding-top:76px!important;padding-bottom:76px!important}

/* One logo treatment across the homepage and subpages. */
.brand img,.rf-brand img{width:46px!important;height:46px!important;padding:8px!important;border:1px solid #47413b!important;border-radius:50%!important;background:#f5f1eb!important;object-fit:contain!important}
.brand strong,.rf-brand-copy strong{font-size:22px!important;font-weight:400!important;letter-spacing:.15em!important}
.brand small,.rf-brand-copy small{font-size:8px!important;letter-spacing:.27em!important}

/* Buyer-facing category filter: real crawlable links, clearer active state. */
.catalog-filter{max-width:1440px;margin:0 auto 30px;padding:0 5vw}
.catalog-filter .filter-label{display:block;margin:0 0 12px;color:#761a2e;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.catalog-filter .tabs{max-width:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;overflow:visible}
.catalog-filter .tabs a{padding:10px 13px;background:#fffdf9;border-color:#d5ccc1;transition:background .18s,color .18s,border-color .18s}
.catalog-filter .tabs a.active,.catalog-filter .tabs a:hover,.catalog-filter .tabs a:focus-visible{background:#761a2e;border-color:#761a2e;color:#fff;outline:none}

/* More useful catalogue density without sacrificing image scale. */
@media(min-width:1281px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:32px 16px!important}.card h2{font-size:19px!important}}
@media(max-width:1280px) and (min-width:761px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:32px 16px!important}}

@media(max-width:760px){
  :root{--section-space:56px}
  .hero h1,.rf-hero h1,.contact-intro h1,.copy h1{font-size:clamp(38px,12vw,50px)!important}
  .section h2,.rf-section h2,.section-head h2,.responsibility h2,.commercial-copy h2,.complex-copy h2,.issues-copy h2,.supplier-intro h2,.confidential h2,.documents h2,.cta h2,.direct-head h2,.factory-copy h2{font-size:clamp(34px,10vw,46px)!important}
  .section-head,.supplier-intro{margin-bottom:28px!important;gap:22px!important}
  .brand img,.rf-brand img{width:42px!important;height:42px!important;padding:7px!important}
  .brand strong,.rf-brand-copy strong{font-size:17px!important}
  .catalog-filter{margin-bottom:24px;padding:0 24px}
  .catalog-filter .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;scrollbar-width:thin}
  .catalog-filter .tabs a{flex:none}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 12px!important}
  .card h2{font-size:17px!important}
}
@media(max-width:430px){.grid{grid-template-columns:1fr!important}.card h2{font-size:19px!important}}