/* Rensino desktop homepage. Hook-loaded only on desktop homepage requests.
   The unchanged header has a plain <body>, hence the :has(#rg-home) scope. */
@media screen and (min-width: 769px) {
  body:has(#rg-home) {
    --rg-navy: #073c7e;
    --rg-blue: #2585ea;
    --rg-ink: #122f4c;
    --rg-muted: #60758a;
    --rg-line: #dbe5ed;
    --rg-ice: #f0f6fa;
    --c1: #073c7e;
    --c2: #2585ea;
    --red: #073c7e;
    --red-dark: #062e61;
    --red-soft: #e9f2fc;
    --red-glow: #2585ea30;
    --accent: #2585ea;
    --accent-soft: #eaf5ff;
    --ink: #122f4c;
    --sand: #f0f6fa;
    --sand-2: #e6f0f7;
    color: var(--rg-ink);
    background: #fff;
  }
  body:has(#rg-home) .rg-home {
    overflow: clip;
    margin: 0;
    background: #fff;
    font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
  }
  body:has(#rg-home) .rg-home * { box-sizing: border-box; }
  body:has(#rg-home) .rg-home :is(h1,h2,h3,h4,p,figure,ol) { margin: 0; }
  body:has(#rg-home) .rg-home h1,
  body:has(#rg-home) .rg-home h2,
  body:has(#rg-home) .rg-home h3,
  body:has(#rg-home) .rg-home h4 { font-family: inherit; text-transform: none; }
  body:has(#rg-home) .rg-home a { text-decoration: none; }
  body:has(#rg-home) .rg-home a:focus-visible,
  body:has(#rg-home) #kf :is(button,a):focus-visible { outline: 3px solid #53aafa !important; outline-offset: 5px; }
  body:has(#rg-home) .rg-icon { display: inline-block; flex: 0 0 24px; vertical-align: middle; }
  body:has(#rg-home) .rg-shell { width: min(1500px, calc(100% - 112px)); margin-inline: auto; }
  body:has(#rg-home) .rg-section { padding: 36px 0; scroll-margin-top: 92px; }
  body:has(#rg-home) .rg-section-top { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 16px; }
  body:has(#rg-home) .rg-eyebrow { display: flex; align-items: center; gap: 12px; color: var(--rg-navy); font-size: 11px; font-weight: 650; letter-spacing: .18em; text-transform: uppercase; }
  body:has(#rg-home) .rg-eyebrow .rg-icon { width: 20px; height: 20px; flex-basis: 20px; }
  body:has(#rg-home) .rg-section-note { color: #7e8d9c; font-size: 12px; letter-spacing: .02em; }
  body:has(#rg-home) .rg-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 56px; margin-bottom: 28px; }
  body:has(#rg-home) .rg-section-heading h2 { font-size: clamp(40px, 3.5vw, 60px); font-weight: 500; letter-spacing: -.045em; line-height: 1.12; color: var(--rg-ink); }
  body:has(#rg-home) .rg-section-heading h2 em { font-style: normal; color: var(--rg-blue); }
  body:has(#rg-home) .rg-heading-copy { max-width: 365px; padding-bottom: 5px; color: var(--rg-muted); font-size: 15px; line-height: 1.8; }
  body:has(#rg-home) .rg-heading-copy .rg-text-link { margin-top: 18px; }
  body:has(#rg-home) .rg-text-link { display: inline-flex; align-items: center; gap: 20px; color: var(--rg-navy); font-size: 13px; font-weight: 600; padding-block: 6px; }
  body:has(#rg-home) .rg-text-link .rg-icon { width: 19px; height: 19px; transition: transform .25s; }
  body:has(#rg-home) .rg-text-link:hover .rg-icon { transform: translate(3px,-2px); }
  body:has(#rg-home) .rg-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; padding: 18px 23px; background: var(--rg-blue); color: white; border: 1px solid transparent; border-radius: 3px; font-size: 13px; font-weight: 600; transition: background .25s, transform .25s; }
  body:has(#rg-home) .rg-button:hover { background: #0964c0; transform: translateY(-2px); }

  /* Full-viewport product story. The photograph carries the brand on the bottles. */
  body:has(#rg-home) .rg-hero { position: relative; height: 100vh; height: 100svh; min-height: 660px; background: #081c30; color: #fff; isolation: isolate; }
  body:has(#rg-home) .rg-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 58% center; z-index: -3; }
  body:has(#rg-home) .rg-hero-shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg,rgba(3,18,34,.76) 0%,rgba(3,18,34,.65) 25%,rgba(3,18,34,.16) 56%,transparent 78%),linear-gradient(0deg,rgba(3,18,34,.82),transparent 28%); }
  body:has(#rg-home) .rg-hero-content { position: relative; padding-top: clamp(160px, 23vh, 280px); }
  body:has(#rg-home) .rg-eyebrow-light { color: #a9d6ff; }
  body:has(#rg-home) .rg-eyebrow-light > span { width: 26px; height: 1px; background: #8ac4ff; }
  body:has(#rg-home) .rg-hero h1 { margin: 26px 0 22px; font-size: clamp(54px, 4.8vw, 86px); line-height: 1.06; letter-spacing: -.045em; font-weight: 500; color: white; max-width: 770px; }
  body:has(#rg-home) .rg-hero h1 em { color: #8dc6ff; font-style: normal; }
  body:has(#rg-home) .rg-hero-lead { font-size: 19px; letter-spacing: -.01em; font-weight: 400; margin-bottom: 10px; }
  body:has(#rg-home) .rg-hero-copy { max-width: 440px; color: #c1d2e2; font-size: 14px; line-height: 1.8; }
  body:has(#rg-home) .rg-actions { display: flex; align-items: center; gap: 28px; margin-top: 30px; }
  body:has(#rg-home) .rg-light-link { color: white; }
  body:has(#rg-home) .rg-hero-bottom { position: absolute; bottom: 27px; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #ffffff30; padding-top: 23px; }
  body:has(#rg-home) .rg-hero-capabilities { display: flex; gap: 30px; color: #d7e5f2; font-size: 12px; }
  body:has(#rg-home) .rg-hero-capabilities span { display: flex; align-items: center; gap: 9px; }
  body:has(#rg-home) .rg-hero-capabilities .rg-icon { width: 19px; height: 19px; color: #8ac4ff; }
  body:has(#rg-home) .rg-scroll { display: flex; align-items: center; gap: 18px; font-size: 11px; letter-spacing: .04em; }
  body:has(#rg-home) .rg-scroll span { border: 1px solid #ffffff60; border-radius: 50%; width: 34px; height: 34px; display: grid; place-items: center; font-size: 17px; }

  /* Sixteen genuine product-category covers. */
  body:has(#rg-home) .rg-category-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 27px 24px; }
  body:has(#rg-home) .rg-category { display: block; border-bottom: 1px solid var(--rg-line); padding-bottom: 17px; }
  body:has(#rg-home) .rg-category-picture { position: relative; overflow: hidden; background: #f4f7fa; aspect-ratio: 1.32; border-radius: 4px; }
  body:has(#rg-home) .rg-category-picture img { width: 100%; height: 100%; object-fit: contain; padding: 16px; mix-blend-mode: multiply; transition: transform .6s; }
  body:has(#rg-home) .rg-category:hover img { transform: scale(1.06); }
  body:has(#rg-home) .rg-category-info { display: flex; align-items: center; gap: 10px; padding-top: 17px; }
  body:has(#rg-home) .rg-category-info h3 { font-size: 14px; line-height: 1.35; font-weight: 650; color: var(--rg-ink); }
  body:has(#rg-home) .rg-category-info div > span { display: block; font-size: 11px; color: #8192a2; margin-top: 5px; }
  body:has(#rg-home) .rg-category-icon { color: var(--rg-blue); background: #edf5fd; width: 36px; height: 36px; border-radius: 50%; flex: 0 0 36px; display: grid; place-items: center; }
  body:has(#rg-home) .rg-category-icon .rg-icon { width: 19px; height: 19px; }
  body:has(#rg-home) .rg-category-info > .rg-icon { margin-left: auto; width: 16px; height: 16px; flex-basis: 16px; color: #91a3b4; }
  body:has(#rg-home) .rg-category:hover h3 { color: var(--rg-blue); }
  body:has(#rg-home) .rg-catalog-foot { margin-top: 18px; display: flex; align-items: center; justify-content: center; gap: 25px; font-size: 13px; color: var(--rg-muted); }

  /* Factory image and customization story, then five workshop photographs. */
  body:has(#rg-home) .rg-manufacturing { background: var(--rg-ice); }
  body:has(#rg-home) .rg-factory-overview { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); overflow: hidden; border-radius: 5px; background: #06294e; }
  body:has(#rg-home) .rg-factory-aerial { position: relative; min-height: 460px; overflow: hidden; background: #d1dfe9; }
  body:has(#rg-home) .rg-factory-aerial > img { position: absolute; inset: 0; }
  body:has(#rg-home) .rg-factory-aerial > img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 56%; }
  body:has(#rg-home) .rg-factory-aerial > figcaption { position: absolute; inset: auto 0 0; padding: 70px 28px 22px; display: flex; align-items: center; justify-content: space-between; color: white; background: linear-gradient(transparent,#051b3699); font-size: 12px; }
  body:has(#rg-home) .rg-image-label { font-weight: 600; letter-spacing: .03em; }
  body:has(#rg-home) .rg-factory-aerial figcaption > span:last-child { display: flex; gap: 15px; align-items: center; }
  body:has(#rg-home) .rg-factory-story { display: flex; flex-direction: column; justify-content: center; padding: 34px; color: #fff; }
  body:has(#rg-home) .rg-factory-story .rg-eyebrow { font-size: 10px; letter-spacing: .12em; gap: 9px; }
  body:has(#rg-home) .rg-factory-story h3 { font-size: clamp(30px,2.6vw,42px); line-height: 1.12; letter-spacing: -.04em; font-weight: 500; margin: 18px 0 22px; }
  body:has(#rg-home) .rg-factory-story h3 em { color: #8bc7ff; font-style: normal; }
  body:has(#rg-home) .rg-factory-services { list-style: none; margin: 0; padding: 0; }
  body:has(#rg-home) .rg-factory-services li { display: flex; gap: 14px; align-items: flex-start; padding: 15px 0; border-top: 1px solid #ffffff24; }
  body:has(#rg-home) .rg-factory-services li > .rg-icon { color: #8bc7ff; width: 21px; height: 21px; flex-basis: 21px; margin-top: 2px; }
  body:has(#rg-home) .rg-factory-services h4 { font-size: 15px; font-weight: 550; line-height: 1.35; margin-bottom: 6px; }
  body:has(#rg-home) .rg-factory-services p { font-size: 12px; color: #b8cce0; line-height: 1.65; }
  body:has(#rg-home) .rg-factory-story > .rg-text-link { margin-top: 8px; align-self: flex-start; color: #fff; }
  body:has(#rg-home) .rg-factory-subhead { display: flex; align-items: flex-end; justify-content: space-between; margin: 26px 0 20px; }
  body:has(#rg-home) .rg-factory-subhead h3 { font-size: 30px; font-weight: 500; letter-spacing: -.03em; }
  body:has(#rg-home) .rg-factory-subhead p { font-size: 13px; color: var(--rg-muted); }
  body:has(#rg-home) .rg-factory-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 27px 24px; }
  body:has(#rg-home) .rg-factory-card { grid-column: span 2; }
  body:has(#rg-home) .rg-factory-card:nth-child(-n+2) { grid-column: span 3; }
  body:has(#rg-home) .rg-factory-photo { position: relative; aspect-ratio: 1.5; overflow: hidden; border-radius: 4px; }
  body:has(#rg-home) .rg-factory-card:nth-child(-n+2) .rg-factory-photo { aspect-ratio: 1.9; }
  body:has(#rg-home) .rg-factory-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; transition: transform .65s; }
  body:has(#rg-home) .rg-factory-card:hover img { transform: scale(1.035); }
  body:has(#rg-home) .rg-image-icon { position: absolute; bottom: 13px; left: 14px; display: grid; place-items: center; width: 34px; height: 34px; background: #0a315ce6; border-radius: 4px; backdrop-filter: blur(4px); }
  body:has(#rg-home) .rg-factory-card .rg-image-icon .rg-icon { color: #fff; width: 19px; height: 19px; }
  body:has(#rg-home) .rg-factory-card figcaption { padding-top: 18px; }
  body:has(#rg-home) .rg-factory-card figcaption > div { display: flex; align-items: center; gap: 11px; }
  body:has(#rg-home) .rg-factory-card .rg-icon { color: var(--rg-blue); width: 19px; height: 19px; flex-basis: 19px; }
  body:has(#rg-home) .rg-factory-card h4 { font-size: 17px; font-weight: 600; }
  body:has(#rg-home) .rg-factory-card p { font-size: 12px; color: var(--rg-muted); margin-top: 7px; }

  /* Eight WooCommerce recommendations, no arbitrary mock products. */
  body:has(#rg-home) .rg-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 35px 24px; }
  body:has(#rg-home) .rg-product-picture { display: block; aspect-ratio: 1.05; position: relative; background: #f4f7f9; border-radius: 4px; overflow: hidden; }
  body:has(#rg-home) .rg-product-picture img { width: 100%; height: 100%; object-fit: contain; padding: 27px; mix-blend-mode: multiply; transition: transform .5s; }
  body:has(#rg-home) .rg-product:hover img { transform: scale(1.06); }
  body:has(#rg-home) .rg-product-badge { position: absolute; top: 13px; left: 13px; z-index: 1; background: #fff; padding: 5px 10px; border-radius: 2px; color: var(--rg-navy); font-size: 9px; letter-spacing: .07em; text-transform: uppercase; }
  body:has(#rg-home) .rg-product-info { padding-top: 18px; }
  body:has(#rg-home) .rg-product-info > p { color: #2585c4; font-size: 10px; letter-spacing: .05em; margin-bottom: 8px; text-transform: uppercase; }
  body:has(#rg-home) .rg-product h3 { font-size: 15px; line-height: 1.55; font-weight: 550; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 47px; }
  body:has(#rg-home) .rg-product-link { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--rg-line); margin-top: 15px; padding-top: 12px; font-size: 11px; font-weight: 600; }
  body:has(#rg-home) .rg-product-link .rg-icon { height: 18px; }
  body:has(#rg-home) .rg-product:hover .rg-product-link { color: var(--rg-blue); }

  /* Branded application photography. */
  body:has(#rg-home) .rg-applications { background: #06294e; color: #fff; }
  body:has(#rg-home) .rg-applications .rg-section-heading h2 { color: #fff; }
  body:has(#rg-home) .rg-applications .rg-section-heading h2 em { color: #8bc7ff; }
  body:has(#rg-home) .rg-applications .rg-heading-copy { color: #b8cce0; }
  body:has(#rg-home) .rg-applications .rg-section-note { color: #8eaac5; }
  body:has(#rg-home) .rg-app-signature { margin-top: 15px; color: #e5f2ff; font-size: 13px; }
  body:has(#rg-home) .rg-application-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; }
  body:has(#rg-home) .rg-application-picture { display: block; position: relative; aspect-ratio: 1.08; overflow: hidden; border-radius: 4px; }
  body:has(#rg-home) .rg-application-picture img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
  body:has(#rg-home) .rg-application-picture:hover img { transform: scale(1.035); }
  body:has(#rg-home) .rg-application-picture span { display: flex; align-items: center; gap: 10px; position: absolute; inset: auto 0 0; padding: 45px 20px 18px; font-size: 11px; letter-spacing: .05em; background: linear-gradient(transparent,#081f3bbb); }
  body:has(#rg-home) .rg-application-copy { padding: 25px 0 0; }
  body:has(#rg-home) .rg-application-copy h3 { font-size: 22px; font-weight: 500; letter-spacing: -.03em; line-height: 1.35; margin-bottom: 11px; }
  body:has(#rg-home) .rg-application-copy p { font-size: 13px; line-height: 1.7; color: #a9c1d7; min-height: 44px; }
  body:has(#rg-home) .rg-application-copy .rg-text-link { margin-top: 18px; font-size: 12px; gap: 25px; }

  /* Icon-led procurement steps connected in reading order. */
  body:has(#rg-home) .rg-process { padding-bottom: 24px; }
  body:has(#rg-home) .rg-process-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; list-style: none; padding: 0; }
  body:has(#rg-home) .rg-process-grid li { position: relative; border-top: 1px solid #bed2e5; padding: 30px 22px 20px; border-right: 1px solid #e0e9f0; transition: background .25s; }
  body:has(#rg-home) .rg-process-grid li:first-child { padding-left: 0; }
  body:has(#rg-home) .rg-process-grid li:last-child { border-right: 0; }
  body:has(#rg-home) .rg-process-grid li::before { content: ''; position: absolute; top: -5px; left: 22px; width: 9px; height: 9px; background: var(--rg-blue); border-radius: 50%; box-shadow: 0 0 0 5px #fff; }
  body:has(#rg-home) .rg-process-grid li:first-child::before { left: 0; }
  body:has(#rg-home) .rg-process-grid li:hover { background: #f6faff; }
  body:has(#rg-home) .rg-step-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
  body:has(#rg-home) .rg-step-icon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 14px; background: #eaf3fc; color: var(--rg-navy); }
  body:has(#rg-home) .rg-step-icon .rg-icon { width: 28px; height: 28px; }
  body:has(#rg-home) .rg-step-connector { color: #8aa9c5; }
  body:has(#rg-home) .rg-step-connector .rg-icon { width: 20px; height: 20px; }
  body:has(#rg-home) .rg-process-grid h3 { font-size: 16px; font-weight: 600; margin-bottom: 10px; }
  body:has(#rg-home) .rg-process-grid p { font-size: 13px; color: var(--rg-muted); line-height: 1.75; }
  body:has(#rg-home) .rg-project-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 28px; background: var(--rg-ice); padding: 28px 32px; border-left: 3px solid var(--rg-blue); }
  body:has(#rg-home) .rg-project-cta h3 { margin: 12px 0 8px; font-size: 28px; font-weight: 500; letter-spacing: -.03em; }
  body:has(#rg-home) .rg-project-cta div > p:last-child { color: var(--rg-muted); font-size: 13px; }

  /* Existing header, support sidebar and footer: appearance overrides only. */
  body:has(#rg-home) .garment-header-inner { width: min(1500px,calc(100% - 112px)); height: 100px; grid-template-columns: 235px minmax(0,1fr) auto; gap: 25px; }
  body:has(#rg-home) .garment-header.is-scrolled .garment-header-inner { height: 86px; }
  body:has(#rg-home) .garment-logo { width: 210px; height: 74px; }
  body:has(#rg-home) .garment-logo img { width: 210px; height: auto; inset: auto auto auto 0; top: 50%; transform: translateY(-50%); }
  body:has(#rg-home) .garment-nav > a,
  body:has(#rg-home) .garment-nav > .nav-dropdown > .dropdown-trigger { font-size: 11px; letter-spacing: .05em; }
  body:has(#rg-home) .garment-header:not(.is-scrolled) .garment-nav > a,
  body:has(#rg-home) .garment-header:not(.is-scrolled) .garment-nav > .nav-dropdown > .dropdown-trigger { color: #edf6ff; }
  body:has(#rg-home) .garment-header:not(.is-scrolled) { background: linear-gradient(#05192d88,#05192d10); }
  body:has(#rg-home) #kf { padding: 28px 0 40px; scroll-margin-top: 95px; background: #fff; }
  body:has(#rg-home) #kf .cs-container { width: min(1500px,calc(100% - 112px)); }
  body:has(#rg-home) #kf .cs-header { text-align: left; margin-bottom: 30px; }
  body:has(#rg-home) #kf .cs-eyebrow { color: var(--rg-blue); font-size: 11px; letter-spacing: .16em; }
  body:has(#rg-home) #kf .cs-eyebrow::after { display: none; }
  body:has(#rg-home) #kf .cs-eyebrow::before { background: var(--rg-blue); }
  body:has(#rg-home) #kf .cs-title { color: var(--rg-ink); font-size: 42px; font-weight: 500; letter-spacing: -.04em; }
  body:has(#rg-home) #kf .cs-subtitle { margin: 0; font-size: 14px; color: var(--rg-muted); }
  body:has(#rg-home) #kf .cs-card { border-radius: 4px; border-color: var(--rg-line); }
  body:has(#rg-home) #kf .cs-card:hover { border-color: #80b8ec; box-shadow: 0 15px 30px #073c7e12; }
  body:has(#rg-home) #kf .cs-card::before { background: var(--rg-blue); }
  body:has(#rg-home) #kf .cs-name { color: var(--rg-navy); }
  body:has(#rg-home) .zw { height: 0; }
  body:has(#rg-home) .dibu { background-image: linear-gradient(90deg,#04182eea,#06284ed9),url('../img/home-glass-pc/footer.webp'); background-position: center; padding-top: 40px; color: #d7e6f3; }
  body:has(#rg-home) .dibu .bls { display: none; }
  body:has(#rg-home) .dibu .footer { width: min(1500px,calc(100% - 112px)); padding-top: 0; gap: 60px; }
  body:has(#rg-home) .dibu .footer-l .logo { width: 240px; height: 95px; margin-bottom: 16px; }
  body:has(#rg-home) .dibu .footer-l .logo img { height: auto; width: 240px; max-height: none; object-fit: contain !important; margin-top: -10px; }
  body:has(#rg-home) .dibu .footer-l p { color: #a8bfd4; font-size: 13px; line-height: 1.9; }
  body:has(#rg-home) .dibu .footer-r h3 { color: #fff; font-size: 15px; }
  body:has(#rg-home) .dibu .footer-r :is(a,p,span) { font-size: 12px; }
  body:has(#rg-home) .dibu a:hover { color: #82c5ff; }
  body:has(#rg-home) .footer2 { width: min(1500px,calc(100% - 112px)); border-top: 1px solid #ffffff25; padding: 24px 0; margin-top: 30px; color: #8ba5bc; font-size: 11px; }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  body:has(#rg-home) .rg-shell,
  body:has(#rg-home) #kf .cs-container,
  body:has(#rg-home) .garment-header-inner { width: calc(100% - 64px); }
  body:has(#rg-home) .rg-hero h1 { font-size: 56px; }
  body:has(#rg-home) .rg-section { padding: 36px 0; }
  body:has(#rg-home) .rg-section-heading { gap: 30px; }
  body:has(#rg-home) .rg-heading-copy { max-width: 300px; font-size: 14px; }
  body:has(#rg-home) .rg-category-grid { gap: 24px 16px; }
  body:has(#rg-home) .rg-category-info h3 { font-size: 12px; }
  body:has(#rg-home) .rg-category-info > .rg-icon { display: none; }
  body:has(#rg-home) .rg-factory-story { padding: 26px; }
  body:has(#rg-home) .rg-product-grid { gap: 28px 17px; }
  body:has(#rg-home) .rg-hero-capabilities { gap: 18px; }
  body:has(#rg-home) .rg-scroll { font-size: 10px; }
  body:has(#rg-home) .rg-application-grid { gap: 20px; }
  body:has(#rg-home) .rg-application-copy h3 { font-size: 20px; }
  body:has(#rg-home) .rg-process-grid li { padding-inline: 16px; }
  body:has(#rg-home) .rg-process-grid h3 { font-size: 14px; }
  body:has(#rg-home) .rg-process-grid p { font-size: 12px; }
  body:has(#rg-home) .garment-header-inner { grid-template-columns: 190px minmax(0,1fr) auto; gap: 10px; }
  body:has(#rg-home) .garment-logo,
  body:has(#rg-home) .garment-logo img { width: 185px; }
}
@media screen and (min-width: 769px) and (max-height: 800px) {
  body:has(#rg-home) .rg-hero-content { padding-top: 145px; }
  body:has(#rg-home) .rg-hero h1 { font-size: clamp(50px,4.3vw,65px); margin-block: 20px 16px; }
  body:has(#rg-home) .rg-actions { margin-top: 22px; }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  body:has(#rg-home) .rg-factory-overview { grid-template-columns: minmax(0,1fr); }
  body:has(#rg-home) .rg-factory-aerial { min-height: 0; aspect-ratio: 1.9; }
  body:has(#rg-home) .rg-factory-services { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
}
@media screen and (min-width: 769px) and (prefers-reduced-motion: reduce) {
  body:has(#rg-home) .rg-home *, body:has(#rg-home) #kf * { animation: none !important; transition: none !important; }
}
/* When a desktop browser is narrowed, use its already-rendered original mobile sidebar.
   Real mobile requests never load this file or the desktop template. */
@media screen and (max-width: 768px) {
  body:has(#rg-home) #rg-home { display: none; }
}
@media screen and (min-width: 701px) and (max-width: 768px) {
  body:has(#rg-home) .mo { display: block; margin-top: 72px; }
}