@font-face{font-family:'Baloo Chettan 2';font-style:normal;font-weight:400 800;font-display:swap;src:url('baloo.woff2') format('woff2')}
.cpb{--hover-lift:0px;--hover-scale:100%;--transition:.3s;background:#fffff0;padding:120px 32px;color:#201c1d;font-family:'Baloo Chettan 2',Arial,sans-serif;box-sizing:border-box}
.cpb *,.cpb *:before,.cpb *:after{box-sizing:border-box}
.cpb .cpb-inner{max-width:1780px;margin:0 auto}
.cpb .cpb-header{max-width:650px;margin:0 auto 60px;text-align:center}
.cpb .cpb-heading-art{display:inline-block;width:120px;line-height:0}
.cpb .cpb-heading-art img,.cpb .cpb-heading-art svg{width:100%;height:auto;display:block}
.cpb .cpb-heading{font-family:inherit;font-size:44px;line-height:1.2;font-weight:700;margin:10px 0 18px;color:inherit}
.cpb .cpb-description{font-family:Arial,sans-serif;font-size:16px;line-height:1.65;color:#aaa69e;margin:0}
.cpb .cpb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.cpb .cpb-box{position:relative;isolation:isolate;min-width:0;min-height:355px;padding:30px;border:2px dashed #30252a;border-radius:20px;background:#fdc3c9;color:#201c1d;overflow:hidden;transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),translate var(--transition);}
.cpb .cpb-box:hover{translate:0 calc(-1 * var(--hover-lift))}
.cpb .cpb-background{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}
.cpb .cpb-copy{position:relative;z-index:5;width:60%;pointer-events:none}
.cpb .cpb-eyebrow{font-family:Arial,sans-serif;font-size:14px;line-height:1.3;text-transform:uppercase;font-weight:600;margin:0 0 15px;color:inherit}
.cpb .cpb-title{font:700 28px/1.15 'Baloo Chettan 2',Arial,sans-serif;margin:0 0 24px;color:inherit;overflow-wrap:anywhere}
.cpb .cpb-price{font-family:Arial,sans-serif;font-size:14px;line-height:1.5;font-weight:600;margin:0;color:inherit}
.cpb .cpb-badge{display:inline-block;background:#fff;color:#30252a;border-radius:30px;padding:8px 14px;margin-top:12px;font:600 13px/1.2 Arial,sans-serif}
.cpb .cpb-layer{position:absolute;left:65%;top:40%;width:30%;z-index:2;pointer-events:none;transform:rotate(var(--rotation,0deg));opacity:var(--layer-opacity,100%);line-height:0}
.cpb .cpb-layer img,.cpb .cpb-layer svg{display:block;width:100%;max-width:100%;height:auto}
.cpb .cpb-layer svg{fill:currentColor}
.cpb .cpb-layer i{display:block;font-size:clamp(20px,5vw,90px);line-height:1}
.cpb .cpb-motion{animation-duration:var(--motion-duration,5s);animation-delay:var(--motion-delay,0s);animation-timing-function:var(--motion-easing,ease-in-out);animation-iteration-count:var(--motion-repeat,infinite);animation-direction:var(--motion-direction,normal);transform-origin:center;animation-play-state:running}
.cpb .cpb-product img{transition:scale var(--transition)}
.cpb .cpb-box:hover .cpb-product img{scale:var(--hover-scale)}
.cpb .cpb-link{position:absolute;inset:0;z-index:10;border-radius:inherit;text-decoration:none}
.cpb .cpb-link:focus-visible{outline:3px solid currentColor;outline-offset:-6px;background:rgba(255,255,255,.06)}
.cpb.cpb-pause-hover .cpb-box:hover .cpb-motion,.cpb.cpb-pause-hover .cpb-box:focus-within .cpb-motion{animation-play-state:paused}
.cpb .cpb-reveal{--enter-duration:.8s;--enter-delay:0s}
.cpb .cpb-reveal.cpb-enter{animation:cpb-enter var(--enter-duration) ease both;animation-delay:var(--enter-delay)}
.cpb [data-effect=left]{--enter-x:-45px;--enter-y:0px;--enter-scale:1}
.cpb [data-effect=right]{--enter-x:45px;--enter-y:0px;--enter-scale:1}
.cpb [data-effect=up]{--enter-x:0px;--enter-y:35px;--enter-scale:1}
.cpb [data-effect=zoom]{--enter-x:0px;--enter-y:0px;--enter-scale:.9}
.cpb [data-effect=fade]{--enter-x:0px;--enter-y:0px;--enter-scale:1}
@keyframes cpb-enter{from{opacity:0;transform:translate(var(--enter-x,0px),var(--enter-y,0px)) scale(var(--enter-scale,1))}to{opacity:1;transform:none}}
@keyframes cpb-rock{0%,50%,100%{transform:rotate(0deg)}25%{transform:rotate(var(--motion-angle,22deg))}75%{transform:rotate(calc(-1 * var(--motion-angle,22deg)))}}
@keyframes cpb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--motion-distance,10px)))}}
@keyframes cpb-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(var(--motion-distance,10px))}}
@keyframes cpb-spin{to{transform:rotate(360deg)}}
@keyframes cpb-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@media(max-width:1200px){.cpb{padding:90px 24px}.cpb .cpb-box{padding:24px;min-height:315px}.cpb .cpb-title{font-size:24px}.cpb .cpb-eyebrow,.cpb .cpb-price{font-size:12px}}
@media(max-width:1024px){.cpb .cpb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cpb .cpb-heading{font-size:36px}}
@media(max-width:767px){.cpb{padding:64px 16px}.cpb .cpb-grid{grid-template-columns:1fr;gap:20px}.cpb .cpb-header{margin-bottom:32px}.cpb .cpb-heading-art{width:90px}.cpb .cpb-heading{font-size:30px}.cpb .cpb-description{font-size:14px}.cpb .cpb-box{min-height:300px}.cpb.cpb-no-mobile-motion .cpb-motion{animation:none!important}}
@media(prefers-reduced-motion:reduce){.cpb .cpb-motion,.cpb .cpb-reveal.cpb-enter{animation:none!important}.cpb .cpb-box,.cpb .cpb-product img{transition:none!important}}