@media (min-width: 701px) {
  body .garment-header.is-scrolled {
    border-bottom-color: rgba(20, 53, 100, .16);
    box-shadow: 0 10px 32px rgba(12, 43, 83, .09);
  }
  body .garment-header.is-scrolled .garment-nav > a.current,
  body .garment-header.is-scrolled .garment-nav > a:hover,
  body .garment-header.is-scrolled .dropdown-trigger:hover { color: #164a91; }
  body .garment-nav > a::after,
  body .dropdown-trigger::after { background: #e53245; }
  body .dibu {
    background-image: linear-gradient(90deg, rgba(6, 14, 29, .91), rgba(6, 14, 29, .84)), url('../img/rensino-footer-pigments-20260912.webp');
    background-position: center;
    --c1: #e53245;
    --c2: #1856a2;
  }
  body .dibu .waves use:nth-child(1) { fill: #df314d; }
  body .dibu .waves use:nth-child(2) { fill: #1755a0; }
  body:has(.rp-home) #kf { background: #f5f7fa; }

  .rp-home {
    --rp-blue: #174d91;
    --rp-red: #e53345;
    --rp-gold: #edb92a;
    --rp-magenta: #c82779;
    --rp-ink: #18202b;
    --rp-muted: #65707d;
    --rp-line: #dde3e9;
    color: var(--rp-ink);
    background: #fff;
    overflow: hidden;
  }
  .rp-home * { box-sizing: border-box; }
  .rp-home h1, .rp-home h2, .rp-home h3 { margin: 0; letter-spacing: 0; }
  .rp-home h1, .rp-home h2 { line-height: 1.07; font-weight: 750; }
  .rp-home em { font-style: normal; }
  .rp-home a { text-decoration: none; }
  .rp-home img { display: block; }
  .rp-shell { width: min(calc(100% - 96px), 1500px); margin-inline: auto; }

  .rp-hero {
    position: relative;
    min-height: 700px;
    height: 100svh;
    color: white;
    background: #101b2b;
    isolation: isolate;
  }
  .rp-hero__image, .rp-hero__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
  .rp-hero__image { object-fit: cover; object-position: center; z-index: -2; }
  .rp-hero__shade {
    z-index: -1;
    background: linear-gradient(90deg, rgba(7, 16, 29, .9) 0%, rgba(7, 16, 29, .7) 34%, rgba(7, 16, 29, .14) 69%, rgba(7, 16, 29, .03) 100%);
  }
  .rp-hero__content { position: relative; padding-top: max(185px, 23vh); }
  .rp-hero__eyebrow, .rp-kicker, .rp-application__index, .rp-hero__foot, .rp-product__label, .rp-category__number, .rp-process__close > span {
    font-size: 12px; line-height: 1.4; font-weight: 800; letter-spacing: 2px;
  }
  .rp-hero__eyebrow { display: flex; align-items: center; gap: 14px; color: #f1f2f4; }
  .rp-hero__eyebrow > span:not(.rp-rule) { color: var(--rp-gold); }
  .rp-rule { width: 34px; height: 2px; background: var(--rp-red); }
  .rp-hero h1 { max-width: 850px; margin-top: 26px; font-size: clamp(68px, 5vw, 76px); text-wrap: balance; }
  .rp-hero h1 em { color: #ffd35c; }
  .rp-hero__content > p { max-width: 550px; margin: 29px 0 0; font-size: 18px; line-height: 1.75; color: #e3e9ef; }
  .rp-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 39px; }
  .rp-button { min-height: 54px; display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; padding: 0 23px; font-size: 13px; line-height: 1; font-weight: 800; text-transform: uppercase; transition: transform .25s, background .25s, color .25s; }
  .rp-button:hover { transform: translateY(-3px); }
  .rp-button i, .rp-text-link i { font-size: 18px; font-weight: 400; }
  .rp-button--light { color: #142845; background: white; }
  .rp-button--light:hover { background: #f7d36a; }
  .rp-button--outline { color: white; border: 1px solid rgba(255,255,255,.7); }
  .rp-button--outline:hover { background: white; color: #142845; }
  .rp-button--dark { color: white; background: #174d91; }
  .rp-button--dark:hover { background: #e53345; }
  .rp-hero__foot { position: absolute; left: 0; right: 0; bottom: 26px; display: flex; align-items: center; justify-content: space-between; color: #e8edf3; }
  .rp-hero__foot a { display: flex; gap: 14px; align-items: center; }
  .rp-hero__foot i { font-size: 17px; }

  .rp-section { padding-block: 112px 120px; }
  .rp-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 80px; margin-bottom: 46px; }
  .rp-kicker { display: flex; align-items: center; gap: 11px; color: var(--rp-blue); margin-bottom: 24px; }
  .rp-kicker i { font-size: 20px; font-weight: 400; }
  .rp-kicker span { color: #adb5bf; margin-left: 8px; }
  .rp-home h2 { font-size: 60px; }
  .rp-home h2 em { color: var(--rp-blue); }
  .rp-section-head__aside { width: min(340px, 30%); padding-bottom: 4px; }
  .rp-section-head__aside p { font-size: 16px; color: var(--rp-muted); line-height: 1.7; margin: 0 0 24px; }
  .rp-text-link { display: inline-flex; align-items: center; gap: 20px; padding-bottom: 8px; border-bottom: 1px solid currentColor; color: var(--rp-blue); font-size: 13px; font-weight: 800; text-transform: uppercase; transition: color .2s, gap .2s; }
  .rp-text-link:hover { color: var(--rp-red); gap: 26px; }
  .rp-categories { padding-top: 85px; background: #f4f6f8; }
  .rp-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
  .rp-category { height: 310px; position: relative; overflow: hidden; color: white; background: #dce4e9; }
  .rp-category img, .rp-category__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
  .rp-category img { object-fit: cover; transition: transform .5s; }
  .rp-category:hover img { transform: scale(1.06); }
  .rp-category__shade { background: linear-gradient(180deg, rgba(13,25,42,.3), transparent 34%, rgba(7,17,31,.77)); }
  .rp-category__number { position: absolute; top: 18px; left: 20px; }
  .rp-category__bottom { position: absolute; inset: auto 20px 20px; display: flex; justify-content: space-between; align-items: end; gap: 8px; }
  .rp-category__bottom strong { font-size: 19px; line-height: 1.25; font-weight: 750; text-wrap: balance; overflow-wrap: anywhere; }
  .rp-category__bottom i { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.7); font-size: 18px; }

  .rp-factory { padding-top: 108px; color: #fff; background: #11233c; }
  .rp-factory figure { margin: 0; }
  .rp-factory__intro { display: flex; align-items: end; justify-content: space-between; gap: 70px; margin-bottom: 48px; }
  .rp-factory h2 em { color: #ffca55; }
  .rp-factory__intro > p { max-width: 375px; color: #c9d5df; line-height: 1.75; font-size: 17px; }
  .rp-kicker--light { color: #ffcd60; }
  .rp-factory__gallery { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; padding-bottom: 112px; }
  .rp-factory__aerial { position: relative; grid-column: span 7; height: 400px; overflow: hidden; }
  .rp-factory__aerial img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
  .rp-factory__aerial::after { content: ''; position: absolute; inset: 65% 0 0; background: linear-gradient(transparent, rgba(2,12,24,.69)); pointer-events: none; }
  .rp-factory__aerial figcaption { position: absolute; z-index: 1; right: 20px; bottom: 18px; left: 20px; display: flex; align-items: center; gap: 16px; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.32); font-size: 17px; font-weight: 700; }
  .rp-factory__aerial figcaption span { font-size: 11px; letter-spacing: 2px; color: #ffce62; }
  .rp-factory__photo { position: relative; grid-column: span 6; height: 330px; background: #243b53; overflow: hidden; }
  .rp-factory__photo--1 { grid-column: span 5; height: 400px; }
  .rp-factory__photo--2 { grid-column: span 5; }
  .rp-factory__photo--3 { grid-column: span 7; }
  .rp-factory__photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }
  .rp-factory__photo:hover img { transform: scale(1.035); }
  .rp-factory__photo::after { content: ''; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, rgba(4,13,27,.7)); }
  .rp-factory__photo figcaption { position: absolute; z-index: 1; right: 20px; bottom: 18px; left: 20px; display: flex; gap: 12px; align-items: center; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.32); font-size: 11px; font-weight: 800; letter-spacing: 1.4px; }
  .rp-factory__photo figcaption span { color: #ffce62; }

  .rp-products { background: #fff; }
  .rp-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 36px 20px; }
  .rp-product { min-width: 0; color: var(--rp-ink); }
  .rp-product__image { position: relative; display: block; aspect-ratio: 1/1; overflow: hidden; background: #f2f4f6; }
  .rp-product__image > img { width: 100%; height: 100%; object-fit: contain; padding: 15px; transition: transform .4s; }
  .rp-product:hover .rp-product__image > img { transform: scale(1.055); }
  .rp-product__arrow { position: absolute; bottom: 10px; right: 10px; display: grid; place-items: center; width: 36px; height: 36px; color: #fff; background: var(--rp-blue); font-size: 20px; }
  .rp-product__label { display: block; margin: 15px 0 6px; color: var(--rp-magenta); font-size: 10px; }
  .rp-product > strong { display: block; font-size: 17px; line-height: 1.4; font-weight: 700; overflow-wrap: anywhere; }

  .rp-applications { background: #f4f6f8; }
  .rp-applications__lead { padding-block: 110px 52px; }
  .rp-application { display: grid; grid-template-columns: 53% 47%; min-height: 590px; }
  .rp-application--reverse { grid-template-columns: 47% 53%; }
  .rp-application__visual { height: 590px; overflow: hidden; }
  .rp-application__visual img { width: 100%; height: 100%; object-fit: cover; }
  .rp-application__copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 70px max(55px, calc((100vw - 1500px)/2)); background: #fff; }
  .rp-application--reverse .rp-application__visual { order: 2; }
  .rp-application--reverse .rp-application__copy { background: #e9eff5; }
  .rp-application__index { color: var(--rp-magenta); }
  .rp-home .rp-application h3 { margin: 31px 0 22px; font-size: 45px; line-height: 1.12; }
  .rp-application p { max-width: 410px; color: var(--rp-muted); font-size: 17px; line-height: 1.8; margin-bottom: 33px; }

  .rp-process { padding-block: 115px 105px; background: #fff; }
  .rp-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; list-style: none; margin: 70px 0 0; padding: 0; border-top: 1px solid var(--rp-line); }
  .rp-steps li { position: relative; padding: 32px 27px 32px 0; border-right: 1px solid var(--rp-line); }
  .rp-steps li + li { padding-left: 23px; }
  .rp-steps li:last-child { border-right: 0; padding-right: 0; }
  .rp-steps li::before { content: ''; position: absolute; top: -3px; left: 0; width: 37px; height: 5px; background: var(--rp-blue); }
  .rp-steps li:nth-child(2)::before { background: var(--rp-red); }
  .rp-steps li:nth-child(3)::before { background: var(--rp-gold); }
  .rp-steps li:nth-child(4)::before { background: var(--rp-magenta); }
  .rp-steps li:nth-child(5)::before { background: var(--rp-blue); }
  .rp-steps li + li::before { left: 23px; }
  .rp-steps li > span { display: block; color: #aeb8c1; font-size: 12px; font-weight: 800; letter-spacing: 1px; }
  .rp-steps li > i { display: block; margin: 30px 0 20px; color: var(--rp-blue); font-size: 32px; }
  .rp-steps h3 { font-size: 19px; margin-bottom: 13px; }
  .rp-steps p { color: var(--rp-muted); font-size: 14px; line-height: 1.7; }
  .rp-process__close { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 48px; padding-top: 29px; border-top: 1px solid var(--rp-line); }
  .rp-process__close > span { color: var(--rp-magenta); }
}
@media (min-width: 701px) and (max-width: 1279px) {
  .rp-shell { width: calc(100% - 72px); }
  .rp-hero h1 { font-size: 65px; }
  .rp-category { height: 260px; }
  .rp-home h2 { font-size: 51px; }
  .rp-application__copy { padding-inline: 50px; }
  .rp-home .rp-application h3 { font-size: 38px; }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .rp-hero { min-height: 700px; }
  .rp-hero h1 { font-size: 55px; }
  .rp-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rp-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rp-factory__photo { height: 230px; }
  .rp-factory__aerial, .rp-factory__photo--1 { height: 290px; }
  .rp-factory__photo--2, .rp-factory__photo--3 { height: 230px; }
  .rp-application, .rp-application--reverse { min-height: 450px; }
  .rp-application__visual { height: 450px; }
  .rp-application__copy { padding-inline: 35px; }
  .rp-home .rp-application h3 { font-size: 32px; }
  .rp-steps { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .rp-steps li { padding-right: 10px; }
  .rp-steps li + li { padding-left: 11px; }
  .rp-steps li + li::before { left: 11px; }
  .rp-steps h3 { font-size: 16px; }
}