{"id":13,"date":"2026-05-11T09:31:49","date_gmt":"2026-05-11T09:31:49","guid":{"rendered":"https:\/\/haroon.biz\/dev\/lobstick\/?page_id=13"},"modified":"2026-05-18T07:27:59","modified_gmt":"2026-05-18T07:27:59","slug":"home","status":"publish","type":"page","link":"https:\/\/haroon.biz\/dev\/lobstick\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f7bfdd e-con-full e-flex e-con e-parent\" data-id=\"2f7bfdd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56526d6 elementor-widget elementor-widget-hero_lobstick\" data-id=\"56526d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hero_lobstick.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<section id=\"hero\" class=\"relative min-h-screen flex flex-col justify-center overflow-hidden bg-primary-deep\">\n\n  <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/haroon.biz\/dev\/lobstick\/wp-content\/uploads\/2026\/05\/hero-lobstick-bay-xFtnjj_A.jpg\"\n       alt=\"Sunset over a calm Northwestern Ontario lake with pine tree silhouettes\"\n       width=\"1920\" height=\"1080\"\n       class=\"absolute inset-0 h-full w-full object-cover\">\n\n  <div class=\"absolute inset-0 bg-primary-deep\/20\"><\/div>\n  <div class=\"absolute inset-0 bg-gradient-to-r from-primary-deep\/85 via-primary-deep\/45 to-transparent\"><\/div>\n  <div class=\"absolute inset-x-0 bottom-0 h-1\/3 bg-gradient-to-t from-primary-deep\/60 to-transparent\"><\/div>\n\n  <div class=\"relative px-8 sm:px-14 lg:px-24 py-24 max-w-6xl\">\n\n    <h1 class=\"font-display text-white text-[clamp(2.6rem,6vw,5.5rem)] leading-[1.02] font-light max-w-4xl drop-shadow-[0_2px_24px_rgba(0,0,0,0.55)]\"\n        style=\"opacity: 1; transform: none;\">\n      Practical leadership for      <span class=\"italic text-[hsl(var(--highlight))]\">people<\/span>,\n      <span class=\"italic text-[hsl(var(--highlight))]\">projects<\/span>, and the\n      <span class=\"italic text-[hsl(var(--highlight))]\">moments<\/span>\n      that matter.    <\/h1>\n\n    <p class=\"mt-10 max-w-xl text-white\/95 text-lg leading-relaxed drop-shadow-[0_1px_12px_rgba(0,0,0,0.5)]\"\n       style=\"opacity: 1; transform: none;\">\n      Practical HR solutions and thoughtfully designed events and experiences for organizations and individuals across Northwestern Ontario \u2013 grounded in practical expertise, thoughtful partnership, sensitivity, and a commitment to excellence.    <\/p>\n\n    <div class=\"mt-12 flex flex-wrap items-center gap-6\" style=\"opacity: 1; transform: none;\">\n\n      <a href=\"#contact\"\n         class=\"group inline-flex items-center gap-3 bg-[hsl(var(--highlight))] text-primary-deep px-7 py-4 text-sm tracking-wide uppercase font-medium hover:bg-white transition-colors\">\n        Book a Consultation        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n             fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\n             stroke-linecap=\"round\" stroke-linejoin=\"round\"\n             class=\"lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1\">\n          <path d=\"M5 12h14\"><\/path>\n          <path d=\"m12 5 7 7-7 7\"><\/path>\n        <\/svg>\n      <\/a>\n\n      <a href=\"#services\"\n         class=\"group inline-flex items-center gap-2 text-white text-sm tracking-wide uppercase border-b border-white\/50 hover:border-[hsl(var(--highlight))] hover:text-[hsl(var(--highlight))] pb-1 transition-colors\">\n        Explore Services      <\/a>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"absolute bottom-10 left-8 sm:left-14 lg:left-24 flex items-center gap-3 text-white\/60\">\n    <span class=\"h-10 w-px bg-white\/40\"><\/span>\n    <span class=\"text-eyebrow\">Scroll<\/span>\n  <\/div>\n\n<\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86521ef e-con-full e-flex e-con e-parent\" data-id=\"86521ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-439ac2f elementor-widget elementor-widget-scenarios_section\" data-id=\"439ac2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"scenarios_section.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<section id=\"scenarios\" class=\"bg-background\">\n\n  <div class=\"grid grid-cols-1 md:grid-cols-4\">\n        <div style=\"opacity: 1; transform: none;\">\n      <div class=\"bg-primary text-primary-foreground flex flex-col items-center justify-center text-center px-8 py-16 lg:py-24 h-full min-h-[260px]\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                  fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.25\"\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                  class=\"lucide lucide-building2 h-10 w-10 mb-8 opacity-80\">\n                <path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"><\/path>\n                <path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\"><\/path>\n                <path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\"><\/path>\n                <path d=\"M10 6h4\"><\/path><path d=\"M10 10h4\"><\/path>\n                <path d=\"M10 14h4\"><\/path><path d=\"M10 18h4\"><\/path><\/svg>        <p class=\"font-display text-xl lg:text-2xl font-light leading-snug max-w-[18rem]\">\n          No dedicated HR - and need to create\nmanuals, handbooks, or job\ndescriptions that meet compliance?        <\/p>\n      <\/div>\n    <\/div>\n        <div style=\"opacity: 1; transform: none;\">\n      <div class=\"bg-secondary text-primary flex flex-col items-center justify-center text-center px-8 py-16 lg:py-24 h-full min-h-[260px]\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                  fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.25\"\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                  class=\"lucide lucide-users h-10 w-10 mb-8 opacity-80\">\n                <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n                <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>        <p class=\"font-display text-xl lg:text-2xl font-light leading-snug max-w-[18rem]\">\n          Growing fast and need HR policy that actually fits?        <\/p>\n      <\/div>\n    <\/div>\n        <div style=\"opacity: 1; transform: none;\">\n      <div class=\"bg-accent\/20 text-primary flex flex-col items-center justify-center text-center px-8 py-16 lg:py-24 h-full min-h-[260px]\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                  fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.25\"\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                  class=\"lucide lucide-hard-hat h-10 w-10 mb-8 opacity-80\">\n                <path d=\"M10 10V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5\"><\/path>\n                <path d=\"M14 6a6 6 0 0 1 6 6v3\"><\/path>\n                <path d=\"M4 15v-3a6 6 0 0 1 6-6\"><\/path>\n                <rect x=\"2\" y=\"15\" width=\"20\" height=\"4\" rx=\"1\"><\/rect><\/svg>        <p class=\"font-display text-xl lg:text-2xl font-light leading-snug max-w-[18rem]\">\n          Starting a new business in\nNorthwestern Ontario and need local\nHR expertise?        <\/p>\n      <\/div>\n    <\/div>\n        <div style=\"opacity: 1; transform: none;\">\n      <div class=\"bg-muted text-primary flex flex-col items-center justify-center text-center px-8 py-16 lg:py-24 h-full min-h-[260px]\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                  fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.25\"\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                  class=\"lucide lucide-lightbulb h-10 w-10 mb-8 opacity-80\">\n                <path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\"><\/path>\n                <path d=\"M9 18h6\"><\/path>\n                <path d=\"M10 22h4\"><\/path><\/svg>        <p class=\"font-display text-xl lg:text-2xl font-light leading-snug max-w-[18rem]\">\n          Have an event in mind - but need help\nto turn ideas into seamless, standout\nexperiences?        <\/p>\n      <\/div>\n    <\/div>\n      <\/div>\n\n  <div class=\"bg-background px-6 sm:px-10 lg:px-20 py-20 lg:py-24\">\n    <div style=\"opacity: 1; transform: none;\">\n      <p class=\"text-center font-display italic text-primary text-2xl lg:text-3xl font-light\">\n        If any of these feel familiar, you&#039;re in the right place.      <\/p>\n    <\/div>\n  <\/div>\n\n<\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8806362 e-con-full e-flex e-con e-parent\" data-id=\"8806362\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03b2e4a elementor-widget elementor-widget-how_we_work\" data-id=\"03b2e4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"how_we_work.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <section id=\"how-we-work\" class=\"bg-secondary\">\n            <div class=\"px-6 sm:px-10 lg:px-20 py-24 lg:py-32\">\n                <div class=\"max-w-3xl mx-auto text-center\">\n\n                    <div style=\"opacity: 1; transform: none;\">\n                        <p class=\"font-display text-primary text-2xl lg:text-3xl font-light leading-snug\">\n                            Lobstick Total Solutions is ready to meet you                                                            <span class=\"italic\">where you are.<\/span>\n                                                         Whether you&#039;re looking for a bit of guidance on a specific situation, or need an experienced hand to lead a project from start to finish - we have the experience to help.                        <\/p>\n                    <\/div>\n\n                                            <div style=\"opacity: 1; transform: none;\">\n                            <p class=\"mt-8 text-primary\/70 text-lg lg:text-xl font-light\">\n                                Browse our services below and get in touch.                            <\/p>\n                        <\/div>\n                    \n                <\/div>\n            <\/div>\n        <\/section>\n\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c79e71 e-con-full e-flex e-con e-parent\" data-id=\"8c79e71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00712ff elementor-widget elementor-widget-services_widget\" data-id=\"00712ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"services_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <section id=\"services\" class=\"bg-background\">\r\n\r\n            <div class=\"px-6 sm:px-10 lg:px-20 py-24 lg:py-36\">\r\n\r\n                <div class=\"grid lg:grid-cols-12 gap-12 lg:gap-16 mb-16 lg:mb-24\">\r\n\r\n                    <div class=\"lg:col-span-4\">\r\n\r\n                        <div style=\"opacity: 1; transform: none;\">\r\n\r\n                            <div class=\"text-eyebrow text-accent mb-6\">\r\n                                - Services                            <\/div>\r\n\r\n                            <h2 class=\"font-display text-primary text-4xl lg:text-5xl font-light leading-[1.05]\">\r\n                                Three pillars.<br><span class=\"italic\">One steady hand.<\/span>                            <\/h2>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"lg:col-span-7 lg:col-start-6\">\r\n\r\n                        <div style=\"opacity: 1; transform: none;\">\r\n\r\n                            <p class=\"text-primary\/75 text-lg leading-relaxed\">\r\n                                Lobstick brings over 25 years of\nexpertise in HR, project coordination,\nand Event &amp; Experience planning - for\nclients who value experience,\norganization, and excellence, from the\nfirst conversation to the final moment.                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"border-t border-border services-accordion\">\r\n\r\n                    \r\n                        <div style=\"opacity: 1; transform: none;\">\r\n\r\n                            <div class=\"border-b border-border service-item\">\r\n\r\n                                <button class=\"service-toggle w-full text-left py-8 lg:py-10 grid grid-cols-12 gap-6 items-start group\">\r\n\r\n                                    <span class=\"col-span-2 lg:col-span-1 text-eyebrow text-accent pt-2\">\r\n                                        01                                    <\/span>\r\n\r\n                                    <div class=\"col-span-8 lg:col-span-8\">\r\n\r\n                                        <h3 class=\"font-display text-2xl lg:text-4xl font-light text-primary group-hover:text-accent transition-colors\">\r\n                                            Core HR Services                                        <\/h3>\r\n\r\n                                        <p class=\"mt-2 text-primary\/60 text-base lg:text-lg max-w-2xl\">\r\n                                            Practical, people-focused HR consulting, on the cadence your organization actually needs.                                        <\/p>\r\n\r\n                                    <\/div>\r\n\r\n                                    <span class=\"col-span-2 lg:col-span-3 flex justify-end pt-2\">\r\n\r\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                             width=\"24\"\r\n                                             height=\"24\"\r\n                                             viewBox=\"0 0 24 24\"\r\n                                             fill=\"none\"\r\n                                             stroke=\"currentColor\"\r\n                                             stroke-width=\"2\"\r\n                                             stroke-linecap=\"round\"\r\n                                             stroke-linejoin=\"round\"\r\n                                             class=\"service-icon lucide lucide-plus h-5 w-5 text-primary transition-transform duration-500 rotate-45\">\r\n\r\n                                            <path d=\"M5 12h14\"><\/path>\r\n                                            <path d=\"M12 5v14\"><\/path>\r\n\r\n                                        <\/svg>\r\n\r\n                                    <\/span>\r\n\r\n                                <\/button>\r\n\r\n                                <div class=\"service-content overflow-hidden transition-all duration-500\"\r\n                                     style=\"height:auto; opacity:1;\">\r\n\r\n                                    <div class=\"grid grid-cols-12 gap-6 pb-10 lg:pb-12\">\r\n\r\n                                        <div class=\"col-start-3 col-span-9 lg:col-start-2 lg:col-span-7\">\r\n\r\n                                            <p class=\"text-primary\/80 text-base lg:text-lg leading-relaxed\">\r\n                                                Smart HR strategies. Practical people solutions. Lobstick Total Solutions helps organizations simplify the complex \u2013 with clear policies, strong frameworks, and trusted, experienced HR guidance that supports businesses to move forward with confidence.                                            <\/p>\r\n\r\n                                        <\/div>\r\n\r\n                                        <ul class=\"col-start-3 col-span-9 lg:col-start-9 lg:col-span-4 space-y-3 mt-2\">\r\n\r\n                                            \r\n                                                <li class=\"flex items-start gap-3 text-sm text-primary\/75\">\r\n\r\n                                                    <span class=\"mt-2 h-px w-4 bg-accent shrink-0\"><\/span>\r\n\r\n                                                    Organizational handbooks, guides, employment manuals and safety manuals\r\n                                                <\/li>\r\n\r\n                                            \r\n                                                <li class=\"flex items-start gap-3 text-sm text-primary\/75\">\r\n\r\n                                                    <span class=\"mt-2 h-px w-4 bg-accent shrink-0\"><\/span>\r\n\r\n                                                    Policy development, review, revisions\r\n                                                <\/li>\r\n\r\n                                            \r\n                                                <li class=\"flex items-start gap-3 text-sm text-primary\/75\">\r\n\r\n                                                    <span class=\"mt-2 h-px w-4 bg-accent shrink-0\"><\/span>\r\n\r\n                                                    Job description reviews, development and revisions\r\n                                                <\/li>\r\n\r\n                                            \r\n                                                <li class=\"flex items-start gap-3 text-sm text-primary\/75\">\r\n\r\n                                                    <span class=\"mt-2 h-px w-4 bg-accent shrink-0\"><\/span>\r\n\r\n                                                    HR advisory support for small, independent, and growing businesses, committees, agencies and non-profits\r\n                                                <\/li>\r\n\r\n                                            \r\n                                        <\/ul>\r\n\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    \r\n                        <div style=\"opacity: 1; transform: none;\">\r\n\r\n                            <div class=\"border-b border-border service-item\">\r\n\r\n                                <button class=\"service-toggle w-full text-left py-8 lg:py-10 grid grid-cols-12 gap-6 items-start group\">\r\n\r\n                                    <span class=\"col-span-2 lg:col-span-1 text-eyebrow text-accent pt-2\">\r\n                                        02                                    <\/span>\r\n\r\n                                    <div class=\"col-span-8 lg:col-span-8\">\r\n\r\n                                        <h3 class=\"font-display text-2xl lg:text-4xl font-light text-primary group-hover:text-accent transition-colors\">\r\n                                            Project and Operational support                                        <\/h3>\r\n\r\n                                        <p class=\"mt-2 text-primary\/60 text-base lg:text-lg max-w-2xl\">\r\n                                            Order, accountability, and follow-through for the work that has to land.                                        <\/p>\r\n\r\n                                    <\/div>\r\n\r\n                                    <span class=\"col-span-2 lg:col-span-3 flex justify-end pt-2\">\r\n\r\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                             width=\"24\"\r\n                                             height=\"24\"\r\n                                             viewBox=\"0 0 24 24\"\r\n                                             fill=\"none\"\r\n                                             stroke=\"currentColor\"\r\n                                             stroke-width=\"2\"\r\n                                             stroke-linecap=\"round\"\r\n                                             stroke-linejoin=\"round\"\r\n                                             class=\"service-icon lucide lucide-plus h-5 w-5 text-primary transition-transform duration-500 \">\r\n\r\n                                            <path d=\"M5 12h14\"><\/path>\r\n                                            <path d=\"M12 5v14\"><\/path>\r\n\r\n                                        <\/svg>\r\n\r\n                                    <\/span>\r\n\r\n                                <\/button>\r\n\r\n                                <div class=\"service-content overflow-hidden transition-all duration-500\"\r\n                                     style=\"height:0; opacity:0;\">\r\n\r\n                                    <div class=\"grid grid-cols-12 gap-6 pb-10 lg:pb-12\">\r\n\r\n                                        <div class=\"col-start-3 col-span-9 lg:col-start-2 lg:col-span-7\">\r\n\r\n                                            <p class=\"text-primary\/80 text-base lg:text-lg leading-relaxed\">\r\n                                                Disciplined project leadership for HR, operational, and change initiatives. Clear scope, honest status, and the steady hand needed to move plans into outcomes - on time, within budget, and to specification.                                            <\/p>\r\n\r\n                                        <\/div>\r\n\r\n                                        <ul class=\"col-start-3 col-span-9 lg:col-start-9 lg:col-span-4 space-y-3 mt-2\">\r\n\r\n                                            \r\n                                                <li class=\"flex items-start gap-3 text-sm text-primary\/75\">\r\n\r\n                                                    <span class=\"mt-2 h-px w-4 bg-accent shrink-0\"><\/span>\r\n\r\n                                                    Freelance, contract or project based support\r\n                                                <\/li>\r\n\r\n                                            \r\n                                                <li class=\"flex items-start gap-3 text-sm text-primary\/75\">\r\n\r\n                                                    <span class=\"mt-2 h-px w-4 bg-accent shrink-0\"><\/span>\r\n\r\n                                                    End-to-end logistics\r\n                                                <\/li>\r\n\r\n                                            \r\n                                                <li class=\"flex items-start gap-3 text-sm text-primary\/75\">\r\n\r\n                                                    <span class=\"mt-2 h-px w-4 bg-accent shrink-0\"><\/span>\r\n\r\n                                                    Budget management and vendor coordination\r\n                                                <\/li>\r\n\r\n                                            \r\n                                        <\/ul>\r\n\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    \r\n                        <div style=\"opacity: 1; transform: none;\">\r\n\r\n                            <div class=\"border-b border-border service-item\">\r\n\r\n                                <button class=\"service-toggle w-full text-left py-8 lg:py-10 grid grid-cols-12 gap-6 items-start group\">\r\n\r\n                                    <span class=\"col-span-2 lg:col-span-1 text-eyebrow text-accent pt-2\">\r\n                                        03                                    <\/span>\r\n\r\n                                    <div class=\"col-span-8 lg:col-span-8\">\r\n\r\n                                        <h3 class=\"font-display text-2xl lg:text-4xl font-light text-primary group-hover:text-accent transition-colors\">\r\n                                            Event and Experience Planning                                        <\/h3>\r\n\r\n                                        <p class=\"mt-2 text-primary\/60 text-base lg:text-lg max-w-2xl\">\r\n                                            When the details matter, experience\nmakes the difference.                                        <\/p>\r\n\r\n                                    <\/div>\r\n\r\n                                    <span class=\"col-span-2 lg:col-span-3 flex justify-end pt-2\">\r\n\r\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                             width=\"24\"\r\n                                             height=\"24\"\r\n                                             viewBox=\"0 0 24 24\"\r\n                                             fill=\"none\"\r\n                                             stroke=\"currentColor\"\r\n                                             stroke-width=\"2\"\r\n                                             stroke-linecap=\"round\"\r\n                                             stroke-linejoin=\"round\"\r\n                                             class=\"service-icon lucide lucide-plus h-5 w-5 text-primary transition-transform duration-500 \">\r\n\r\n                                            <path d=\"M5 12h14\"><\/path>\r\n                                            <path d=\"M12 5v14\"><\/path>\r\n\r\n                                        <\/svg>\r\n\r\n                                    <\/span>\r\n\r\n                                <\/button>\r\n\r\n                                <div class=\"service-content overflow-hidden transition-all duration-500\"\r\n                                     style=\"height:0; opacity:0;\">\r\n\r\n                                    <div class=\"grid grid-cols-12 gap-6 pb-10 lg:pb-12\">\r\n\r\n                                        <div class=\"col-start-3 col-span-9 lg:col-start-2 lg:col-span-7\">\r\n\r\n                                            <p class=\"text-primary\/80 text-base lg:text-lg leading-relaxed\">\r\n                                                Thoughtfully designed events. Seamlessly executed experiences. From corporate gatherings to private and signature events, Lobstick Total Solutions partners with organizations, businesses and individuals to create memorable experiences that feel effortless for guests and exceptional for hosts.                                            <\/p>\r\n\r\n                                        <\/div>\r\n\r\n                                        <ul class=\"col-start-3 col-span-9 lg:col-start-9 lg:col-span-4 space-y-3 mt-2\">\r\n\r\n                                            \r\n                                                <li class=\"flex items-start gap-3 text-sm text-primary\/75\">\r\n\r\n                                                    <span class=\"mt-2 h-px w-4 bg-accent shrink-0\"><\/span>\r\n\r\n                                                    Corporate and community events and meetings\r\n                                                <\/li>\r\n\r\n                                            \r\n                                                <li class=\"flex items-start gap-3 text-sm text-primary\/75\">\r\n\r\n                                                    <span class=\"mt-2 h-px w-4 bg-accent shrink-0\"><\/span>\r\n\r\n                                                    Signature and Bespoke events\r\n                                                <\/li>\r\n\r\n                                            \r\n                                                <li class=\"flex items-start gap-3 text-sm text-primary\/75\">\r\n\r\n                                                    <span class=\"mt-2 h-px w-4 bg-accent shrink-0\"><\/span>\r\n\r\n                                                    Private and Milestone events and experiences\r\n                                                <\/li>\r\n\r\n                                            \r\n                                        <\/ul>\r\n\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    \r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"bg-muted\">\r\n\r\n                <div class=\"px-6 sm:px-10 lg:px-20 py-20 lg:py-28\">\r\n\r\n                    <div style=\"opacity: 1; transform: none;\">\r\n\r\n                        <div class=\"max-w-2xl mx-auto text-center\">\r\n\r\n                            <div class=\"text-eyebrow text-accent mb-6\">\r\n                                - Not sure where to start?                            <\/div>\r\n\r\n                            <p class=\"font-display text-primary text-2xl lg:text-3xl font-light leading-snug\">\r\n                                Need help with something else? Reach out. If it falls outside of our scope, we will\nhelp get you connected with the right\nexpert.                            <\/p>\r\n\r\n                            <div class=\"mt-10\">\r\n\r\n                                <a href=\"#contact\"\r\n                                   class=\"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border bg-background h-11 border-primary text-primary hover:bg-primary hover:text-primary-foreground rounded-none px-10\">\r\n\r\n                                    Let&#039;s Chat\r\n                                <\/a>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n        <script>\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n\r\n            const accordions = document.querySelectorAll('#services .service-item');\r\n\r\n            accordions.forEach((item, index) => {\r\n\r\n                const button = item.querySelector('.service-toggle');\r\n                const content = item.querySelector('.service-content');\r\n                const icon = item.querySelector('.service-icon');\r\n\r\n                if(index === 0) {\r\n\r\n                    content.style.height = content.scrollHeight + 'px';\r\n                    content.style.opacity = '1';\r\n\r\n                    icon.classList.add('rotate-45');\r\n\r\n                } else {\r\n\r\n                    content.style.height = '0px';\r\n                    content.style.opacity = '0';\r\n\r\n                }\r\n\r\n                button.addEventListener('click', () => {\r\n\r\n                    const isOpen = content.style.height !== '0px';\r\n\r\n                    accordions.forEach((accordion) => {\r\n\r\n                        const c = accordion.querySelector('.service-content');\r\n                        const i = accordion.querySelector('.service-icon');\r\n\r\n                        c.style.height = '0px';\r\n                        c.style.opacity = '0';\r\n\r\n                        i.classList.remove('rotate-45');\r\n\r\n                    });\r\n\r\n                    if (!isOpen) {\r\n\r\n                        content.style.height = content.scrollHeight + 'px';\r\n                        content.style.opacity = '1';\r\n\r\n                        icon.classList.add('rotate-45');\r\n\r\n                    }\r\n\r\n                });\r\n\r\n            });\r\n\r\n        });\r\n        <\/script>\r\n\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b53c595 e-con-full e-flex e-con e-parent\" data-id=\"b53c595\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18affe5 elementor-widget elementor-widget-why_lobstick\" data-id=\"18affe5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"why_lobstick.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"why\" class=\"bg-secondary\">\n    <div class=\"px-6 sm:px-10 lg:px-20 py-24 lg:py-36\">\n        <div class=\"grid lg:grid-cols-12 gap-12 lg:gap-16\">\n\n            <div class=\"lg:col-span-5\">\n                <div style=\"opacity: 1; transform: none;\">\n                    <div class=\"text-eyebrow text-accent mb-6\">- Why Lobstick<\/div>\n                    <h2 class=\"font-display text-primary text-4xl lg:text-5xl font-light leading-[1.05]\">\n                        Local roots. Real-world experience.<br>\n                        <span class=\"italic\">A steady hand.<\/span>\n                    <\/h2>\n                    <p class=\"mt-8 text-primary\/70 text-lg leading-relaxed max-w-md\">The name Lobstick comes from a traditional M\u00e9tis wayfinding tree - a marker left to guide travellers through unfamiliar territory. That\u2019s the spirit of the work we do.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:col-span-7\">\n                <div class=\"grid sm:grid-cols-2 gap-px bg-border\">\n                                        <div style=\"opacity: 1; transform: none;\">\n                        <div class=\"bg-secondary p-8 lg:p-10 h-full hover:bg-background transition-colors duration-500 group\">\n                            <div class=\"h-px w-8 bg-accent mb-6 origin-left transition-transform duration-500 group-hover:scale-x-[2]\"><\/div>\n                            <h3 class=\"font-display text-xl lg:text-2xl text-primary font-normal mb-3\">Local to the core<\/h3>\n                            <p class=\"text-primary\/65 text-sm leading-relaxed\">Rooted in Northwestern Ontario with over 25 years of experience across the region, as well as across Canada and the U.S., we understand both the local realities and the broader landscapes organizations and individuals navigate.<\/p>\n                        <\/div>\n                    <\/div>\n                                        <div style=\"opacity: 1; transform: none;\">\n                        <div class=\"bg-secondary p-8 lg:p-10 h-full hover:bg-background transition-colors duration-500 group\">\n                            <div class=\"h-px w-8 bg-accent mb-6 origin-left transition-transform duration-500 group-hover:scale-x-[2]\"><\/div>\n                            <h3 class=\"font-display text-xl lg:text-2xl text-primary font-normal mb-3\">Experienced thinking, without the full- time capacity cost.<\/h3>\n                            <p class=\"text-primary\/65 text-sm leading-relaxed\">You benefit from seasoned, professional support on your terms, when you need it, and where it makes the most impact.<\/p>\n                        <\/div>\n                    <\/div>\n                                        <div style=\"opacity: 1; transform: none;\">\n                        <div class=\"bg-secondary p-8 lg:p-10 h-full hover:bg-background transition-colors duration-500 group\">\n                            <div class=\"h-px w-8 bg-accent mb-6 origin-left transition-transform duration-500 group-hover:scale-x-[2]\"><\/div>\n                            <h3 class=\"font-display text-xl lg:text-2xl text-primary font-normal mb-3\">Built for complexity<\/h3>\n                            <p class=\"text-primary\/65 text-sm leading-relaxed\">From small businesses and municipalities, to forestry operations, Indigenous organizations, non-profits, and teams across the public and private sectors - we understand that each operates in its own landscape, with distinct challenges, expectations, and ways of working.<\/p>\n                        <\/div>\n                    <\/div>\n                                        <div style=\"opacity: 1; transform: none;\">\n                        <div class=\"bg-secondary p-8 lg:p-10 h-full hover:bg-background transition-colors duration-500 group\">\n                            <div class=\"h-px w-8 bg-accent mb-6 origin-left transition-transform duration-500 group-hover:scale-x-[2]\"><\/div>\n                            <h3 class=\"font-display text-xl lg:text-2xl text-primary font-normal mb-3\">A guide, not a vendor<\/h3>\n                            <p class=\"text-primary\/65 text-sm leading-relaxed\">You don&#039;t need another vendor, you need a guide who knows the regional terrain. At Lobstick Total Solutions, we walk beside you, helping you navigate your unique journey with practical, locally grounded solutions, tailored to your chosen path.<\/p>\n                        <\/div>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a098ea e-con-full e-flex e-con e-parent\" data-id=\"9a098ea\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85c7637 elementor-widget elementor-widget-founder_section\" data-id=\"85c7637\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"founder_section.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"founder\" class=\"bg-background\">\n    <div class=\"px-6 sm:px-10 lg:px-20 py-24 lg:py-36\">\n        <div class=\"grid lg:grid-cols-12 gap-12 lg:gap-20 items-center\">\n\n            <div class=\"lg:col-span-6\" style=\"opacity: 1; transform: none;\">\n                <div class=\"relative\">\n                    <div class=\"absolute -top-6 -left-6 h-24 w-24 border-l border-t border-accent hidden lg:block\"><\/div>\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/haroon.biz\/dev\/lobstick\/wp-content\/uploads\/2026\/05\/founder-C7zN6Ida.png\" alt=\"Lobstick Total Solutions founder\" loading=\"lazy\" width=\"1024\" height=\"1024\" class=\"w-full h-auto object-cover grayscale-[15%]\">\n                                        <div class=\"absolute -bottom-6 -right-6 h-24 w-24 border-r border-b border-[hsl(var(--highlight))] hidden lg:block\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:col-span-6 lg:col-start-7\">\n\n                <div style=\"opacity: 1; transform: none;\">\n                    <div class=\"text-eyebrow text-accent mb-6\">- Melanie Buffett \u2013 Owner and Principal  Consultant<\/div>\n                    <h2 class=\"font-display text-primary text-4xl lg:text-5xl font-light leading-[1.05]\">\n                        Twenty-five years of listening <span class=\"italic\"><\/span>, leading, and confidently getting things done.                    <\/h2>\n                <\/div>\n\n                <div style=\"opacity: 1; transform: none;\">\n                    <div class=\"mt-10 space-y-5 text-primary\/75 text-lg leading-relaxed max-w-xl\">\n                                                <p>Lobstick Total Solutions was founded on a simple belief: individuals and organizations across Northwestern Ontario deserve HR, project and event leadership that is both highly experienced and deeply rooted in the realities of this region.<\/p>\n                                                                        <p>With over 25 years of experience spanning public sector, private industry, international HR management, and project and event planning, Lobstick brings together local insight and broad-based expertise to deliver practical, effective support. At its core, Lobstick Total Solutions is committed to helping clients succeed through flexible consulting that aligns with your goals, capacity, and values.<\/p>\n                                            <\/div>\n                <\/div>\n\n                                <div style=\"opacity: 1; transform: none;\">\n                    <div class=\"mt-10 flex flex-wrap gap-x-8 gap-y-3 border-t border-border pt-6\">\n                                                <span class=\"text-eyebrow text-primary\/70\">B.A.<\/span>\n                                                <span class=\"text-eyebrow text-primary\/70\">CHRL<\/span>\n                                                <span class=\"text-eyebrow text-primary\/70\">Project Management Certification <\/span>\n                                            <\/div>\n                <\/div>\n                \n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc45042 e-con-full e-flex e-con e-parent\" data-id=\"bc45042\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f29a45 elementor-widget elementor-widget-process_section\" data-id=\"8f29a45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"process_section.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"process\" class=\"bg-primary text-primary-foreground relative overflow-hidden\">\n    <div class=\"px-6 sm:px-10 lg:px-20 py-24 lg:py-36 relative\">\n\n        <div style=\"opacity: 1; transform: none;\">\n            <div class=\"text-eyebrow text-[hsl(var(--highlight))] mb-6\">- Process<\/div>\n            <h2 class=\"font-display text-4xl lg:text-5xl font-light leading-[1.05] max-w-3xl\">Clear steps. Real support. No unnecessary complexity.<\/h2>\n        <\/div>\n\n        <div class=\"mt-16 lg:mt-24 grid md:grid-cols-3 gap-px bg-primary-foreground\/10\">\n                        <div style=\"opacity: 1; transform: none;\">\n                <div class=\"bg-primary p-8 lg:p-12 h-full\">\n                    <div class=\"font-display text-[hsl(var(--accent))] text-5xl lg:text-6xl font-light mb-8\">I<\/div>\n                    <h3 class=\"font-display text-2xl text-primary-foreground font-normal mb-4\">Start with a conversation<\/h3>\n                    <p class=\"text-primary-foreground\/65 text-sm leading-relaxed\">Every successful partnership begins with a conversation. We take the time to understand your unique situation, your goals, and what success looks like for you.<\/p>\n                <\/div>\n            <\/div>\n                        <div style=\"opacity: 1; transform: none;\">\n                <div class=\"bg-primary p-8 lg:p-12 h-full\">\n                    <div class=\"font-display text-[hsl(var(--accent))] text-5xl lg:text-6xl font-light mb-8\">II<\/div>\n                    <h3 class=\"font-display text-2xl text-primary-foreground font-normal mb-4\">Build a tailored plan<\/h3>\n                    <p class=\"text-primary-foreground\/65 text-sm leading-relaxed\">A scoped engagement - clear deliverables, honest timelines, and pricing that respects the work.<\/p>\n                <\/div>\n            <\/div>\n                        <div style=\"opacity: 1; transform: none;\">\n                <div class=\"bg-primary p-8 lg:p-12 h-full\">\n                    <div class=\"font-display text-[hsl(var(--accent))] text-5xl lg:text-6xl font-light mb-8\">III<\/div>\n                    <h3 class=\"font-display text-2xl text-primary-foreground font-normal mb-4\">Deliver with confidence<\/h3>\n                    <p class=\"text-primary-foreground\/65 text-sm leading-relaxed\">Seamless, solid execution. Regular\ncheck-ins, real outcomes, and the\nsupport to make it stick.<\/p>\n                <\/div>\n            <\/div>\n                    <\/div>\n\n    <\/div>\n<\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Practical leadership for people, projects, and the moments that matter. Practical HR solutions and thoughtfully designed events and experiences for organizations and individuals across Northwestern Ontario \u2013 grounded in practical expertise, thoughtful partnership, sensitivity, and a commitment to excellence. Book a Consultation Explore Services Scroll No dedicated HR &#8211; and need to create manuals, handbooks, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/haroon.biz\/dev\/lobstick\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haroon.biz\/dev\/lobstick\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/haroon.biz\/dev\/lobstick\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/haroon.biz\/dev\/lobstick\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/haroon.biz\/dev\/lobstick\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":256,"href":"https:\/\/haroon.biz\/dev\/lobstick\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":331,"href":"https:\/\/haroon.biz\/dev\/lobstick\/wp-json\/wp\/v2\/pages\/13\/revisions\/331"}],"wp:attachment":[{"href":"https:\/\/haroon.biz\/dev\/lobstick\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}