*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#FDFBF8;font-family:'Karla',sans-serif;font-weight:400;font-size:15px;line-height:1.8;color:#4A4A5A;overflow-x:hidden}
.wash{position:fixed;border-radius:30% 70% 60% 40%/50% 30% 70% 50%;pointer-events:none;z-index:0;opacity:0.15}
.wash-1{width:300px;height:300px;background:#2A3A5A;top:-50px;left:-80px;filter:blur(40px)}
.wash-2{width:250px;height:250px;background:#E07060;top:30%;right:-60px;filter:blur(50px)}
.wash-3{width:200px;height:200px;background:#7A9A6A;bottom:10%;left:10%;filter:blur(45px)}
.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;z-index:1}
.brush-container{text-align:center;padding:48px;position:relative}
.brush-container::before{content:'';position:absolute;inset:-20px;border-radius:30% 70% 60% 40%/50% 30% 70% 50%;background:rgba(42,58,90,0.06);z-index:-1}
h1{font-family:'Cormorant Infant',serif;font-weight:500;font-size:34px;color:#2A3A5A;margin-bottom:12px}
.hero-sub{font-family:'Karla',sans-serif;color:#4A4A5A}
.canvas{max-width:800px;margin:0 auto;padding:0 20px 80px;position:relative;z-index:1}
.block{max-width:520px;padding:32px 0;opacity:0;filter:blur(8px);transition:opacity 0.7s ease-out,filter 0.7s ease-out}
.block.visible{opacity:1;filter:blur(0)}
.left-offset{margin-left:5%}
.right-offset{margin-left:30%}
.paint-tag{font-family:'Kalam',cursive;font-size:13px;color:#8A7A6A;display:block;margin-bottom:10px}
h2{font-family:'Cormorant Infant',serif;font-weight:500;font-size:28px;color:#2A3A5A;margin-bottom:12px}
@media(max-width:768px){h1{font-size:26px}h2{font-size:22px}.right-offset{margin-left:10%}.left-offset{margin-left:0}}