Petite Retreat Guide — Shanna Ruth

  
    
<head>
<meta charset=&quot;UTF-8&quot;>
<meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;>
<title>Le Petite Retreat Guest Guidebook</title>
<link href=&quot;https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&amp;family=Jost:wght@200;300;400;500&amp;display=swap&quot; rel=&quot;stylesheet&quot;>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --night: #141210;
  --bark: #2A2218;
  --earth: #3D3025;
  --moss: #4A5C3A;
  --sage: #7D9468;
  --tamarack: #C4923A;
  --gold: #E8C06A;
  --cream: #F5F0E6;
  --mist: #EAE4D6;
  --stone: #9A9080;
  --serif: 'Playfair Display', Georgia, serif;
  --sans: 'Jost', sans-serif;
}

html { scroll-behavior: smooth; }

body {
  background: var(--cream);
  color: var(--night);
  font-family: var(--sans);
  font-weight: 300;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* ── HERO ── */
.hero {
  background: var(--night);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 4rem 2rem;
  position: relative;
  overflow: hidden;
}

/* animated forest silhouette */
.hero::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 35%;
  background:
    url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200'%3E%3Cpath fill='%232A2218' d='M0,200 L0,120 L30,80 L60,120 L90,60 L120,120 L150,40 L180,120 L210,70 L240,120 L270,50 L300,120 L330,90 L360,120 L390,30 L420,120 L450,65 L480,120 L510,80 L540,120 L570,45 L600,120 L630,75 L660,120 L690,55 L720,120 L750,35 L780,120 L810,70 L840,120 L870,50 L900,120 L930,85 L960,120 L990,40 L1020,120 L1050,65 L1080,120 L1110,80 L1140,120 L1170,55 L1200,120 L1230,90 L1260,120 L1290,45 L1320,120 L1350,70 L1380,120 L1410,60 L1440,120 L1440,200 Z'/%3E%3C/svg%3E&quot;) center bottom / cover no-repeat;
  pointer-events: none;
}

.hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 50% 30%, rgba(74,92,58,0.15) 0%, transparent 60%),
    radial-gradient(ellipse 40% 30% at 20% 70%, rgba(196,146,58,0.08) 0%, transparent 50%);
  pointer-events: none;
}

.hero-content { position: relative; z-index: 1; }

.hero-star {
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--tamarack);
  margin-bottom: 1.25rem;
  opacity: 0;
  animation: riseIn 1s ease forwards 0.3s;
}

.hero h1 {
  font-family: var(--serif);
  font-size: clamp(3rem, 10vw, 7rem);
  font-weight: 400;
  color: var(--cream);
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: 0.5rem;
  opacity: 0;
  animation: riseIn 1s ease forwards 0.5s;
}

.hero-sub-title {
  font-family: var(--serif);
  font-size: clamp(1.2rem, 3vw, 1.8rem);
  font-weight: 400;
  font-style: italic;
  color: var(--tamarack);
  margin-bottom: 1.5rem;
  opacity: 0;
  animation: riseIn 1s ease forwards 0.7s;
}

.hero-tagline {
  font-size: 14px;
  font-weight: 300;
  color: rgba(245,240,230,0.55);
  letter-spacing: 0.06em;
  max-width: 400px;
  margin: 0 auto 2.5rem;
  opacity: 0;
  animation: riseIn 1s ease forwards 0.9s;
}

.hero-welcome {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(74,92,58,0.3);
  border: 1px solid rgba(125,148,104,0.3);
  padding: 0.75rem 1.5rem;
  font-size: 13px;
  color: var(--sage);
  letter-spacing: 0.08em;
  opacity: 0;
  animation: riseIn 1s ease forwards 1.1s;
}

.nav-pills {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 2.5rem;
  opacity: 0;
  animation: riseIn 1s ease forwards 1.3s;
}

.nav-pill {
  background: transparent;
  border: 1px solid rgba(245,240,230,0.2);
  color: rgba(245,240,230,0.6);
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.5rem 1.1rem;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.25s;
}

.nav-pill:hover {
  background: var(--tamarack);
  border-color: var(--tamarack);
  color: var(--night);
}

/* ── SECTION LAYOUT ── */
.section { padding: 5rem 2rem; }
.container { max-width: 1080px; margin: 0 auto; }
.section-label {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--tamarack);
  margin-bottom: 0.8rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.section-label::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, rgba(196,146,58,0.3), transparent);
  max-width: 120px;
}

h2 {
  font-family: var(--serif);
  font-size: clamp(2rem, 5vw, 3.2rem);
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 2.5rem;
}
h2 em { font-style: italic; color: var(--moss); }

/* ── WELCOME NOTE ── */
.welcome { background: var(--bark); color: var(--cream); }
.welcome-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 4rem;
  align-items: center;
}
.welcome h2 { color: var(--cream); margin-bottom: 1.5rem; }
.welcome h2 em { color: var(--tamarack); }
.welcome p { font-size: 15px; color: rgba(245,240,230,0.7); margin-bottom: 1rem; line-height: 1.8; }
.welcome p strong { color: var(--cream); font-weight: 400; }
.welcome-card {
  background: var(--earth);
  padding: 2rem;
  border: 1px solid rgba(196,146,58,0.2);
}
.welcome-card h3 {
  font-family: var(--serif);
  font-size: 1.1rem;
  color: var(--gold);
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(196,146,58,0.2);
}
.info-row {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(245,240,230,0.07);
}
.info-row:last-child { border-bottom: none; }
.info-row span:first-child { color: rgba(245,240,230,0.5); }
.info-row span:last-child { color: var(--cream); font-weight: 400; }
.wifi-box {
  background: rgba(74,92,58,0.3);
  border: 1px solid rgba(125,148,104,0.3);
  padding: 1rem;
  margin-top: 1.25rem;
  text-align: center;
}
.wifi-label { font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--sage); margin-bottom: 0.25rem; }
.wifi-value { font-family: var(--serif); font-size: 1.1rem; color: var(--cream); }

/* ── SEASON TABS ── */
.season-section { background: var(--cream); }
.season-tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid rgba(61,48,37,0.15);
  margin-bottom: 2.5rem;
  overflow-x: auto;
}
.season-tab {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.75rem 1.5rem;
  cursor: pointer;
  border: none;
  background: none;
  color: var(--stone);
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  transition: all 0.2s;
}
.season-tab:hover { color: var(--night); }
.season-tab.active { color: var(--tamarack); border-bottom-color: var(--tamarack); }
.season-panel { display: none; }
.season-panel.active { display: block; }
.season-intro {
  font-size: 16px;
  color: var(--stone);
  margin-bottom: 2rem;
  max-width: 700px;
  line-height: 1.8;
}

/* ── ATTRACTION CARDS ── */
.attractions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.25rem;
}
.attraction-card {
  background: white;
  border: 1px solid rgba(61,48,37,0.10);
  border-radius: 2px;
  overflow: hidden;
  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.attraction-card:hover {
  transform: translateY(-3px);
  border-color: var(--tamarack);
  box-shadow: 0 8px 30px rgba(20,18,16,0.08);
}
.card-colour {
  height: 4px;
}
.card-body { padding: 1.25rem 1.5rem 1.5rem; }
.card-type {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--stone);
  margin-bottom: 0.5rem;
}
.card-name {
  font-family: var(--serif);
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--night);
  margin-bottom: 0.25rem;
  line-height: 1.2;
}
.card-distance {
  font-size: 11px;
  color: var(--tamarack);
  font-weight: 500;
  letter-spacing: 0.06em;
  margin-bottom: 0.75rem;
}
.card-desc {
  font-size: 13.5px;
  color: var(--stone);
  line-height: 1.65;
  margin-bottom: 1rem;
}
.card-tip {
  background: var(--mist);
  padding: 0.6rem 0.85rem;
  font-size: 12px;
  color: var(--earth);
  line-height: 1.55;
  border-left: 2px solid var(--tamarack);
}
.card-tip strong { font-weight: 500; color: var(--night); }
.card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.85rem;
}
.tag {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  background: var(--mist);
  color: var(--stone);
}

/* colour accents per category */
.c-ski    { background: #4A7AB5; }
.c-hike   { background: var(--moss); }
.c-wine   { background: #8B3A62; }
.c-water  { background: #3A7A8B; }
.c-food   { background: var(--tamarack); }
.c-drive  { background: var(--earth); }
.c-history{ background: #6B5A3A; }

/* ── FEATURED: BIG WHITE ── */
.bigwhite { background: var(--night); }
.bigwhite h2 { color: var(--cream); }
.bigwhite h2 em { color: var(--tamarack); }
.bw-hero-card {
  background: var(--earth);
  border: 1px solid rgba(196,146,58,0.2);
  padding: 2.5rem;
  margin-bottom: 1.5rem;
}
.bw-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(196,146,58,0.15);
  border: 1px solid rgba(196,146,58,0.15);
  margin-top: 2rem;
}
.bw-stat {
  background: var(--bark);
  padding: 1.25rem 1rem;
  text-align: center;
}
.bw-num {
  font-family: var(--serif);
  font-size: 2rem;
  color: var(--gold);
  display: block;
  font-weight: 400;
  line-height: 1;
}
.bw-label {
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(245,240,230,0.45);
  display: block;
  margin-top: 0.35rem;
}
.bw-activities {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 1.5rem;
}
.bw-activity {
  background: var(--bark);
  border: 1px solid rgba(196,146,58,0.1);
  padding: 1.25rem;
}
.bw-activity-season {
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sage);
  margin-bottom: 0.4rem;
}
.bw-activity h4 {
  font-family: var(--serif);
  font-size: 1rem;
  color: var(--cream);
  margin-bottom: 0.35rem;
}
.bw-activity p {
  font-size: 13px;
  color: rgba(245,240,230,0.5);
  line-height: 1.6;
}

/* ── FOOD &amp; DRINK ── */
.food { background: var(--mist); }
.food-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.25rem;
}
.food-card {
  background: white;
  border: 1px solid rgba(61,48,37,0.10);
  padding: 1.5rem;
  border-radius: 2px;
  transition: border-color 0.2s, transform 0.2s;
}
.food-card:hover { border-color: var(--tamarack); transform: translateY(-2px); }
.food-emoji { font-size: 1.6rem; margin-bottom: 0.75rem; display: block; }
.food-name {
  font-family: var(--serif);
  font-size: 1.1rem;
  margin-bottom: 0.2rem;
}
.food-location {
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tamarack);
  margin-bottom: 0.65rem;
}
.food-desc { font-size: 13px; color: var(--stone); line-height: 1.65; }
.food-note {
  margin-top: 0.75rem;
  font-size: 12px;
  color: var(--earth);
  font-style: italic;
}

/* ── SHANNA'S PICKS ── */
.picks { background: var(--moss); color: var(--cream); }
.picks h2 { color: var(--cream); }
.picks h2 em { color: var(--gold); }
.picks-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.pick-card {
  background: rgba(20,18,16,0.25);
  border: 1px solid rgba(245,240,230,0.12);
  padding: 1.5rem;
  transition: background 0.2s;
}
.pick-card:hover { background: rgba(20,18,16,0.4); }
.pick-num {
  font-family: var(--serif);
  font-size: 2.5rem;
  color: var(--gold);
  font-weight: 400;
  opacity: 0.5;
  line-height: 1;
  margin-bottom: 0.75rem;
}
.pick-title {
  font-family: var(--serif);
  font-size: 1.05rem;
  color: var(--cream);
  margin-bottom: 0.4rem;
}
.pick-body { font-size: 13px; color: rgba(245,240,230,0.6); line-height: 1.65; }

/* ── PRACTICAL INFO ── */
.practical { background: var(--cream); }
.practical-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
.practical-card {
  background: white;
  border: 1px solid rgba(61,48,37,0.10);
  padding: 1.75rem;
  border-radius: 2px;
}
.practical-icon { font-size: 1.4rem; margin-bottom: 0.75rem; display: block; }
.practical-title {
  font-family: var(--serif);
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(61,48,37,0.10);
}
.practical-card ul { list-style: none; padding: 0; }
.practical-card li {
  font-size: 13.5px;
  color: var(--stone);
  padding: 0.4rem 0;
  border-bottom: 1px solid rgba(61,48,37,0.06);
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}
.practical-card li:last-child { border-bottom: none; }
.practical-card li::before { content: '→'; color: var(--tamarack); flex-shrink: 0; margin-top: 2px; font-size: 12px; }
.practical-card li strong { color: var(--night); font-weight: 500; }

/* ── FOOTER ── */
.guidebook-footer {
  background: var(--night);
  color: var(--cream);
  text-align: center;
  padding: 4rem 2rem;
}
.guidebook-footer h3 {
  font-family: var(--serif);
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.guidebook-footer h3 em { font-style: italic; color: var(--tamarack); }
.guidebook-footer p { font-size: 14px; color: rgba(245,240,230,0.5); max-width: 400px; margin: 0 auto 1.5rem; }
.contact-row {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
  font-size: 13px;
  color: rgba(245,240,230,0.6);
}
.contact-row a { color: var(--tamarack); text-decoration: none; }

/* ── ANIMATIONS ── */
@keyframes riseIn {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
  .welcome-grid, .bw-activities, .practical-grid { grid-template-columns: 1fr; }
  .bw-stats { grid-template-columns: repeat(2, 1fr); }
  .picks-grid { grid-template-columns: 1fr; }
  .hero h1 { font-size: 3.5rem; }
}
</style>
</head>
<body>

<!-- ══════ HERO ══════ -->
<section class=&quot;hero&quot;>
  <div class=&quot;hero-content&quot;>
    <p class=&quot;hero-star&quot;>★ Superhost · Guest Favourite · 4.86 Stars</p>
    <h1>Le Petite<br>Retreat</h1>
    <p class=&quot;hero-sub-title&quot;>Your Guest Guidebook</p>
    <p class=&quot;hero-tagline&quot;>Beaverdell, BC · Riverfront · Forest · Mountains</p>
    <div class=&quot;hero-welcome&quot;>
      Welcome to one of BC's best-kept secrets
    </div>
    <nav class=&quot;nav-pills&quot;>
      <a href=&quot;#welcome&quot; class=&quot;nav-pill&quot;>Welcome</a>
      <a href=&quot;#seasons&quot; class=&quot;nav-pill&quot;>By Season</a>
      <a href=&quot;#bigwhite&quot; class=&quot;nav-pill&quot;>Big White</a>
      <a href=&quot;#boundary&quot; class=&quot;nav-pill&quot;>Valley &amp;amp; Rock Creek</a>
      <a href=&quot;#food&quot; class=&quot;nav-pill&quot;>Food &amp; Drink</a>
      <a href=&quot;#picks&quot; class=&quot;nav-pill&quot;>Shanna's Picks</a>
      <a href=&quot;#practical&quot; class=&quot;nav-pill&quot;>Good to Know</a>
    </nav>
  </div>
</section>

<!-- ══════ WELCOME NOTE ══════ -->
<section class=&quot;section welcome&quot; id=&quot;welcome&quot;>
  <div class=&quot;container&quot;>
    <div class=&quot;welcome-grid&quot;>
      <div>
        <p class=&quot;section-label&quot; style=&quot;color: var(--tamarack);&quot;>A note from your host</p>
        <h2>You made it.<br><em>Welcome home.</em></h2>
        <p>I'm so glad you're here. Le Petite Retreat is my little corner of the world, and I put a lot of love into making sure it feels like yours from the moment you walk in.</p>
        <p>Beaverdell is the kind of place that doesn't shout for attention, it just quietly earns it. The river sounds different at night here. The air is cleaner. The sky is bigger. <strong>Let yourself slow down.</strong></p>
        <p>This guidebook has everything I'd tell a close friend visiting for the first time, the hidden spots, the best drives, what to do in winter vs summer, where to grab coffee, and a few things I personally love that most tourists never find.</p>
        <p>My number is always available if you need anything. I respond fast. Enjoy every single second. <strong>Shanna ✦</strong></p>
      </div>
      <div class=&quot;welcome-card&quot;>
        <h3>Your Stay at a Glance</h3>
        <div class=&quot;info-row&quot;><span>Check-in</span><span>After 1:00 PM</span></div>
        <div class=&quot;info-row&quot;><span>Checkout</span><span>Before 10:00 AM</span></div>
        <div class=&quot;info-row&quot;><span>Access</span><span>Self check-in (lockbox)</span></div>
        <div class=&quot;info-row&quot;><span>Guests</span><span>Max 2 guests</span></div>
        <div class=&quot;info-row&quot;><span>Pets</span><span>Welcome (with approval)</span></div>
        <div class=&quot;info-row&quot;><span>Parking</span><span>Free, private on site</span></div>
        <div class=&quot;info-row&quot;><span>Washer</span><span>On site, private</span></div>
        <div class=&quot;info-row&quot;><span>Emergency</span><span>911</span></div>
        <div class=&quot;wifi-box&quot;>
          <p class=&quot;wifi-label&quot;>Wi-Fi Network</p>
          <p class=&quot;wifi-value&quot;>PetiteRetreat</p>
          <p style=&quot;font-size:11px; color: rgba(245,240,230,0.45); margin-top:4px;&quot;>Password: Relax2024!</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ══════ SEASONS ══════ -->
<section class=&quot;section season-section&quot; id=&quot;seasons&quot;>
  <div class=&quot;container&quot;>
    <p class=&quot;section-label&quot;>Explore by season</p>
    <h2>There's always a reason<br><em>to be here.</em></h2>

    <div class=&quot;season-tabs&quot;>
      <button class=&quot;season-tab active&quot; onclick=&quot;showSeason('winter', this)&quot;>❄ Winter</button>
      <button class=&quot;season-tab&quot; onclick=&quot;showSeason('spring', this)&quot;>🌿 Spring</button>
      <button class=&quot;season-tab&quot; onclick=&quot;showSeason('summer', this)&quot;>☀ Summer</button>
      <button class=&quot;season-tab&quot; onclick=&quot;showSeason('fall', this)&quot;>🍂 Fall</button>
    </div>

    <!-- WINTER -->
    <div class=&quot;season-panel active&quot; id=&quot;panel-winter&quot;>
      <p class=&quot;season-intro&quot;>Winter in Beaverdell is genuinely magical. The trees are heavy with snow, the river fogs in the morning cold, and Big White Ski Resort is just up the mountain. It's the most popular season, and the most atmospheric.</p>
      <div class=&quot;attractions-grid&quot;>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-ski&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Ski Resort</p>
            <p class=&quot;card-name&quot;>Big White Ski Resort</p>
            <p class=&quot;card-distance&quot;>~45 min drive up the mountain</p>
            <p class=&quot;card-desc&quot;>Canada's largest ski-in/ski-out resort village. 119 trails, 16 lifts, 750cm of champagne powder annually. Suitable for all levels from beginners to experts. The summit trail offers 360° views that are genuinely jaw-dropping.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Buy your lift tickets online in advance, they're cheaper and you skip the line. Arrive early on powder days, the first runs are otherworldly.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Skiing</span><span class=&quot;tag&quot;>Snowboarding</span><span class=&quot;tag&quot;>Tubing</span><span class=&quot;tag&quot;>Night skiing</span></div>
          </div>
        </div>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-ski&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Winter Activity</p>
            <p class=&quot;card-name&quot;>Snowshoeing: KVR Trail</p>
            <p class=&quot;card-distance&quot;>5 min from the cabin</p>
            <p class=&quot;card-desc&quot;>The Kettle Valley Rail Trail transforms in winter into a quiet snowshoe corridor through old-growth forest. The trail is flat, accessible, and absolutely stunning after a fresh snowfall. You may spot deer, fox, or even moose tracks.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Go in the early morning when the snow is still fresh and undisturbed. Bring coffee in a thermos. You won't regret it.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Snowshoeing</span><span class=&quot;tag&quot;>Wildlife</span><span class=&quot;tag&quot;>Free</span></div>
          </div>
        </div>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-ski&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Winter Activity</p>
            <p class=&quot;card-name&quot;>Snowmobiling: Boundary Country</p>
            <p class=&quot;card-distance&quot;>Trails start nearby</p>
            <p class=&quot;card-desc&quot;>The Boundary region has hundreds of kilometers of groomed snowmobile trails. The Kettle-Graystokes Snowmobile Trail is one of BC's most scenic, running east of Big White through dramatic mountain terrain.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Rentals are available in Rock Creek and at Big White. Check BoundaryBC.com for current trail conditions before heading out.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Snowmobiling</span><span class=&quot;tag&quot;>Guided tours available</span></div>
          </div>
        </div>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-history&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Local Restaurant</p>
            <p class=&quot;card-name&quot;>The Beaverdell Hotel Restaurant</p>
            <p class=&quot;card-distance&quot;>2 min from the cabin</p>
            <p class=&quot;card-desc&quot;>The historic Beaverdell Hotel building, a landmark from the valley's silver mining days, is now home to a newly opened restaurant right in the heart of the village. Pop in for a warm meal, a friendly welcome, and a real taste of small-town Beaverdell just up the road from the cabin.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> It's a new spot, so hours can still change. Worth a quick check before you head over, and a lovely way to meet a few locals.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Restaurant</span><span class=&quot;tag&quot;>Local</span><span class=&quot;tag&quot;>Historic building</span></div>
          </div>
        </div>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-drive&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Scenic Drive</p>
            <p class=&quot;card-name&quot;>Highway 33: The &quot;Powder Highway&quot;</p>
            <p class=&quot;card-distance&quot;>Starts at your door</p>
            <p class=&quot;card-desc&quot;>Highway 33 is one of BC's most underrated scenic routes. In winter, it winds through snow-covered mountains and forests. A favourite for motorcyclists in summer and skiers in winter. The curves are gentle, the views are constant.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> 4x4 or all-season tires required in winter. Always carry an emergency kit. The road is well-maintained but BC winters are real.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Scenic drive</span><span class=&quot;tag&quot;>4x4 recommended</span></div>
          </div>
        </div>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-hike&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Winter Recreation</p>
            <p class=&quot;card-name&quot;>Cross-Country Skiing: Big White Nordic</p>
            <p class=&quot;card-distance&quot;>~45 min</p>
            <p class=&quot;card-desc&quot;>Big White has a dedicated Nordic skiing area with groomed trails for all skill levels. Much quieter than the main ski area and absolutely beautiful through the alpine forest. Rentals available at the resort.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Nordic skiing is dramatically underrated at Big White. Go on a weekday if you can, you'll often have the trails entirely to yourself.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Cross-country</span><span class=&quot;tag&quot;>Nordic</span><span class=&quot;tag&quot;>All levels</span></div>
          </div>
        </div>
      </div>
    </div>

    <!-- SPRING -->
    <div class=&quot;season-panel&quot; id=&quot;panel-spring&quot;>
      <p class=&quot;season-intro&quot;>Spring is Beaverdell's quiet secret. The snow melts, the river runs high and fast, the forest turns vivid green, and the trails open up. You'll have most of them entirely to yourself.</p>
      <div class=&quot;attractions-grid&quot;>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-hike&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Hiking</p>
            <p class=&quot;card-name&quot;>Kettle Valley Rail Trail (KVR)</p>
            <p class=&quot;card-distance&quot;>5 min from the cabin</p>
            <p class=&quot;card-desc&quot;>Part of the 18,000 km Trans Canada Trail, the KVR section near Beaverdell follows the historic railway route through forest and river valley. Flat, accessible, and rich with history, this was once a silver mining railway. Perfect for hiking, cycling, and wildlife spotting.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Spring and fall are the best times. The Tamarack trees are golden in fall; the wildflowers are extraordinary in late spring. Look for deer in the early morning.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Hiking</span><span class=&quot;tag&quot;>Cycling</span><span class=&quot;tag&quot;>History</span><span class=&quot;tag&quot;>Free</span></div>
          </div>
        </div>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-hike&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Hiking</p>
            <p class=&quot;card-name&quot;>Dewdney Trail</p>
            <p class=&quot;card-distance&quot;>Nearby</p>
            <p class=&quot;card-desc&quot;>One of BC's most historic trails, the original pack trail used by gold rush miners in the 1860s. The Beaverdell section winds through forest and along the river, with interpretive signs about the area's mining history. A hike that's both beautiful and fascinating.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Wear waterproof boots in spring, there are creek crossings that get lively after snowmelt. Worth every muddy step.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Hiking</span><span class=&quot;tag&quot;>History</span><span class=&quot;tag&quot;>Gold Rush Trail</span></div>
          </div>
        </div>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-water&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Nature</p>
            <p class=&quot;card-name&quot;>Idabel Lake Recreation Site</p>
            <p class=&quot;card-distance&quot;>~20 min drive</p>
            <p class=&quot;card-desc&quot;>A gorgeous alpine lake tucked into the forest above Beaverdell. In spring, the surrounding area bursts with wildflowers. The recreation site is rustic, uncrowded, and stunning. Great for a picnic, a swim later in the season, or simply sitting and being quiet.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Pack a lunch and stay awhile. The drive up is half the experience, the mountain views as you climb are spectacular.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Lake</span><span class=&quot;tag&quot;>Picnic</span><span class=&quot;tag&quot;>Wildlife</span><span class=&quot;tag&quot;>Free</span></div>
          </div>
        </div>
      </div>
    </div>

    <!-- SUMMER -->
    <div class=&quot;season-panel&quot; id=&quot;panel-summer&quot;>
      <p class=&quot;season-intro&quot;>Summer is when Beaverdell truly opens up. The river is warm enough for tubing, the lakes beckon, the Okanagan wine country is in full swing, and the hiking trails are at their absolute best.</p>
      <div class=&quot;attractions-grid&quot;>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-water&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Summer Classic</p>
            <p class=&quot;card-name&quot;>River Tubing on the West Kettle</p>
            <p class=&quot;card-distance&quot;>Right outside your door</p>
            <p class=&quot;card-desc&quot;>In summer, locals float down the West Kettle River on inner tubes, a Beaverdell tradition. The river is gentle, the water is surprisingly warm by July, and the forest scenery drifting past is unforgettable. This is pure BC summer magic.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Bring your own tube or inflatable raft. The stretch behind the cabin is perfect. Wear sunscreen, you'll be out longer than you think.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Tubing</span><span class=&quot;tag&quot;>Swimming</span><span class=&quot;tag&quot;>River</span><span class=&quot;tag&quot;>Free</span></div>
          </div>
        </div>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-wine&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Wine Country</p>
            <p class=&quot;card-name&quot;>Okanagan Valley Wineries</p>
            <p class=&quot;card-distance&quot;>~1.5 hrs to Kelowna wine region</p>
            <p class=&quot;card-desc&quot;>Canada's Napa Valley is within easy reach. The Okanagan Valley has over 200 wineries, world-class restaurants, and Okanagan Lake. Summer is peak season, the orchards are loaded, the patios are open, and the rose is flowing. A perfect day trip.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Pair your wine tour with the Kelowna Farmers Market on Saturday mornings. East Kelowna and West Kelowna have the best winery clusters for a half-day self-guided tour.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Wine tasting</span><span class=&quot;tag&quot;>Okanagan</span><span class=&quot;tag&quot;>Day trip</span></div>
          </div>
        </div>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-water&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Lake Day</p>
            <p class=&quot;card-name&quot;>Idabel Lake: Swimming &amp; Kayaking</p>
            <p class=&quot;card-distance&quot;>~20 min drive</p>
            <p class=&quot;card-desc&quot;>By July, Idabel Lake is warm enough to swim. The recreation site is rustic (no services, pack everything in) but the payoff is a pristine alpine lake with virtually no crowds. Kayaks and paddleboards are perfect here.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Go early, it gets busy on hot weekends. Bring your own paddle gear or check rentals in Rock Creek. The morning light on the water is extraordinary.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Swimming</span><span class=&quot;tag&quot;>Kayaking</span><span class=&quot;tag&quot;>Alpine lake</span></div>
          </div>
        </div>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-hike&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Mountain Biking</p>
            <p class=&quot;card-name&quot;>Big White Bike Park</p>
            <p class=&quot;card-distance&quot;>~45 min</p>
            <p class=&quot;card-desc&quot;>Big White operates its lifts in summer for downhill mountain biking. Trails range from beginner-friendly flow trails to expert technical runs. The views from the top rival anything in BC. Bike rentals available at the resort.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Even if you don't bike, take the gondola up for the summit views and a meal at the top. Worth every minute.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Mountain biking</span><span class=&quot;tag&quot;>Gondola</span><span class=&quot;tag&quot;>Views</span></div>
          </div>
        </div>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-hike&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Hiking</p>
            <p class=&quot;card-name&quot;>Myra Canyon Trestles</p>
            <p class=&quot;card-distance&quot;>~1 hr drive via Kelowna</p>
            <p class=&quot;card-desc&quot;>One of BC's most iconic hikes, the KVR trestles at Myra Canyon span a dramatic canyon on old railway bridges. 18 trestles and 2 tunnels in about 24km (but you can turn back whenever). Vertigo-inducing and absolutely stunning.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> The 12km out-and-back to the major trestles is plenty for a half-day. Bring more water than you think you need. Best done in the morning before the heat peaks.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Iconic hike</span><span class=&quot;tag&quot;>Railway trestles</span><span class=&quot;tag&quot;>Canyon views</span></div>
          </div>
        </div>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-wine&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>City Day Trip</p>
            <p class=&quot;card-name&quot;>Kelowna: Beaches, Brunch &amp; Browsing</p>
            <p class=&quot;card-distance&quot;>~1.5 hrs</p>
            <p class=&quot;card-desc&quot;>Kelowna is one of BC's most beautiful cities. Okanagan Lake, great restaurants, the waterfront district, craft breweries, and a thriving arts scene. Perfect for a full day trip, arrive for a lakeside brunch, wine tour in the afternoon, dinner on a patio.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Park downtown and walk everywhere. The lakefront boardwalk is stunning. Don't skip Waterfront Wines restaurant if you can get a reservation.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>City day trip</span><span class=&quot;tag&quot;>Beaches</span><span class=&quot;tag&quot;>Food scene</span></div>
          </div>
        </div>
      </div>
    </div>

    <!-- FALL -->
    <div class=&quot;season-panel&quot; id=&quot;panel-fall&quot;>
      <p class=&quot;season-intro&quot;>Fall is Beaverdell's most beautiful season, and its best-kept secret. The Tamarack trees turn brilliant gold in October, the Okanagan harvest is at its peak, and the trails are quiet and crisp. Photographers and wine lovers take note.</p>
      <div class=&quot;attractions-grid&quot;>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-hike&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Fall Foliage</p>
            <p class=&quot;card-name&quot;>Tamarack Gold: KVR Trail</p>
            <p class=&quot;card-distance&quot;>5 min from the cabin</p>
            <p class=&quot;card-desc&quot;>In October, the stands of Tamarack (larch) trees along the Kettle Valley turn a breathtaking golden-yellow. It's one of BC Interior's most spectacular fall displays, and hardly anyone knows about it. The Rail Trail corridor is especially vivid around mid-October.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Mid-October is usually peak colour. Go on a sunny morning for the best photography light. Bring a jacket, fall mornings are cold.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Fall foliage</span><span class=&quot;tag&quot;>Photography</span><span class=&quot;tag&quot;>Hiking</span></div>
          </div>
        </div>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-wine&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Wine &amp; Harvest</p>
            <p class=&quot;card-name&quot;>Okanagan Harvest Season</p>
            <p class=&quot;card-distance&quot;>~1.5 hrs</p>
            <p class=&quot;card-desc&quot;>September and October are the wine harvest months in the Okanagan. Many wineries offer harvest tours, grape stomping, and special tastings of new vintage. The valley is stunning in fall colours and the harvest energy is infectious.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Book winery tours ahead, harvest season is busy. Tinhorn Creek, Mission Hill, and Quails' Gate are all exceptional. Pick up a case to enjoy at the cabin.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Wine harvest</span><span class=&quot;tag&quot;>Okanagan</span><span class=&quot;tag&quot;>Seasonal</span></div>
          </div>
        </div>
        <div class=&quot;attraction-card&quot;>
          <div class=&quot;card-colour c-drive&quot;></div>
          <div class=&quot;card-body&quot;>
            <p class=&quot;card-type&quot;>Scenic Drive</p>
            <p class=&quot;card-name&quot;>Highway 33 Fall Colours Road Trip</p>
            <p class=&quot;card-distance&quot;>Starts at your door</p>
            <p class=&quot;card-desc&quot;>Drive Highway 33 south through Rock Creek and into Boundary Country in fall and the entire landscape transforms. Golden cottonwoods line the river valleys, the mountains have their first snow caps, and the light is extraordinary. One of the best drives in BC.</p>
            <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Stop at the Rock Creek area for lunch. Grand Forks (1.5 hrs south) is worth the drive, small city with great character and the best Doukhobor borscht you'll ever eat.</div>
            <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Scenic drive</span><span class=&quot;tag&quot;>Fall colours</span><span class=&quot;tag&quot;>Photography</span></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ══════ BIG WHITE FEATURE ══════ -->
<section class=&quot;section bigwhite&quot; id=&quot;bigwhite&quot;>
  <div class=&quot;container&quot;>
    <p class=&quot;section-label&quot; style=&quot;color: var(--tamarack);&quot;>Your mountain backyard</p>
    <h2>Big White Ski Resort<br><em>Everything you need to know.</em></h2>
    <div class=&quot;bw-hero-card&quot;>
      <p style=&quot;font-size: 15px; color: rgba(245,240,230,0.7); line-height: 1.8; max-width: 700px;&quot;>Canada's largest totally ski-in/ski-out resort village sits about 45 minutes up the mountain from Le Petite Retreat. It receives over 750cm of dry powder annually, some of the best snow in North America, and the village has everything you need for a full resort day without paying resort accommodation prices. You stay here. You ski there. Best of both worlds.</p>
      <div class=&quot;bw-stats&quot;>
        <div class=&quot;bw-stat&quot;><span class=&quot;bw-num&quot;>119</span><span class=&quot;bw-label&quot;>Ski Trails</span></div>
        <div class=&quot;bw-stat&quot;><span class=&quot;bw-num&quot;>750cm</span><span class=&quot;bw-label&quot;>Annual Snowfall</span></div>
        <div class=&quot;bw-stat&quot;><span class=&quot;bw-num&quot;>16</span><span class=&quot;bw-label&quot;>Lifts</span></div>
        <div class=&quot;bw-stat&quot;><span class=&quot;bw-num&quot;>45min</span><span class=&quot;bw-label&quot;>From Cabin</span></div>
      </div>
    </div>
    <div class=&quot;bw-activities&quot;>
      <div class=&quot;bw-activity&quot;>
        <p class=&quot;bw-activity-season&quot;>Winter</p>
        <h4>Downhill Skiing &amp; Snowboarding</h4>
        <p>54% intermediate runs, ideal for most guests. Night skiing available. Ski school and rentals on site. Buy tickets online for best prices.</p>
      </div>
      <div class=&quot;bw-activity&quot;>
        <p class=&quot;bw-activity-season&quot;>Winter</p>
        <h4>Snow Tubing Park</h4>
        <p>A dedicated tubing park for all ages, perfect if someone in your group doesn't ski. Pure fun, no skill required, always a hit.</p>
      </div>
      <div class=&quot;bw-activity&quot;>
        <p class=&quot;bw-activity-season&quot;>Winter</p>
        <h4>Nordic / Cross-Country Skiing</h4>
        <p>Groomed trails through alpine forest. Quieter than the main hill, equally beautiful. Rentals available at the resort Nordic centre.</p>
      </div>
      <div class=&quot;bw-activity&quot;>
        <p class=&quot;bw-activity-season&quot;>Winter</p>
        <h4>Snowshoeing Tours</h4>
        <p>Guided snowshoe tours through the mountain and forest. A beautiful alternative if downhill skiing isn't your thing.</p>
      </div>
      <div class=&quot;bw-activity&quot;>
        <p class=&quot;bw-activity-season&quot;>Summer</p>
        <h4>Mountain Biking: Bike Park</h4>
        <p>Chairlift-accessed downhill trails for all skill levels. Rentals available. The resort transforms completely, genuinely spectacular in summer.</p>
      </div>
      <div class=&quot;bw-activity&quot;>
        <p class=&quot;bw-activity-season&quot;>Summer</p>
        <h4>Summit Hike &amp; Gondola Views</h4>
        <p>Ride the gondola to the summit for 360° views of the Monashee Mountains and Okanagan Valley. Even non-hikers will be speechless.</p>
      </div>
    </div>
  </div>
</section>

<!-- ______ BEAVERDELL &amp; ROCK CREEK ______ -->
<section class=&quot;section season-section&quot; id=&quot;boundary&quot;>
  <div class=&quot;container&quot;>
    <p class=&quot;section-label&quot;>The valley &amp;amp; the road south</p>
    <h2>Beaverdell to Rock Creek<br><em>and the gems in between.</em></h2>
    <p class=&quot;season-intro&quot;>Big White is the mountain draw, but the quiet magic of this place is the valley itself. Head south from the cabin on Highway 33 and you follow the West Kettle River all the way down to Rock Creek, passing tiny communities, old railway history, swimming holes, and gold rush ghosts along the way. It's an easy, beautiful half-day loop that hardly anyone thinks to do.</p>
    <div class=&quot;attractions-grid&quot;>
      <div class=&quot;attraction-card&quot;>
        <div class=&quot;card-colour c-drive&quot;></div>
        <div class=&quot;card-body&quot;>
          <p class=&quot;card-type&quot;>Scenic Drive</p>
          <p class=&quot;card-name&quot;>Highway 33 South to Rock Creek</p>
          <p class=&quot;card-distance&quot;>~30 min end to end</p>
          <p class=&quot;card-desc&quot;>The drive from Beaverdell down to Rock Creek traces the West Kettle River through forest, farmland, and mountain valley. Gentle curves, big views, and almost no traffic. It's one of the prettiest stretches of Highway 33 and the perfect unhurried afternoon.</p>
          <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Go slow and stop often. The pull-offs along the river make wonderful photo and picnic spots.</div>
          <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Scenic drive</span><span class=&quot;tag&quot;>River valley</span><span class=&quot;tag&quot;>Half-day</span></div>
        </div>
      </div>
      <div class=&quot;attraction-card&quot;>
        <div class=&quot;card-colour c-history&quot;></div>
        <div class=&quot;card-body&quot;>
          <p class=&quot;card-type&quot;>Tiny Community</p>
          <p class=&quot;card-name&quot;>Westbridge</p>
          <p class=&quot;card-distance&quot;>~15 min south</p>
          <p class=&quot;card-desc&quot;>A blink-and-you-miss-it hamlet where the KVR Trail crosses the river. Westbridge is one of the classic access points to the Kettle Valley Rail Trail, tucked into a peaceful stretch of the valley between Beaverdell and Rock Creek.</p>
          <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> KR Junction Coffee &amp;amp; Bakery here is a lovely little stop for a coffee and a treat while you explore.</div>
          <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>KVR access</span><span class=&quot;tag&quot;>Cafe</span><span class=&quot;tag&quot;>Quiet</span></div>
        </div>
      </div>
      <div class=&quot;attraction-card&quot;>
        <div class=&quot;card-colour c-water&quot;></div>
        <div class=&quot;card-body&quot;>
          <p class=&quot;card-type&quot;>Provincial Park</p>
          <p class=&quot;card-name&quot;>Kettle River Recreation Area</p>
          <p class=&quot;card-distance&quot;>~30 min south (5 km north of Rock Creek)</p>
          <p class=&quot;card-desc&quot;>One of the region's most loved spots. The Kettle River winds past sandy beaches and natural swimming holes, the historic KVR trail and its old railway bridge cross the water, and remnants of the area's gold and silver mines still dot the eastern bank. Perfect for a swim, a float, or a picnic.</p>
          <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> In summer, walk your tube or floatie down to the river. The swimming holes are gorgeous on a hot afternoon.</div>
          <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Swimming</span><span class=&quot;tag&quot;>Tubing</span><span class=&quot;tag&quot;>KVR</span><span class=&quot;tag&quot;>History</span></div>
        </div>
      </div>
      <div class=&quot;attraction-card&quot;>
        <div class=&quot;card-colour c-history&quot;></div>
        <div class=&quot;card-body&quot;>
          <p class=&quot;card-type&quot;>Historic Village</p>
          <p class=&quot;card-name&quot;>Rock Creek</p>
          <p class=&quot;card-distance&quot;>~30 min south</p>
          <p class=&quot;card-desc&quot;>Rock Creek sprang up almost overnight during the 1859 gold rush and still carries that frontier character. Today it's a friendly little crossroads community with a general store, fuel, and a couple of local spots to eat, plus the beloved Rock Creek Fall Fair each September, one of BC's oldest.</p>
          <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Stop in at Rags, Relics &amp;amp; Rutabagas for coffee, ice cream, and a browse. It's a real charmer.</div>
          <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Gold rush</span><span class=&quot;tag&quot;>Local eats</span><span class=&quot;tag&quot;>Fall Fair</span></div>
        </div>
      </div>
      <div class=&quot;attraction-card&quot;>
        <div class=&quot;card-colour c-hike&quot;></div>
        <div class=&quot;card-body&quot;>
          <p class=&quot;card-type&quot;>Rail Trail</p>
          <p class=&quot;card-name&quot;>Kettle Valley Rail Trail</p>
          <p class=&quot;card-distance&quot;>Access at Beaverdell, Westbridge &amp;amp; Rock Creek</p>
          <p class=&quot;card-desc&quot;>The historic Kettle Valley Railway once carried silver, ore, and passengers through this valley. The rail bed is now a flat, easy trail that threads the whole route from Beaverdell down toward Rock Creek. Walk it, bike it, or just wander a peaceful stretch by the river.</p>
          <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> Join the trail near the cabin, or drive to Westbridge or Rock Creek for a different scenic segment.</div>
          <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>Hiking</span><span class=&quot;tag&quot;>Cycling</span><span class=&quot;tag&quot;>History</span><span class=&quot;tag&quot;>Free</span></div>
        </div>
      </div>
      <div class=&quot;attraction-card&quot;>
        <div class=&quot;card-colour c-history&quot;></div>
        <div class=&quot;card-body&quot;>
          <p class=&quot;card-type&quot;>History</p>
          <p class=&quot;card-name&quot;>Gold &amp;amp; Silver Ghosts</p>
          <p class=&quot;card-distance&quot;>Along the valley</p>
          <p class=&quot;card-desc&quot;>This whole valley boomed on silver and gold. Beaverdell was a silver mining town, Rock Creek was born of a gold rush, and old mine workings and railway relics still hide along the riverbanks and trails between them. Keep an eye out, and never enter old shafts.</p>
          <div class=&quot;card-tip&quot;><strong>Shanna's tip:</strong> The interpretive signs along the KVR and at the Kettle River area tell the story beautifully.</div>
          <div class=&quot;card-tags&quot;><span class=&quot;tag&quot;>History</span><span class=&quot;tag&quot;>Mining</span><span class=&quot;tag&quot;>Interpretive</span></div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ══════ FOOD &amp; DRINK ══════ -->
<section class=&quot;section food&quot; id=&quot;food&quot;>
  <div class=&quot;container&quot;>
    <p class=&quot;section-label&quot;>Eat, drink &amp; refuel</p>
    <h2>Where to eat<br><em>in &amp; around Beaverdell.</em></h2>
    <div class=&quot;food-grid&quot;>
      <div class=&quot;food-card&quot;>
        <span class=&quot;food-emoji&quot;>🍦</span>
        <p class=&quot;food-name&quot;>Sweet Adeline's Ice Cream &amp; Pizza</p>
        <p class=&quot;food-location&quot;>Beaverdell · On Highway 33 · ~2 min</p>
        <p class=&quot;food-desc&quot;>The beloved local stop on BC-33. Old-fashioned ice cream and handcrafted pizza in a charming, friendly atmosphere. The owner is warm and genuine, a Beaverdell institution. Foothills ice cream is outstanding.</p>
        <p class=&quot;food-note&quot;>Open weekends. Hours can vary, call ahead if making a special trip. Worth every kilometre.</p>
      </div>
      <div class=&quot;food-card&quot;>
        <span class=&quot;food-emoji&quot;>🍽️</span>
        <p class=&quot;food-name&quot;>The Beaverdell Hotel Restaurant</p>
        <p class=&quot;food-location&quot;>Beaverdell · Historic hotel building · ~2 min</p>
        <p class=&quot;food-desc&quot;>The historic Beaverdell Hotel building recently reopened its doors as a restaurant, and it's a genuine little find. Casual, friendly, and full of small-town character, it's the closest place to grab a proper sit-down meal without leaving the village.</p>
        <p class=&quot;food-note&quot;>It's newly opened, so hours are still settling in. Worth a quick check before making the trip, but a real gem right up the road.</p>
      </div>
      <div class=&quot;food-card&quot;>
        <span class=&quot;food-emoji&quot;>🚚</span>
        <p class=&quot;food-name&quot;>The Beaverdell Food Truck</p>
        <p class=&quot;food-location&quot;>Beaverdell · On Highway 33 · ~2 min</p>
        <p class=&quot;food-desc&quot;>A local food truck right in the village, and a great casual option for a quick, tasty bite with no drive at all. Exactly the kind of easygoing meal this valley does best.</p>
        <p class=&quot;food-note&quot;>Seasonal hours, so keep an eye out as you pass. Ask a local what's good that day.</p>
      </div>
      <div class=&quot;food-card&quot;>
        <span class=&quot;food-emoji&quot;>🛒</span>
        <p class=&quot;food-name&quot;>Beaverdell General Store</p>
        <p class=&quot;food-location&quot;>Beaverdell ~2 min · Rock Creek ~30 min · Kelowna ~1.5 hrs</p>
        <p class=&quot;food-desc&quot;>The Beaverdell General Store right in the village is perfect for basics, essentials, and anything you forgot, and you can pick up liquor here too. For a bigger shop, stock up in Rock Creek, or do a full run in Kelowna before heading out. The cabin kitchenette is well set up for simple meals.</p>
        <p class=&quot;food-note&quot;>Shanna's tip: A picnic from the Kelowna Farmers Market (Saturdays) plus a bottle of Okanagan wine plus the river view from your deck equals perfection.</p>
      </div>
      <div class=&quot;food-card&quot;>
        <span class=&quot;food-emoji&quot;>☕</span>
        <p class=&quot;food-name&quot;>Coffee, and a Local Secret</p>
        <p class=&quot;food-location&quot;>Beaverdell gas station + at the cabin</p>
        <p class=&quot;food-desc&quot;>Here's a lovely surprise: the gas station in Beaverdell serves Cherry Creek Coffee, and it is genuinely excellent. Your cabin also has a French press, Keurig, and kettle for slow mornings on the deck. Between the two, you are very well caffeinated.</p>
        <p class=&quot;food-note&quot;>Pro tip: Don't skip the gas station coffee. It's one of those small-town secrets that makes this valley special.</p>
      </div>
      <div class=&quot;food-card&quot;>
        <span class=&quot;food-emoji&quot;>🥐</span>
        <p class=&quot;food-name&quot;>KR Junction Coffee &amp;amp; Bakery</p>
        <p class=&quot;food-location&quot;>Westbridge · On Highway 33</p>
        <p class=&quot;food-desc&quot;>A cozy roadside cafe on Highway 33 known for warm service and heavenly baked treats. A perfect stop for a coffee and something sweet when you're exploring south along the valley toward Rock Creek.</p>
        <p class=&quot;food-note&quot;>A true hole-in-the-wall gem. Hours can vary, so go when you spot it open.</p>
      </div>
      <div class=&quot;food-card&quot;>
        <span class=&quot;food-emoji&quot;>🍨</span>
        <p class=&quot;food-name&quot;>Rags, Relics &amp;amp; Rutabagas</p>
        <p class=&quot;food-location&quot;>Rock Creek · 1585 Victoria St · ~30 min</p>
        <p class=&quot;food-desc&quot;>Part cafe, part antique and gift shop, all charm. Set in a lovely 1945 building in Rock Creek, they serve coffee, sandwiches, and two dozen flavours of hard ice cream, plus treasures to browse while you snack.</p>
        <p class=&quot;food-note&quot;>Open Tuesday to Saturday, roughly 10:30 to 4:30. A delightful stop on a drive south.</p>
      </div>
      <div class=&quot;food-card&quot;>
        <span class=&quot;food-emoji&quot;>🍷</span>
        <p class=&quot;food-name&quot;>Okanagan Winery Dining</p>
        <p class=&quot;food-location&quot;>Kelowna area · ~1.5 hrs</p>
        <p class=&quot;food-desc&quot;>Several Okanagan wineries have exceptional restaurants with vineyard views. Quails' Gate Winery Restaurant, Summerhill Pyramid Winery, and Waterfront Wines in Kelowna are all outstanding for a special dinner or long winery lunch.</p>
        <p class=&quot;food-note&quot;>Book ahead, especially on weekends and during harvest (September to October). Waterfront Wines in Kelowna has no winery but is arguably the best wine restaurant in the Okanagan.</p>
      </div>
      <div class=&quot;food-card&quot;>
        <span class=&quot;food-emoji&quot;>🍔</span>
        <p class=&quot;food-name&quot;>Big White Village Dining</p>
        <p class=&quot;food-location&quot;>Big White · ~45 min</p>
        <p class=&quot;food-desc&quot;>The resort village has multiple dining options from casual to sit-down. Snowshoe Sam's is the classic après-ski spot. Kettle Valley Steakhouse is great for a proper dinner. Several grab-and-go options in the village square for ski day lunches.</p>
        <p class=&quot;food-note&quot;>Budget alert: resort food prices are resort food prices. Eating at the cabin when possible is both more economical and more peaceful.</p>
      </div>
    </div>
  </div>
</section>

<!-- ══════ SHANNA'S PICKS ══════ -->
<section class=&quot;section picks&quot; id=&quot;picks&quot;>
  <div class=&quot;container&quot;>
    <p class=&quot;section-label&quot; style=&quot;color: var(--gold);&quot;>From your host</p>
    <h2>Shanna's personal<br><em>favourites.</em></h2>
    <div class=&quot;picks-grid&quot;>
      <div class=&quot;pick-card&quot;>
        <div class=&quot;pick-num&quot;>01</div>
        <p class=&quot;pick-title&quot;>The river at 6am</p>
        <p class=&quot;pick-body&quot;>Before anyone else is awake. Take your French press coffee to the deck. Don't check your phone. Just listen to the river and watch the mist rise off the water. This is why I built this retreat, and why guests keep coming back.</p>
      </div>
      <div class=&quot;pick-card&quot;>
        <div class=&quot;pick-num&quot;>02</div>
        <p class=&quot;pick-title&quot;>Tamarack season (mid-October)</p>
        <p class=&quot;pick-body&quot;>If you can time your visit for mid-October, do it. The Tamarack trees along the KVR trail turn solid gold and the whole valley glows. I've never seen anyone not stop and stare. It's genuinely one of BC's most underrated natural phenomena.</p>
      </div>
      <div class=&quot;pick-card&quot;>
        <div class=&quot;pick-num&quot;>03</div>
        <p class=&quot;pick-title&quot;>A powder day at Big White</p>
        <p class=&quot;pick-body&quot;>When 30cm falls overnight and you're first on the gondola at 8:30am, there are few better feelings in the world. The champagne powder here is legendary for a reason. Stay up the night before and watch the snowfall. Set your alarm.</p>
      </div>
      <div class=&quot;pick-card&quot;>
        <div class=&quot;pick-num&quot;>04</div>
        <p class=&quot;pick-title&quot;>Drive south on Hwy 33 with no plan</p>
        <p class=&quot;pick-body&quot;>Just get in the car, head south, and see where you end up. Rock Creek for lunch, Greenwood (Canada's smallest city) for the history, Grand Forks for the borscht. The highway is gorgeous in any season and locals are incredibly welcoming.</p>
      </div>
      <div class=&quot;pick-card&quot;>
        <div class=&quot;pick-num&quot;>05</div>
        <p class=&quot;pick-title&quot;>Stargazing from the deck</p>
        <p class=&quot;pick-body&quot;>There is almost zero light pollution here. On a clear night, the Milky Way is visible with the naked eye. Bring a blanket, turn every light off, and just look up. It's disorienting in the best possible way. Don't miss it.</p>
      </div>
      <div class=&quot;pick-card&quot;>
        <div class=&quot;pick-num&quot;>06</div>
        <p class=&quot;pick-title&quot;>A proper Okanagan wine day</p>
        <p class=&quot;pick-body&quot;>Drive to Kelowna, hit two to three wineries in East or West Kelowna, pick up a case to bring back, stop at the Farmers Market, eat somewhere with a vineyard patio. Get back to the cabin before dark, open a bottle on the deck, and call it perfect.</p>
      </div>
    </div>
  </div>
</section>

<!-- ══════ PRACTICAL INFO ══════ -->
<section class=&quot;section practical&quot; id=&quot;practical&quot;>
  <div class=&quot;container&quot;>
    <p class=&quot;section-label&quot;>Good to know</p>
    <h2>Before you head out<br><em>practical tips.</em></h2>
    <div class=&quot;practical-grid&quot;>
      <div class=&quot;practical-card&quot;>
        <span class=&quot;practical-icon&quot;>🚗</span>
        <p class=&quot;practical-title&quot;>Getting Around</p>
        <ul>
          <li><strong>4x4 or AWD recommended</strong> November to March, Highway 33 is maintained but BC winters are real</li>
          <li><strong>Always carry emergency kit</strong>, blanket, snacks, shovel, booster cables</li>
          <li><strong>Download offline maps</strong>, cell service can drop in mountain areas</li>
          <li><strong>Big White road</strong> is a 23km mountain drive, allow extra time and drive to conditions</li>
          <li>Gas is available right in Beaverdell, with more options in Rock Creek and Kelowna</li>
        </ul>
      </div>
      <div class=&quot;practical-card&quot;>
        <span class=&quot;practical-icon&quot;>📡</span>
        <p class=&quot;practical-title&quot;>Cell Service &amp; Connectivity</p>
        <ul>
          <li>Cell service in Beaverdell is <strong>limited but functional</strong>, Telus and Rogers work reasonably</li>
          <li>Wi-Fi at the cabin is available, speeds vary in heavy weather</li>
          <li><strong>Download everything offline</strong> before leaving Kelowna: maps, music, shows</li>
          <li>Big White village has better connectivity</li>
          <li>911 works even with limited signal, emergency services are reachable</li>
        </ul>
      </div>
      <div class=&quot;practical-card&quot;>
        <span class=&quot;practical-icon&quot;>🐻</span>
        <p class=&quot;practical-title&quot;>Wildlife &amp; Nature</p>
        <ul>
          <li><strong>Bears are present</strong>, keep food inside, don't leave anything outside overnight</li>
          <li>Deer are common, drive carefully at dawn and dusk especially</li>
          <li>Moose occasional, treat with respect and distance</li>
          <li>Coyotes and fox, not dangerous, but keep pets supervised</li>
          <li>Bring bug spray, mosquitoes can be active near the river in July</li>
        </ul>
      </div>
      <div class=&quot;practical-card&quot;>
        <span class=&quot;practical-icon&quot;>🏥</span>
        <p class=&quot;practical-title&quot;>Emergency Info</p>
        <ul>
          <li><strong>Emergency: 911</strong></li>
          <li>Nearest hospital: <strong>Kelowna General Hospital</strong> (~1.5 hrs)</li>
          <li>Closest clinic: <strong>Rock Creek Health Centre</strong> (~30 min)</li>
          <li>Pharmacy: Rock Creek or Kelowna</li>
          <li>Your host Shanna: always reachable, message through Airbnb or call/text 306.260.3940</li>
        </ul>
      </div>
      <div class=&quot;practical-card&quot;>
        <span class=&quot;practical-icon&quot;>🥾</span>
        <p class=&quot;practical-title&quot;>Outdoors &amp; Trails</p>
        <ul>
          <li><strong>Hiking is free</strong> everywhere in the area, no permits needed for day hikes</li>
          <li>The KVR Trail is right nearby, flat and easy for a walk or a bike ride</li>
          <li>Wear sturdy footwear in spring, trails can be muddy after snowmelt</li>
          <li>Tell someone your route if you head out for a longer hike</li>
          <li>Pack water, layers, and a little bear awareness on every walk</li>
        </ul>
      </div>
      <div class=&quot;practical-card&quot;>
        <span class=&quot;practical-icon&quot;>🛍</span>
        <p class=&quot;practical-title&quot;>Shopping &amp; Supplies</p>
        <ul>
          <li><strong>Groceries</strong> available but limited at the Beaverdell General Store, full shop in Rock Creek or Kelowna</li>
          <li><strong>Liquor</strong> available at the Beaverdell General Store, plus Rock Creek and Kelowna</li>
          <li><strong>Gear rentals</strong> skis, bikes, kayaks available at Big White and Rock Creek</li>
          <li><strong>ATM</strong> limited locally, so come with cash or cards sorted</li>
          <li>Kelowna has everything you could need, so plan one trip there during your stay</li>
        </ul>
      </div>
    </div>
  </div>
</section>

<!-- ══════ FOOTER ══════ -->
<footer class=&quot;guidebook-footer&quot;>
  <h3>Have the most<br><em>wonderful stay.</em></h3>
  <p>This place is special to me. I hope it becomes something special to you too.</p>
  <div class=&quot;contact-row&quot;>
    <span>Host: Shanna · <a href=&quot;#&quot;>Message on Airbnb</a></span>
    <span>Emergency: 911</span>
    <span>Instagram: <a href=&quot;https://instagram.com/shanna.ruth&quot;>@shanna.ruth</a></span>
  </div>
  <p style=&quot;margin-top: 2rem; font-size: 12px; color: rgba(245,240,230,0.3); letter-spacing: 0.1em; text-transform: uppercase;&quot;>Le Petite Retreat · Beaverdell, BC · ★ 4.86 · Superhost</p>
</footer>

<script>
function showSeason(season, btn) {
  // hide all panels
  document.querySelectorAll('.season-panel').forEach(p => p.classList.remove('active'));
  document.querySelectorAll('.season-tab').forEach(t => t.classList.remove('active'));
  // show selected
  document.getElementById('panel-' + season).classList.add('active');
  btn.classList.add('active');
}
</script>

</body>
</html>
" style="display:block;border:0;width:100%;min-height:600px;" scrolling="no">

  
  