The Tiny Buffalo | Lenoir, NC
@import url(‘
https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Lato:wght@300;400;700&display=swap’ ;);
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–forest: #2d4a3e;
–teal: #3d6b5e;
–slate: #4a6572;
–wood: #8b5e3c;
–warm: #c9956a;
–cream: #f5f0e8;
–light: #faf8f4;
–dark: #1a2a24;
–gold: #c8a96e;
}
html { scroll-behavior: smooth; }
body { font-family: ‘Lato’, sans-serif; background: var(–light); color: var(–dark); }
/* NAV */
nav {
position: fixed; top: 0; width: 100%; z-index: 100;
background: rgba(26,42,36,0.92); backdrop-filter: blur(8px);
display: flex; justify-content: space-between; align-items: center;
padding: 14px 40px;
}
.nav-logo {
display: flex; align-items: center; gap: 10px;
font-family: ‘Playfair Display’, serif; color: var(–cream);
font-size: 1.2rem; letter-spacing: 0.5px; text-decoration: none;
}
.nav-logo svg { width: 36px; height: 36px; fill: var(–gold); }
.nav-links { display: flex; gap: 28px; list-style: none; }
.nav-links a {
color: var(–cream); text-decoration: none; font-size: 0.85rem;
letter-spacing: 1.5px; text-transform: uppercase; opacity: 0.85;
transition: opacity 0.2s;
}
.nav-links a:hover { opacity: 1; color: var(–gold); }
/* HERO */
.hero {
height: 100vh; position: relative;
background: linear-gradient(160deg, #1a2a24 0%, #2d4a3e 40%, #3d6b5e 100%);
display: flex; align-items: center; justify-content: center;
overflow: hidden;
}
.hero-bg {
position: absolute; inset: 0;
background:
radial-gradient(ellipse at 70% 60%, rgba(61,107,94,0.4) 0%, transparent 60%),
radial-gradient(ellipse at 20% 80%, rgba(45,74,62,0.6) 0%, transparent 50%);
}
/* Tree silhouettes */
.trees {
position: absolute; bottom: 0; width: 100%; height: 35%;
pointer-events: none; z-index: 0;
}
.trees svg { width: 100%; height: 100%; display: block; }
.hero-content {
position: relative; text-align: center; color: var(–cream); padding: 20px;
z-index: 1;
}
.hero-badge {
display: inline-block; border: 1px solid var(–gold); color: var(–gold);
font-size: 0.75rem; letter-spacing: 3px; text-transform: uppercase;
padding: 6px 16px; border-radius: 20px; margin-bottom: 24px;
}
.hero h1 {
font-family: ‘Playfair Display’, serif;
font-size: clamp(3rem, 8vw, 6rem);
line-height: 1.05; margin-bottom: 10px;
}
.hero h1 span { color: var(–gold); }
.hero-sub {
font-size: clamp(1rem, 2.5vw, 1.3rem);
font-weight: 300; letter-spacing: 2px; opacity: 0.85;
margin-bottom: 14px;
}
.hero-location {
font-size: 0.85rem; letter-spacing: 2px; opacity: 0.6;
text-transform: uppercase; margin-bottom: 40px;
}
.btn {
display: inline-block; padding: 16px 40px;
background: var(–gold); color: var(–dark);
font-family: ‘Lato’, sans-serif; font-weight: 700;
font-size: 0.85rem; letter-spacing: 2px; text-transform: uppercase;
text-decoration: none; border-radius: 3px;
transition: background 0.2s, transform 0.2s;
}
.btn:hover { background: var(–warm); transform: translateY(-2px); }
.btn-outline {
background: transparent; color: var(–cream);
border: 2px solid var(–cream); margin-left: 14px;
}
.btn-outline:hover { background: rgba(255,255,255,0.1); transform: translateY(-2px); }
.scroll-hint {
position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);
color: var(–cream); opacity: 0.5; font-size: 0.75rem;
letter-spacing: 2px; text-transform: uppercase; text-align: center;
}
.scroll-hint::after {
content: ”; display: block; width: 1px; height: 40px;
background: var(–cream); margin: 8px auto 0; opacity: 0.4;
}
/* SECTIONS */
section { padding: 90px 40px; }
.section-label {
font-size: 0.75rem; letter-spacing: 3px; text-transform: uppercase;
color: var(–teal); font-weight: 700; margin-bottom: 12px;
}
h2 {
font-family: ‘Playfair Display’, serif;
font-size: clamp(1.8rem, 4vw, 2.8rem);
color: var(–dark); margin-bottom: 20px; line-height: 1.2;
}
.divider {
width: 60px; height: 3px; background: var(–gold);
margin-bottom: 30px;
}
/* ABOUT */
.about { background: var(–cream); }
.about-inner {
max-width: 1100px; margin: 0 auto;
display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center;
}
.about p {
font-size: 1.05rem; line-height: 1.85; color: #3a3a3a; margin-bottom: 16px;
}
.about-img-stack { position: relative; height: 420px; }
.about-img-main {
position: absolute; top: 0; left: 0; right: 40px; bottom: 40px;
border-radius: 4px; overflow: hidden;
box-shadow: 8px 8px 30px rgba(0,0,0,0.15);
}
.about-img-main img {
width: 100%; height: 100%; object-fit: cover;
}
.about-img-accent {
position: absolute; bottom: 0; right: 0; width: 55%; height: 55%;
border-radius: 4px; border: 6px solid var(–light);
box-shadow: 4px 4px 20px rgba(0,0,0,0.2);
overflow: hidden;
}
.about-img-accent img {
width: 100%; height: 100%; object-fit: cover;
}
.img-placeholder {
width: 100%; height: 100%;
display: flex; align-items: center; justify-content: center;
background: linear-gradient(135deg, var(–forest), var(–teal));
color: rgba(255,255,255,0.3); font-size: 0.8rem; letter-spacing: 1px;
text-transform: uppercase;
}
/* AMENITIES */
.amenities { background: var(–light); }
.amenities-inner { max-width: 1100px; margin: 0 auto; }
.amenities-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 24px; margin-top: 10px;
}
.amenity-card {
background: var(–cream); border-radius: 6px; padding: 30px 24px;
text-align: center; border-bottom: 3px solid transparent;
transition: border-color 0.2s, transform 0.2s;
box-shadow: 0 2px 12px rgba(0,0,0,0.05);
}
.amenity-card:hover { border-color: var(–gold); transform: translateY(-4px); }
.amenity-icon { font-size: 2rem; margin-bottom: 12px; }
.amenity-card h3 { font-size: 0.95rem; font-weight: 700; color: var(–forest); margin-bottom: 6px; }
.amenity-card p { font-size: 0.85rem; color: #666; line-height: 1.5; }
/* GALLERY */
.gallery { background: var(–dark); padding: 90px 40px; }
.gallery .section-label { color: var(–gold); }
.gallery h2 { color: var(–cream); }
.gallery-inner { max-width: 1100px; margin: 0 auto; }
.gallery-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 240px 240px;
gap: 12px; margin-top: 10px;
}
.gallery-item {
border-radius: 4px; overflow: hidden;
background: linear-gradient(135deg, var(–forest), var(–teal));
position: relative;
}
.gallery-item:first-child { grid-column: span 2; grid-row: span 2; }
.gallery-label {
position: absolute; bottom: 0; left: 0; right: 0;
background: linear-gradient(transparent, rgba(0,0,0,0.6));
color: white; padding: 20px 16px 12px;
font-size: 0.8rem; letter-spacing: 1px; text-transform: uppercase;
opacity: 0;
transition: opacity 0.2s;
}
.gallery-item:hover .gallery-label { opacity: 1; }
.gallery-item .img-placeholder { background: linear-gradient(135deg, var(–slate), var(–forest)); }
/* EXPLORE */
.explore { background: var(–cream); }
.explore-inner { max-width: 1100px; margin: 0 auto; }
.poi-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 24px; margin-top: 10px;
}
.poi-card {
background: var(–light); border-radius: 6px; overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.07);
transition: transform 0.2s, box-shadow 0.2s;
text-decoration: none; color: inherit; display: block;
}
.poi-card:hover { transform: translateY(-5px); box-shadow: 0 8px 28px rgba(0,0,0,0.12); }
.poi-img {
height: 140px;
background: linear-gradient(135deg, var(–teal), var(–forest));
display: flex; align-items: center; justify-content: center;
font-size: 2.5rem;
}
.poi-body { padding: 18px; }
.poi-body h3 { font-size: 1rem; font-weight: 700; color: var(–forest); margin-bottom: 6px; }
.poi-body p { font-size: 0.85rem; color: #666; line-height: 1.5; margin-bottom: 10px; }
.poi-dist { font-size: 0.75rem; color: var(–teal); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
/* BOOK */
.book {
background: linear-gradient(135deg, var(–forest) 0%, var(–dark) 100%);
text-align: center; padding: 100px 40px; position: relative; overflow: hidden;
}
.book::before {
content: ”;
position: absolute; inset: 0;
background: url(“data:image/svg+xml,%3Csvg xmlns=’
http://www.w3.org/2000/svg’ ; width=’60’ height=’60’%3E%3Ccircle cx=’30’ cy=’30’ r=’1′ fill=’rgba(200,169,110,0.15)’/%3E%3C/svg%3E”) repeat;
}
.book-inner { position: relative; max-width: 700px; margin: 0 auto; }
.book .section-label { color: var(–gold); }
.book h2 { color: var(–cream); margin-bottom: 16px; }
.book p { color: rgba(245,240,232,0.75); font-size: 1.05rem; line-height: 1.8; margin-bottom: 36px; }
.book-details {
display: flex; justify-content: center; gap: 40px;
margin-bottom: 40px; flex-wrap: wrap;
}
.book-detail { text-align: center; }
.book-detail span { display: block; color: var(–gold); font-size: 1.5rem; font-weight: 700; font-family: ‘Playfair Display’, serif; }
.book-detail small { color: rgba(245,240,232,0.6); font-size: 0.8rem; letter-spacing: 1px; text-transform: uppercase; }
/* FOOTER */
footer {
background: var(–dark); color: rgba(245,240,232,0.5);
text-align: center; padding: 30px 40px;
font-size: 0.82rem; letter-spacing: 0.5px;
}
footer a { color: var(–gold); text-decoration: none; }
/* Buffalo SVG logo */
.buffalo-svg { display: inline-block; }
@media (max-width: 768px) {
nav { padding: 14px 20px; }
.nav-links { display: none; }
section { padding: 60px 20px; }
.about-inner { grid-template-columns: 1fr; gap: 40px; }
.about-img-stack { height: 280px; }
.gallery-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
.gallery-item:first-child { grid-column: span 2; grid-row: span 1; }
.hero-content .btn-outline { display: none; }
.book-details { gap: 20px; }
}
The Tiny Buffalo
The Property
A Mountain Retreat in the Blue Ridge
Tucked into the wooded hills of Buffalo Cove, The Tiny Buffalo is a beautifully crafted 240 sq ft tiny house that proves you don’t need a lot of space to have everything you need — and then some.
Step inside to warm hardwood floors, a chef-worthy kitchen with herringbone butcher block counters, a cozy living area, and a loft bedroom perched above the treetops. Step outside to an expansive deck built for lingering — with a fire pit, outdoor dining, and nothing but birdsong and blue ridges as far as you can see.
Whether you’re here to hike, explore, or simply unplug, The Tiny Buffalo is your perfect basecamp in the North Carolina mountains.
Check Availability
What’s Included
Everything You Need to Unwind
🛏️
Loft Bedroom
Cozy loft sleeping area perched above it all with treetop views
🍳
Full Kitchen
Herringbone butcher block counters, full-size fridge, Keurig & appliances
🔥
Fire Pit
Gather around the fire pit on the expansive deck under the stars
🌿
Screened Porch
Bug-free outdoor living with fresh mountain air all day long
🪵
Wraparound Deck
Massive deck with outdoor dining, lounge seating & forest views
📶
Modern Comforts
Fast WiFi, A/C & heat, TV, and everything for a comfortable stay
Photo Gallery
See the Space
Deck & Forest Views
Living Area
Full Kitchen
Loft Bedroom
Fire Pit Area
Nearby Adventures
Explore the Blue Ridge
Reserve Your Stay
Your Mountain Escape Awaits
240
Square Feet
2
Guests
1
Loft Bedroom
∞
Mountain Views
Ready to trade the noise for some peace and quiet? The Tiny Buffalo books up fast — especially on weekends and fall foliage season. Secure your dates today.
Book on Airbnb
The Tiny Buffalo
5535 Buffalo Cove Rd · Lenoir, North Carolina 28645
Questions? hello@thetinybuffalo.com
© 2026 The Tiny Buffalo · All rights reserved
The Gap Year 