/* Supplied PNGs remain unchanged. Multiply blends their white backgrounds into paper. */
.decor,.tiny-piece,.material-swatches img,.final-cta__rule{mix-blend-mode:multiply;pointer-events:none;user-select:none;object-fit:contain}
.hero__layout{position:relative;isolation:isolate}
.decor{position:absolute;z-index:2}
.decor--garland{width:clamp(170px,24vw,340px);right:4%;top:-26px;transform:rotate(4deg)}
.decor--sun{width:clamp(66px,7vw,102px);left:2%;top:-26px;transform:rotate(-8deg)}
.hero__headline::before{width:72px;height:72px;left:-34px;top:-35px;background:transparent url('assets/images/decor-user-v1/yellow-circle.png') center/contain no-repeat;mix-blend-mode:multiply;z-index:-1}
.hero__headline{position:relative;isolation:isolate}
.tiny-piece.tiny-piece--green{flex:0 0 58px;width:58px;height:74px;background:none;margin-top:4px;transform:rotate(-12deg)}
.material-swatches{align-items:center;gap:18px;transform:none}
.material-swatches img{width:55px;height:55px}
.material-swatches img:nth-child(2){transform:rotate(12deg)}
.material-swatches img:nth-child(3){width:90px;height:66px;transform:rotate(-10deg)}
.flow__steps li::before{width:24px;height:24px;top:-12px;left:-8px;background:transparent url('assets/images/decor-user-v1/red-triangle.png') center/contain no-repeat;mix-blend-mode:multiply;transform:rotate(15deg)}
.flow__steps li:nth-child(2)::before{background-image:url('assets/images/decor-user-v1/yellow-circle.png')}
.flow__steps li:nth-child(3)::before{background-image:url('assets/images/decor-user-v1/blue-paper.png')}
.final-cta__rule{display:block;width:82px;height:82px;background:none;margin:0 auto 28px;transform:rotate(-8deg)}
@media(max-width:700px){
.decor--garland{width:165px;right:16px;top:-12px}
.decor--sun{width:62px;left:4px;top:-17px}
.hero__headline::before{width:52px;height:52px;left:-12px;top:-16px}
.tiny-piece.tiny-piece--green{flex-basis:36px;width:36px;height:48px}
.audience__thought{gap:18px}
.material-swatches{margin-top:36px;gap:14px}
.material-swatches img{width:42px;height:42px}
.material-swatches img:nth-child(3){width:68px;height:50px}
.flow__steps li::before{width:22px;height:22px;left:-12px;top:4px}
.final-cta__rule{width:68px;height:68px}
}
.hero__layout,.hero__headline{background:#f3f0e7}
.decor--garland{top:8px}
.decor--sun{top:8px}
.decor{height:auto}
.hero__headline::before{z-index:0}
.hero__headline .eyebrow,.hero__headline h1{position:relative;z-index:1}
.hero__headline::before{background-color:#f3f0e7;background-blend-mode:multiply}
@media(max-width:700px){.decor--sun{top:auto;bottom:10px;left:4px}.hero__headline::before{left:-10px;top:-14px}}
.hero__headline::before{clip-path:circle(47% at 50% 50%)}

/* Closing illustration reuses the exact supplied townscape and river PNG. */
.final-cta__town{display:block;width:100%;height:auto;max-width:100%;margin:0;object-fit:contain;mix-blend-mode:multiply;pointer-events:none;user-select:none}