:root{--ink:#2D3736;--green:#4D635E;--deep:#425853;--cream:#FDFCFB;--stone:#E2DED6;--rust:#8C523B;--rust-d:#5E2912;--muted:#6D716C;--river:#51AEE5;--sage:#C9E4B0;
--accent:var(--rust);--bg:var(--cream);--alt:var(--stone);--hero1:#8C523B;--hero2:#425853;}
[data-season=spring]{--accent:#5E8C61;--alt:#E6EDDC;--hero1:#9DBF8F;--hero2:#4D635E;}
[data-season=summer]{--accent:#2F7FA8;--alt:#DCEBEF;--hero1:#51AEE5;--hero2:#425853;}
[data-season=fall]{--accent:#8C523B;--alt:#EFE4D6;--hero1:#B5652F;--hero2:#5E2912;}
[data-season=winter]{--accent:#3E5A6E;--alt:#E4E9EC;--hero1:#9FB4C2;--hero2:#2D3736;}
*{box-sizing:border-box}body{margin:0;font-family:'Instrument Sans',Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;line-height:1.15;margin:.2em 0}
a{color:var(--accent)}
.nav{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:.6rem 4vw;background:rgba(253,252,251,.95);backdrop-filter:blur(6px);border-bottom:1px solid var(--stone)}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-family:Fraunces;font-weight:800;font-size:1.2rem}.brand img{width:46px}
.nav nav{display:flex;gap:1.4rem;align-items:center}.nav nav a{text-decoration:none;color:var(--ink);font-weight:500}
.pill{background:var(--accent);color:#fff!important;padding:.45rem 1rem;border-radius:99px}
.menu-btn{display:none;background:none;border:0;font-size:1.6rem}
.hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.25),transparent 40%),linear-gradient(135deg,var(--hero1),var(--hero2));transition:background 1s}
.hero-inner{position:relative;padding:0 6vw 10vh;max-width:820px}
.hero h1{font-size:clamp(2.3rem,6vw,4.6rem);font-weight:800}.hero p{font-size:1.15rem}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:600;color:var(--accent)}.hero .eyebrow{color:#fff;opacity:.85}
.ph-tag{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.55);color:#fff;font-size:.7rem;padding:.25rem .5rem;border-radius:4px;letter-spacing:.05em;z-index:2}
.btn{display:inline-block;background:var(--accent);color:#fff;border:2px solid var(--accent);padding:.75rem 1.4rem;border-radius:99px;font-weight:600;text-decoration:none;cursor:pointer;font:inherit;font-weight:600}
.btn.ghost{background:transparent;color:inherit;border-color:currentColor}.btn.sm{padding:.4rem .9rem;font-size:.9rem}
.cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}
.section{padding:5rem 6vw}.alt{background:var(--alt)}.head{max-width:680px;margin-bottom:1.6rem}.head h2,.report h2,.news h2{font-size:clamp(1.8rem,3.5vw,2.6rem)}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.filters button{border:1.5px solid var(--green);background:transparent;color:var(--green);padding:.35rem .9rem;border-radius:99px;cursor:pointer;font:inherit}
.filters button.on{background:var(--green);color:#fff}
.map-wrap{display:grid;grid-template-columns:1fr 340px;gap:1rem}
#leaflet{height:520px;border-radius:16px;border:1px solid var(--stone)}
.trip{background:#fff;border:1px solid var(--stone);border-radius:16px;padding:1rem;display:flex;flex-direction:column;max-height:520px}
.trip-top h3{margin:0 0 .5rem}#tripList{flex:1;overflow:auto}
.seg{display:inline-flex;border:1px solid var(--stone);border-radius:99px;overflow:hidden}.seg button{border:0;background:none;padding:.35rem .8rem;cursor:pointer;font:inherit}.seg .on{background:var(--ink);color:#fff}
.day-h{font-family:Fraunces;font-weight:600;margin:.8rem 0 .3rem;color:var(--accent)}
.stop{display:flex;justify-content:space-between;align-items:center;padding:.45rem .6rem;background:var(--bg);border-radius:8px;margin-bottom:.35rem;font-size:.92rem}
.stop button{border:0;background:none;cursor:pointer;color:var(--muted)}
.trip-actions{display:flex;gap:.5rem;margin-top:.6rem}.hint{font-size:.85rem;color:var(--muted)}
.popup b{font-family:Fraunces;font-size:1.05rem}.popup button{margin-top:.4rem}
.report{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.embed-slot{border:2px dashed var(--green);border-radius:16px;min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1.5rem;color:var(--green)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(45,55,54,.08);transition:transform .25s}.card:hover{transform:translateY(-4px)}
.card .img{height:200px;position:relative}.g1{background:linear-gradient(160deg,var(--river),var(--deep))}.g2{background:linear-gradient(160deg,var(--rust),var(--rust-d))}.g3{background:linear-gradient(160deg,var(--sage),var(--green))}
.card .body{padding:1.2rem}.kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:600}
.feed{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem}.feed div{aspect-ratio:1;border-radius:10px;background:linear-gradient(135deg,var(--hero1),var(--hero2));opacity:.85;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem}
.socials{display:flex;gap:1rem;margin-top:1rem}
.news{text-align:center;background:var(--ink);color:#fff}.news .hint{color:#bbb}
.signup{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin:1rem 0}.signup input{padding:.75rem 1rem;border-radius:99px;border:0;min-width:260px;font:inherit}
.foot{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:3rem 6vw;background:var(--deep);color:#fff}.foot a{color:var(--sage)}.foot .socials{flex-direction:column;gap:.3rem;margin:0}
.season-switch select{margin-left:.4rem;padding:.2rem;border-radius:6px}
@media(max-width:860px){.nav nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg);padding:1rem;border-bottom:1px solid var(--stone)}.nav nav.open{display:flex}.menu-btn{display:block}
.map-wrap,.report,.cards{grid-template-columns:1fr}#leaflet{height:380px}.trip{max-height:none}.feed{grid-template-columns:repeat(3,1fr)}.foot{grid-template-columns:1fr 1fr}.section{padding:3.5rem 5vw}}
/* ---- New wordmark header/hero ---- */
.nav{position:fixed;left:0;right:0;transition:background .3s,border-color .3s}
.nav.over-hero{background:transparent;border-color:transparent;backdrop-filter:none}
.nav.over-hero nav a{color:#fff}.nav.over-hero .menu-btn{color:#fff}
.brand img{width:69px;height:auto;display:block}
.logo-b{display:none!important}.nav:not(.over-hero) .logo-w{display:none!important}.nav:not(.over-hero) .logo-b{display:block!important}
.hero{min-height:100vh;align-items:center;justify-content:center;text-align:center}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,26,25,.55),rgba(20,26,25,.25) 45%,rgba(20,26,25,.7))}
.hero-inner{z-index:1;padding:7rem 6vw 4rem;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.hero-logo{width:219px;height:auto;margin-bottom:1.4rem;filter:drop-shadow(0 2px 12px rgba(0,0,0,.35))}
.hero h1{font-size:clamp(1.8rem,4.2vw,3.2rem);text-shadow:0 2px 16px rgba(0,0,0,.3)}
.hero .cta{justify-content:center}
.btn.light{background:#fff;color:var(--ink);border-color:#fff}.btn.light:hover{background:var(--cream)}
.foot img{width:150px;height:auto}
@media(max-width:860px){.nav.over-hero nav.open{background:var(--ink)}.hero-logo{width:180px}}
.hero>.ph-tag{top:auto;bottom:14px}
/* ===== Explore Fort brand layer: Weekend Watch + social graphics (hand-made, paper, no glossy gradients) ===== */
:root{--paper:#F4EFE6;--card:#FAF6EE;--ink:#1F2A26;--ink2:#4A4238;--muted:#6B6257;--rust:#8A4B2A;--tan:#C9A27A;--forest:#2F4A3A;--ww:#2C3E35;--ww-green:#3D7A5C;--gold:#C8922A;--mint:#EEF4F0;
--bg:var(--paper);--alt:#EDE5D6;--accent:var(--rust);--accent2:var(--gold);--band:var(--forest);--hero-img:url(../img/hero-fall.jpg);--hero-tint:rgba(31,42,38,.45);--green:var(--ww-green);--deep:var(--ww);--stone:#DCD2C1}
[data-season=spring]{--accent:#3D7A5C;--accent2:#C9A27A;--alt:#E8EFE4;--band:#3D7A5C;--hero-img:url(../img/hero-spring.jpg);--hero-tint:rgba(47,74,58,.38)}
[data-season=summer]{--accent:#2C6B4D;--accent2:#C8922A;--alt:#E6EEE8;--band:#2C3E35;--hero-img:url(../img/hero-summer.jpg);--hero-tint:rgba(31,42,38,.4)}
[data-season=fall]{--accent:#8A4B2A;--accent2:#C8922A;--alt:#EDE5D6;--band:#2F4A3A;--hero-img:url(../img/hero-fall.jpg);--hero-tint:rgba(42,30,20,.42)}
[data-season=winter]{--accent:#2F5D7C;--accent2:#9BB8A9;--alt:#E6EBEE;--band:#1F4560;--hero-img:url(../img/hero-fall.jpg);--hero-tint:rgba(25,40,58,.62)}
[data-season=winter] .hero-bg{filter:grayscale(.85) brightness(1.05) contrast(.9)}
body{font-family:'Cabin',Arial,sans-serif;background:var(--bg);color:var(--ink);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .25 0 0 0 0 .2 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,.day-h,.popup b{font-family:'Fraunces',Georgia,serif;font-weight:700;letter-spacing:-.01em;color:inherit}
h2 em,h1 em{font-style:italic;font-weight:500;color:var(--accent)}
.hand{font-family:'Kalam','Caveat',cursive;color:var(--accent);font-size:1.15rem;font-weight:400}
.eyebrow,.kicker{font-family:'Fraunces',serif;font-style:italic;text-transform:none;letter-spacing:0;font-weight:500;font-size:1.05rem;color:var(--accent)}
.divider{display:none}
.hero{border-top:0}.hero-bg{background:var(--hero-img) center/cover no-repeat}
.hero::after{background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 30%),var(--hero-tint)}
.hero h1{font-weight:700}.hero h1 em{color:#F6DFA8}
.hero .eyebrow{font-family:'Kalam',cursive;font-style:normal;color:#fff;font-size:1.35rem;border-bottom:3px solid var(--accent2);display:inline-block;transform:rotate(-2deg);padding:0 .3rem;opacity:1;letter-spacing:0}
.nav:not(.over-hero){background:rgba(244,239,230,.97);border-bottom:2px solid var(--ink)}
.btn{background:var(--accent);border-color:var(--ink);color:#fff;border-radius:3px;box-shadow:3px 3px 0 var(--ink);font-family:'Cabin';font-weight:700;letter-spacing:.02em;text-transform:none;font-size:1rem;transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.hero .btn.light{background:#FAF6EE;color:var(--ink);border-color:var(--ink)}
.hero .btn.ghost{box-shadow:none;border-color:#fff;color:#fff}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:none}
.pill{background:var(--accent);border-radius:3px;text-transform:none;letter-spacing:0;font-size:.95rem}
.filters button{border-radius:3px;border:1.5px solid var(--ink);color:var(--ink);font-weight:600;background:var(--card)}.filters button.on{background:var(--ink);color:var(--paper)}
#leaflet{border:2px solid var(--ink);border-radius:3px;box-shadow:5px 5px 0 var(--tan)}
.trip{background:var(--card);border:2px solid var(--ink);border-radius:3px;box-shadow:5px 5px 0 var(--tan);position:relative}
.trip::before{content:"";position:absolute;top:-12px;left:50%;width:90px;height:22px;background:rgba(201,162,122,.75);transform:translateX(-50%) rotate(-3deg)}
.stop{background:#fff;border:1px dashed var(--tan);border-radius:2px}
.seg{border:1.5px solid var(--ink);border-radius:3px}.seg .on{background:var(--ink)}
.section.alt{background-color:var(--alt)}
.head h2,.report h2,.news h2{font-size:clamp(2rem,4vw,3rem)}
#report{background-color:var(--band);color:#F4EFE6}#report .eyebrow{color:#F6DFA8}
.embed-slot{border:2px dashed rgba(244,239,230,.7);color:#F4EFE6;background:rgba(0,0,0,.12);border-radius:3px}
.cards .card{background:var(--card);border:2px solid var(--ink);border-radius:3px;box-shadow:5px 5px 0 var(--tan);border-left-width:2px}
.cards .card:nth-child(1){transform:rotate(-1.2deg)}.cards .card:nth-child(2){transform:rotate(.8deg)}.cards .card:nth-child(3){transform:rotate(-.5deg)}
.cards .card:hover{transform:rotate(0) translateY(-4px)}
.card .img{background-size:cover!important;background-position:center!important;border-bottom:2px solid var(--ink)}
.g1{background:url(../img/card-river.jpg)}.g2{background:url(../img/card-bandshell.jpg)}.g3{background:url(../img/card-street.jpg)}
.feed div{border-radius:2px;background:var(--ink2) center/cover;border:2px solid var(--ink);opacity:1}
.feed div:nth-child(odd){transform:rotate(-1deg)}.feed div:nth-child(even){transform:rotate(1deg)}
.news{background-color:var(--ww);border-top:0;color:#F4EFE6}.news h2 em{color:#F6DFA8}
.news .btn{background:var(--gold);color:var(--ink);border-color:#F4EFE6;box-shadow:3px 3px 0 #F4EFE6}
.signup input{border-radius:3px;border:2px solid #F4EFE6}
.foot{background:var(--ink);border-top:0}.foot a{color:var(--tan)}
.ph-tag{font-family:'Cabin';background:rgba(31,42,38,.8)}

/* planner: legs, badges, suggestions */
.leg{font-size:.78rem;color:var(--muted);padding:.1rem 0 .35rem .8rem;border-left:2px dotted var(--tan);margin:0 0 .35rem .8rem}
.badge{display:inline-block;font-size:.7rem;padding:.05rem .45rem;border:1.5px solid var(--ink);border-radius:3px;margin-left:.3rem;transform:rotate(-1deg)}
.badge.walk{background:#C9E4B0}.badge.drive{background:#f3e3c3}
.sub{color:var(--muted);font-size:.75rem}
.trip-total{font-size:.85rem;margin:.5rem 0;padding:.5rem .6rem;border-top:1.5px solid var(--ink)}
.sugg{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .6rem;border:1px dashed var(--tan);background:#fffdf7;margin-bottom:.35rem;font-size:.9rem}
.sugg .btn{flex-shrink:0}
.trip{overflow:auto}#tripList{flex:none;overflow:visible}@media(min-width:861px){.trip{max-height:none;align-self:start}}

/* overnight stay picker */
.stay-cards{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.4rem}
.stay-card{text-align:left;font:inherit;font-size:.82rem;background:#fffdf7;border:1px dashed var(--tan);border-radius:2px;padding:.45rem .55rem;cursor:pointer;display:flex;flex-direction:column;gap:.1rem}
.stay-card small{color:var(--muted);font-size:.72rem}
.stay-card.on{border:2px solid var(--ink);background:#C9E4B0;box-shadow:3px 3px 0 var(--tan)}
.stop.stay{border:2px solid var(--ink);background:#f3ead8}
.stay-pin{display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #1d2a26;border-radius:4px;font-size:13px;box-shadow:2px 2px 0 #c9a27a}
.stay-pin.on{background:#C9E4B0;font-size:18px}
@media(max-width:480px){.stay-cards{grid-template-columns:1fr}}

/* fall hero video */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-video[hidden]{display:none}
[data-season=fall]{--hero-img:url(../img/hero-fall-poster.jpg)}

/* social: Facebook Page Plugin in paper/ink frame */
.social-wrap{display:grid;grid-template-columns:1fr minmax(0,500px);gap:3rem;align-items:center;max-width:1100px;margin:0 auto}
.social-blurb p{max-width:34rem}
.follow{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.fb-frame{position:relative;width:100%;max-width:500px;margin:0 auto;background:#fff;border:2px solid var(--ink);border-radius:3px;box-shadow:6px 6px 0 var(--tan);padding:10px;transform:rotate(.6deg)}
.fb-frame::before{content:"";position:absolute;top:-13px;left:50%;width:110px;height:24px;background:rgba(201,162,122,.75);transform:translateX(-50%) rotate(-3deg);z-index:2}
.fb-frame iframe{display:block;width:100%;max-width:500px;height:640px;background:#fafafa}
.fb-note{position:absolute;top:-2.4rem;right:-.5rem;margin:0;transform:rotate(-4deg);font-size:1.25rem}
@media(max-width:860px){.social-wrap{grid-template-columns:1fr;gap:2.5rem;text-align:center}.social-blurb p{margin-inline:auto}.follow{justify-content:center}.fb-note{right:.5rem}.fb-frame iframe{height:560px}}
@media(max-width:860px){.fb-frame{margin-top:1.5rem}}
.fb-frame{transform:none}

/* Travel Wisconsin fall color widget frame (no rotation) */
.report-frame{position:relative;background:#fff;border:2px solid var(--ink);border-radius:3px;box-shadow:6px 6px 0 var(--tan);padding:10px}
.report-frame::before{content:"";position:absolute;top:-13px;left:50%;width:110px;height:24px;background:rgba(201,162,122,.75);transform:translateX(-50%) rotate(-3deg);z-index:2}
.report-frame iframe{display:block}
.report-frame[hidden],.embed-slot[hidden]{display:none}

/* Follow along card (replaces FB plugin) */
.follow-card{position:relative;max-width:500px;width:100%;margin:0 auto;background:#fffdf7;border:2px solid var(--ink);border-radius:3px;box-shadow:6px 6px 0 var(--tan);padding:2rem 1.6rem 1.6rem}
.follow-card::before{content:"";position:absolute;top:-13px;left:50%;width:110px;height:24px;background:rgba(201,162,122,.75);transform:translateX(-50%) rotate(-3deg)}
.follow-card h3{margin:.2rem 0 .5rem;font-size:1.6rem}
.follow-note{position:absolute;top:-2.3rem;right:-.4rem;margin:0;transform:rotate(-4deg);font-size:1.25rem}
.follow-list{display:grid;gap:.6rem;margin-top:1.2rem}
.follow-list a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;border:2px solid var(--ink);border-radius:3px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:3px 3px 0 var(--ink);transition:transform .15s,box-shadow .15s}
.follow-list a:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--accent)}
.follow-list a small{color:var(--muted)}
.follow-list a b::after{content:" →";color:var(--accent)}
.social-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1.2rem}
.post-card{display:block;border:2px solid var(--ink);background:#fff;color:var(--ink);text-decoration:none;font-size:.75rem}
.post-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.post-card span{display:block;padding:.3rem .4rem}
@media(max-width:860px){.follow-card{margin-top:1.5rem;text-align:left}.follow-note{right:.4rem}}
@media(max-width:420px){.social-feed{grid-template-columns:1fr 1fr}}