.hoa-lifestyle{background:#fafafa;padding:48px 0}.hoa-lifestyle__wrap{max-width:1280px;margin:0 auto;padding:0 24px}.hoa-lifestyle__header{text-align:center;margin-bottom:48px}.hoa-lifestyle__kicker{display:block;font-family:var(--hoa-font-body, Inter, sans-serif);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ff6b6b;margin-bottom:12px}.hoa-lifestyle__title{font-family:var(--hoa-font-heading, "Bebas Neue", sans-serif);font-size:28px;font-weight:400;color:#1a1a1a;margin:0 0 16px;line-height:1.1;letter-spacing:.02em}.hoa-lifestyle__sub{font-family:var(--hoa-font-body, Inter, sans-serif);font-size:16px;color:#6b7280;margin:0;line-height:1.6}.hoa-lifestyle__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hoa-lifestyle__item{position:relative;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;background:#f3f4f6;display:block;text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.hoa-lifestyle__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hoa-lifestyle__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);display:flex;align-items:center;justify-content:center}.hoa-lifestyle__placeholder-icon{opacity:.4;color:#fff}.hoa-lifestyle__tag{position:absolute;bottom:12px;left:12px;font-family:var(--hoa-font-body, Inter, sans-serif);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:4px 8px;border-radius:4px;line-height:1.4}@media(hover:hover)and (prefers-reduced-motion:no-preference){.hoa-lifestyle__item:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.hoa-lifestyle__item:hover .hoa-lifestyle__img{transform:scale(1.03)}.hoa-lifestyle__img{transition:transform .4s cubic-bezier(.4,0,.2,1)}}@media(min-width:768px){.hoa-lifestyle{padding:80px 0}.hoa-lifestyle__title{font-size:40px}.hoa-lifestyle__grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(min-width:1024px){.hoa-lifestyle__grid{grid-template-columns:repeat(4,1fr);gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hoa-lifestyle.css.map */