:root{
--pine:#2f4733;--pine-deep:#1d2c20;--pine-mid:#3a5a40;
--cream:#f4ead4;--cream-soft:#e9dcc0;--paper:#f7f0e1;--paper-dim:#efe6d2;
--rust:#b8501f;--rust-deep:#90310f;--amber:#d99a2b;--gold:#c9882a;
--lake:#5b8a82;--lake-deep:#37635b;--lake-light:#a9d8cd;--ink:#241c12;--ink-soft:#5e503c;
--line:rgba(36,28,18,.14);--shadow:0 30px 70px -30px rgba(29,44,32,.5);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Hanken Grotesk",system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,h4,.disp{font-family:"Fraunces",Georgia,serif;font-optical-sizing:auto;line-height:.98;letter-spacing:-.015em}
::selection{background:var(--rust);color:var(--cream)}
a{color:inherit;text-decoration:none}
.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.34em;text-transform:uppercase}
img{display:block;max-width:100%}
.wrap{max-width:1500px;margin:0 auto;padding:0 40px}
@media(max-width:600px){.wrap{padding:0 22px}}
header{position:fixed;top:0;left:0;right:0;z-index:100;mix-blend-mode:difference}
.nav{display:flex;align-items:center;justify-content:space-between;padding:26px 40px;max-width:1500px;margin:0 auto}
.nav .brand{font-family:"Fraunces";font-weight:900;font-size:1.15rem;color:#fff;letter-spacing:.02em;display:flex;align-items:center;gap:.5em}
.nav .brand i{font-style:italic;font-weight:400}
.nav ul{display:flex;gap:34px;list-style:none}
.nav ul a{font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff;opacity:.9;transition:opacity .25s}
.nav ul a:hover{opacity:.55}
.nav .tag{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#fff;opacity:.9}
@media(max-width:880px){.nav ul,.nav .tag{display:none}.nav{padding:20px 22px}}
.marq{background:var(--pine-deep);color:var(--cream);padding:16px 0;overflow:hidden;white-space:nowrap;border-bottom:1px solid rgba(244,234,212,.12)}
.marq div{display:inline-block;animation:scroll 32s linear infinite}
.marq span{font-family:"Fraunces";font-style:italic;font-size:1.05rem;margin:0 .8em;opacity:.85}
.marq b{color:var(--amber);font-style:normal;font-weight:400;margin:0 .8em}
@keyframes scroll{to{transform:translateX(-50%)}}
.lead-row{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start;padding:110px 0 70px}
.lead-row .num{font-family:"Fraunces";font-size:1rem;font-weight:600;color:var(--rust);padding-top:.7em;font-variant-numeric:tabular-nums}
.lead-row h2{font-size:clamp(2.4rem,6vw,5rem);font-weight:300;max-width:16ch}
.lead-row h2 em{font-style:italic;color:var(--rust)}
@media(max-width:700px){.lead-row{grid-template-columns:1fr;gap:10px;padding:64px 0 38px}}
.end{background:var(--rust);color:var(--cream);text-align:center;padding:120px 0;position:relative;overflow:hidden}
.end svg{position:absolute;bottom:0;left:0;width:100%;opacity:.14}
.end .eyebrow{color:rgba(244,234,212,.8)}
.end h2{font-size:clamp(2.6rem,7vw,6rem);font-weight:300;margin:18px 0 6px;position:relative;z-index:2}
.end h2 em{font-style:italic}
.end p{max-width:42ch;margin:14px auto 36px;position:relative;z-index:2;opacity:.92;font-size:1.08rem}
.end .btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.end a{padding:17px 34px;border-radius:40px;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;transition:.3s}
.end .p1{background:var(--cream);color:var(--rust)}
.end .p1:hover{background:var(--pine-deep);color:var(--cream)}
.end .p2{border:1.5px solid var(--cream);color:var(--cream)}
.end .p2:hover{background:var(--cream);color:var(--rust)}
footer{background:var(--pine-deep);color:var(--cream-soft);padding:80px 0 34px}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:46px;padding-bottom:50px}
.foot .lg{font-family:"Fraunces";font-weight:900;font-size:2rem;color:var(--cream)}
.foot .lg i{font-weight:400;font-style:italic}
.foot p{font-size:.92rem;opacity:.8;max-width:34ch;margin-top:12px}
.foot h5{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin-bottom:16px}
.foot a{display:block;font-size:.92rem;margin-bottom:10px;opacity:.85;transition:.25s}
.foot a:hover{opacity:1;color:var(--amber)}
.foot-base{border-top:1px solid rgba(244,234,212,.16);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.78rem;opacity:.6;letter-spacing:.04em}
@media(max-width:760px){.foot{grid-template-columns:1fr;gap:32px}}
.rv{opacity:0;transform:translateY(34px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
/* page accent: pine + gold */
.hero{position:relative;height:100vh;min-height:640px;overflow:hidden;background:var(--pine-deep)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);animation:heroIn 1.8s cubic-bezier(.16,1,.3,1) .1s forwards}
@keyframes heroIn{to{opacity:1;transform:scale(1)}}
.hero::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(29,44,32,.5) 0%,rgba(29,44,32,.1) 35%,rgba(29,44,32,.85) 100%)}
.hero-in{position:absolute;inset:0;z-index:3;max-width:1500px;margin:0 auto;padding:0 40px 7vh;display:flex;flex-direction:column;justify-content:flex-end;color:var(--cream)}
.back{display:inline-flex;gap:8px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;opacity:.85;margin-bottom:20px;transition:.25s}
.back:hover{gap:13px;color:var(--amber)}
.hero .lake{font-size:.78rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--amber)}
.hero h1{font-size:clamp(3.4rem,12vw,9rem);font-weight:300;margin:.06em 0 .1em;opacity:0;animation:up 1s cubic-bezier(.16,1,.3,1) .5s forwards}
.hero h1 em{font-style:italic;font-weight:500}
@keyframes up{to{opacity:1;transform:none}}
.hero .meta{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;opacity:0;animation:up 1s cubic-bezier(.16,1,.3,1) .75s forwards}
.hero .meta .r{display:inline-flex;gap:7px;font-weight:700}
.hero .meta .r b{color:var(--amber)}
.hero .meta .d{opacity:.45}
.hero .cta{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap;opacity:0;animation:up 1s cubic-bezier(.16,1,.3,1) .95s forwards}
.bn{display:inline-flex;align-items:center;gap:.5em;padding:15px 28px;border-radius:40px;font-weight:700;letter-spacing:.1em;font-size:.76rem;text-transform:uppercase;transition:.3s;cursor:pointer}
.bn.solid{background:var(--cream);color:var(--pine-deep)}
.bn.solid:hover{background:var(--amber)}
.bn.ghost{border:1.5px solid var(--cream);color:var(--cream)}
.bn.ghost:hover{background:var(--cream);color:var(--pine-deep)}
.stats{background:var(--pine);color:var(--cream)}
.stats .wrap{display:flex;flex-wrap:wrap;justify-content:space-around;gap:18px;padding:30px 40px}
.stats .s{text-align:center}
.stats .s b{font-family:"Fraunces";display:block;font-size:2rem;font-weight:400;color:var(--amber);line-height:1}
.stats .s span{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;opacity:.8}
.story{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:100px 0}
.story p{font-size:1.1rem;color:var(--ink-soft);margin-bottom:18px}
.story p strong{color:var(--ink)}
.story .ph{aspect-ratio:4/5;border-radius:220px 220px 8px 8px;overflow:hidden;box-shadow:var(--shadow);border:6px solid var(--cream)}
.story .ph img{width:100%;height:100%;object-fit:cover}
@media(max-width:820px){.story{grid-template-columns:1fr;gap:34px;padding:64px 0}}
.gal{background:var(--cream)}
.gal-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;gap:14px}
.gal figure{overflow:hidden;border-radius:6px;cursor:pointer}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.gal figure:hover img{transform:scale(1.06)}
.gal .a{grid-column:span 4;grid-row:span 2}.gal .b{grid-column:span 2}
.gal .c{grid-column:span 2}.gal .d{grid-column:span 2}.gal .e{grid-column:span 2}.gal .f{grid-column:span 2}.gal .g{grid-column:span 2}.gal .h{grid-column:span 2}.gal .i{grid-column:span 2}
@media(max-width:760px){.gal-grid{grid-template-columns:repeat(2,1fr)}.gal .a,.gal .b,.gal .c,.gal .d,.gal .e,.gal .f,.gal .g,.gal .h,.gal .i{grid-column:span 1;grid-row:span 1}}
.sleep-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.room{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:.35s}
.room:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.room .ph{aspect-ratio:4/3;overflow:hidden;background:var(--pine-mid)}
.room .ph img{width:100%;height:100%;object-fit:cover}
.room .c{padding:16px 18px}
.room h4{font-family:"Fraunces";font-size:1.1rem;font-weight:500;color:var(--pine)}
.room p{font-size:.85rem;color:var(--ink-soft)}
@media(max-width:820px){.sleep-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.sleep-grid{grid-template-columns:1fr}}
.amen{background:var(--pine);color:var(--cream)}
.amen .lead-row h2{color:var(--cream)}.amen .lead-row .num{color:var(--amber)}
.amen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(244,234,212,.16)}
.amen-grid div{padding:22px 22px 26px;border-bottom:1px solid rgba(244,234,212,.16);border-right:1px solid rgba(244,234,212,.16)}
.amen-grid div:nth-child(3n){border-right:none}
.amen-grid h4{font-size:1.05rem;font-weight:400;margin-bottom:5px}
.amen-grid p{font-size:.84rem;opacity:.72}
@media(max-width:820px){.amen-grid{grid-template-columns:1fr 1fr}.amen-grid div:nth-child(3n){border-right:1px solid rgba(244,234,212,.16)}.amen-grid div:nth-child(2n){border-right:none}}
@media(max-width:520px){.amen-grid{grid-template-columns:1fr}.amen-grid div{border-right:none!important}}
.lake{position:relative;color:var(--cream);background:linear-gradient(135deg,var(--lake-deep),var(--pine))}
.lake-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;padding:100px 0}
.lake h2{font-size:clamp(2rem,5vw,3.2rem);font-weight:300;margin:14px 0 18px;color:var(--cream)}
.lake h2 em{font-style:italic;color:var(--amber)}
.lake p{color:var(--cream-soft);font-size:1.06rem;margin-bottom:14px}
.lake .pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}
.lake .pills span{border:1px solid rgba(244,234,212,.3);padding:7px 14px;border-radius:30px;font-size:.74rem;font-weight:600}
.lake .ph{aspect-ratio:1;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);border:6px solid rgba(244,234,212,.22)}
.lake .ph img{width:100%;height:100%;object-fit:cover}
@media(max-width:820px){.lake-grid{grid-template-columns:1fr;gap:32px;padding:64px 0}}
.know-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.know{border-left:3px solid var(--gold);padding:4px 0 4px 18px}
.know h4{font-family:"Fraunces";font-size:1.05rem;color:var(--pine);margin-bottom:5px;font-weight:500}
.know p{font-size:.9rem;color:var(--ink-soft)}
@media(max-width:820px){.know-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.know-grid{grid-template-columns:1fr}}
.booking{background:var(--paper-dim)}
.booking .inner{padding:90px 0}
.booking .head{text-align:center;max-width:560px;margin:0 auto 36px}
.booking .head .eyebrow{color:var(--rust)}
.booking .head h2{font-size:clamp(2rem,5vw,3.2rem);font-weight:300;color:var(--pine);margin-top:12px}
.booking .frame{background:var(--cream);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);max-width:1100px;margin:0 auto}
.booking iframe{display:block;width:100%;border:0}
← The Journal
Northwoods Journal · Winter
Snowmobiling in Eagle River
The Snowmobile Capital of the World, explained for first-timers — trails, the Derby, rentals, and what to know before you ride.
If you've never thrown a leg over a snowmobile, there's no better place to start than right here. Eagle River calls itself the Snowmobile Capital of the World, and it has earned the title — hundreds of miles of groomed trails, a winter culture built around sledding, and a famous race that draws riders from everywhere. Here's how we'd help a first-timer plan their first ride from one of our cabins.
The basics
Why is Eagle River the Snowmobile Capital of the World?
Vilas County sits at the hub of one of the largest interconnected snowmobile trail systems anywhere — hundreds of miles of groomed, well-marked trails that link town to town, lake to lake, and supper club to supper club. You can ride for breakfast, ride to lunch, and ride home, all without trailering anywhere. The trails are maintained by local clubs and the county, and when conditions are good the riding is some of the most reliable in the Midwest.
That's the everyday magic of it: in the depth of winter the snow becomes the road, and the whole Northwoods opens up under your skis.
The big event
What is the World Championship Snowmobile Derby?
Each January, Eagle River hosts the World Championship Snowmobile Derby — a high-banked ice-oval race that has run for decades and effectively put the town on the map. Even if you never plan to race, it's a spectacle worth building a trip around: roaring sleds, a festive crowd, and a town that fully leans into winter. If you're visiting in midwinter, check whether your stay lines up with Derby week — it's a Northwoods bucket-list weekend.
Getting on a sled
Where do you rent a snowmobile and what do you need?
Rentals in town
Several local outfitters rent sleds by the day and set first-timers up with a machine, a helmet, and a quick orientation. Reserve ahead in peak weeks.
Registration & trail pass
Sleds must be registered and carry a Wisconsin trail pass to ride the public system. Rental shops handle this for you; bring it if you trailer your own.
Safety certificate
Riders born after a certain date need a snowmobile safety certificate. When in doubt, ask the outfitter — they know the current rules cold.
Make a weekend of it
What else is there to do in winter?
Snowmobiling pairs perfectly with the rest of a Northwoods winter. Trade the sled for an afternoon of ice fishing on the chain, warm up over a Friday fish fry or a classic supper-club dinner from our where-to-eat guide, and dig into the rest of the season in the area guide. Then come home, thaw out in the hot tub, and let the woodsmoke and the quiet do the rest.
Where to stay for sledding season
Both cabins are open year-round and made for winter — The O.G. on Lake Arbutus and The Grandy Dandy on the Sugar Camp Chain, each with a hot tub, a firepit, and the frozen lake right out the door. Many trails run close by, so you can often sled almost from the doorstep. Winter weekends book up around the Derby — reserve early.
Good to know
Common questions
When is snowmobiling season in Eagle River?
Riding depends on snow, but the Northwoods season generally runs from sometime in December through early March, with the most reliable conditions in January and February. Vilas County trails open only once there's enough snow cover and the ground is frozen, so it's worth checking the county's trail report before you head out.
Do I need a license or pass to snowmobile in Wisconsin?
Every sled needs to be registered, and in Wisconsin a trail pass is required to ride the public trail system — out-of-state machines need one too. Riders born after a certain date must also carry a snowmobile safety certificate. If you rent locally, the outfitter will walk you through registration, passes, and the rules before you ride.
Can beginners go snowmobiling near Eagle River?
Absolutely — this is one of the best places anywhere to learn. The groomed, well-marked trails are beginner-friendly, local rental shops set you up with a machine and a quick orientation, and there are hundreds of miles of connected trail to explore at your own pace. Start slow, dress warm, and ride to your comfort level.