/* Repi homepage visual refresh · 2026-10-25 · homepage scope only. */
.repi-home-visuals { --repi-home-paper:#f3eee6; --repi-home-ink:#1c1c19; }
.repi-home-visuals .mml-hero { background:var(--repi-home-paper); }
.repi-home-visuals .mml-hero-main { display:flex; align-items:center; justify-content:flex-start; background:#e9ddca; }
.repi-home-visuals .mml-hero-copy { width:540px; max-width:40%; margin-left:7%; padding:32px 0; text-align:left; color:var(--repi-home-ink); }
.repi-home-visuals .repi-home-eyebrow { margin:0 0 22px; font-size:12px; line-height:1.4; font-weight:500; letter-spacing:1.8px; }
.repi-home-visuals .mml-hero-copy h1 { margin:0 0 22px; max-width:12ch; font-size:clamp(34px,3.7vw,64px); font-weight:500; line-height:1.04; letter-spacing:-1.4px; text-wrap:balance; }
.repi-home-visuals .mml-hero-description { max-width:390px; margin:0; font-size:17px; line-height:1.55; }
.repi-home-visuals .mml-hero-description p { margin:0; }
.repi-home-visuals .mml-hero .mml-button { min-width:0; width:auto; max-width:100%; margin-top:29px; padding:17px 27px; font-size:14px; letter-spacing:1.3px; }
.repi-home-visuals .mml-proof-strip { max-width:1200px; padding-top:21px; padding-bottom:21px; }
.repi-home-visuals .repi-trust-rail { max-width:1600px; margin:0 auto; padding:25px 24px 30px; gap:14px; align-items:flex-start; }
.repi-home-visuals .repi-trust-rail .repi-trust-card { flex:0 0 calc((100% - 70px)/6); min-width:0; display:block; height:auto; aspect-ratio:auto; overflow:visible; }
.repi-home-visuals .repi-trust-card img { width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.repi-home-visuals .repi-trust-copy { padding:16px 3px 3px; }
.repi-home-visuals .repi-trust-copy h3 { margin:0 0 7px; font-size:13px; font-weight:500; line-height:1.35; letter-spacing:.5px; }
.repi-home-visuals .repi-trust-copy p { font-size:12.5px; line-height:1.5; color:#5d5a55; }
.repi-home-visuals .mml-category-mosaic h3 { max-width:18ch; margin:0 auto; font-weight:500; text-wrap:balance; }
.repi-home-visuals .mml-confidence { padding-top:35px; padding-bottom:60px; }
.repi-home-visuals .repi-home-service-icon { display:block; width:46px; height:46px; margin:0 auto 20px; color:#23231f; }
.repi-home-visuals .mml-confidence h3 { font-size:17px; font-weight:500; }
.repi-home-visuals .mml-confidence p { max-width:26ch; margin:0 auto; font-size:14px; line-height:1.6; color:#595953; }
.repi-home-visuals .mml-editorial-copy h2 { font-size:clamp(32px,3.7vw,58px); font-weight:400; line-height:1.08; letter-spacing:-1px; text-wrap:balance; }
.repi-home-visuals .mml-editorial-copy>div { font-size:18px; line-height:1.65; margin-bottom:32px; }
.repi-home-visuals .mml-editorial-copy strong { font-size:20px; line-height:1.45; font-weight:500; }
.repi-home-visuals .mml-editorial-copy .mml-button { min-width:0; max-width:100%; padding:17px 25px; font-size:14px; letter-spacing:1.1px; }
.repi-home-visuals .repi-workbench { overflow:hidden; color:var(--repi-home-ink); background:var(--repi-home-paper); }
.repi-home-visuals .repi-workbench::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 45%,rgba(0,0,0,.1)); }
.repi-home-visuals .repi-workbench>div { z-index:1; left:57%; right:6%; text-align:left; color:#fff; }
.repi-home-visuals .repi-workbench h2 { margin:0 0 20px; font-size:clamp(32px,3.7vw,58px); font-weight:400; line-height:1.08; letter-spacing:-1px; }
.repi-home-visuals .repi-workbench p { max-width:390px; margin:0 0 28px; font-size:17px; line-height:1.6; }
.repi-home-visuals .repi-workbench p strong { display:block; margin:0 0 12px; font-size:20px; font-weight:500; }
.repi-home-visuals .repi-workbench p span { display:block; }
.repi-home-visuals .repi-workbench .mml-button { min-width:0; max-width:100%; background:#fff; border-color:#fff; color:#111; padding:17px 25px; font-size:14px; letter-spacing:1.1px; }
.repi-home-visuals .mml-button { transition:background-color 160ms ease,color 160ms ease,transform 140ms cubic-bezier(.23,1,.32,1); }
.repi-home-visuals .mml-button:active { transform:scale(.98); }
@media (hover:hover) and (pointer:fine) {
 .repi-home-visuals .mml-button:hover { background:#393933; border-color:#393933; color:#fff; }
 .repi-home-visuals .repi-trust-card:hover h3 { text-decoration:underline; text-underline-offset:4px; }
}
@media (max-width:1199px) {
 .repi-home-visuals .mml-hero-copy { max-width:42%; margin-left:6%; }
 .repi-home-visuals .mml-hero-copy h1 { font-size:clamp(34px,3.8vw,46px); }
 .repi-home-visuals .mml-hero-description { font-size:16px; }
 .repi-home-visuals .repi-trust-rail .repi-trust-card { flex-basis:calc((100% - 42px)/4); }
 .repi-home-visuals .mml-editorial { gap:45px; }
 .repi-home-visuals .repi-workbench>div { left:54%; right:5%; }
 .repi-home-visuals .repi-workbench p { font-size:16px; }
}
@media (max-width:991px) {
 .repi-home-visuals .mml-hero-main { aspect-ratio:2.15; }
 .repi-home-visuals .mml-hero-copy { max-width:43%; padding:27px 0; }
 .repi-home-visuals .repi-home-eyebrow { margin-bottom:16px; font-size:10px; letter-spacing:1.2px; }
 .repi-home-visuals .mml-hero-copy h1 { margin-bottom:16px; font-size:34px; letter-spacing:-.7px; }
 .repi-home-visuals .mml-hero-description { font-size:15px; line-height:1.5; }
 .repi-home-visuals .mml-hero .mml-button { margin-top:20px; min-height:47px; padding:14px 22px; font-size:13px; }
 .repi-home-visuals .mml-editorial { gap:30px; }
 .repi-home-visuals .mml-editorial-copy h2 { font-size:35px; }
 .repi-home-visuals .mml-editorial-copy>div { font-size:16px; }
 .repi-home-visuals .mml-editorial-copy strong { font-size:18px; }
 .repi-home-visuals .repi-workbench::after { display:none; }
 .repi-home-visuals .repi-workbench>picture { aspect-ratio:1.35; }
 .repi-home-visuals .repi-workbench img { object-position:left center; }
 .repi-home-visuals .repi-workbench>div { position:static; padding:37px 30px 42px; color:var(--repi-home-ink); background:var(--repi-home-paper); }
 .repi-home-visuals .repi-workbench h2 { font-size:38px; }
 .repi-home-visuals .repi-workbench p { max-width:540px; }
 .repi-home-visuals .repi-workbench .mml-button { width:auto; background:#111; border-color:#111; color:#fff; }
}
@media (max-width:767px) {
 .repi-home-visuals .mml-hero-main { display:block; aspect-ratio:auto; background:var(--repi-home-paper); }
 .repi-home-visuals .mml-hero-image { position:static; display:block; aspect-ratio:1.6; }
 .repi-home-visuals .mml-hero-image img { width:100%; height:100%; object-fit:cover; object-position:right center; }
 .repi-home-visuals .mml-hero-copy { max-width:none; width:100%; margin:0; padding:28px 24px 33px; }
 .repi-home-visuals .repi-home-eyebrow { margin-bottom:17px; font-size:10px; letter-spacing:1.35px; }
 .repi-home-visuals .mml-hero-copy h1 { max-width:13ch; margin:0 0 18px; font-size:clamp(32px,9.2vw,44px); line-height:1.07; letter-spacing:-.7px; }
 .repi-home-visuals .mml-hero-description { max-width:370px; font-size:16px; line-height:1.6; }
 .repi-home-visuals .mml-hero .mml-button { width:auto; min-width:210px; min-height:50px; margin-top:25px; font-size:13px; padding:16px 24px; }
 .repi-home-visuals .mml-proof-strip { gap:12px; padding:18px 20px; font-size:10px; letter-spacing:.6px; }
 .repi-home-visuals .repi-trust-rail { padding:18px 15px 25px; gap:12px; }
 .repi-home-visuals .repi-trust-rail .repi-trust-card { flex-basis:47vw; }
 .repi-home-visuals .repi-trust-copy { padding:14px 1px 2px; }
 .repi-home-visuals .repi-trust-copy h3 { font-size:12px; line-height:1.4; letter-spacing:.4px; }
 .repi-home-visuals .repi-trust-copy p { font-size:12px; }
 .repi-home-visuals .mml-category-mosaic h3 { font-size:14px; line-height:1.3; }
 .repi-home-visuals .mml-confidence { padding:20px 20px 45px; gap:32px 20px; }
 .repi-home-visuals .repi-home-service-icon { width:43px; height:43px; margin-bottom:16px; }
 .repi-home-visuals .mml-confidence h3 { font-size:14px; line-height:1.4; margin-bottom:8px; }
 .repi-home-visuals .mml-confidence p { font-size:12.5px; line-height:1.55; }
 .repi-home-visuals .mml-editorial { gap:25px; padding:26px 20px 42px; }
 .repi-home-visuals .mml-editorial-copy h2 { max-width:14ch; margin:0 0 21px; font-size:33px; line-height:1.1; letter-spacing:-.7px; }
 .repi-home-visuals .mml-editorial-copy>div { margin-bottom:26px; font-size:16px; line-height:1.65; }
 .repi-home-visuals .mml-editorial-copy strong { font-size:18px; line-height:1.5; }
 .repi-home-visuals .mml-editorial-copy .mml-button { width:100%; font-size:12px; padding:16px 18px; min-height:51px; }
 .repi-home-visuals .repi-workbench>picture { aspect-ratio:1; }
 .repi-home-visuals .repi-workbench>div { padding:30px 24px 36px; }
 .repi-home-visuals .repi-workbench h2 { font-size:33px; line-height:1.1; }
 .repi-home-visuals .repi-workbench p { font-size:16px; line-height:1.65; margin-bottom:25px; }
 .repi-home-visuals .repi-workbench p strong { font-size:18px; }
 .repi-home-visuals .repi-workbench .mml-button { width:100%; min-height:51px; font-size:12px; padding:16px 18px; }
}
@media (prefers-reduced-motion:reduce) {
 .repi-home-visuals .mml-button { transition:none; }
 .repi-home-visuals .mml-button:active { transform:none; }
}

/* Static SKU-linked campaign imagery, first campaign layout retained. */
.repi-home-visuals .repi-campaign-product-link{display:block;}