/* Pipinich Painting — site-wide styles for Appearance > Customize > Additional CSS
   Built 2026-09-27 from Pages/2026-09-26_Home_draft.html (option B). */
.pp-home{--blue:#0047B9;--blue-dark:#00337f;--orange:#F57E00;--orange-dark:#c96600;--ink:#1d232b;--muted:#5a6572;--line:#e3e7ec;--cream:#f7f4ee;--radius:12px;--shadow:0 6px 24px rgba(20,30,50,.08);color:var(--ink);line-height:1.6;font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
.pp-home *{box-sizing:border-box}
.pp-home .wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.pp-home section{padding:64px 0}
.pp-home section.alt{background:var(--cream)}
.pp-home h1,.pp-home h2,.pp-home h3{color:inherit;font-family:inherit}
.pp-home h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:0 0 14px}
.pp-home h3{margin:0 0 8px;font-size:20px}
.pp-home p{margin:0 0 12px}
.pp-home .kicker{color:var(--orange-dark);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;margin:0 0 6px}
.pp-home .sub{color:var(--muted);font-size:18px;max-width:760px;margin:0 0 28px}
.pp-home .btn{display:inline-block;white-space:nowrap;background:var(--orange);color:#fff;font-weight:700;text-decoration:none;padding:12px 22px;border-radius:999px;border:2px solid var(--orange);font-size:16px}
.pp-home .btn:hover{background:var(--orange-dark);border-color:var(--orange-dark);color:#fff}
.pp-home .btn.ghost{background:transparent;color:#fff;border-color:#fff}
.pp-home .btn.ghost:hover{background:#fff;color:var(--blue)}
.pp-home .hero{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);color:#fff;padding:0}
.pp-home .hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:56px}
.pp-home .hero h1{font-size:clamp(30px,4.2vw,48px);line-height:1.12;margin:0 0 14px;color:#fff}
.pp-home .hero .lead{font-size:19px;opacity:.95;margin:0 0 24px}
.pp-home .hero .kicker{color:#ffd3a3}
.pp-home .ctas{display:flex;flex-wrap:wrap;gap:12px}
.pp-home .hero-art{background:rgba(255,255,255,.08);border-radius:18px;padding:18px}
.pp-home .trust{background:#fff;border-bottom:1px solid var(--line)}
.pp-home .trust ul{list-style:none;margin:0;padding:16px 0;display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;font-weight:600}
.pp-home .trust li::before{content:"\2713  ";color:var(--orange)}
.pp-home .grid{display:grid;gap:22px}
.pp-home .g2{grid-template-columns:repeat(2,1fr)}
.pp-home .g3{grid-template-columns:repeat(3,1fr)}
.pp-home .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.pp-home .card .icon{width:44px;height:44px;border-radius:10px;background:#fff3e6;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px}
.pp-home .card p{margin:0;color:var(--muted)}
.pp-home .split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.pp-home .note{font-size:13px;color:var(--muted);margin-top:10px}
.pp-home .steps{counter-reset:s}
.pp-home .step{position:relative;padding-top:60px}
.pp-home .step::before{counter-increment:s;content:counter(s);position:absolute;top:18px;left:22px;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.pp-home .cta-band{background:var(--orange);color:#fff;text-align:center}
.pp-home .cta-band h2{color:#fff}
.pp-home .cta-band .btn{background:#fff;color:var(--orange-dark);border-color:#fff}
.pp-home .cta-band .btn:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.pp-home .cta-band .btn.ghost{background:transparent;color:#fff;border-color:#fff}
.pp-home .contact{background:var(--ink);color:#cfd6de;padding:40px 0}
.pp-home .contact a{color:#fff}
.pp-home .contact strong{color:#fff}
@media (max-width:900px){.pp-home .hero .wrap,.pp-home .split{grid-template-columns:1fr}.pp-home .g3{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pp-home .g2,.pp-home .g3{grid-template-columns:1fr}.pp-home section{padding:44px 0}}

/* added 2026-09-27: classes replacing inline styles */
.pp-home .card.art-card{padding:10px}
.pp-home .sub.flush{margin-bottom:0}
.pp-home .cta-lead{font-size:18px;margin:0 0 20px}
.pp-home .ctas.center{justify-content:center}

/* drawings (were inline SVG; WordPress strips SVG from page content) */
.pp-home .pp-art{width:100%;aspect-ratio:320/300;background:center/contain no-repeat}
.pp-home .pp-art-1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 300'%3E%3Cdefs%3E%3Cpattern id='pp-scales1' width='12' height='10' patternUnits='userSpaceOnUse'%3E%3Crect width='12' height='10' fill='%23b5533c'/%3E%3Cpath d='M0 10 A6 6 0 0 1 12 10' fill='none' stroke='%23f3ead8' stroke-width='1.2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='282' width='320' height='18' fill='%237fa36a'/%3E%3Cpolygon points='70,120 160,52 250,120' fill='%233a3f47'/%3E%3Cpolygon points='22,110 52,62 82,110' fill='%233a3f47'/%3E%3Crect x='28' y='110' width='48' height='172' fill='%235b7f95' stroke='%23f3ead8' stroke-width='4'/%3E%3Crect x='28' y='160' width='48' height='8' fill='%23b5533c'/%3E%3Crect x='40' y='122' width='24' height='32' fill='%232f3b45'/%3E%3Crect x='44' y='126' width='16' height='24' fill='%23cfe3f0'/%3E%3Crect x='40' y='180' width='24' height='36' fill='%232f3b45'/%3E%3Crect x='44' y='184' width='16' height='28' fill='%23cfe3f0'/%3E%3Crect x='76' y='120' width='170' height='162' fill='%235b7f95' stroke='%23f3ead8' stroke-width='4'/%3E%3Cpolygon points='96,120 160,70 224,120' fill='url(%23pp-scales1)' stroke='%23f3ead8' stroke-width='5'/%3E%3Ccircle cx='160' cy='100' r='11' fill='%232f3b45'/%3E%3Ccircle cx='160' cy='100' r='7' fill='%23cfe3f0'/%3E%3Crect x='76' y='176' width='170' height='8' fill='%23b5533c'/%3E%3Crect x='104' y='134' width='26' height='34' fill='%232f3b45'/%3E%3Crect x='108' y='138' width='18' height='26' fill='%23cfe3f0'/%3E%3Crect x='192' y='134' width='26' height='34' fill='%232f3b45'/%3E%3Crect x='196' y='138' width='18' height='26' fill='%23cfe3f0'/%3E%3Crect x='148' y='136' width='24' height='30' fill='%232f3b45'/%3E%3Crect x='152' y='140' width='16' height='22' fill='%23cfe3f0'/%3E%3Cpolygon points='70,212 256,212 246,198 80,198' fill='%23f3ead8'/%3E%3Crect x='70' y='212' width='186' height='6' fill='%23b5533c'/%3E%3Crect x='146' y='226' width='30' height='56' fill='%237a2f2a' stroke='%23f3ead8' stroke-width='3'/%3E%3Ccircle cx='170' cy='256' r='2.2' fill='%23e8c46a'/%3E%3Crect x='98' y='228' width='30' height='40' fill='%232f3b45'/%3E%3Crect x='102' y='232' width='22' height='32' fill='%23cfe3f0'/%3E%3Crect x='196' y='228' width='30' height='40' fill='%232f3b45'/%3E%3Crect x='200' y='232' width='22' height='32' fill='%23cfe3f0'/%3E%3Crect x='80' y='218' width='6' height='64' fill='%23f3ead8'/%3E%3Crect x='236' y='218' width='6' height='64' fill='%23f3ead8'/%3E%3Crect x='80' y='262' width='60' height='4' fill='%23f3ead8'/%3E%3Crect x='182' y='262' width='60' height='4' fill='%23f3ead8'/%3E%3Cg fill='%23f3ead8'%3E%3Crect x='92' y='266' width='3' height='16'/%3E%3Crect x='102' y='266' width='3' height='16'/%3E%3Crect x='112' y='266' width='3' height='16'/%3E%3Crect x='122' y='266' width='3' height='16'/%3E%3Crect x='132' y='266' width='3' height='16'/%3E%3Crect x='190' y='266' width='3' height='16'/%3E%3Crect x='200' y='266' width='3' height='16'/%3E%3Crect x='210' y='266' width='3' height='16'/%3E%3Crect x='220' y='266' width='3' height='16'/%3E%3Crect x='230' y='266' width='3' height='16'/%3E%3C/g%3E%3Crect x='136' y='278' width='50' height='6' fill='%23b9b2a6'/%3E%3C/svg%3E")}
.pp-home .pp-art-2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 300'%3E%3Cdefs%3E%3Cpattern id='pp-scales2' width='12' height='10' patternUnits='userSpaceOnUse'%3E%3Crect width='12' height='10' fill='%236b3f5e'/%3E%3Cpath d='M0 10 A6 6 0 0 1 12 10' fill='none' stroke='%23f1ecdf' stroke-width='1.2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='282' width='320' height='18' fill='%237fa36a'/%3E%3Cpolygon points='70,120 160,52 250,120' fill='%233a3f47'/%3E%3Cpolygon points='22,110 52,62 82,110' fill='%233a3f47'/%3E%3Crect x='28' y='110' width='48' height='172' fill='%238fa58a' stroke='%23f1ecdf' stroke-width='4'/%3E%3Crect x='28' y='160' width='48' height='8' fill='%236b3f5e'/%3E%3Crect x='40' y='122' width='24' height='32' fill='%233c4a3a'/%3E%3Crect x='44' y='126' width='16' height='24' fill='%23cfe3f0'/%3E%3Crect x='40' y='180' width='24' height='36' fill='%233c4a3a'/%3E%3Crect x='44' y='184' width='16' height='28' fill='%23cfe3f0'/%3E%3Crect x='76' y='120' width='170' height='162' fill='%238fa58a' stroke='%23f1ecdf' stroke-width='4'/%3E%3Cpolygon points='96,120 160,70 224,120' fill='url(%23pp-scales2)' stroke='%23f1ecdf' stroke-width='5'/%3E%3Ccircle cx='160' cy='100' r='11' fill='%233c4a3a'/%3E%3Ccircle cx='160' cy='100' r='7' fill='%23cfe3f0'/%3E%3Crect x='76' y='176' width='170' height='8' fill='%236b3f5e'/%3E%3Crect x='104' y='134' width='26' height='34' fill='%233c4a3a'/%3E%3Crect x='108' y='138' width='18' height='26' fill='%23cfe3f0'/%3E%3Crect x='192' y='134' width='26' height='34' fill='%233c4a3a'/%3E%3Crect x='196' y='138' width='18' height='26' fill='%23cfe3f0'/%3E%3Crect x='148' y='136' width='24' height='30' fill='%233c4a3a'/%3E%3Crect x='152' y='140' width='16' height='22' fill='%23cfe3f0'/%3E%3Cpolygon points='70,212 256,212 246,198 80,198' fill='%23f1ecdf'/%3E%3Crect x='70' y='212' width='186' height='6' fill='%236b3f5e'/%3E%3Crect x='146' y='226' width='30' height='56' fill='%23b07a2a' stroke='%23f1ecdf' stroke-width='3'/%3E%3Ccircle cx='170' cy='256' r='2.2' fill='%23e8c46a'/%3E%3Crect x='98' y='228' width='30' height='40' fill='%233c4a3a'/%3E%3Crect x='102' y='232' width='22' height='32' fill='%23cfe3f0'/%3E%3Crect x='196' y='228' width='30' height='40' fill='%233c4a3a'/%3E%3Crect x='200' y='232' width='22' height='32' fill='%23cfe3f0'/%3E%3Crect x='80' y='218' width='6' height='64' fill='%23f1ecdf'/%3E%3Crect x='236' y='218' width='6' height='64' fill='%23f1ecdf'/%3E%3Crect x='80' y='262' width='60' height='4' fill='%23f1ecdf'/%3E%3Crect x='182' y='262' width='60' height='4' fill='%23f1ecdf'/%3E%3Cg fill='%23f1ecdf'%3E%3Crect x='92' y='266' width='3' height='16'/%3E%3Crect x='102' y='266' width='3' height='16'/%3E%3Crect x='112' y='266' width='3' height='16'/%3E%3Crect x='122' y='266' width='3' height='16'/%3E%3Crect x='132' y='266' width='3' height='16'/%3E%3Crect x='190' y='266' width='3' height='16'/%3E%3Crect x='200' y='266' width='3' height='16'/%3E%3Crect x='210' y='266' width='3' height='16'/%3E%3Crect x='220' y='266' width='3' height='16'/%3E%3Crect x='230' y='266' width='3' height='16'/%3E%3C/g%3E%3Crect x='136' y='278' width='50' height='6' fill='%23b9b2a6'/%3E%3C/svg%3E")}
.pp-home .pp-art-3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 300'%3E%3Cdefs%3E%3Cpattern id='pp-scales3' width='12' height='10' patternUnits='userSpaceOnUse'%3E%3Crect width='12' height='10' fill='%236e8f7b'/%3E%3Cpath d='M0 10 A6 6 0 0 1 12 10' fill='none' stroke='%23fdf8f2' stroke-width='1.2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='282' width='320' height='18' fill='%237fa36a'/%3E%3Cpolygon points='70,120 160,52 250,120' fill='%233a3f47'/%3E%3Cpolygon points='22,110 52,62 82,110' fill='%233a3f47'/%3E%3Crect x='28' y='110' width='48' height='172' fill='%23d8a5a9' stroke='%23fdf8f2' stroke-width='4'/%3E%3Crect x='28' y='160' width='48' height='8' fill='%236e8f7b'/%3E%3Crect x='40' y='122' width='24' height='32' fill='%234b3a4a'/%3E%3Crect x='44' y='126' width='16' height='24' fill='%23cfe3f0'/%3E%3Crect x='40' y='180' width='24' height='36' fill='%234b3a4a'/%3E%3Crect x='44' y='184' width='16' height='28' fill='%23cfe3f0'/%3E%3Crect x='76' y='120' width='170' height='162' fill='%23d8a5a9' stroke='%23fdf8f2' stroke-width='4'/%3E%3Cpolygon points='96,120 160,70 224,120' fill='url(%23pp-scales3)' stroke='%23fdf8f2' stroke-width='5'/%3E%3Ccircle cx='160' cy='100' r='11' fill='%234b3a4a'/%3E%3Ccircle cx='160' cy='100' r='7' fill='%23cfe3f0'/%3E%3Crect x='76' y='176' width='170' height='8' fill='%236e8f7b'/%3E%3Crect x='104' y='134' width='26' height='34' fill='%234b3a4a'/%3E%3Crect x='108' y='138' width='18' height='26' fill='%23cfe3f0'/%3E%3Crect x='192' y='134' width='26' height='34' fill='%234b3a4a'/%3E%3Crect x='196' y='138' width='18' height='26' fill='%23cfe3f0'/%3E%3Crect x='148' y='136' width='24' height='30' fill='%234b3a4a'/%3E%3Crect x='152' y='140' width='16' height='22' fill='%23cfe3f0'/%3E%3Cpolygon points='70,212 256,212 246,198 80,198' fill='%23fdf8f2'/%3E%3Crect x='70' y='212' width='186' height='6' fill='%236e8f7b'/%3E%3Crect x='146' y='226' width='30' height='56' fill='%238a3b4c' stroke='%23fdf8f2' stroke-width='3'/%3E%3Ccircle cx='170' cy='256' r='2.2' fill='%23e8c46a'/%3E%3Crect x='98' y='228' width='30' height='40' fill='%234b3a4a'/%3E%3Crect x='102' y='232' width='22' height='32' fill='%23cfe3f0'/%3E%3Crect x='196' y='228' width='30' height='40' fill='%234b3a4a'/%3E%3Crect x='200' y='232' width='22' height='32' fill='%23cfe3f0'/%3E%3Crect x='80' y='218' width='6' height='64' fill='%23fdf8f2'/%3E%3Crect x='236' y='218' width='6' height='64' fill='%23fdf8f2'/%3E%3Crect x='80' y='262' width='60' height='4' fill='%23fdf8f2'/%3E%3Crect x='182' y='262' width='60' height='4' fill='%23fdf8f2'/%3E%3Cg fill='%23fdf8f2'%3E%3Crect x='92' y='266' width='3' height='16'/%3E%3Crect x='102' y='266' width='3' height='16'/%3E%3Crect x='112' y='266' width='3' height='16'/%3E%3Crect x='122' y='266' width='3' height='16'/%3E%3Crect x='132' y='266' width='3' height='16'/%3E%3Crect x='190' y='266' width='3' height='16'/%3E%3Crect x='200' y='266' width='3' height='16'/%3E%3Crect x='210' y='266' width='3' height='16'/%3E%3Crect x='220' y='266' width='3' height='16'/%3E%3Crect x='230' y='266' width='3' height='16'/%3E%3C/g%3E%3Crect x='136' y='278' width='50' height='6' fill='%23b9b2a6'/%3E%3C/svg%3E")}