:root{--red:#e1252a;--red-dark:#a9131d;--navy:#183c64;--blue:#4b7ea3;--ink:#17212b;--muted:#64717c;--cream:#f5f2ec;--white:#fff;--line:#d9d5cd;--yellow:#f2b720}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}.concept-bar{padding:.55rem 1.2rem;background:var(--ink);color:#fff;text-align:center;font-size:.78rem;letter-spacing:.04em}.site-header{min-height:88px;padding:0 clamp(1.2rem,5vw,5.5rem);display:flex;align-items:center;gap:2rem;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;color:var(--red);text-decoration:none;font-weight:900;line-height:.8;letter-spacing:-.04em}.brand span{font-size:2rem}.brand small,.footer-brand small{font-size:.55rem;letter-spacing:.15em;color:var(--navy)}.site-header nav{display:flex;gap:1.8rem;margin-left:auto}.site-header a{color:var(--ink);text-decoration:none;font-weight:700}.site-header nav a:hover,.site-header nav a:focus{color:var(--red-dark)}.header-cta{padding:.8rem 1.1rem;border:1px solid var(--ink);border-radius:999px}.hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);overflow:hidden}.hero-copy{padding:clamp(4rem,8vw,8rem) clamp(1.5rem,6vw,6.5rem);align-self:center}.eyebrow{margin:0 0 1rem;color:var(--red-dark);font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{max-width:760px;margin:0;font-size:clamp(3rem,6vw,6.1rem);line-height:.94;letter-spacing:-.06em}.lede{max-width:670px;margin:2rem 0;color:var(--muted);font-size:clamp(1.05rem,1.8vw,1.3rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:.85rem 1.25rem;border-radius:8px;text-decoration:none;font-weight:800}.primary{background:var(--red);color:#fff}.secondary{border:1px solid var(--ink);color:var(--ink)}.hero-links{display:flex;flex-wrap:wrap;gap:1.4rem;margin:2rem 0 0;padding:0;list-style:none}.hero-links a{color:var(--muted);font-weight:700}.hero-visual{position:relative;min-height:650px;background:var(--navy);overflow:hidden}.swatch{position:absolute;inset:0 auto 0;width:34%;transform:skewX(-9deg)}.swatch-one{left:-6%;background:#26745e}.swatch-two{left:28%;background:#e4ae28}.swatch-three{left:62%;background:var(--red)}.hero-visual:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(135deg,transparent 35%,rgba(255,255,255,.15))}.paint-card{position:absolute;right:10%;bottom:13%;z-index:2;width:min(280px,70%);padding:2rem;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.25);font-size:1.35rem}.paint-mark{display:grid;place-items:center;width:72px;height:72px;margin-bottom:1rem;border-radius:50%;background:var(--red);color:#fff;font-size:2.5rem;font-weight:900}.audiences{display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy);color:#fff}.audiences a{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;padding:1.6rem clamp(1rem,4vw,3.5rem);color:#fff;text-decoration:none;border-right:1px solid rgba(255,255,255,.18)}.audiences span{grid-row:1/3;color:#f7cad0}.audiences strong{font-size:1rem}.audiences small{color:#d5dfeb}.ranges{padding:clamp(4rem,7vw,7rem) clamp(1.2rem,6vw,6rem)}.section-heading{display:flex;justify-content:space-between;gap:3rem;align-items:end;margin-bottom:2.5rem}.section-heading h2,.guidance h2,.contact-panel h2{margin:0;font-size:clamp(2.1rem,4vw,4rem);line-height:1}.section-heading>p{max-width:520px;color:var(--muted)}.range-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.range-card{min-height:360px;padding:2rem;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line)}.range-card span{font-weight:900;color:var(--red)}.range-card h3{margin:auto 0 0;font-size:2rem}.range-card p{color:var(--muted)}.range-card a{color:var(--ink);font-weight:800;text-decoration:none}.range-card:before{content:"";display:block;height:8px;width:45%;margin-bottom:1rem}.deco:before{background:#26745e}.building:before{background:var(--yellow)}.site:before{background:var(--red)}.guidance{padding:clamp(4rem,7vw,7rem) clamp(1.2rem,6vw,6rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,8vw,8rem);background:#fff}.guidance>div>p:last-child{color:var(--muted)}.guidance-list{border-top:1px solid var(--line)}.guidance-list a{display:grid;grid-template-columns:1fr auto;gap:.25rem;padding:1.5rem 0;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.guidance-list span{font-size:1.15rem;font-weight:800}.guidance-list small{grid-column:1;color:var(--muted)}.guidance-list b{grid-row:1/3;grid-column:2;font-size:1.5rem}.contact-panel{margin:clamp(1.2rem,6vw,6rem);padding:clamp(2rem,6vw,5rem);display:flex;justify-content:space-between;align-items:center;gap:2rem;background:var(--red);color:#fff}.contact-panel .eyebrow{color:#ffd8dc}.contact-actions{display:flex;flex-direction:column;gap:1rem}.light{background:#fff;color:var(--red-dark)}.phone{color:#fff;font-size:1.1rem;font-weight:800}footer{display:flex;align-items:center;gap:2rem;padding:2rem clamp(1.2rem,6vw,6rem);background:var(--ink);color:#dce2e5}.footer-brand{display:flex;flex-direction:column;color:#fff;font-size:1.4rem;line-height:.9}.footer-brand small{color:#cbd7e4}footer p{margin-right:auto}footer a{color:#fff}@media(max-width:980px){.site-header nav{display:none}.site-header{min-height:72px}.header-cta{margin-left:auto;font-size:.82rem}.hero{grid-template-columns:1fr}.hero-copy{padding-top:4.5rem;padding-bottom:4.5rem}.hero-visual{min-height:380px}.audiences{grid-template-columns:1fr}.audiences a{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.section-heading,.contact-panel{align-items:flex-start;flex-direction:column}.range-grid{grid-template-columns:1fr}.range-card{min-height:260px}.guidance{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}footer p{margin:0}}@media(max-width:620px){.concept-bar{font-size:.68rem}.site-header{padding:.8rem 1rem}.brand span{font-size:1.55rem}.header-cta{padding:.65rem .8rem}.hero h1{font-size:clamp(2.7rem,14vw,4.4rem)}.hero-copy{padding:3.5rem 1.1rem}.hero-actions .button{width:100%}.hero-links{gap:.8rem 1rem}.hero-visual{min-height:320px}.paint-card{padding:1.3rem}.ranges,.guidance{padding:3.5rem 1.1rem}.contact-panel{margin:1.1rem;padding:2rem 1.2rem}.contact-actions,.contact-actions .button{width:100%}}