{"id":133,"date":"2026-04-02T02:27:17","date_gmt":"2026-04-02T02:27:17","guid":{"rendered":"https:\/\/waterinfo.ca\/?page_id=133"},"modified":"2026-04-02T02:55:49","modified_gmt":"2026-04-02T02:55:49","slug":"home","status":"publish","type":"page","link":"https:\/\/waterinfo.ca\/","title":{"rendered":"Home"},"content":{"rendered":"\t<div class=\"tif-homepage\">\n\t\t<div class=\"tif-home-brandbar\">\n\t\t\t<p class=\"tif-home-brandbar__brand\">Waterinfo<\/p>\n\t\t\t<p class=\"tif-home-brandbar__meta\">Canada waterbody guide<\/p>\n\t\t<\/div>\n\n\t\t<section class=\"tif-home-hero\">\n\t\t\t<div class=\"tif-home-hero__halo tif-home-hero__halo--one\"><\/div>\n\t\t\t<div class=\"tif-home-hero__halo tif-home-hero__halo--two\"><\/div>\n\n\t\t\t<div class=\"tif-home-hero__grid\">\n\t\t\t\t<div class=\"tif-home-hero__copy\">\n\t\t\t\t\t<p class=\"tif-home-hero__eyebrow\">Canada Waterbody Guide<\/p>\n\t\t\t\t\t<h1 class=\"tif-home-hero__title\">Know the water before you leave home.<\/h1>\n\t\t\t\t\t<p class=\"tif-home-hero__lead\">\n\t\t\t\t\t\tThis site helps people discover Canadian lakes and other waterbodies with practical pages built around search, weather context, map layers, and local details.\n\t\t\t\t\t<\/p>\n\n\t\t\t\t\t<div class=\"tif-home-hero__pills\">\n\t\t\t\t\t\t<span>Lake pages<\/span>\n\t\t\t\t\t\t<span>Search by name<\/span>\n\t\t\t\t\t\t<span>Weekly conditions<\/span>\n\t\t\t\t\t\t<span>Maps and access context<\/span>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<form class=\"tif-home-search__form\" id=\"tif-home-search-form\" action=\"https:\/\/waterinfo.ca\/\" method=\"get\" role=\"search\">\n\t\t\t\t\t\t<label class=\"screen-reader-text\" for=\"tif-home-waterbody-input\">Search waterbodies<\/label>\n\t\t\t\t\t\t<input id=\"tif-home-waterbody-input\" type=\"search\" name=\"s\" placeholder=\"Search a lake, river, bay, or reservoir\" autocomplete=\"off\">\n\t\t\t\t\t\t<input type=\"hidden\" name=\"post_type\" value=\"lakes\">\n\t\t\t\t\t\t<button type=\"submit\">Search Waterbody<\/button>\n\t\t\t\t\t<\/form>\n\n\t\t\t\t\t<p class=\"tif-home-search__help\">Try a real search like Lake Ontario, Bras d'Or Lake, or Great Bear Lake.<\/p>\n\t\t\t\t\t<div id=\"tif-home-search-status\" class=\"tif-home-search__status\" aria-live=\"polite\"><\/div>\n\t\t\t\t\t<div id=\"tif-home-search-results\" class=\"tif-home-search__results\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<section class=\"tif-home-summary\">\n\t\t\t<div class=\"tif-home-summary__grid\">\n\t\t\t\t<div class=\"tif-home-summary__card tif-home-summary__card--stat\">\n\t\t\t\t\t<p class=\"tif-home-summary__kicker\">Coverage<\/p>\n\t\t\t\t\t<div class=\"tif-home-summary__value\">2<\/div>\n\t\t\t\t\t<p class=\"tif-home-summary__text\">Published waterbody pages<\/p>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"tif-home-summary__card tif-home-summary__card--stat\">\n\t\t\t\t\t<p class=\"tif-home-summary__kicker\">Regions<\/p>\n\t\t\t\t\t<div class=\"tif-home-summary__value\">2<\/div>\n\t\t\t\t\t<p class=\"tif-home-summary__text\">Provinces and territories represented<\/p>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"tif-home-summary__card tif-home-summary__card--guide\">\n\t\t\t\t\t<p class=\"tif-home-summary__kicker\">What each page should deliver<\/p>\n\t\t\t\t\t<ul class=\"tif-home-summary__checklist\">\n\t\t\t\t\t\t<li>Where the waterbody is and how to orient around it<\/li>\n\t\t\t\t\t\t<li>Weather-aware weekly insight for planning<\/li>\n\t\t\t\t\t\t<li>Photos, fish species, and useful local context<\/li>\n\t\t\t\t\t\t<li>Fast jump from homepage search to the exact page<\/li>\n\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<section class=\"tif-home-overview\">\n\t\t\t<div class=\"tif-home-overview__card\">\n\t\t\t\t<p class=\"tif-home-overview__eyebrow\">01<\/p>\n\t\t\t\t<h3>Start with search<\/h3>\n\t\t\t\t<p>The homepage should explain the product immediately, then let users search without scrolling through clutter first.<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"tif-home-overview__card\">\n\t\t\t\t<p class=\"tif-home-overview__eyebrow\">02<\/p>\n\t\t\t\t<h3>Open the waterbody page<\/h3>\n\t\t\t\t<p>Each result should send the visitor directly to one specific lake or waterbody page, not to a generic archive.<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"tif-home-overview__card\">\n\t\t\t\t<p class=\"tif-home-overview__eyebrow\">03<\/p>\n\t\t\t\t<h3>Read what matters fast<\/h3>\n\t\t\t\t<p>Maps, weekly planning, species, photos, and local notes should be easy to scan within a few seconds.<\/p>\n\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<section class=\"tif-home-section\">\n\t\t\t<div class=\"tif-home-section__header\">\n\t\t\t\t<p class=\"tif-home-section__eyebrow\">Browse Quickly<\/p>\n\t\t\t\t<h2>Browse by province or territory<\/h2>\n\t\t\t\t<p>These buttons are useful when the visitor knows the region but not the exact lake page yet.<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"tif-home-provinces\">\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"tif-home-province-btn\" data-province=\"ontario\">\n\t\t\t\t\t\tOntario\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"tif-home-province-btn\" data-province=\"quebec\">\n\t\t\t\t\t\tQuebec\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<section class=\"tif-home-section\">\n\t\t\t<div class=\"tif-home-section__header\">\n\t\t\t\t<p class=\"tif-home-section__eyebrow\">Featured Pages<\/p>\n\t\t\t\t<h2>Recent waterbody pages<\/h2>\n\t\t\t\t<p>Use these cards to prove there is real content behind the homepage.<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"tif-home-featured\">\n\t\t\t\t\t\t\t\t\t<a class=\"tif-home-featured__card\" href=\"https:\/\/waterinfo.ca\/?lakes=lake-nipissing\">\n\t\t\t\t\t\t<div class=\"tif-home-featured__accent\"><\/div>\n\t\t\t\t\t\t<h3>Lake Nipissing<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"tif-home-featured__meta\">Ontario, Canada<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"tif-home-featured__text\">Open the page for maps, conditions, and waterbody details.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<a class=\"tif-home-featured__card\" href=\"https:\/\/waterinfo.ca\/?lakes=lac-saint-jean\">\n\t\t\t\t\t\t<div class=\"tif-home-featured__accent\"><\/div>\n\t\t\t\t\t\t<h3>Lac Saint-Jean<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"tif-home-featured__meta\">Quebec, Canada<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"tif-home-featured__text\">Fish species: walleye, northern-pike, lake-trout<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t<\/div>\n\n\t<style>\n\t\t.tif-homepage {\n\t\t\t--tif-home-bg: #f5efe2;\n\t\t\t--tif-home-paper: #fffaf2;\n\t\t\t--tif-home-ink: #153047;\n\t\t\t--tif-home-muted: #587086;\n\t\t\t--tif-home-line: rgba(21, 48, 71, 0.12);\n\t\t\t--tif-home-accent: #e69a2e;\n\t\t\t--tif-home-accent-deep: #bb6b14;\n\t\t\t--tif-home-ocean: #0f2740;\n\t\t\t--tif-home-ocean-soft: #1d567c;\n\t\t\t--tif-home-sky: #d7edf7;\n\t\t\tposition: relative;\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t\twidth: calc(100vw - 40px);\n\t\t\tmax-width: 1400px;\n\t\t\tmargin: 0;\n\t\t\tpadding: 24px 0;\n\t\t\tbox-sizing: border-box;\n\t\t\tcolor: var(--tif-home-ink);\n\t\t}\n\n\t\t.tif-home-brandbar {\n\t\t\tdisplay: flex;\n\t\t\talign-items: baseline;\n\t\t\tgap: 14px;\n\t\t\tpadding: 0 4px 14px;\n\t\t}\n\n\t\t.tif-home-brandbar__brand {\n\t\t\tmargin: 0;\n\t\t\tfont-size: clamp(28px, 4vw, 42px);\n\t\t\tline-height: 1;\n\t\t\tcolor: var(--tif-home-ocean);\n\t\t\tletter-spacing: -0.03em;\n\t\t}\n\n\t\t.tif-home-brandbar__meta {\n\t\t\tmargin: 0;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 700;\n\t\t\tletter-spacing: 0.14em;\n\t\t\ttext-transform: uppercase;\n\t\t\tcolor: var(--tif-home-accent-deep);\n\t\t}\n\n\t\t.tif-home-hero {\n\t\t\tposition: relative;\n\t\t\tpadding: clamp(28px, 4vw, 40px);\n\t\t\tborder-radius: 32px;\n\t\t\toverflow: hidden;\n\t\t\tbackground:\n\t\t\t\tlinear-gradient(135deg, rgba(8, 31, 47, 0.98), rgba(24, 75, 109, 0.92) 56%, rgba(230, 154, 46, 0.18)),\n\t\t\t\tlinear-gradient(180deg, #0e253d 0%, #183f5f 100%);\n\t\t\tbox-shadow: 0 20px 60px rgba(12, 31, 47, 0.24);\n\t\t}\n\n\t\t.tif-home-hero__halo {\n\t\t\tposition: absolute;\n\t\t\tborder-radius: 999px;\n\t\t\tfilter: blur(4px);\n\t\t\topacity: 0.7;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t.tif-home-hero__halo--one {\n\t\t\ttop: -100px;\n\t\t\tright: -40px;\n\t\t\twidth: 320px;\n\t\t\theight: 320px;\n\t\t\tbackground: radial-gradient(circle, rgba(230, 154, 46, 0.42), rgba(230, 154, 46, 0));\n\t\t}\n\n\t\t.tif-home-hero__halo--two {\n\t\t\tbottom: -120px;\n\t\t\tleft: -80px;\n\t\t\twidth: 340px;\n\t\t\theight: 340px;\n\t\t\tbackground: radial-gradient(circle, rgba(116, 185, 255, 0.25), rgba(116, 185, 255, 0));\n\t\t}\n\n\t\t.tif-home-hero__topbar {\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tgap: 20px;\n\t\t\tmargin-bottom: 32px;\n\t\t\tpadding-bottom: 18px;\n\t\t\tborder-bottom: 1px solid rgba(255, 255, 255, 0.14);\n\t\t}\n\n\t\t.tif-home-hero__brand {\n\t\t\tcolor: #ffffff;\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 700;\n\t\t\tletter-spacing: 0.08em;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\n\t\t.tif-home-hero__topbar-items {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: flex-end;\n\t\t\tgap: 10px;\n\t\t}\n\n\t\t.tif-home-hero__topbar-items span,\n\t\t.tif-home-hero__pills span {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tpadding: 8px 12px;\n\t\t\tborder-radius: 999px;\n\t\t\tbackground: rgba(255, 255, 255, 0.1);\n\t\t\tborder: 1px solid rgba(255, 255, 255, 0.14);\n\t\t\tfont-size: 13px;\n\t\t\tcolor: rgba(255, 255, 255, 0.92);\n\t\t}\n\n\t\t.tif-home-hero__grid {\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t.tif-home-hero__copy {\n\t\t\tmax-width: 820px;\n\t\t}\n\n\t\t.tif-home-hero__eyebrow,\n\t\t.tif-home-section__eyebrow,\n\t\t.tif-home-overview__eyebrow,\n\t\t.tif-home-hero__panel-kicker {\n\t\t\tmargin: 0 0 12px;\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 700;\n\t\t\tletter-spacing: 0.14em;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\n\t\t.tif-home-hero__eyebrow,\n\t\t.tif-home-hero__panel-kicker {\n\t\t\tcolor: rgba(255, 255, 255, 0.7);\n\t\t}\n\n\t\t.tif-home-hero__title {\n\t\t\tmargin: 0;\n\t\t\tfont-size: clamp(40px, 6vw, 76px);\n\t\t\tline-height: 0.97;\n\t\t\tcolor: #ffffff;\n\t\t}\n\n\t\t.tif-home-hero__lead {\n\t\t\tmax-width: 700px;\n\t\t\tmargin: 18px 0 0;\n\t\t\tfont-size: clamp(18px, 2.1vw, 24px);\n\t\t\tline-height: 1.55;\n\t\t\tcolor: rgba(255, 255, 255, 0.82);\n\t\t}\n\n\t\t.tif-home-hero__pills {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tgap: 10px;\n\t\t\tmargin: 24px 0 22px;\n\t\t}\n\n\t\t.tif-home-search__form {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: minmax(0, 1fr) 190px;\n\t\t\tgap: 12px;\n\t\t\tmargin-top: 8px;\n\t\t}\n\n\t\t.tif-home-search__form input {\n\t\t\tmin-height: 64px;\n\t\t\tpadding: 0 20px;\n\t\t\tborder: 0;\n\t\t\tborder-radius: 18px;\n\t\t\tfont-size: 16px;\n\t\t\tcolor: #10293f;\n\t\t\tbackground: rgba(255, 250, 242, 0.98);\n\t\t\tbox-shadow: inset 0 0 0 1px rgba(15, 39, 64, 0.06);\n\t\t}\n\n\t\t.tif-home-search__form button {\n\t\t\tmin-height: 64px;\n\t\t\tborder: 0;\n\t\t\tborder-radius: 18px;\n\t\t\tbackground: linear-gradient(135deg, #f1b24a, #d57c18);\n\t\t\tcolor: #1d2c39;\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 700;\n\t\t\tcursor: pointer;\n\t\t\tbox-shadow: 0 14px 28px rgba(213, 124, 24, 0.28);\n\t\t}\n\n\t\t.tif-home-search__help,\n\t\t.tif-home-search__status {\n\t\t\tmargin: 12px 0 0;\n\t\t\tcolor: rgba(255, 255, 255, 0.76);\n\t\t\tfont-size: 14px;\n\t\t}\n\n\t\t.tif-home-search__results {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n\t\t\tgap: 14px;\n\t\t\tmargin-top: 20px;\n\t\t}\n\n\t\t.tif-home-search__card,\n\t\t.tif-home-search__empty {\n\t\t\tdisplay: block;\n\t\t\tpadding: 18px;\n\t\t\tborder-radius: 22px;\n\t\t\tbackground: rgba(255, 250, 242, 0.98);\n\t\t\tborder: 1px solid rgba(255, 255, 255, 0.28);\n\t\t\tbox-shadow: 0 18px 40px rgba(5, 22, 34, 0.18);\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t.tif-home-search__card-title {\n\t\t\tmargin: 0 0 8px;\n\t\t\tfont-size: 20px;\n\t\t\tline-height: 1.2;\n\t\t\tcolor: #10293f;\n\t\t}\n\n\t\t.tif-home-search__card-meta,\n\t\t.tif-home-search__empty {\n\t\t\tcolor: #4a5c6d;\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 1.5;\n\t\t}\n\n\t\t.tif-home-search__card:hover {\n\t\t\ttransform: translateY(-2px);\n\t\t\ttransition: transform 0.18s ease;\n\t\t}\n\n\t\t.tif-home-summary__card,\n\t\t.tif-home-overview__card,\n\t\t.tif-home-featured__card {\n\t\t\tbackground: rgba(255, 250, 242, 0.96);\n\t\t\tborder: 1px solid rgba(255, 255, 255, 0.3);\n\t\t\tborder-radius: 24px;\n\t\t\tbox-shadow: 0 16px 38px rgba(7, 26, 41, 0.12);\n\t\t}\n\n\t\t.tif-home-summary {\n\t\t\tmargin-top: 20px;\n\t\t}\n\n\t\t.tif-home-summary__grid {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: 220px 220px minmax(0, 1fr);\n\t\t\tgap: 18px;\n\t\t}\n\n\t\t.tif-home-summary__card {\n\t\t\tpadding: 22px;\n\t\t}\n\n\t\t.tif-home-summary__kicker {\n\t\t\tmargin: 0 0 12px;\n\t\t\tfont-size: 11px;\n\t\t\tfont-weight: 700;\n\t\t\tletter-spacing: 0.14em;\n\t\t\ttext-transform: uppercase;\n\t\t\tcolor: var(--tif-home-accent-deep);\n\t\t}\n\n\t\t.tif-home-summary__value {\n\t\t\tfont-size: clamp(34px, 3vw, 46px);\n\t\t\tline-height: 1;\n\t\t\tcolor: var(--tif-home-ocean);\n\t\t}\n\n\t\t.tif-home-summary__text {\n\t\t\tmargin: 10px 0 0;\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 1.55;\n\t\t\tcolor: var(--tif-home-muted);\n\t\t}\n\n\t\t.tif-home-summary__checklist {\n\t\t\tmargin: 0;\n\t\t\tpadding-left: 18px;\n\t\t\tcolor: var(--tif-home-ink);\n\t\t\tline-height: 1.7;\n\t\t}\n\n\t\t.tif-home-summary__checklist li + li {\n\t\t\tmargin-top: 8px;\n\t\t}\n\n\t\t.tif-home-overview,\n\t\t.tif-home-featured {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(3, minmax(0, 1fr));\n\t\t\tgap: 18px;\n\t\t}\n\n\t\t.tif-home-overview {\n\t\t\tmargin: 20px 0 0;\n\t\t}\n\n\t\t.tif-home-overview__card {\n\t\t\tpadding: 24px;\n\t\t\tbackground: linear-gradient(180deg, #fff8ee 0%, #fffdf8 100%);\n\t\t}\n\n\t\t.tif-home-overview__eyebrow,\n\t\t.tif-home-section__eyebrow {\n\t\t\tcolor: var(--tif-home-accent-deep);\n\t\t}\n\n\t\t.tif-home-overview__card h3,\n\t\t.tif-home-featured__card h3,\n\t\t.tif-home-section__header h2 {\n\t\t\tmargin: 0;\n\t\t\tcolor: var(--tif-home-ink);\n\t\t}\n\n\t\t.tif-home-overview__card p:last-child,\n\t\t.tif-home-section__header p,\n\t\t.tif-home-featured__text,\n\t\t.tif-home-featured__meta {\n\t\t\tcolor: var(--tif-home-muted);\n\t\t\tline-height: 1.6;\n\t\t}\n\n\t\t.tif-home-section {\n\t\t\tmargin-top: 20px;\n\t\t\tpadding: 28px;\n\t\t\tborder-radius: 30px;\n\t\t\tbackground: linear-gradient(180deg, rgba(255, 250, 242, 0.95), rgba(247, 240, 226, 0.95));\n\t\t\tborder: 1px solid var(--tif-home-line);\n\t\t}\n\n\t\t.tif-home-section__header {\n\t\t\tmargin-bottom: 20px;\n\t\t\tmax-width: 720px;\n\t\t}\n\n\t\t.tif-home-section__header h2 {\n\t\t\tfont-size: clamp(28px, 3vw, 42px);\n\t\t\tline-height: 1.08;\n\t\t}\n\n\t\t.tif-home-provinces {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tgap: 12px;\n\t\t}\n\n\t\t.tif-home-province-btn {\n\t\t\tpadding: 12px 16px;\n\t\t\tborder-radius: 999px;\n\t\t\tborder: 1px solid rgba(21, 48, 71, 0.12);\n\t\t\tbackground: #ffffff;\n\t\t\tcolor: var(--tif-home-ink);\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 600;\n\t\t\tcursor: pointer;\n\t\t\ttransition: transform 0.18s ease, background 0.18s ease, color 0.18s ease, border-color 0.18s ease;\n\t\t}\n\n\t\t.tif-home-province-btn:hover {\n\t\t\ttransform: translateY(-1px);\n\t\t\tbackground: var(--tif-home-ocean);\n\t\t\tborder-color: var(--tif-home-ocean);\n\t\t\tcolor: #ffffff;\n\t\t}\n\n\t\t.tif-home-featured__card {\n\t\t\tposition: relative;\n\t\t\tpadding: 22px;\n\t\t\ttext-decoration: none;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.tif-home-featured__accent {\n\t\t\twidth: 48px;\n\t\t\theight: 6px;\n\t\t\tmargin-bottom: 16px;\n\t\t\tborder-radius: 999px;\n\t\t\tbackground: linear-gradient(90deg, #1d567c, #e69a2e);\n\t\t}\n\n\t\t.tif-home-featured__meta {\n\t\t\tmargin: 10px 0 6px;\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: 700;\n\t\t\tletter-spacing: 0.03em;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\n\t\t.tif-home-featured__text {\n\t\t\tmargin: 0;\n\t\t\tfont-size: 14px;\n\t\t}\n\n\t\t@media (max-width: 900px) {\n\t\t\t.tif-home-overview,\n\t\t\t.tif-home-featured,\n\t\t\t.tif-home-summary__grid {\n\t\t\t\tgrid-template-columns: 1fr;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: 700px) {\n\t\t\t.tif-homepage {\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\twidth: calc(100vw - 40px);\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 20px 0;\n\t\t\t}\n\n\t\t\t.tif-home-brandbar {\n\t\t\t\tgap: 10px;\n\t\t\t\tpadding: 0 0 10px;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: flex-start;\n\t\t\t}\n\n\t\t\t.tif-home-brandbar__brand {\n\t\t\t\tfont-size: clamp(24px, 9vw, 34px);\n\t\t\t}\n\n\t\t\t.tif-home-brandbar__meta {\n\t\t\t\tfont-size: 11px;\n\t\t\t\tletter-spacing: 0.12em;\n\t\t\t}\n\n\t\t\t.tif-home-hero {\n\t\t\t\tpadding: 20px;\n\t\t\t\tborder-radius: 22px;\n\t\t\t}\n\n\t\t\t.tif-home-hero__halo--one {\n\t\t\t\ttop: -70px;\n\t\t\t\tright: -80px;\n\t\t\t\twidth: 220px;\n\t\t\t\theight: 220px;\n\t\t\t}\n\n\t\t\t.tif-home-hero__halo--two {\n\t\t\t\tbottom: -90px;\n\t\t\t\tleft: -90px;\n\t\t\t\twidth: 230px;\n\t\t\t\theight: 230px;\n\t\t\t}\n\n\t\t\t.tif-home-section {\n\t\t\t\tmargin-top: 20px;\n\t\t\t\tpadding: 20px;\n\t\t\t\tborder-radius: 22px;\n\t\t\t}\n\n\t\t\t.tif-home-hero__eyebrow,\n\t\t\t.tif-home-section__eyebrow,\n\t\t\t.tif-home-overview__eyebrow,\n\t\t\t.tif-home-hero__panel-kicker {\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t\tfont-size: 11px;\n\t\t\t\tletter-spacing: 0.12em;\n\t\t\t}\n\n\t\t\t.tif-home-hero__title {\n\t\t\t\tfont-size: clamp(24px, 12vw, 46px);\n\t\t\t\tline-height: 1.02;\n\t\t\t\tmax-width: 10ch;\n\t\t\t}\n\n\t\t\t.tif-home-hero__lead {\n\t\t\t\tmargin-top: 14px;\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 1.5;\n\t\t\t}\n\n\t\t\t.tif-home-hero__pills {\n\t\t\t\tgap: 8px;\n\t\t\t\tmargin: 18px 0 18px;\n\t\t\t}\n\n\t\t\t.tif-home-hero__pills span {\n\t\t\t\tpadding: 6px 10px;\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\n\t\t\t.tif-home-summary__card,\n\t\t\t.tif-home-overview__card,\n\t\t\t.tif-home-featured__card,\n\t\t\t.tif-home-search__card,\n\t\t\t.tif-home-search__empty {\n\t\t\t\tborder-radius: 18px;\n\t\t\t}\n\n\t\t\t.tif-home-summary__card,\n\t\t\t.tif-home-overview__card,\n\t\t\t.tif-home-featured__card {\n\t\t\t\tpadding: 20px;\n\t\t\t}\n\n\t\t\t.tif-home-overview,\n\t\t\t.tif-home-featured {\n\t\t\t\tgap: 12px;\n\t\t\t}\n\n\t\t\t.tif-home-overview__card p:last-child,\n\t\t\t.tif-home-featured__text,\n\t\t\t.tif-home-featured__meta,\n\t\t\t.tif-home-section__header p {\n\t\t\t\tfont-size: 14px;\n\t\t\t}\n\n\t\t\t.tif-home-section__header {\n\t\t\t\tmargin-bottom: 14px;\n\t\t\t}\n\n\t\t\t.tif-home-section__header h2 {\n\t\t\t\tfont-size: clamp(24px, 8vw, 32px);\n\t\t\t\tline-height: 1.1;\n\t\t\t}\n\n\t\t\t.tif-home-provinces {\n\t\t\t\tgap: 8px;\n\t\t\t}\n\n\t\t\t.tif-home-province-btn {\n\t\t\t\tpadding: 10px 12px;\n\t\t\t\tfont-size: 13px;\n\t\t\t}\n\n\t\t\t.tif-home-search__form {\n\t\t\t\tgrid-template-columns: 1fr;\n\t\t\t\tgap: 10px;\n\t\t\t}\n\n\t\t\t.tif-home-search__form input,\n\t\t\t.tif-home-search__form button {\n\t\t\t\tmin-height: 54px;\n\t\t\t\tborder-radius: 16px;\n\t\t\t\tfont-size: 15px;\n\t\t\t}\n\n\t\t\t.tif-home-search__form input {\n\t\t\t\tpadding: 0 16px;\n\t\t\t}\n\n\t\t\t.tif-home-search__help,\n\t\t\t.tif-home-search__status {\n\t\t\t\tfont-size: 13px;\n\t\t\t}\n\n\t\t\t.tif-home-search__results {\n\t\t\t\tgrid-template-columns: 1fr;\n\t\t\t\tgap: 10px;\n\t\t\t}\n\n\t\t\t.tif-home-search__card {\n\t\t\t\tpadding: 16px;\n\t\t\t}\n\n\t\t\t.tif-home-search__card-title {\n\t\t\t\tfont-size: 18px;\n\t\t\t}\n\t\t}\n\t<\/style>\n\n\t<script>\n\t\t(function() {\n\t\t\tvar form = document.getElementById('tif-home-search-form');\n\t\t\tvar input = document.getElementById('tif-home-waterbody-input');\n\t\t\tvar status = document.getElementById('tif-home-search-status');\n\t\t\tvar results = document.getElementById('tif-home-search-results');\n\t\t\tvar provinceButtons = document.querySelectorAll('.tif-home-province-btn');\n\t\t\tvar endpoint = \"https:\\\/\\\/waterinfo.ca\\\/index.php?rest_route=\\\/tif\\\/v1\\\/waterbody-search\";\n\t\t\tvar timer = null;\n\t\t\tvar controller = null;\n\n\t\t\tif (!form || !input || !status || !results) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfunction escapeHtml(value) {\n\t\t\t\treturn String(value || '').replace(\/[&<>\"']\/g, function(char) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t'&': '&amp;',\n\t\t\t\t\t\t'<': '&lt;',\n\t\t\t\t\t\t'>': '&gt;',\n\t\t\t\t\t\t'\"': '&quot;',\n\t\t\t\t\t\t\"'\": '&#039;'\n\t\t\t\t\t}[char];\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tfunction renderResults(items, term, provinceLabel) {\n\t\t\t\tif (!items.length) {\n\t\t\t\t\tif (provinceLabel) {\n\t\t\t\t\t\tresults.innerHTML = '<div class=\"tif-home-search__empty\">No waterbody pages found in ' + escapeHtml(provinceLabel) + ' yet.<\/div>';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tresults.innerHTML = '<div class=\"tif-home-search__empty\">No waterbody pages found for \"' + escapeHtml(term) + '\".<\/div>';\n\t\t\t\t\t}\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tresults.innerHTML = items.map(function(item) {\n\t\t\t\t\tvar meta = [];\n\n\t\t\t\t\tif (item.province) {\n\t\t\t\t\t\tmeta.push(escapeHtml(item.province) + ', Canada');\n\t\t\t\t\t}\n\n\t\t\t\t\tif (item.species) {\n\t\t\t\t\t\tmeta.push('Fish: ' + escapeHtml(item.species));\n\t\t\t\t\t}\n\n\t\t\t\t\treturn '' +\n\t\t\t\t\t\t'<a class=\"tif-home-search__card\" href=\"' + escapeHtml(item.url) + '\">' +\n\t\t\t\t\t\t\t'<h3 class=\"tif-home-search__card-title\">' + escapeHtml(item.title) + '<\/h3>' +\n\t\t\t\t\t\t\t'<div class=\"tif-home-search__card-meta\">' + meta.join(' | ') + '<\/div>' +\n\t\t\t\t\t\t'<\/a>';\n\t\t\t\t}).join('');\n\t\t\t}\n\n\t\t\tfunction runSearch(term, province) {\n\t\t\t\tvar provinceLabel = '';\n\n\t\t\t\tif (province) {\n\t\t\t\t\tprovinceButtons.forEach(function(button) {\n\t\t\t\t\t\tif (button.getAttribute('data-province') === province) {\n\t\t\t\t\t\t\tprovinceLabel = button.textContent.trim();\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tif (!province && term.length < 2) {\n\t\t\t\t\tstatus.textContent = 'Type at least 2 letters to search.';\n\t\t\t\t\tresults.innerHTML = '';\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (controller) {\n\t\t\t\t\tcontroller.abort();\n\t\t\t\t}\n\n\t\t\t\tcontroller = new AbortController();\n\t\t\t\tstatus.textContent = province ? ('Loading waterbodies in ' + provinceLabel + '...') : 'Searching waterbodies...';\n\n\t\t\t\tvar url = endpoint + '?q=' + encodeURIComponent(term);\n\t\t\t\tif (province) {\n\t\t\t\t\turl += '&province=' + encodeURIComponent(province);\n\t\t\t\t}\n\n\t\t\t\tfetch(url, { signal: controller.signal })\n\t\t\t\t\t.then(function(response) { return response.json(); })\n\t\t\t\t\t.then(function(data) {\n\t\t\t\t\t\tvar items = data && data.results ? data.results : [];\n\t\t\t\t\t\tif (province) {\n\t\t\t\t\t\t\tstatus.textContent = items.length ? (items.length + ' result' + (items.length === 1 ? '' : 's') + ' in ' + provinceLabel + '.') : ('No pages in ' + provinceLabel + ' yet.');\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tstatus.textContent = items.length ? items.length + ' result' + (items.length === 1 ? '' : 's') + ' found.' : 'No matches found.';\n\t\t\t\t\t\t}\n\t\t\t\t\t\trenderResults(items, term, provinceLabel);\n\t\t\t\t\t})\n\t\t\t\t\t.catch(function(error) {\n\t\t\t\t\t\tif (error.name === 'AbortError') {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstatus.textContent = 'Search is unavailable right now.';\n\t\t\t\t\t\tresults.innerHTML = '';\n\t\t\t\t\t});\n\t\t\t}\n\n\t\t\tinput.addEventListener('input', function() {\n\t\t\t\tvar term = this.value.trim();\n\t\t\t\tclearTimeout(timer);\n\t\t\t\ttimer = setTimeout(function() {\n\t\t\t\t\trunSearch(term, '');\n\t\t\t\t}, 250);\n\t\t\t});\n\n\t\t\tform.addEventListener('submit', function(event) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\trunSearch(input.value.trim(), '');\n\t\t\t});\n\n\t\t\tprovinceButtons.forEach(function(button) {\n\t\t\t\tbutton.addEventListener('click', function() {\n\t\t\t\t\tvar province = this.getAttribute('data-province') || '';\n\t\t\t\t\tinput.value = '';\n\t\t\t\t\trunSearch('', province);\n\t\t\t\t});\n\t\t\t});\n\n\t\t\tstatus.textContent = 'Type at least 2 letters to search.';\n\t\t})();\n\t<\/script>\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-133","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/waterinfo.ca\/index.php?rest_route=\/wp\/v2\/pages\/133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/waterinfo.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/waterinfo.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/waterinfo.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/waterinfo.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=133"}],"version-history":[{"count":2,"href":"https:\/\/waterinfo.ca\/index.php?rest_route=\/wp\/v2\/pages\/133\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/waterinfo.ca\/index.php?rest_route=\/wp\/v2\/pages\/133\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/waterinfo.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}