Zentlemen.vn

.btn-primary:hover background: #2c2c3a; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.05);

.hero-buttons display: flex; gap: 1rem; flex-wrap: wrap;

<div class="features"> <div class="container"> <div class="section-header" style="text-align: left; margin-bottom: 1rem;"> <div class="section-subhead">Zentlemen ethos</div> <h2>Beyond the fabric, a way of being</h2> </div> <div class="features-grid"> <div class="feature-card"> <div class="feature-icon">🧵</div> <h3>Bespoke tailoring</h3> <p>Custom garments crafted by Vietnamese master tailors using premium Italian & Japanese fabrics.</p> </div> <div class="feature-card"> <div class="feature-icon">🧴</div> <h3>Grooming essentials</h3> <p>Natural, scent-first formulations for the modern man: beard, skincare, and fragrance.</p> </div> <div class="feature-card"> <div class="feature-icon">⌚</div> <h3>Curated accessories</h3> <p>From leather goods to timepieces — each piece tells a story of discreet luxury.</p> </div> <div class="feature-card"> <div class="feature-icon">🤝</div> <h3>Private concierge</h3> <p>Dedicated style advisors & at-home fittings. Redefining convenience for gentlemen.</p> </div> </div> </div> </div> zentlemen.vn

h2 font-size: 2rem; margin-bottom: 1rem;

/* features grid */ .features padding: 5rem 0; background-color: var(--cream); border-radius: 48px 48px 0 0; margin-top: 1rem; .btn-primary:hover background: #2c2c3a

.hero-image flex: 1; background: linear-gradient(135deg, #e3dacf, #f3ede4); border-radius: 32px; min-height: 380px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; box-shadow: 0 20px 35px -12px rgba(0,0,0,0.05);

.nav-links display: flex; gap: 2.2rem; align-items: center; box-shadow: 0 8px 20px rgba(0

/* product showcase */ .showcase padding: 5rem 0;

.btn-outline:hover background: var(--deep-charcoal); color: white; transform: translateY(-2px);