/* Re-Supply Co: kitchen & bath remodel theme (2026-11-05).
   Loaded after index-cdxbusim.css. Retunes the Tailwind theme tokens and
   softens the industrial details (grids, hazard stripes, crop marks, mono labels). */
:root,:host{
  --rm-spruce:#2F5249;      /* primary action */
  --rm-spruce-dk:#223D36;
  --rm-brass:#B08A52;       /* accent */
  --rm-brass-lt:#D6B987;
  --rm-stone:#EFE9E0;
  --color-ink:#1E2B2F;
  --color-charcoal:#26363B;
  --color-paper:#FAF7F2;
  --color-concrete:#6B6862;
  --color-concrete-100:#F2EDE5;
  --color-concrete-200:#E5DDD1;
  --color-concrete-300:#C9C0B2;
  --color-orange:#2F5249;
  --color-orange-600:#8E6A38;
  --font-display:"Fraunces", Georgia, "Times New Roman", serif;
  --font-sans:"DM Sans", system-ui, -apple-system, sans-serif;
  --font-mono:"DM Sans", system-ui, -apple-system, sans-serif;
  --default-font-family:var(--font-sans);
}
body{background:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased}

/* Type: serif headings in sentence case, no condensed caps */
.font-display{font-family:var(--font-display)!important;font-weight:500!important;text-transform:none!important;letter-spacing:-.018em!important;line-height:1.08!important;font-variation-settings:"opsz" 96}
h1.font-display{font-size:clamp(2.3rem,4.6vw,3.6rem)!important}
h2.font-display{font-size:clamp(1.9rem,3.6vw,2.9rem)!important}
h3.font-display,p.font-display{font-size:clamp(1.3rem,2vw,1.6rem)!important;line-height:1.2!important}
.font-mono{font-family:var(--font-sans)!important;letter-spacing:.04em}
.font-mono.uppercase,.uppercase.tracking-wider,.uppercase.tracking-\[0\.18em\]{letter-spacing:.1em!important}
h2.uppercase,h3.uppercase{text-transform:none!important;letter-spacing:0!important}

/* Accents */
.text-orange{color:var(--rm-brass-lt)!important}
.text-orange-600{color:var(--color-orange-600)!important}
.bg-paper .text-orange,.bg-white .text-orange,.bg-concrete-100 .text-orange{color:var(--color-orange-600)!important}
.decoration-orange{text-decoration-color:var(--rm-brass)!important}
span.bg-orange.h-px{background:var(--rm-brass)!important}

/* Buttons: softer corners, sentence case, spruce fill */
a.uppercase,button.uppercase{text-transform:none!important;letter-spacing:.005em!important}
a.px-7,a.px-6,button.px-7,button.px-6,a[class*="py-4"],button[class*="py-4"],a[class*="py-3"],button[class*="py-3"]{border-radius:8px}
.bg-orange{background-color:var(--rm-spruce)!important;color:#fff!important}
.bg-orange:hover{background-color:var(--rm-spruce-dk)!important;color:#fff!important}
.bg-orange svg{color:#fff}

/* Retire the industrial textures */
.blueprint,.blueprint-dark{background-image:none!important}
.steel{background-color:var(--color-charcoal)!important;background-image:none!important}
.hazard{display:none!important}
.pallet{background:var(--rm-stone)!important}
.crop-marks:before,.crop-marks:after{display:none!important}
.grayscale{filter:none!important}

/* Cards and panels: gentle radius and shadow */
a.group.border.bg-white,article.border,li.bg-white,.border.bg-white.p-7{border-radius:14px;overflow:hidden}
a.group.border.bg-white{border-color:transparent!important;box-shadow:0 1px 2px rgba(30,43,47,.06),0 6px 18px rgba(30,43,47,.06);transition:box-shadow .2s,transform .2s}
a.group.border.bg-white:hover{box-shadow:0 2px 4px rgba(30,43,47,.08),0 14px 34px rgba(30,43,47,.12);transform:translateY(-2px)}
.aspect-\[4\/3\].overflow-hidden,.aspect-square.overflow-hidden{border-radius:10px}
a.group .aspect-\[4\/3\].overflow-hidden,a.group .aspect-square.overflow-hidden{border-radius:0}

/* ---------- New home hero ---------- */
.rm-hero{background:linear-gradient(180deg,#FAF7F2 0%,#F2EDE5 100%);color:var(--color-ink);border-bottom:1px solid rgba(30,43,47,.08)}
.rm-hero-in{max-width:80rem;margin:0 auto;padding:56px 20px 64px;display:grid;gap:44px;align-items:center}
@media(min-width:1024px){.rm-hero-in{grid-template-columns:1.02fr 1fr;padding:80px 20px 88px;gap:56px}}
.rm-eyebrow{font:600 12px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--color-orange-600);display:flex;align-items:center;gap:10px;margin:0}
.rm-eyebrow:before{content:"";width:28px;height:1px;background:var(--rm-brass)}
.rm-h1{font-family:var(--font-display);font-weight:500;font-size:clamp(2.6rem,5.4vw,4.4rem);line-height:1.03;letter-spacing:-.025em;margin:20px 0 0;font-variation-settings:"opsz" 144}
.rm-h1 em{font-style:italic;color:var(--rm-spruce)}
.rm-lead{margin:22px 0 0;max-width:34rem;font-size:1.15rem;line-height:1.65;color:rgba(30,43,47,.78)}
.rm-ctas{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
.rm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;border-radius:8px;font:600 15px/1 var(--font-sans);text-decoration:none;transition:background .15s,border-color .15s}
.rm-btn-p{background:var(--rm-spruce);color:#fff}
.rm-btn-p:hover{background:var(--rm-spruce-dk)}
.rm-btn-s{border:1px solid rgba(30,43,47,.28);color:var(--color-ink);background:#fff}
.rm-btn-s:hover{border-color:var(--color-ink)}
.rm-stats{margin:40px 0 0;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:0 40px;padding-top:24px;border-top:1px solid rgba(30,43,47,.12)}
.rm-stats dt{font:600 11px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--color-concrete)}
.rm-stats dd{margin:8px 0 0;font-family:var(--font-display);font-size:1.75rem;font-weight:500;letter-spacing:-.01em}
.rm-media{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:14px;height:min(62vw,520px)}
.rm-media img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block;box-shadow:0 10px 30px rgba(30,43,47,.12)}
.rm-media img:first-child{grid-row:1 / span 2}
.rm-tag{position:relative}
@media(max-width:640px){.rm-hero-in{padding:36px 16px 44px;gap:32px}.rm-stats{gap:0 22px}.rm-stats dd{font-size:1.35rem}.rm-btn{flex:1 1 100%}.rm-media{height:78vw;gap:10px}}

/* Trust bar + text button match the new palette */
#rs-trust{background:var(--rm-spruce-dk)!important}
#rs-trust b{color:var(--rm-brass-lt)!important}
#rs-text{background:var(--rm-spruce)!important}
.rm-h1,.font-display{font-variation-settings:"opsz" 60!important}
a.bg-ink,button.bg-ink{border-radius:8px}

/* Top bar trust items (desktop) */
.rm-trust{display:flex;gap:22px;flex-wrap:wrap;text-transform:none;letter-spacing:.02em;font-weight:600}
.rm-trust b{color:var(--rm-brass-lt);font-weight:700}
/* Category bar, Ferguson-style but our colors */
.rm-cats{background:var(--rm-spruce);border-top:1px solid rgba(255,255,255,.06)}
.rm-cats-in{max-width:80rem;margin:0 auto;padding:0 20px;display:flex;overflow-x:auto;scrollbar-width:none}
.rm-cats-in::-webkit-scrollbar{display:none}
.rm-cat{flex:0 0 auto;padding:14px 22px;color:#fff;font:600 15px/1 var(--font-sans);text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.rm-cat:first-child{padding-left:0}
.rm-cat:hover{background:rgba(255,255,255,.08)}
.rm-cat-on{border-bottom-color:var(--rm-brass-lt)}
@media(max-width:640px){.rm-cats-in{padding:0 8px}.rm-cat{padding:12px 12px;font-size:14px}.rm-cat:first-child{padding-left:8px}}
header nav[aria-label="Primary"] a{text-transform:none!important;letter-spacing:0!important;font-size:15px}
header nav[aria-label="Primary"]{margin-left:auto}

/* ===== Round 3: calmer home page ===== */
/* Hide the tracked caps eyebrow labels sitewide */
p.font-mono.uppercase:has(> span.h-px){display:none!important}
p.font-mono.uppercase:has(> span.h-px) + h1,p.font-mono.uppercase:has(> span.h-px) + h2{margin-top:0!important}
.rm-wrap{max-width:80rem;margin:0 auto;padding:0 20px}
.rm-sec{padding:88px 0}
.rm-sec-alt{background:#F3EFE8}
.rm-h2{font-family:var(--font-display);font-weight:450;font-size:clamp(1.85rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.015em;margin:0;font-variation-settings:"opsz" 48;text-wrap:balance}
.rm-sub{margin:10px 0 0;color:rgba(30,43,47,.7);font-size:1rem;line-height:1.6;max-width:36rem}
.rm-sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.rm-textlink{font:600 15px/1.4 var(--font-sans);color:var(--rm-spruce);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.rm-textlink:hover{text-decoration-thickness:2px}

/* Hero: copy left, one photo running to the edge */
.rm-hero2{background:var(--color-paper);border-bottom:1px solid rgba(30,43,47,.08)}
.rm-hero2-in{display:grid;grid-template-columns:1fr;min-height:0}
.rm-hero2-copy{padding:48px 20px 40px;max-width:40rem}
.rm-h1b{font-family:var(--font-display);font-weight:400;font-size:clamp(2.5rem,4.6vw,4.1rem);line-height:1.06;letter-spacing:-.022em;margin:0;text-wrap:balance;font-variation-settings:"opsz" 72;color:var(--color-ink)}
.rm-lead2{margin:24px 0 0;font-size:1.125rem;line-height:1.7;color:rgba(30,43,47,.75);max-width:30rem}
.rm-ctas2{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}
.rm-btn2{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:6px;font:600 15px/1 var(--font-sans);text-decoration:none;transition:background-color .15s,border-color .15s}
.rm-btn2-p{background:var(--rm-spruce);color:#fff}
.rm-btn2-p:hover{background:var(--rm-spruce-dk)}
.rm-btn2-s{border:1px solid rgba(30,43,47,.3);color:var(--color-ink)}
.rm-btn2-s:hover{border-color:var(--color-ink)}
.rm-btn2:focus-visible,.rm-textlink:focus-visible,.rm-catcard:focus-visible,.rm-cat:focus-visible{outline:2px solid var(--rm-brass);outline-offset:3px}
.rm-hero2-img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
@media(min-width:1024px){
 .rm-hero2-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
 .rm-hero2-copy{align-self:center;justify-self:end;width:100%;max-width:40rem;padding:96px 64px 96px 20px}
 .rm-hero2-img{position:relative;min-height:600px}
 .rm-hero2-img img{position:absolute;inset:0;height:100%;aspect-ratio:auto}
}
@media(min-width:1320px){.rm-hero2-copy{padding-left:0;margin-right:0}}

/* Categories: photo + name, no boxes */
.rm-cats-grid{margin-top:36px;display:grid;gap:28px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:900px){.rm-cats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.rm-catcard{text-decoration:none;color:var(--color-ink)}
.rm-catimg{aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:#E9E3D9}
.rm-catimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.rm-catcard:hover .rm-catimg img{transform:scale(1.03)}
.rm-catcard h3{margin:14px 0 0;font:600 17px/1.3 var(--font-sans)}
.rm-catcard p{margin:2px 0 0;font-size:14px;color:var(--color-concrete)}

/* Help from Jose: the one dark moment on the page */
.rm-help{background:var(--rm-spruce-dk);color:#F4F1EB}
.rm-help-in{max-width:80rem;margin:0 auto;display:grid;grid-template-columns:1fr}
.rm-help-img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.rm-help-copy{padding:48px 20px 56px;max-width:36rem}
.rm-help-copy .rm-h2{color:#fff}
.rm-help-copy p{margin:18px 0 28px;font-size:1.0625rem;line-height:1.7;color:rgba(244,241,235,.82)}
.rm-help-copy .rm-btn2-p{background:#F4F1EB;color:var(--rm-spruce-dk)}
.rm-help-copy .rm-btn2-p:hover{background:#fff}
.rm-help-copy .rm-small{margin:22px 0 0;font-size:14px;color:rgba(244,241,235,.7)}
.rm-help-copy .rm-small a{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(min-width:1024px){.rm-help-in{grid-template-columns:1fr 1fr;align-items:center}.rm-help-img img{aspect-ratio:1/1;max-height:560px}.rm-help-copy{padding:72px 64px}}

/* Steps: a real sequence, kept light */
.rm-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:32px;grid-template-columns:1fr;counter-reset:none}
@media(min-width:768px){.rm-steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.rm-steps{grid-template-columns:repeat(4,1fr)}}
.rm-steps li{border-top:1px solid rgba(30,43,47,.15);padding-top:20px}
.rm-steps span{font-family:var(--font-display);font-size:1.5rem;color:var(--rm-brass)}
.rm-steps h3{margin:8px 0 0;font:600 17px/1.3 var(--font-sans)}
.rm-steps p{margin:8px 0 0;font-size:15px;line-height:1.6;color:rgba(30,43,47,.72)}
@media(max-width:640px){.rm-sec{padding:60px 0}.rm-wrap{padding:0 16px}.rm-hero2-copy{padding:36px 16px 32px}.rm-btn2{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.rm-catimg img{transition:none}}
@media(min-width:1024px){
 .rm-hero2-copy{justify-self:start;max-width:none;padding:96px 64px 96px max(20px,calc((100vw - 80rem)/2 + 20px))}
 .rm-hero2-copy > *{max-width:34rem}
 .rm-help-in{max-width:none}
 .rm-help-copy{padding:72px max(20px,calc((100vw - 80rem)/2 + 20px)) 72px 72px;max-width:none}
 .rm-help-copy > *{max-width:32rem}
}
.rm-feat{margin-top:36px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
@media(min-width:1024px){.rm-feat{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Promo slider (home hero) */
.rm-slider{position:relative}
.rm-slides{display:grid}
.rm-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.rm-slide.is-on{opacity:1;visibility:visible;transition:opacity .6s ease}
.rm-sl-ctrl{position:absolute;left:max(20px,calc((100vw - 80rem)/2 + 20px));bottom:28px;display:flex;align-items:center;gap:10px;z-index:2}
.rm-sl-arrow{width:36px;height:36px;border-radius:50%;border:1px solid rgba(30,43,47,.25);background:var(--color-paper);color:var(--color-ink);font:400 22px/1 var(--font-sans);cursor:pointer;display:grid;place-items:center;padding-bottom:3px}
.rm-sl-arrow:hover{border-color:var(--color-ink)}
.rm-sl-dots{display:flex;gap:8px}
.rm-sl-dot{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:rgba(30,43,47,.25);cursor:pointer;transition:width .3s,background-color .3s}
.rm-sl-dot.is-on{width:24px;background:var(--rm-spruce)}
.rm-sl-arrow:focus-visible,.rm-sl-dot:focus-visible{outline:2px solid var(--rm-brass);outline-offset:3px}
button.rm-btn2{border:0;cursor:pointer}
button.rm-btn2.rm-btn2-s{border:1px solid rgba(30,43,47,.3);background:transparent}
@media(min-width:1024px){.rm-slide .rm-hero2-copy{padding-bottom:120px}}
@media(max-width:1023px){.rm-sl-ctrl{position:static;justify-content:center;padding:16px 0 20px}.rm-slide .rm-hero2-copy{min-height:0}}
@media(prefers-reduced-motion:reduce){.rm-slide,.rm-slide.is-on,.rm-sl-dot{transition:none}}
@media(max-width:1023px){.rm-slide .rm-hero2-img{order:-1}.rm-slide .rm-hero2-img img{aspect-ratio:16/10}.rm-slide .rm-hero2-copy{padding-top:28px;padding-bottom:8px}}
/* Logo: arch mark + serif wordmark */
.rm-logo-mark{width:38px;height:38px;flex-shrink:0;border-radius:9px}
.rm-logo-word{font-family:var(--font-display);font-weight:500;font-size:1.6rem;line-height:1;letter-spacing:-.01em;font-variation-settings:"opsz" 72}
@media(max-width:640px){.rm-logo-word{font-size:1.4rem}}
.rm-logo-mark{width:40px;height:40px;border-radius:0}