KLC Creative

Home About Services Experiences Portfolio Retreats Contact Book a Consult

ELEVATED. INTENTIONAL. UNFORGETTABLE.

WE DESIGN EXPERIENCES
THAT LEAVE A MARK.

Full-service event and retreat experience company creating moments that inspire, connect, and transform. Explore Our Services

WE SPECIALIZE IN

Corporate Events

Elevated events aligned with your brand.

Corporate Retreats

Immersive retreats that recharge teams.

Brand Experiences

Creative activations that captivate.

Private Celebrations

Luxury celebrations designed with intention.

body {
margin: 0;
font-family: ‘Helvetica Neue’, sans-serif;
background: #0b0b0b;
color: #fff;
}

/* NAVBAR */
.klc-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 40px;
position: absolute;
width: 100%;
z-index: 10;
}

.klc-logo {
font-size: 20px;
letter-spacing: 2px;
}

.klc-nav a {
margin: 0 15px;
text-decoration: none;
color: #ccc;
font-size: 14px;
}

.klc-nav a:hover {
color: #c9a96e;
}

.klc-consult {
border: 1px solid #c9a96e;
padding: 10px 18px;
text-decoration: none;
color: #c9a96e;
font-size: 13px;
}

/* HERO */
.klc-hero {
height: 100vh;
background: url(‘YOUR-IMAGE-HERE’) center/cover no-repeat;
display: flex;
align-items: center;
padding: 0 60px;
position: relative;
}

.klc-hero::after {
content: “”;
position: absolute;
inset: 0;
background: rgba(0,0,0,0.65);
}

.klc-hero-content {
position: relative;
max-width: 600px;
}

.klc-sub {
font-size: 12px;
letter-spacing: 3px;
color: #aaa;
}

.klc-hero h1 {
font-size: 48px;
line-height: 1.2;
margin: 20px 0;
}

.klc-hero h1 span {
color: #c9a96e;
font-style: italic;
}

.klc-desc {
color: #bbb;
margin-bottom: 25px;
}

.klc-btn {
border: 1px solid #c9a96e;
padding: 12px 22px;
text-decoration: none;
color: #c9a96e;
}

/* SERVICES */
.klc-services {
padding: 80px 40px;
text-align: center;
}

.klc-section-title {
font-size: 14px;
letter-spacing: 3px;
margin-bottom: 40px;
color: #aaa;
}

.klc-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}

.klc-card {
border: 1px solid rgba(255,255,255,0.1);
padding: 30px;
transition: 0.3s;
}

.klc-card:hover {
border-color: #c9a96e;
transform: translateY(-5px);
}

.klc-card h4 {
margin-bottom: 10px;
}