:root{--puzzle-size:180px;--puzzle-gap:16px;--puzzle-br:8px;--puzzle-border:#e0e0e0;--puzzle-num-size:14px}.hp-puzzle{overflow:hidden}.hp-puzzle__inner{display:grid;grid-template-columns:1fr 1fr;gap:auto;align-items:flex-start}.hp-puzzle__left{display:flex;flex-direction:column;gap:16px;max-width:30rem}.hp-puzzle__left h2{font-size:32px;line-height:1.2;font-weight:600;color:#272726}.hp-puzzle__desc{font-size:16px;line-height:1.6;color:#525251;margin:0}.hp-puzzle__left .btn--primary{align-self:flex-start;margin-top:8px}.hp-puzzle__grid{display:flex;flex-direction:column;gap:0}.hp-puzzle__piece,.hp-puzzle__piece-content{display:flex;flex-direction:column;align-items:flex-start;width:100%}.hp-puzzle__piece-content{background:#f9f9f8;border:1px solid var(--puzzle-border);padding:16px;justify-content:space-around;gap:16px;text-align:left}.hp-puzzle__number{display:block;font-size:var(--puzzle-num-size);font-weight:500;line-height:1;color:var(--primary-pink-500, #D9306B)}.hp-puzzle__piece-desc{font-size:14px;line-height:1.5;color:#272726;margin:0}.hp-puzzle__piece--top .hp-puzzle__piece-content{clip-path:polygon(0 0,100% 0,100% 85%,85% 85%,65% 90%,35% 90%,15% 85%,0 85%)}.hp-puzzle__piece--middle .hp-puzzle__piece-content{clip-path:polygon(0 10%,15% 15%,65% 10%,85% 15%,100% 10%,100% 85%,85% 85%,65% 90%,35% 90%,15% 85%,0 85%)}.hp-puzzle__piece--bottom .hp-puzzle__piece-content{clip-path:polygon(0 10%,15% 15%,65% 10%,85% 15%,100% 10%,100% 100%,0 100%)}@media (max-width:1024px){.hp-puzzle__inner{grid-template-columns:1fr;gap:32px}.hp-puzzle__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hp-puzzle__left h2{font-size:24px}.hp-puzzle__grid{grid-template-columns:1fr}.hp-puzzle__piece-desc{min-height:140px}}