{"id":4814,"date":"2026-10-26T14:39:15","date_gmt":"2026-10-26T14:39:15","guid":{"rendered":"https:\/\/hashtagknights.com\/?page_id=4814"},"modified":"2026-10-30T13:05:07","modified_gmt":"2026-10-30T13:05:07","slug":"mike-legal-case-study","status":"publish","type":"page","link":"https:\/\/hashtagknights.com\/fr\/mike-legal-case-study\/","title":{"rendered":"Mike Legal Case Study"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4814\" class=\"elementor elementor-4814\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7c7a1d e-flex e-con-boxed e-con e-parent\" data-id=\"a7c7a1d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2c0b7b elementor-widget elementor-widget-html\" data-id=\"d2c0b7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n\n<html lang=\"en\"><head><meta charset=\"utf-8\"\/><meta content=\"width=device-width,initial-scale=1\" name=\"viewport\"\/><title>Micheal \u2014 Branding &amp; Web Design Case Study | #KNIGHTS<\/title><meta content=\"Explore Micheal: brand strategy, logo identity, visual design and three focused website previews, presented through nine project deliverables.\" name=\"description\"\/><style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@400;500;600;700;800&display=swap');\n\n.hk-coach{\n  --o:#ff7900;\n  --o2:#b94200;\n  --k:#000000;\n  --k2:#0b0b0b;\n  --k3:#171717;\n  --soft:#F7F5F2;\n  --line:#e7e3df;\n  --text:#666;\n  width:100%;\n  overflow:clip; \n  background:#fff;\n  color:#0b0b0b;\n  font-family:'Geist',Arial,sans-serif!important;\n  -webkit-font-smoothing:antialiased;\n}\n.hk-coach,.hk-coach *,.hk-coach *::before,.hk-coach *::after{box-sizing:border-box}\n.hk-coach h1,.hk-coach h2,.hk-coach h3,.hk-coach h4,.hk-coach p{margin:0!important;padding:0!important;font-family:inherit!important;text-transform:none!important}\n.hk-coach img,.hk-coach video{display:block;width:100%;max-width:100%}\n.hk-coach a{text-decoration:none!important}\n.hk-coach button{font:inherit}\n.hk-coach .hk-wrap{width:100%;max-width:1200px;margin:auto;padding:0 24px}\n.hk-coach .hk-sec{padding:110px 0}\n.hk-coach .hk-soft{background:var(--soft)}\n.hk-coach .hk-dark{background:#0b0b0b;color:#fff}\n.hk-coach .hk-kick{display:block;color:var(--o);font-size:13px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}\n.hk-coach .hk-h2{font-size:clamp(32px,4vw,51px);font-weight:500;letter-spacing:-.047em;line-height:1.1}\n.hk-coach .hk-h2 span{color:var(--o)}\n.hk-coach .hk-sub{color:var(--text);font-size:17px;line-height:1.7;max-width:720px;margin-top:16px!important}\n.hk-coach .hk-btn{\n  display:inline-flex;align-items:center;justify-content:center;gap:21px;\n  min-height:56px;padding:18px 31px;border:1px solid transparent;border-radius:999px;\n  background:linear-gradient(115deg,#c94700 0%,#f57600 52%,#ff8500 100%);\n  color:#fff!important;font-size:15px;font-weight:600;letter-spacing:-.02em;line-height:1.1;\n  transition:background .25s,transform .25s,box-shadow .25s\n}\n.hk-coach .hk-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,106,0,.2);background:linear-gradient(115deg,#df5700,#ff8c00)}\n.hk-coach .hk-btn-outline{background:transparent!important;border:1px solid #fff!important}\n.hk-coach :is(a,button):focus-visible{outline:3px solid #ffb273;outline-offset:3px}\n.hk-coach .hk-hero{\n  background:#000000;color:#fff;position:relative;isolation:isolate;overflow:hidden;\n  padding:74px 0 48px;border-radius:0 0 40px 40px\n}\n.hk-coach .hk-hero::before{\n  content:\"\";position:absolute;z-index:-1;right:-160px;bottom:-290px;width:560px;height:560px;border-radius:50%;\n  background:radial-gradient(circle,rgba(255,121,0,.26),transparent 68%);filter:blur(12px)\n}\n.hk-coach .hk-hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:42px;align-items:center}\n.hk-coach .hk-eyebrow{display:inline-flex;align-items:center;gap:9px;background:#151515;border:1px solid #252525;color:#ccc;padding:6px 14px;border-radius:999px;font-size:12.5px}\n.hk-coach .hk-eyebrow::before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--o);box-shadow:0 0 0 5px rgba(255,121,0,.13)}\n.hk-coach .hk-hero h1{color:#fff;font-size:clamp(38px,4.45vw,60px);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin:20px 0!important}\n.hk-coach .hk-hero h1 span{color:var(--o)}\n.hk-coach .hk-hero-art{min-height:0;aspect-ratio:1625\/832;overflow:hidden;border-radius:26px;border:1px solid #242424;background:#111;position:relative}\n.hk-coach .hk-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}\n.hk-coach .hk-kpis{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid #202020;border-bottom:1px solid #202020}\n.hk-coach .hk-kpi{padding:24px 0}\n.hk-coach .hk-kpi+.hk-kpi{border-left:1px solid #202020;padding-left:28px}\n.hk-coach .hk-kpi b{display:block;color:var(--o);font-size:42px;line-height:1;font-weight:600;letter-spacing:-.05em}\n.hk-coach .hk-kpi span{display:block;color:#888;font-size:13px;margin-top:9px}\n.hk-coach .hk-hero-review{\n  display:inline-flex;\n  align-items:center;\n  gap:14px;\n  margin-top:24px;\n  padding:8px 14px 8px 8px;\n  border:1px solid #2b2b2b;\n  border-radius:999px;\n  background:#0b0b0b;\n}\n.hk-coach .hk-review-person{display:inline-flex;align-items:center;gap:10px;min-width:0}\n.hk-coach .hk-review-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:cover;object-position:center;border:1px solid rgba(255,255,255,.14)}\n.hk-coach .hk-review-id{display:flex;flex-direction:column;line-height:1.08;min-width:0}\n.hk-coach .hk-review-name{color:#fff;font-size:13px;font-weight:600;white-space:nowrap}\n.hk-coach .hk-review-role{margin-top:4px;color:#8f8f8f;font-size:10.5px;font-weight:400;white-space:nowrap}\n.hk-coach .hk-review-sep{width:1px;height:28px;background:#282828;flex:0 0 1px}\n.hk-coach .hk-hero-stars{display:flex;gap:2px;color:var(--o);font-size:17px;letter-spacing:0;white-space:nowrap}\n.hk-coach .hk-hero-review a{display:inline-flex;align-items:center;gap:8px;color:#fff!important;font-size:13px;font-weight:600;white-space:nowrap}\n.hk-coach .hk-hero-review a:hover{color:var(--o)!important}\n@media(max-width:620px){.hk-coach .hk-hero-review{display:grid;grid-template-columns:auto 1fr;width:100%;border-radius:22px;gap:10px 12px;padding:10px}\n.hk-coach .hk-review-person{grid-column:1\/-1}\n.hk-coach .hk-review-sep{display:none}\n.hk-coach .hk-hero-review a{justify-self:end}}\n.hk-coach .hk-overview{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:start;margin-top:50px}\n.hk-coach .hk-overview-copy{font-size:23px;line-height:1.48;letter-spacing:-.02em}\n.hk-coach .hk-overview-copy+.hk-overview-copy{margin-top:22px!important;font-size:19px;color:#444}\n.hk-coach .hk-overview-copy strong{font-weight:600;color:#0b0b0b}\n.hk-coach .hk-facts{border-top:1px solid var(--line)}\n.hk-coach .hk-fact{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}\n.hk-coach .hk-fact span{color:#888}\n.hk-coach .hk-fact strong{font-weight:600}\n.hk-coach .hk-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:26px}\n.hk-coach .hk-tag{padding:7px 11px;border:1px solid #dedbd7;border-radius:999px;background:#fff;font-size:12px;color:#333}\n.hk-coach .hk-section-head{text-align:center}\n.hk-coach .hk-section-head .hk-kick{margin-left:auto;margin-right:auto}\n.hk-coach .hk-section-head .hk-h2{text-align:center}\n.hk-coach .hk-section-head .hk-sub{text-align:center;margin-left:auto!important;margin-right:auto!important}\n.hk-coach .hk-panel{border-radius:40px}\n.hk-coach .hk-light-panel{background:#F7F5F2;border-radius:40px}\n.hk-coach .hk-dark-panel{background:#0b0b0b;color:#fff;border-radius:40px}\n.hk-coach .hk-dark-panel .hk-h2{color:#fff}\n.hk-coach .hk-dark-panel .hk-sub{color:#a8a8a8}\n.hk-coach .hk-closing{margin-top:28px!important;max-width:900px}\n.hk-coach .hk-closing strong{color:#111;font-weight:600}\n.hk-coach .hk-dark-panel .hk-closing strong{color:#fff}\n@media(max-width:860px){.hk-coach .hk-panel,.hk-coach .hk-light-panel,.hk-coach .hk-dark-panel{border-radius:28px}}\n.hk-coach .hk-case-bento-card{\n  position:relative;\n  overflow:hidden;\n  min-height:220px;\n  padding:28px 30px;\n  border:1px solid transparent;\n  border-radius:18px;\n  background:radial-gradient(circle at 85% 10%,#ffe9d9 0,rgba(255,233,217,0) 55%),#F6F5F8;\n  transition:transform .3s,border-color .3s,box-shadow .3s;\n}\n.hk-coach .hk-case-bento-card:nth-child(2){background:radial-gradient(circle at 15% 90%,#fff0e4 0,rgba(255,240,228,0) 60%),#F6F5F8}\n.hk-coach .hk-case-bento-card:nth-child(3){background:radial-gradient(circle at 80% 85%,#ffe3cf 0,rgba(255,227,207,0) 55%),#F6F5F8}\n.hk-coach .hk-case-bento-card:nth-child(4){background:radial-gradient(circle at 85% 10%,#ffe9d9 0,rgba(255,233,217,0) 55%),#F6F5F8}\n.hk-coach .hk-case-bento-card:hover{transform:translateY(-4px);border-color:rgba(255,106,0,.5);box-shadow:0 14px 40px rgba(0,0,0,.06)}\n.hk-coach .hk-case-bento-head{display:flex;gap:12px;align-items:center;position:relative;z-index:2}\n.hk-coach .hk-case-bento-num{font-size:11px;color:#666;border:1px solid #d7d7d7;border-radius:999px;padding:3px 10px;background:#fff;flex:0 0 auto}\n.hk-coach .hk-case-bento-card h3{font-size:clamp(19px,2vw,25px);font-weight:500;line-height:1.2;letter-spacing:-.035em}\n.hk-coach .hk-case-bento-card p{position:relative;z-index:2;margin-top:22px!important;color:#5f5f5f;font-size:15px;line-height:1.7;max-width:95%}\n.hk-coach .hk-case-bigno{\n  position:absolute;right:22px;bottom:-18px;color:transparent;\n  -webkit-text-stroke:2px rgba(255,106,0,.25);\n  font-size:clamp(110px,12vw,180px);font-weight:800;line-height:1;pointer-events:none;letter-spacing:-.06em\n}\n.hk-coach .hk-case-bento4{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:14px;margin-top:54px}\n.hk-coach .hk-case-bento4 .hk-case-bento-card:nth-child(1){grid-column:1;grid-row:1\/3;min-height:500px}\n.hk-coach .hk-case-bento4 .hk-case-bento-card:nth-child(2){grid-column:2;grid-row:1}\n.hk-coach .hk-case-bento4 .hk-case-bento-card:nth-child(3){grid-column:2;grid-row:2}\n.hk-coach .hk-case-bento4 .hk-case-bento-card:nth-child(4){grid-column:3;grid-row:1\/3;min-height:500px}\n.hk-coach .hk-approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:54px}\n.hk-coach .hk-approach-grid .hk-case-bento-card{\n  min-height:320px;\n  background:radial-gradient(circle at 85% 10%,rgba(255,106,0,.11),rgba(255,106,0,0) 58%),#151515;\n  border-color:#252525\n}\n.hk-coach .hk-approach-grid .hk-case-bento-card:nth-child(2n){background:radial-gradient(circle at 15% 90%,rgba(255,106,0,.09),rgba(255,106,0,0) 58%),#151515}\n.hk-coach .hk-approach-grid .hk-case-bento-num{background:#1d1d1d;border-color:#3a3a3a;color:#ccc}\n.hk-coach .hk-approach-grid h3{color:#fff;font-size:21px}\n.hk-coach .hk-approach-grid p{color:#aaa;font-size:14px;max-width:100%}\n.hk-coach .hk-approach-grid .hk-case-bigno{-webkit-text-stroke:2px rgba(255,121,0,.28);font-size:clamp(90px,7vw,120px);right:16px}\n.hk-coach .hk-services-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:54px}\n.hk-coach .hk-solution-bento-card{\n  position:relative;overflow:hidden;min-height:220px;padding:26px;border:1px solid transparent;border-radius:18px;\n  background:radial-gradient(circle at 85% 10%,#ffe9d9 0,rgba(255,233,217,0) 55%),#F6F5F8;\n  transition:transform .3s,border-color .3s,box-shadow .3s\n}\n.hk-coach .hk-solution-bento-card:nth-child(2n){background:radial-gradient(circle at 15% 90%,#fff0e4 0,rgba(255,240,228,0) 60%),#F6F5F8}\n.hk-coach .hk-solution-bento-card:hover{transform:translateY(-4px);border-color:rgba(255,106,0,.5);box-shadow:0 14px 40px rgba(0,0,0,.06)}\n.hk-coach .hk-solution-bento-card h3{font-size:19px;font-weight:500;line-height:1.25;letter-spacing:-.03em}\n.hk-coach .hk-solution-bento-card p{margin-top:24px!important;color:#5f5f5f;font-size:14px;line-height:1.65}\n@media(max-width:860px){.hk-coach .hk-case-bento4{grid-template-columns:1fr 1fr;grid-template-rows:auto}\n.hk-coach .hk-case-bento4 .hk-case-bento-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:260px}\n.hk-coach .hk-approach-grid{grid-template-columns:1fr 1fr}\n.hk-coach .hk-approach-grid .hk-case-bento-card{min-height:260px}\n.hk-coach .hk-services-bento{grid-template-columns:1fr 1fr}}\n@media(max-width:600px){.hk-coach .hk-case-bento4,.hk-coach .hk-approach-grid,.hk-coach .hk-services-bento{grid-template-columns:1fr}\n.hk-coach .hk-case-bento-card{min-height:240px!important}\n.hk-coach .hk-case-bigno{font-size:110px}}\n.hk-coach .hk-deliv-intro{margin-bottom:28px}\n.hk-coach .hk-deliverable-section:nth-child(even) .hk-deliv-media{order:2}\n.hk-coach .hk-deliverable-section:nth-child(even) .hk-deliv-copy{order:1}\n.hk-coach .hk-deliv-number{display:inline-flex;color:var(--o);font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:13px}\n.hk-coach .hk-deliv-copy h3{font-size:clamp(27px,3vw,40px);line-height:1.05;letter-spacing:-.045em;font-weight:500}\n.hk-coach .hk-deliv-copy p{font-size:16px;line-height:1.72;color:#666;margin-top:18px!important;max-width:560px}\n.hk-coach .hk-deliv-copy p strong{color:#111;font-weight:600}\n.hk-coach .hk-deliv-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}\n.hk-coach .hk-deliv-meta span{font-size:11px;color:#555;padding:6px 9px;border-radius:999px;background:#f4f2ef;border:1px solid #e6e1dc}\n.hk-coach .hk-gallery-hint{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:#111;font-weight:600;font-size:13px}\n.hk-coach .hk-gallery-hint::before{content:\"\u2197\";width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--o);color:#fff}\n.hk-coach .hk-deliv-media{\n  position:relative;overflow:hidden;border-radius:22px;background:#111;border:1px solid #e0ddd9;\n  cursor:zoom-in;aspect-ratio:3\/2;min-height:0\n}\n.hk-coach .hk-deliv-media img,.hk-coach .hk-deliv-media video{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;background:#111}\n.hk-coach .hk-deliv-media::after{content:\"View gallery\";position:absolute;right:14px;bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;backdrop-filter:blur(10px)}\n.hk-coach .hk-deliv-media img{transition:transform .45s ease}\n.hk-coach .hk-deliv-media:hover img{transform:scale(1.018)}\n.hk-coach .hk-play{\n  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n  width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--o);color:#fff;font-size:18px;z-index:2;pointer-events:none\n}\n.hk-coach .hk-deliv-media.hk-ph{border:1px dashed rgba(255,121,0,.6);background:#111}\n.hk-coach .hk-deliv-media.hk-ph::before{\n  content:attr(data-label);position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;\n  color:var(--o);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.6\n}\n.hk-coach .hk-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}\n.hk-coach .hk-result{background:#151515;border:1px solid #282828;border-radius:16px;min-height:245px;padding:27px}\n.hk-coach .hk-result b{display:block;color:var(--o);font-size:clamp(42px,5vw,64px);line-height:1;font-weight:600;letter-spacing:-.06em}\n.hk-coach .hk-result span{display:block;margin-top:12px;color:#d2d2d2;font-size:14px}\n.hk-coach .hk-result p{margin-top:54px!important;color:#8e8e8e;font-size:13px;line-height:1.6}\n.hk-coach .hk-results-note{margin:28px auto 0!important;max-width:820px;text-align:center;color:#aaa;font-size:16px;line-height:1.7}\n.hk-coach .hk-results-note strong{color:#fff;font-weight:600}\n.hk-coach .hk-takeaways{margin-top:44px;border-top:1px solid var(--line)}\n.hk-coach .hk-takeaway{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid var(--line)}\n.hk-coach .hk-takeaway b{color:var(--o);font-size:13px;font-weight:700;letter-spacing:.12em;padding-top:5px}\n.hk-coach .hk-takeaway h3{font-size:22px;font-weight:500;letter-spacing:-.03em;line-height:1.2}\n.hk-coach .hk-takeaway p{margin-top:8px!important;color:#666;font-size:15px;line-height:1.7;max-width:720px}\n.hk-coach .hk-quote{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:center;padding:26px;background:var(--soft);border-radius:26px}\n.hk-coach .hk-quote-photo{overflow:hidden;border-radius:18px}\n.hk-coach .hk-quote-photo img{aspect-ratio:1;object-fit:cover}\n.hk-coach .hk-qmark{font:700 60px\/1 Georgia,serif;color:var(--o)}\n.hk-coach .hk-quote-text{font-size:clamp(25px,3.5vw,42px);line-height:1.12;letter-spacing:-.04em;font-weight:500;margin-top:8px}\n.hk-coach .hk-author{font-size:13px;color:#777;margin-top:22px}\n.hk-coach .hk-author strong{color:#111}\n.hk-coach .hk-quote-review{display:flex;align-items:center;gap:14px;margin-top:18px}\n.hk-coach .hk-quote-review .hk-stars{color:var(--o);font-size:22px;letter-spacing:2px}\n.hk-coach .hk-quote-review a{color:#111!important;font-size:14px;font-weight:600}\n.hk-coach .hk-quote-review a:hover{color:var(--o)!important}\n.hk-coach .hk-final{background:#000!important;color:#fff;padding:112px 0 120px;border-radius:55px 55px 0 0;position:relative;overflow:hidden;isolation:isolate}\n.hk-coach .hk-final::after{content:\"\";position:absolute;z-index:-1;width:600px;height:600px;border-radius:50%;right:-160px;bottom:-280px;background:radial-gradient(circle,rgba(255,121,0,.23),transparent 67%)}\n.hk-coach .hk-final h2{max-width:870px;color:#fff;font-size:clamp(45px,6vw,78px);line-height:1.04;letter-spacing:-.055em;font-weight:500}\n.hk-coach .hk-final h2 span{color:var(--o)}\n.hk-coach .hk-final p{max-width:580px;color:#aaa;font-size:17px;line-height:1.7;margin:20px 0 29px!important}\n.hk-coach-lightbox{\n  position:fixed;inset:0;z-index:999999;display:none;background:rgba(0,0,0,.96);color:#fff;\n  font-family:'Geist',Arial,sans-serif!important\n}\n.hk-coach-lightbox.is-open{display:block}\n.hk-coach-lightbox *{box-sizing:border-box}\n.hk-coach-lightbox__stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:72px 92px 92px}\n.hk-coach-lightbox__media{width:min(1200px,calc(100vw - 184px));aspect-ratio:3\/2;max-height:calc(100vh - 164px);display:flex;align-items:center;justify-content:center;touch-action:pan-y;overflow:hidden;border-radius:18px;background:#0a0a0a}\n.hk-coach-lightbox__media img,.hk-coach-lightbox__media video{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:0;background:#0a0a0a}\n.hk-coach-lightbox__close,.hk-coach-lightbox__arrow{\n  position:absolute;z-index:5;border:1px solid #343434;background:#111;color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s\n}\n.hk-coach-lightbox__close{right:24px;top:22px;width:46px;height:46px;border-radius:50%;font-size:24px}\n.hk-coach-lightbox__arrow{top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;font-size:22px}\n.hk-coach-lightbox__prev{left:24px}\n.hk-coach-lightbox__next{right:24px}\n.hk-coach-lightbox__close:hover,.hk-coach-lightbox__arrow:hover{background:var(--o);border-color:var(--o)}\n.hk-coach-lightbox__bottom{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;gap:18px;align-items:center}\n.hk-coach-lightbox__caption{font-size:13px;color:#ddd}\n.hk-coach-lightbox__count{font-size:12px;color:#999;font-variant-numeric:tabular-nums}\n@media(max-width:900px){.hk-coach .hk-hero-grid,.hk-coach .hk-overview{grid-template-columns:1fr}\n.hk-coach .hk-deliverable-section:nth-child(even) .hk-deliv-media,.hk-coach .hk-deliverable-section:nth-child(even) .hk-deliv-copy{order:initial}\n.hk-coach .hk-results{grid-template-columns:1fr 1fr}\n.hk-coach .hk-quote{grid-template-columns:230px 1fr}}\n@media(max-width:680px){.hk-coach .hk-wrap{padding:0 18px}\n.hk-coach .hk-sec{padding:76px 0}\n.hk-coach .hk-hero{padding:55px 0 42px;border-radius:0 0 28px 28px}\n.hk-coach .hk-kpis,.hk-coach .hk-results{grid-template-columns:1fr}\n.hk-coach .hk-kpi+.hk-kpi{border-left:0;border-top:1px solid #202020;padding-left:0}\n.hk-coach .hk-takeaway{grid-template-columns:1fr;gap:6px}\n.hk-coach .hk-quote{grid-template-columns:1fr;padding:18px}\n.hk-coach .hk-quote-photo{max-width:250px}\n.hk-coach .hk-final{padding:80px 0 90px;border-radius:32px 32px 0 0}\n.hk-coach-lightbox__stage{padding:70px 14px 94px}\n.hk-coach-lightbox__media{width:100%;aspect-ratio:3\/2;max-height:calc(100vh - 164px)}\n.hk-coach-lightbox__arrow{top:auto;bottom:18px;transform:none}\n.hk-coach-lightbox__prev{left:18px}\n.hk-coach-lightbox__next{right:18px}\n.hk-coach-lightbox__bottom{left:78px;right:78px;bottom:31px;justify-content:center}\n.hk-coach-lightbox__caption{display:none}}\n.hk-coach{--hk-header-offset:0px;--hk-admin-offset:0px;overflow:visible}\nbody.admin-bar .hk-coach{--hk-admin-offset:32px}\n.hk-coach .hk-case-layout{max-width:1500px;margin:auto;padding:0 28px;display:grid;grid-template-columns:174px minmax(0,1fr);gap:38px;align-items:start}\n.hk-coach .hk-case-content{min-width:0}\n.hk-coach .hk-case-content>section{scroll-margin-top:calc(var(--hk-header-offset) + var(--hk-admin-offset) + 24px)}\n.hk-coach .hk-case-content .hk-overview{gap:32px}\n.hk-coach .hk-case-content .hk-approach-grid{grid-template-columns:1fr 1fr}\n.hk-coach .hk-card-count{position:absolute;right:28px;top:20px;color:#999;font-size:10px;letter-spacing:.1em}\n.hk-coach .hk-stack .hk-deliv-copy h3{font-size:clamp(26px,2.6vw,36px)}\n.hk-coach .hk-stack .hk-deliv-copy p{font-size:15px}\n@media(max-width:1150px){.hk-coach .hk-case-layout{grid-template-columns:155px minmax(0,1fr);gap:22px;padding:0 20px}\n.hk-coach .hk-case-content .hk-overview{grid-template-columns:1fr}\n.hk-coach .hk-case-content .hk-case-bento4{grid-template-columns:1fr 1fr;grid-template-rows:auto}\n.hk-coach .hk-case-content .hk-case-bento4 .hk-case-bento-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:260px}\n.hk-coach .hk-case-content .hk-services-bento{grid-template-columns:1fr 1fr}\n.hk-coach .hk-stack .hk-deliv-media,.hk-coach .hk-stack .hk-deliv-copy{order:initial!important}\n.hk-coach .hk-case-content .hk-quote{grid-template-columns:150px 1fr;gap:24px}}\n@media(max-width:900px){.hk-coach .hk-case-layout{display:block;padding:0}\n.hk-coach .hk-case-content>section{scroll-margin-top:calc(var(--hk-header-offset) + var(--hk-admin-offset) + 84px)}}\n@media(max-width:782px){body.admin-bar .hk-coach{--hk-admin-offset:46px}}\n@media(max-width:600px){.hk-coach .hk-case-content .hk-case-bento4,.hk-coach .hk-case-content .hk-approach-grid,.hk-coach .hk-case-content .hk-services-bento,.hk-coach .hk-case-content .hk-quote{grid-template-columns:1fr}\n.hk-coach .hk-case-content .hk-quote-photo{max-width:200px}}\n.hk-coach #coach-services .hk-services-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:44px}\n.hk-coach .hk-service-tile{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px;border:1px solid #e4e0da;border-radius:20px;background:#f7f5f1;color:#141414;transition:background .22s,border-color .22s,box-shadow .22s}\n.hk-coach .hk-service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}\n.hk-coach .hk-service-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #ded8cf;border-radius:14px;color:#a74600;background:#fff}\n.hk-coach .hk-service-icon svg{display:block;overflow:visible}\n.hk-coach .hk-service-index{font-size:11px;letter-spacing:.1em;color:#827b71;font-variant-numeric:tabular-nums}\n.hk-coach .hk-service-category{display:block;font-size:9px;letter-spacing:.13em;color:#8b5b36;margin-bottom:12px;line-height:1.5}\n.hk-coach .hk-service-main{flex:1}\n.hk-coach .hk-service-tile h3{font-size:clamp(23px,2.2vw,30px);font-weight:500;letter-spacing:-.045em;line-height:1.12;color:inherit}\n.hk-coach .hk-service-tile p{font-size:14px;line-height:1.7;color:#6a645b;margin-top:17px!important;max-width:430px}\n.hk-coach .hk-service-link{position:static;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:30px;padding-top:18px;border-top:1px solid #ded8cf;color:#25211c!important;font-size:12px;font-weight:500;min-height:48px}\n.hk-coach .hk-service-link:after{content:\"\";position:absolute;inset:0;border-radius:20px}\n.hk-coach .hk-service-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #d5cec3;font-size:19px;transition:background .22s,color .22s,transform .22s}\n.hk-coach .hk-service-tile:hover,.hk-coach .hk-service-tile:focus-within{border-color:#e5aa77;background:#fffaf4;box-shadow:0 10px 30px #452a1210}\n.hk-coach .hk-service-tile:hover .hk-service-arrow{background:#ff7900;border-color:#ff7900;color:#111;transform:rotate(45deg)}\n.hk-coach .hk-service-tile:first-child{background:#151515;border-color:#151515;color:#fff}\n.hk-coach .hk-service-tile:first-child .hk-service-icon{background:#25201b;border-color:#4b3726;color:#ff9238}\n.hk-coach .hk-service-tile:first-child .hk-service-index{color:#8e8982}\n.hk-coach .hk-service-tile:first-child .hk-service-category{color:#ff9238}\n.hk-coach .hk-service-tile:first-child p{color:#b7b2aa}\n.hk-coach .hk-service-tile:first-child .hk-service-link{border-color:#39352f;color:#fff!important}\n.hk-coach .hk-service-tile:first-child .hk-service-arrow{border-color:#555047}\n.hk-coach .hk-service-tile-wide{grid-column:1\/-1;display:grid;grid-template-columns:70px 1fr;column-gap:24px;background:#f5e4d4;border-color:#edd1b8}\n.hk-coach .hk-service-tile-wide .hk-service-top{flex-direction:column;justify-content:start;gap:18px;margin:0}\n.hk-coach .hk-service-tile-wide .hk-service-link{grid-column:2}\n.hk-coach .hk-service-tile-wide p{max-width:600px}\n@media(max-width:600px){.hk-coach #coach-services .hk-services-bento{grid-template-columns:1fr;gap:14px}\n.hk-coach .hk-service-tile{padding:24px}\n.hk-coach .hk-service-top{margin-bottom:26px}\n.hk-coach .hk-service-tile-wide{display:flex;gap:0}\n.hk-coach .hk-service-tile-wide .hk-service-top{flex-direction:row;justify-content:space-between;margin-bottom:26px}\n.hk-coach .hk-service-tile h3{font-size:27px}}\n@media(prefers-reduced-motion:reduce){.hk-coach .hk-service-tile,.hk-coach .hk-service-arrow{transition:none}\n.hk-coach .hk-service-tile:hover .hk-service-arrow{transform:none}}\n.hk-coach{--hk-page-width:1200px;--hk-header-offset:136px}\n.hk-coach .hk-case-layout{width:calc(100% - 48px);max-width:var(--hk-page-width);padding:0;grid-template-columns:180px minmax(0,1fr);gap:32px;margin-inline:auto}\n.hk-coach .hk-hero>.hk-wrap,.hk-coach .hk-final>.hk-wrap{max-width:var(--hk-page-width);width:calc(100% - 48px);padding-inline:0}\n.hk-coach .hk-case-content>.hk-sec{padding:48px 0}\n.hk-coach .hk-case-content>.hk-sec>.hk-wrap{max-width:none;padding-inline:30px}\n.hk-coach .hk-case-content .hk-section-head,.hk-coach .hk-case-content .hk-section-head .hk-h2,.hk-coach .hk-case-content .hk-section-head .hk-sub{text-align:left}\n.hk-coach .hk-case-content .hk-section-head .hk-sub{margin-left:0!important;margin-right:0!important}\n.hk-coach .hk-case-content .hk-section-head .hk-kick{margin-left:0;margin-right:0}\n.hk-coach .hk-case-content .hk-overview{margin-top:28px}\n.hk-coach #coach-services .hk-services-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}\n.hk-coach .hk-service-mention{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:15px 18px;border:1px solid #e3dfd8;border-radius:10px;background:#f7f5f2;color:#202020;font-size:14px;font-weight:500;line-height:1.35;transition:background .2s,border-color .2s}\n.hk-coach .hk-service-mention span{color:#a74700;font-size:18px;flex-shrink:0}\n.hk-coach .hk-service-mention:hover,.hk-coach .hk-service-mention:focus-visible{background:#fff0e2;border-color:#e4ad7e}\n.hk-coach #coach-approach{padding-block:38px;border-radius:24px}\n.hk-coach #coach-approach .hk-h2{font-size:clamp(28px,3vw,38px)}\n.hk-coach .hk-process-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;margin:30px 0 0;padding:0}\n.hk-coach .hk-process-timeline li{position:relative;min-width:0;padding:0 14px 0 0;margin:0}\n.hk-coach .hk-process-timeline li:before{content:\"\";position:absolute;top:15px;left:32px;right:0;height:1px;background:#654328}\n.hk-coach .hk-process-timeline li:last-child:before{display:none}\n.hk-coach .hk-process-dot{position:relative;display:grid;place-items:center;width:32px;height:32px;border:1px solid #8f501e;border-radius:50%;background:#201a15;color:#ff9a48;font-size:10px;margin-bottom:16px}\n.hk-coach .hk-process-timeline li:last-child .hk-process-dot{background:#ff7900;color:#111;border-color:#ff7900}\n.hk-coach .hk-process-timeline h3{color:#fff;font-size:15px;font-weight:500;line-height:1.35;letter-spacing:-.015em}\n.hk-coach .hk-process-timeline p{color:#aaa;font-size:12px;line-height:1.6;margin-top:8px!important}\n@media(max-width:1150px){.hk-coach .hk-case-layout{grid-template-columns:155px minmax(0,1fr);gap:22px}\n.hk-coach #coach-services .hk-services-bento{grid-template-columns:1fr 1fr}\n.hk-coach .hk-process-timeline{grid-template-columns:1fr;gap:0;margin-top:24px}\n.hk-coach .hk-process-timeline li{display:grid;grid-template-columns:32px 1fr;column-gap:16px;padding:0 0 20px}\n.hk-coach .hk-process-timeline li:before{top:32px;bottom:0;left:15px;right:auto;width:1px;height:auto}\n.hk-coach .hk-process-dot{grid-row:1\/3;margin:0}\n.hk-coach .hk-process-timeline p{grid-column:2;margin-top:3px!important}\n.hk-coach .hk-process-timeline li:last-child{padding-bottom:0}}\n@media(max-width:900px){.hk-coach{--hk-header-offset:112px}\n.hk-coach .hk-case-layout{display:block;width:calc(100% - 32px)}\n.hk-coach .hk-case-content>.hk-sec>.hk-wrap{padding-inline:20px}\n.hk-coach .hk-case-content>.hk-sec{padding-block:38px}\n.hk-coach .hk-hero>.hk-wrap,.hk-coach .hk-final>.hk-wrap{width:calc(100% - 40px)}}\n@media(max-width:600px){.hk-coach{--hk-header-offset:96px}\n.hk-coach .hk-case-layout{width:calc(100% - 24px)}\n.hk-coach #coach-services .hk-services-bento{grid-template-columns:1fr;gap:8px}\n.hk-coach .hk-service-mention{min-height:50px;padding:12px 15px;font-size:14px}\n.hk-coach .hk-case-content>.hk-sec>.hk-wrap{padding-inline:16px}\n.hk-coach #coach-approach{padding-block:28px}\n.hk-coach .hk-case-content .hk-h2{font-size:32px}}\n@media(prefers-reduced-motion:reduce){.hk-coach .hk-service-mention{transition:none}}\n.hk-coach .hk-hero>.hk-wrap,.hk-coach .hk-final>.hk-wrap{width:100%;max-width:1200px;padding-inline:24px;margin-inline:auto}\n.hk-coach .hk-case-layout{width:100%;max-width:1200px;margin-inline:auto;padding:0;grid-template-columns:180px minmax(0,1fr);gap:24px}\n.hk-coach .hk-case-content>.hk-sec>.hk-wrap{width:100%;max-width:1200px;padding-inline:24px}\n@media(max-width:1150px){.hk-coach .hk-case-layout{grid-template-columns:160px minmax(0,1fr);gap:20px}}\n@media(max-width:900px){.hk-coach .hk-case-layout{display:block;width:100%;padding:0}}\n@media(max-width:600px){.hk-coach .hk-hero>.hk-wrap,.hk-coach .hk-final>.hk-wrap,.hk-coach .hk-case-content>.hk-sec>.hk-wrap{padding-inline:18px}}\n@keyframes hkfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}\n@keyframes hkmarq{to{transform:translateX(-50%)}}\n.hk-coach .hk-final-cta{margin-top:10px;background:#080808;color:#fff;position:relative;isolation:isolate;overflow:hidden;padding:112px 0 120px;border-radius:54px 54px 0 0;}\n.hk-coach .hk-final-cta-watermark{position:absolute;z-index:-1;right:-6%;top:-30%;width:min(73%,850px);height:155%;display:flex;align-items:center;justify-content:center;opacity:.075;transform:rotate(-13deg);pointer-events:none;filter:grayscale(1) brightness(2);}\n.hk-coach .hk-final-cta-watermark img{width:100%;height:100%;object-fit:contain;}\n.hk-coach .hk-final-decor{position:absolute;border-radius:50%;filter:blur(90px);z-index:-1;pointer-events:none;}\n.hk-coach .hk-final-decor-one{width:380px;height:380px;background:rgba(236,95,0,.13);top:-240px;left:-160px;}\n.hk-coach .hk-final-decor-two{width:330px;height:330px;background:rgba(255,106,0,.09);bottom:-210px;right:-100px;}\n.hk-coach .hk-final-inner{position:relative;max-width:1200px;}\n.hk-coach .hk-final-label{font-size:13px;letter-spacing:.13em;color:#ff8f3d;font-weight:700;}\n.hk-coach .hk-final-cta h2{font-size:clamp(45px,6vw,78px)!important;line-height:1.04!important;letter-spacing:-.055em!important;color:#fff!important;margin:17px 0 23px!important;font-weight:750!important;}\n.hk-coach .hk-final-cta h2 span{color:#ff7900;}\n.hk-coach .hk-final-cta p{color:#aaa!important;font-size:17px!important;line-height:1.7!important;max-width:560px;margin-bottom:30px!important;}\n.hk-coach .hk-final-actions{display:flex;gap:12px;flex-wrap:wrap;}\n.hk-coach .hk-final-actions .hk-btn{min-width:204px;}\n.hk-coach .hk-final-actions .hk-btn-ghost{background:transparent!important;border:1px solid rgba(255,255,255,.55)!important;}\n.hk-coach .hk-final-actions .hk-btn-ghost:hover{background:rgba(255,255,255,.10)!important;}\n@media(max-width:860px){.hk-coach .hk-final-cta-watermark{width:95%;right:-24%;}}\n@media(max-width:600px){.hk-coach .hk-final-cta{padding:80px 0 90px;border-radius:32px 32px 0 0;}\n.hk-coach .hk-final-actions .hk-btn{width:100%;}\n.hk-coach .hk-final-cta h2{font-size:clamp(40px,10vw,60px)!important;}}\n.hk-cases{\n  --hk-max-width: 1200px;\n  --hk-accent: #b6f77a;\n  --hk-ink: #0b0b0b;\n  --hk-radius: 24px;\n  --hk-slide-gap: 18px;\n  width: 100%;\n  min-width: 0;\n  padding: clamp(40px, 5vw, 76px) 0;\n  background: #fff;\n  color: var(--hk-ink);\n  font-family: \"Geist\", sans-serif;\n  font-weight: 400;\n  -webkit-font-smoothing: antialiased;\n  direction: ltr;\n  text-align: left;\n  container: hk-cases \/ inline-size;\n}\n.hk-cases, .hk-cases *, .hk-cases *::before, .hk-cases *::after{\n  box-sizing: border-box;\n}\n.hk-cases [hidden]{ display: none !important; }\n.hk-cases .hk-cases__inner{\n  width: calc(100% - 40px);\n  max-width: var(--hk-max-width);\n  margin: 0 auto;\n}\n.hk-cases .hk-cases__header{\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin: 0 0 28px;\n}\n.hk-cases .hk-cases__heading{\n  margin: 0;\n  padding: 0;\n  color: var(--hk-ink);\n  font-family: inherit;\n  font-size: clamp(28px, 3.65vw, 46px);\n  font-size: clamp(28px, 3.65cqi, 46px);\n  font-weight: 500;\n  letter-spacing: -0.055em;\n  line-height: 1.1;\n  text-transform: none;\n}\n.hk-cases button, .hk-cases a{\n  font-family: inherit;\n  -webkit-tap-highlight-color: transparent;\n}\n.hk-cases button{\n  appearance: none;\n  -webkit-appearance: none;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  box-shadow: none;\n  background: none;\n  color: inherit;\n  font-size: inherit;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  text-transform: none;\n  cursor: pointer;\n}\n.hk-cases a{\n  text-decoration: none;\n  box-shadow: none;\n}\n.hk-cases a::before, .hk-cases a::after,\n.hk-cases button::before, .hk-cases button::after{\n  content: none;\n}\n.hk-cases :is(a,button,[tabindex]):focus-visible{\n  outline: 2px solid #50891f;\n  outline-offset: 5px;\n}\n.hk-cases .hk-cases__nav{\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 100px;\n  background: var(--hk-ink);\n  color: #fff;\n}\n.hk-cases .hk-cases__counter{\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0 12px 0 14px;\n  font-size: 12px;\n  font-weight: 500;\n  font-variant-numeric: tabular-nums;\n  letter-spacing: 0.025em;\n  white-space: nowrap;\n}\n.hk-cases .hk-cases__total, .hk-cases .hk-cases__slash{ color: #a6a6a6; }\n.hk-cases .hk-cases__arrow{\n  display: grid;\n  place-items: center;\n  width: 44px;\n  height: 44px;\n  min-height: 44px;\n  flex: 0 0 44px;\n  border: 1px solid #383838;\n  border-radius: 50%;\n  background: transparent;\n  color: #fff;\n  transition: background 180ms ease, color 180ms ease, border-color 180ms ease;\n}\n.hk-cases .hk-cases__arrow--next{\n  border-color: #fff;\n  background: #fff;\n  color: var(--hk-ink);\n}\n.hk-cases .hk-cases__arrow:hover{\n  border-color: var(--hk-accent);\n  background: var(--hk-accent);\n  color: var(--hk-ink);\n}\n.hk-cases .hk-cases__icon{\n  display: block;\n  width: 20px;\n  height: 20px;\n  flex: 0 0 auto;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.65;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n.hk-cases .hk-cases__viewport{\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  gap: var(--hk-slide-gap);\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n  overscroll-behavior-x: contain;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  border-radius: var(--hk-radius);\n  -webkit-overflow-scrolling: touch;\n}\n.hk-cases[data-hk-ready] .hk-cases__viewport{ scrollbar-width: none; }\n.hk-cases[data-hk-ready] .hk-cases__viewport::-webkit-scrollbar{ display: none; }\n.hk-cases .hk-cases__slide{\n  position: relative;\n  flex: 0 0 100%;\n  width: 100%;\n  min-width: 0;\n  min-height: 480px;\n  aspect-ratio: 2.04 \/ 1;\n  margin: 0;\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--hk-radius);\n  background: var(--hk-image-bg, #eef0ed);\n  scroll-snap-align: start;\n  scroll-snap-stop: always;\n}\n.hk-cases .hk-cases__media{\n  position: absolute;\n  inset: 0 auto 0 0;\n  width: 73%;\n  margin: 0;\n  overflow: hidden;\n  background: var(--hk-image-bg, #eef0ed);\n  cursor: grab;\n}\n.hk-cases .hk-cases__image{\n  display: block;\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  object-fit: cover;\n  object-position: var(--hk-image-position, 50% 50%);\n  user-select: none;\n  -webkit-user-drag: none;\n}\n.hk-cases .hk-cases__fallback{\n  display: none;\n  position: absolute;\n  inset: 0;\n  align-items: flex-start;\n  justify-content: flex-end;\n  flex-direction: column;\n  gap: 14px;\n  padding: clamp(28px, 5vw, 70px);\n  color: #16251c;\n}\n.hk-cases .hk-cases__fallback span{\n  max-width: 10ch;\n  font-size: clamp(36px, 5vw, 72px);\n  font-weight: 500;\n  line-height: 0.98;\n  letter-spacing: -0.06em;\n}\n.hk-cases .hk-cases__fallback small{\n  font-size: 12px;\n  letter-spacing: 0.02em;\n}\n.hk-cases .hk-cases__media--unavailable .hk-cases__image{ opacity: 0; }\n.hk-cases .hk-cases__media--unavailable .hk-cases__fallback{ display: flex; }\n.hk-cases .hk-cases__viewport--dragging,\n.hk-cases .hk-cases__viewport--dragging .hk-cases__media{ cursor: grabbing; }\n.hk-cases .hk-cases__panel{\n  position: absolute;\n  inset: 12px 12px 12px auto;\n  display: flex;\n  flex-direction: column;\n  width: 35.5%;\n  min-width: 310px;\n  padding: clamp(24px, 2.65vw, 34px);\n  padding: clamp(24px, 2.65cqi, 34px);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  border-radius: calc(var(--hk-radius) - 9px);\n  background: var(--hk-ink);\n  color: #fff;\n}\n.hk-cases .hk-cases__tags{\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  margin: 0 0 22px;\n}\n.hk-cases .hk-cases__tag{\n  display: inline-flex;\n  align-items: center;\n  min-height: 24px;\n  padding: 5px 8px;\n  border: 1px solid #303030;\n  border-radius: 5px;\n  background: #181818;\n  color: #e4e4e4;\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: 0.01em;\n  line-height: 1.2;\n  white-space: nowrap;\n}\n.hk-cases .hk-cases__title{\n  margin: 0;\n  padding: 0;\n  color: #fff;\n  font-family: inherit;\n  font-size: clamp(28px, 2.8vw, 36px);\n  font-size: clamp(28px, 2.8cqi, 36px);\n  font-weight: 500;\n  line-height: 1.08;\n  letter-spacing: -0.045em;\n  text-transform: none;\n  overflow-wrap: break-word;\n}\n.hk-cases .hk-cases__description{\n  max-width: 29ch;\n  margin: 14px 0 0;\n  padding: 0;\n  color: #c2c2c2;\n  font-family: inherit;\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.55;\n  letter-spacing: -0.012em;\n  text-transform: none;\n}\n.hk-cases .hk-cases__result{\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 12px;\n  margin: auto 0 0;\n  padding: 24px 0 22px;\n  border-top: 1px solid #292929;\n}\n.hk-cases .hk-cases__metric{\n  color: var(--hk-accent);\n  font-size: clamp(34px, 4vw, 52px);\n  font-size: clamp(34px, 4cqi, 52px);\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: -0.07em;\n  white-space: nowrap;\n}\n.hk-cases .hk-cases__metric--compact{\n  font-size: clamp(32px, 3.55vw, 47px);\n  font-size: clamp(32px, 3.55cqi, 47px);\n}\n.hk-cases .hk-cases__metric-label{\n  max-width: 110px;\n  margin-bottom: 3px;\n  color: #c8c8c8;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.45;\n  text-align: right;\n}\n.hk-cases .hk-cases__pill{\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  min-height: 52px;\n  padding: 6px 6px 6px 20px;\n  border: 1px solid transparent;\n  border-radius: 100px;\n  background: #fff;\n  color: var(--hk-ink);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.3;\n  letter-spacing: -0.01em;\n  text-transform: none;\n  transition: background 180ms ease, color 180ms ease;\n}\n.hk-cases .hk-cases__pill--case{ width: 100%; }\n.hk-cases .hk-cases__pill-icon{\n  display: grid;\n  place-items: center;\n  flex: 0 0 38px;\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  background: var(--hk-ink);\n  color: #fff;\n}\n.hk-cases .hk-cases__pill-icon .hk-cases__icon{\n  width: 18px;\n  height: 18px;\n  transition: transform 180ms ease;\n}\n.hk-cases .hk-cases__pill:hover{ background: var(--hk-accent); color: var(--hk-ink); }\n.hk-cases .hk-cases__pill:hover .hk-cases__icon{ transform: translate(1px, -1px); }\n.hk-cases .hk-cases__footer{\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  padding-top: 16px;\n}\n.hk-cases .hk-cases__dots{\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n}\n.hk-cases .hk-cases__dot{\n  display: grid;\n  place-items: center;\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  background: transparent;\n}\n.hk-cases .hk-cases__dot-mark{\n  display: block;\n  width: 7px;\n  height: 7px;\n  border-radius: 50px;\n  background: #cfcfcf;\n  transition: width 220ms ease, background 220ms ease;\n}\n.hk-cases .hk-cases__dot:hover .hk-cases__dot-mark{ background: #777; }\n.hk-cases .hk-cases__dot[aria-current=\"true\"] .hk-cases__dot-mark{\n  width: 25px;\n  background: var(--hk-ink);\n}\n.hk-cases .hk-cases__pill--all{\n  min-height: 56px;\n  padding: 7px 7px 7px 24px;\n  gap: 32px;\n  background: var(--hk-ink);\n  color: #fff;\n  font-size: 14px;\n}\n.hk-cases .hk-cases__pill--all .hk-cases__pill-icon{ background: #fff; color: var(--hk-ink); }\n.hk-cases .hk-cases__pill--all:hover{ background: #292929; color: #fff; }\n.hk-cases .hk-cases__pill--all:hover .hk-cases__pill-icon{ background: var(--hk-accent); }\n.hk-cases .hk-cases__sr-only{\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: -1px !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n@container hk-cases (max-width: 760px){.hk-cases .hk-cases__inner{ width: calc(100% - 32px); }\n.hk-cases .hk-cases__header{ margin-bottom: 22px; }\n.hk-cases .hk-cases__slide{ display: grid; grid-template-rows: auto 1fr; aspect-ratio: auto; min-height: 0; border-radius: 20px; }\n.hk-cases .hk-cases__media{ position: relative; inset: auto; width: 100%; aspect-ratio: 4 \/ 3; }\n.hk-cases .hk-cases__image{ position: absolute; inset: 0; }\n.hk-cases .hk-cases__panel{ position: relative; inset: auto; z-index: 1; width: auto; min-width: 0; min-height: 350px; margin: -12px 10px 10px; padding: 24px; border-radius: 15px; }\n.hk-cases .hk-cases__tags{ margin-bottom: 18px; }\n.hk-cases .hk-cases__title{ font-size: 30px; }\n.hk-cases .hk-cases__description{ max-width: 46ch; margin-top: 12px; font-size: 14px; }\n.hk-cases .hk-cases__result{ padding: 20px 0; margin-top: auto; }\n.hk-cases .hk-cases__metric{ font-size: 44px; }\n.hk-cases .hk-cases__metric--compact{ font-size: 40px; }\n.hk-cases .hk-cases__metric-label{ max-width: 130px; }\n.hk-cases .hk-cases__footer{ gap: 10px; padding-top: 12px; }}\n@container hk-cases (max-width: 460px){.hk-cases .hk-cases__counter{ display: none; }\n.hk-cases .hk-cases__heading{ font-size: 28px; }\n.hk-cases .hk-cases__header{ gap: 10px; }\n.hk-cases .hk-cases__panel{ padding: 22px; }\n.hk-cases .hk-cases__description{ margin-bottom: 22px; }\n.hk-cases .hk-cases__metric-label{ max-width: 108px; font-size: 11px; }\n.hk-cases .hk-cases__metric--compact{ font-size: 35px; }}\n@supports not (container-type: inline-size){@media (max-width: 760px){.hk-cases .hk-cases__inner{ width: calc(100% - 32px); }\n.hk-cases .hk-cases__header{ margin-bottom: 22px; }\n.hk-cases .hk-cases__slide{ display: grid; grid-template-rows: auto 1fr; aspect-ratio: auto; min-height: 0; }\n.hk-cases .hk-cases__media{ position: relative; inset: auto; width: 100%; aspect-ratio: 4 \/ 3; }\n.hk-cases .hk-cases__image{ position: absolute; inset: 0; }\n.hk-cases .hk-cases__panel{ position: relative; inset: auto; width: auto; min-width: 0; min-height: 350px; margin: -12px 10px 10px; padding: 24px; }\n.hk-cases .hk-cases__title{ font-size: 30px; }\n.hk-cases .hk-cases__description{ max-width: 46ch; margin-bottom: 22px; font-size: 14px; }\n.hk-cases .hk-cases__metric{ font-size: 40px; }\n.hk-cases .hk-cases__metric--compact{ font-size: 35px; }}\n@media (max-width: 460px){.hk-cases .hk-cases__counter{ display: none; }\n.hk-cases .hk-cases__heading{ font-size: 28px; }\n.hk-cases .hk-cases__header{ gap: 10px; }\n.hk-cases .hk-cases__panel{ padding: 22px; }\n.hk-cases .hk-cases__metric-label{ max-width: 108px; font-size: 11px; }}}\n@media (prefers-reduced-motion: reduce){.hk-cases .hk-cases__viewport{ scroll-behavior: auto; }\n.hk-cases *, .hk-cases *::before, .hk-cases *::after{ transition: none !important; animation: none !important; }}\n.hk-coach .hk-cases{--hk-accent:#ff7900;--hk-ink:#0b0b0b;--hk-max-width:1200px;background:#fff;padding-top:85px;padding-bottom:85px}\n.hk-coach .hk-cases .hk-cases__metric{color:#ff7900}\n.hk-coach .hk-cases :is(a,button,[tabindex]):focus-visible{outline:2px solid #ff7900;outline-offset:4px}\n.hk-coach .hk-cases .hk-cases__dot[aria-current=\"true\"] .hk-cases__dot-mark{background:#ff7900}\n.hk-coach .hk-cases .hk-cases__pill:hover{background:#ff7900;color:#101010}\n.hk-coach .hk-cases .hk-cases__pill--all:hover{background:#e46a00;color:white}\n.hk-coach .hk-cases .hk-cases__pill--all:hover .hk-cases__pill-icon{background:#fff;color:#111}\n.hk-coach .hk-cases .hk-cases__heading{color:#111!important}\n.hk-coach .hk-cases .hk-cases__title{color:#fff!important;font-weight:500!important}\n.hk-coach .hk-cases .hk-cases__description{color:#c2c2c2!important}\n.hk-coach .hk-cases .hk-cases__metric-label{color:#c8c8c8}\n.hk-coach .hk-cases .hk-cases__pill{font-weight:500!important}\n.hk-coach .hk-final-cta{background:#000000!important;isolation:isolate;overflow:hidden;border-radius:55px 55px 0 0}\n.hk-coach .hk-final-cta-watermark{top:-20%;height:140%;right:0;width:clamp(720px,86vw,1600px);opacity:.13;transform:translateX(50%);filter:grayscale(1) brightness(2);z-index:-1;pointer-events:none;}\n.hk-coach .hk-final-cta-watermark img{width:100%;height:100%;object-fit:contain;object-position:center}\n.hk-coach .hk-final-cta .hk-final-inner{z-index:1}\n@media(max-width:767px){.hk-coach .hk-cases{padding-top:55px;padding-bottom:55px}\n.hk-coach .hk-final-cta{background:#000!important}\n.hk-coach .hk-final-cta-watermark{width:900px;right:0;opacity:.11;transform:translateX(50%)}}\n.hk-coach :is(h2,h3,h4,h5):not(.hk-cases__metric){font-family:'Geist',Arial,sans-serif!important;font-weight:500!important;letter-spacing:-.044em!important}\n.hk-coach .hk-final-cta h2{font-weight:500!important;letter-spacing:-.056em!important}\n.hk-coach .hk-cases .hk-cases__title{font-weight:500!important;letter-spacing:-.05em!important}\n.hk-coach a.hk-btn.hk-cta-special .hk-cta-arr{font-weight:500;font-size:20px;line-height:1;display:inline-block;flex-shrink:0}\n.hk-coach .hk-final-cta a.hk-btn.hk-cta-outline{background:transparent!important;border:1px solid #fff!important;color:#fff!important}\n.hk-coach .hk-final-cta a.hk-btn.hk-cta-outline:hover{background:#1c1c1c!important;border-color:#fff!important}\n.hk-coach :not(.hk-dark):not(.hk-final-cta) > a.hk-btn.hk-cta-outline{background:#151515!important;border:1px solid #151515!important}\n.hk-coach .hk-final-actions a.hk-btn.hk-cta-special{min-width:237px!important}\n.hk-coach .hk-final-cta .hk-final-actions > a.hk-cta-special.hk-cta-outline{background:transparent!important;border:1px solid #fff!important;color:#fff!important}\n.hk-coach .hk-final-cta .hk-final-actions > a.hk-cta-special.hk-cta-outline:hover{background:#171717!important;border-color:#fff!important}\n.hk-coach .hk-cases.hk-cases-compact{--hk-ink:#0b0b0b;--hk-accent:#ff7900;background:#0b0b0b!important;color:#fff!important;padding:40px 0 32px!important;margin:0!important}\n.hk-coach .hk-cases.hk-cases-compact .hk-cases__inner{max-width:1200px;width:calc(100% - 48px)}\n.hk-coach .hk-cases .hk-cases__heading{color:#fff!important;font-size:clamp(32px,4vw,51px)!important;font-weight:500!important;letter-spacing:-.047em!important;line-height:1.09!important}\n.hk-coach .hk-cases .hk-cases__header{margin-bottom:19px!important}\n.hk-coach .hk-cases .hk-cases__slide{height:410px!important;min-height:0!important;aspect-ratio:auto!important;background:#171717!important;border:1px solid #282828;border-radius:22px!important}\n.hk-coach .hk-cases .hk-cases__media{width:63%!important;background:#171717!important}\n.hk-coach .hk-cases .hk-cases__image{object-fit:contain!important;object-position:50% 50%!important}\n.hk-coach .hk-cases .hk-cases__panel{inset:9px 9px 9px auto!important;width:36%!important;min-width:0!important;padding:19px 23px!important;border-radius:16px!important;background:#111!important}\n.hk-coach .hk-cases .hk-cases__tags{margin-bottom:10px!important;gap:5px!important}\n.hk-coach .hk-cases .hk-cases__tag{padding:4px 8px!important;min-height:0!important;font-size:10px!important;color:#d7d7d7!important}\n.hk-coach .hk-cases .hk-cases__title{font-size:clamp(23px,2.7vw,32px)!important;line-height:1.05!important}\n.hk-coach .hk-cases .hk-cases__description{font-size:12.5px!important;line-height:1.4!important;margin-top:7px!important;color:#bcbcbc!important;max-width:56ch!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}\n.hk-coach .hk-cases .hk-cases__facts{display:flex;gap:6px 9px;flex-wrap:wrap;margin:9px 0 0;font-size:10.5px;line-height:1.25;color:#d6d6d6}\n.hk-coach .hk-cases .hk-cases__facts span{padding-left:10px;position:relative}\n.hk-coach .hk-cases .hk-cases__facts span:before{content:'';position:absolute;left:0;top:4px;width:4px;height:4px;background:#ff7900;border-radius:50%}\n.hk-coach .hk-cases .hk-cases__result{padding:11px 0 10px!important;margin-top:auto!important;gap:9px!important}\n.hk-coach .hk-cases .hk-cases__metric,.hk-coach .hk-cases .hk-cases__metric--compact{font-size:clamp(29px,3.6vw,44px)!important;font-weight:500!important;letter-spacing:-.06em!important}\n.hk-coach .hk-cases .hk-cases__metric-label{font-size:11px!important;max-width:145px!important}\n.hk-coach .hk-cases .hk-cases__pill--case{min-height:42px!important;padding:4px 4px 4px 15px!important;font-size:12px!important}\n.hk-coach .hk-cases .hk-cases__pill-icon{width:33px!important;height:33px!important;flex-basis:33px!important}\n.hk-coach .hk-cases .hk-cases__footer{padding-top:6px!important;gap:0!important}\n.hk-coach .hk-cases .hk-cases__dot[aria-current='true'] .hk-cases__dot-mark{background:#ff7900!important}\n.hk-coach .hk-cases .hk-cases__pill--all{background:transparent!important;color:#fff!important;border:1px solid #666!important;min-height:46px!important;padding:4px 5px 4px 19px!important;font-size:13px!important;margin-top:0}\n.hk-coach .hk-cases .hk-cases__pill--all .hk-cases__pill-icon{background:#ff7900!important;color:#fff!important}\n.hk-coach .hk-cases .hk-cases__pill--all:hover{border-color:#ff7900!important;background:#ff7900!important}\n.hk-coach .hk-cases .hk-cases__nav{background:#161616!important;border:1px solid #333}\n.hk-coach .hk-cases .hk-cases__arrow--next{background:#ff7900!important;color:#fff!important;border-color:#ff7900!important}\n.hk-coach .hk-cases .hk-cases__arrow:hover{background:#ff7900!important;border-color:#ff7900!important;color:#fff!important}\n.hk-coach .hk-final-cta{background:#000!important;border-radius:55px 55px 0 0!important}\n.hk-coach .hk-final-cta-watermark{top:-29%!important;height:165%!important;right:0!important;width:clamp(1000px,108vw,1850px)!important;transform:translateX(41%)!important;opacity:.17!important;filter:grayscale(1) brightness(2)!important}\n.hk-coach .hk-final-cta-watermark img{height:100%!important;width:100%!important;object-fit:contain!important}\n@media(max-width:860px){.hk-coach .hk-cases .hk-cases__slide{height:375px!important}\n.hk-coach .hk-cases .hk-cases__panel{width:43%!important;padding:16px!important}\n.hk-coach .hk-cases .hk-cases__media{width:56%!important}\n.hk-coach .hk-cases .hk-cases__description{-webkit-line-clamp:2}\n.hk-coach .hk-cases .hk-cases__metric{font-size:32px!important}}\n@media(max-width:760px){.hk-coach .hk-cases.hk-cases-compact{padding:34px 0 26px!important}\n.hk-coach .hk-cases.hk-cases-compact .hk-cases__inner{width:calc(100% - 32px)}\n.hk-coach .hk-cases .hk-cases__slide{display:grid!important;grid-template-rows:auto 1fr!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important}\n.hk-coach .hk-cases .hk-cases__media{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16\/9!important}\n.hk-coach .hk-cases .hk-cases__image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}\n.hk-coach .hk-cases .hk-cases__panel{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;margin:-8px 8px 8px!important;padding:17px 17px 15px!important;border-radius:15px!important}\n.hk-coach .hk-cases .hk-cases__description{-webkit-line-clamp:3!important;font-size:12px!important}\n.hk-coach .hk-cases .hk-cases__facts{font-size:10px!important}\n.hk-coach .hk-cases .hk-cases__result{margin-top:16px!important;padding:11px 0!important}\n.hk-coach .hk-cases .hk-cases__metric{font-size:34px!important}\n.hk-coach .hk-cases .hk-cases__heading{font-size:clamp(30px,7vw,41px)!important}\n.hk-coach .hk-final-cta-watermark{width:1160px!important;transform:translateX(46%)!important;opacity:.12!important}\n.hk-coach .hk-final-actions a.hk-btn.hk-cta-special{min-width:0!important;width:100%}}\n.hk-coach .hk-cases.hk-cases-compact{\n  background:#ffffff!important;\n  color:#111111!important;\n}\n.hk-coach .hk-cases.hk-cases-compact .hk-cases__heading{\n  color:#111111!important;\n}\n.hk-coach .hk-cases.hk-cases-compact .hk-cases__pill--all{\n  background:#ffffff!important;\n  color:#141414!important;\n  border:1px solid #cfcfcf!important;\n}\n.hk-coach .hk-cases.hk-cases-compact .hk-cases__pill--all:hover{\n  background:#ff7900!important;\n  color:#ffffff!important;\n  border-color:#ff7900!important;\n}\n.hk-coach .hk-cases.hk-cases-compact .hk-cases__dot-mark{background:#bababa}\n.hk-coach .hk-cases.hk-cases-compact .hk-cases__dot[aria-current=\"true\"] .hk-cases__dot-mark{background:#ff7900!important}\n.hk-coach .hk-cases.hk-cases-compact{\n  margin-top:28px!important;\n}\n.hk-coach .hk-cases .hk-cases__media{\n  padding-left:14px!important;\n}\n@media(max-width:760px){.hk-coach .hk-cases .hk-cases__media{\n    padding-left:0!important;\n  }\n.hk-coach .hk-cases .hk-cases__image{\n    left:14px!important;\n    width:calc(100% - 14px)!important;\n  }}\n@media (max-width:767px){.hk-coach .hk-cases .hk-cases__slide .hk-cases__media{\n    padding:0!important;\n    margin:0!important;\n  }\n.hk-coach .hk-cases .hk-cases__slide .hk-cases__image{\n    inset:0!important;\n    top:0!important;\n    left:0!important;\n    width:100%!important;\n    height:100%!important;\n    padding:0!important;\n    margin:0!important;\n    object-position:left top!important;\n  }\n.hk-coach .hk-final-cta h2#hk-cta-title{\n    font-size:clamp(25px,8vw,36px)!important;\n    line-height:1.1!important;\n    letter-spacing:-.055em!important;\n    white-space:nowrap!important;\n    text-wrap:nowrap!important;\n    max-width:100%!important;\n  }\n.hk-coach .hk-final-cta .hk-final-inner > p{\n    max-width:39ch!important;\n    font-size:16px!important;\n    line-height:1.65!important;\n    text-wrap:pretty;\n  }}\n.hk-coach .hk-final-cta{\n  width:calc(100% - 32px)!important;\n  max-width:1440px!important;\n  margin:32px auto 24px!important;\n  padding:clamp(58px,7.2vw,100px) clamp(16px,4vw,52px)!important;\n  border-radius:36px!important;\n  border:1px solid #272322!important;\n  isolation:isolate!important;\n  overflow:hidden!important;\n  background:\n    radial-gradient(ellipse 55% 65% at 50% 46%,rgba(255,114,13,.14) 0%,transparent 75%),\n    repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.024) 80px),\n    repeating-linear-gradient(0deg,transparent 0,transparent 79px,rgba(255,255,255,.024) 80px),\n    #0b0b0b!important;\n  color:#fff!important;\n}\n.hk-coach .hk-final-cta::before{\n  content:\"\";\n  position:absolute;\n  z-index:0;\n  pointer-events:none;\n  inset:clamp(22px,4.5vw,55px);\n  border-left:1px dashed rgba(255,255,255,.06);\n  border-right:1px dashed rgba(255,255,255,.06);\n}\n.hk-coach .hk-final-cta .hk-final-inner{\n  position:relative!important;\n  isolation:isolate!important;\n  z-index:1!important;\n  display:flex!important;\n  flex-direction:column!important;\n  align-items:center!important;\n  justify-content:center!important;\n  width:100%!important;\n  max-width:910px!important;\n  min-height:410px!important;\n  margin:0 auto!important;\n  padding:clamp(42px,5vw,65px) clamp(25px,6vw,78px)!important;\n  border:1px solid rgba(255,187,125,.43)!important;\n  border-radius:21px!important;\n  text-align:center!important;\n  background:\n    radial-gradient(ellipse 100% 90% at 50% -22%,rgba(255,175,82,.83),transparent 75%),\n    linear-gradient(160deg,#d95b13 0%,#b7470d 52%,#812b0e 100%)!important;\n  box-shadow:0 0 0 1px rgba(255,137,45,.13),0 23px 80px rgba(0,0,0,.28),0 0 90px rgba(255,106,0,.14)!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner::before{\n  content:\"\";\n  position:absolute;\n  z-index:-1;\n  pointer-events:none;\n  inset:0;\n  border-radius:inherit;\n  opacity:.38;\n  background:\n    repeating-linear-gradient(90deg,transparent 0,transparent 48px,rgba(255,255,255,.035) 49px),\n    repeating-linear-gradient(0deg,transparent 0,transparent 48px,rgba(255,255,255,.035) 49px);\n}\n.hk-coach .hk-final-cta .hk-final-brand{\n  width:170px;\n  min-height:73px;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  padding:12px 19px;\n  margin:0 auto 22px;\n  background:rgba(0,0,0,.25);\n  border:1px solid rgba(255,255,255,.21);\n  border-radius:15px;\n}\n.hk-coach .hk-final-cta .hk-final-brand img{\n  width:100%!important;\n  max-width:130px!important;\n  height:46px!important;\n  object-fit:contain!important;\n  object-position:center!important;\n  filter:brightness(0) invert(1);\n}\n.hk-coach .hk-final-cta .hk-final-label{\n  display:block!important;\n  font-size:11px!important;\n  font-weight:700!important;\n  line-height:1.5!important;\n  letter-spacing:.15em!important;\n  color:#ffe5d2!important;\n  margin-bottom:15px!important;\n  text-align:center!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner h2#hk-cta-title{\n  max-width:790px!important;\n  margin:0 auto 17px!important;\n  color:#ffffff!important;\n  font-size:clamp(35px,4.4vw,62px)!important;\n  font-weight:600!important;\n  line-height:1.08!important;\n  letter-spacing:-.057em!important;\n  text-align:center!important;\n  white-space:normal!important;\n  text-wrap:balance!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner h2#hk-cta-title span{\n  color:#fff3e9!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner > p{\n  width:100%!important;\n  max-width:580px!important;\n  margin:0 auto 26px!important;\n  color:#ffdfca!important;\n  font-size:15px!important;\n  line-height:1.65!important;\n  text-align:center!important;\n  text-wrap:pretty;\n}\n.hk-coach .hk-final-cta .hk-final-actions{\n  display:flex!important;\n  justify-content:center!important;\n  align-items:center!important;\n  gap:12px!important;\n  width:100%!important;\n  margin:0 auto!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special{\n  width:auto!important;\n  min-width:172px!important;\n  min-height:47px!important;\n  padding:13px 24px!important;\n  border:1px solid #fff!important;\n  border-radius:999px!important;\n  background:#fff!important;\n  color:#141414!important;\n  font-size:13px!important;\n  font-weight:650!important;\n  box-shadow:none!important;\n  transition:transform .2s,background .2s,box-shadow .2s!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special:hover{\n  background:#f5e9df!important;\n  box-shadow:0 8px 22px rgba(0,0,0,.17)!important;\n  transform:translateY(-2px)!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline{\n  min-width:208px!important;\n  border:1px solid rgba(255,255,255,.82)!important;\n  background:rgba(0,0,0,.16)!important;\n  color:#fff!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline:hover{\n  background:rgba(0,0,0,.32)!important;\n  border-color:#fff!important;\n}\n@media (max-width:767px){.hk-coach .hk-final-cta{\n    width:calc(100% - 24px)!important;\n    margin:22px auto 14px!important;\n    padding:44px 15px!important;\n    border-radius:25px!important;\n  }\n.hk-coach .hk-final-cta::before{ inset:18px; }\n.hk-coach .hk-final-cta .hk-final-inner{\n    min-height:0!important;\n    padding:37px 20px 39px!important;\n    border-radius:17px!important;\n  }\n.hk-coach .hk-final-cta .hk-final-brand{\n    width:140px;\n    min-height:62px;\n    padding:9px 15px;\n    margin-bottom:20px;\n  }\n.hk-coach .hk-final-cta .hk-final-brand img{ height:41px!important; }\n.hk-coach .hk-final-cta .hk-final-label{\n    font-size:9px!important;\n    letter-spacing:.095em!important;\n    margin-bottom:12px!important;\n  }\n.hk-coach .hk-final-cta .hk-final-inner h2#hk-cta-title{\n    font-size:clamp(25px,6.85vw,35px)!important;\n    line-height:1.12!important;\n    letter-spacing:-.055em!important;\n    max-width:100%!important;\n    margin:0 auto 15px!important;\n    white-space:normal!important;\n    text-wrap:balance!important;\n  }\n.hk-coach .hk-final-cta .hk-final-inner > p{\n    font-size:13px!important;\n    line-height:1.6!important;\n    max-width:34ch!important;\n    margin-bottom:24px!important;\n  }\n.hk-coach .hk-final-cta .hk-final-actions{ flex-direction:column!important; gap:10px!important; }\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special,\n  .hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline{\n    width:100%!important;\n    min-width:0!important;\n    max-width:310px!important;\n    min-height:48px!important;\n  }}\n.hk-coach .hk-final-cta{\n  width:100%!important;\n  max-width:none!important;\n  margin:0!important;\n  padding:clamp(34px,5.2vw,64px) 0 48px!important;\n  border:none!important;\n  border-radius:42px 42px 0 0!important;\n  background:\n    radial-gradient(ellipse 56% 62% at 50% 42%,rgba(255,114,13,.12) 0%,transparent 76%),\n    repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.024) 80px),\n    repeating-linear-gradient(0deg,transparent 0,transparent 79px,rgba(255,255,255,.024) 80px),\n    #0b0b0b!important;\n}\n.hk-coach .hk-final-cta::before{\n  inset:clamp(18px,3vw,34px) clamp(24px,4vw,52px) 0!important;\n  border-top:1px dashed rgba(255,255,255,.06)!important;\n  border-left:1px dashed rgba(255,255,255,.06)!important;\n  border-right:1px dashed rgba(255,255,255,.06)!important;\n  border-bottom:none!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner{\n  max-width:1200px!important;\n  width:calc(100% - 52px)!important;\n  min-height:420px!important;\n  margin:0 auto!important;\n  padding:clamp(44px,5vw,72px) clamp(22px,4.6vw,64px) clamp(38px,4vw,56px)!important;\n  border-radius:26px!important;\n  background:\n    radial-gradient(circle at 50% -10%, rgba(255,186,115,.28) 0%, rgba(255,186,115,0) 42%),\n    linear-gradient(180deg, rgba(255,255,255,.055) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 54px),\n    linear-gradient(90deg, rgba(255,255,255,.055) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 54px),\n    linear-gradient(160deg,#d95b13 0%,#b7470d 52%,#812b0e 100%)!important;\n  background-size:auto,54px 54px,54px 54px,auto!important;\n  background-position:center,center,center,center!important;\n  box-shadow:0 18px 64px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.12)!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner::before{\n  opacity:.0!important;\n}\n.hk-coach .hk-final-cta .hk-final-brand{\n  margin:0 auto 18px!important;\n}\n.hk-coach .hk-final-cta .hk-final-label{\n  display:none!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner h2#hk-cta-title{\n  max-width:880px!important;\n  margin:0 auto 15px!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner > p{\n  max-width:640px!important;\n  margin:0 auto 28px!important;\n}\n.hk-coach .hk-final-cta .hk-final-actions{\n  gap:14px!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special{\n  background:linear-gradient(135deg,#ff7900 0%,#f06d00 100%)!important;\n  border:1px solid #ff7900!important;\n  color:#fff!important;\n  box-shadow:0 10px 24px rgba(118,43,4,.22)!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special:hover{\n  background:linear-gradient(135deg,#ff8518 0%,#f57708 100%)!important;\n  border-color:#ff8518!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline{\n  background:#111111!important;\n  border:1px solid #111111!important;\n  color:#ffffff!important;\n  box-shadow:0 10px 22px rgba(0,0,0,.22)!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline:hover{\n  background:#1c1c1c!important;\n  border-color:#1c1c1c!important;\n}\n@media (max-width:767px){.hk-coach .hk-final-cta{\n    padding:24px 0 30px!important;\n    border-radius:28px 28px 0 0!important;\n  }\n.hk-coach .hk-final-cta::before{\n    inset:12px 14px 0!important;\n  }\n.hk-coach .hk-final-cta .hk-final-inner{\n    width:calc(100% - 20px)!important;\n    min-height:0!important;\n    padding:34px 18px 30px!important;\n    border-radius:18px!important;\n    background-size:auto,40px 40px,40px 40px,auto!important;\n  }\n.hk-coach .hk-final-cta .hk-final-brand{\n    margin-bottom:16px!important;\n  }\n.hk-coach .hk-final-cta .hk-final-inner h2#hk-cta-title{\n    font-size:clamp(26px,7.2vw,37px)!important;\n    line-height:1.1!important;\n    margin-bottom:13px!important;\n  }\n.hk-coach .hk-final-cta .hk-final-inner > p{\n    max-width:34ch!important;\n    font-size:14px!important;\n    line-height:1.58!important;\n    margin-bottom:22px!important;\n  }\n.hk-coach .hk-final-cta .hk-final-actions{\n    flex-direction:column!important;\n    gap:10px!important;\n  }\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special,\n  .hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline{\n    width:100%!important;\n    min-width:0!important;\n  }}\n.hk-coach .hk-final-cta .hk-final-brand img{\n  object-fit:contain!important;\n}\n.hk-coach .hk-final-cta .hk-final-brand{\n  display:flex!important;\n  align-items:center!important;\n  justify-content:center!important;\n  width:max-content!important;\n  max-width:100%!important;\n  min-height:0!important;\n  height:auto!important;\n  margin:0 auto 22px!important;\n  padding:0!important;\n  background:transparent!important;\n  border:0!important;\n  border-radius:0!important;\n  box-shadow:none!important;\n  overflow:visible!important;\n}\n.hk-coach .hk-final-cta .hk-final-brand img{\n  display:block!important;\n  width:auto!important;\n  max-width:min(210px,70vw)!important;\n  height:66px!important;\n  max-height:none!important;\n  border:0!important;\n  border-radius:0!important;\n  background:transparent!important;\n  box-shadow:none!important;\n  object-fit:contain!important;\n  filter:drop-shadow(0 0 9px rgba(255,255,255,.30)) drop-shadow(0 0 15px rgba(255,158,70,.20));\n  animation:hkLogoShine 4.5s ease-in-out infinite!important;\n}\n@keyframes hkLogoShine{\n  0%,100% {filter:drop-shadow(0 0 5px rgba(255,255,255,.18)) drop-shadow(0 0 10px rgba(255,150,60,.12));}\n  50% {filter:drop-shadow(0 0 12px rgba(255,255,255,.48)) drop-shadow(0 0 22px rgba(255,174,95,.30));}\n}\n@media(max-width:767px){.hk-coach .hk-final-cta .hk-final-brand{margin-bottom:18px!important;}\n.hk-coach .hk-final-cta .hk-final-brand img{\n    height:53px!important;\n    max-width:min(185px,70vw)!important;\n  }}\n@media(prefers-reduced-motion:reduce){.hk-coach .hk-final-cta .hk-final-brand img{animation:none!important;}}\n.hk-coach .hk-final-cta{\n  background:#000000!important;\n  background-image:none!important;\n  border-radius:42px 42px 0 0!important;\n}\n.hk-coach .hk-final-cta::before,\n.hk-coach .hk-final-cta::after{\n  content:none!important;\n  display:none!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner{\n  --hk-cta-cell:54px;\n  isolation:isolate!important;\n  overflow:hidden!important;\n  background:radial-gradient(ellipse at 50% -20%,rgba(255,186,115,.30),transparent 70%),\n             linear-gradient(160deg,#d95b13 0%,#b7470d 52%,#812b0e 100%)!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner::before{\n  content:\"\"!important;\n  display:block!important;\n  position:absolute!important;\n  inset:0!important;\n  z-index:0!important;\n  opacity:1!important;\n  pointer-events:none!important;\n  border-radius:inherit!important;\n  background:\n    linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px) 0 0\/var(--hk-cta-cell) var(--hk-cta-cell),\n    linear-gradient(0deg,rgba(255,255,255,.075) 1px,transparent 1px) 0 0\/var(--hk-cta-cell) var(--hk-cta-cell)!important;\n}\n.hk-coach .hk-final-cta .hk-final-grid-tiles{\n  position:absolute!important;\n  inset:0!important;\n  z-index:1!important;\n  pointer-events:none!important;\n  overflow:hidden!important;\n}\n.hk-coach .hk-final-cta .hk-final-grid-tiles span{\n  position:absolute;\n  width:var(--hk-cta-cell);\n  height:var(--hk-cta-cell);\n  background:rgba(255,231,209,.11);\n}\n.hk-coach .hk-final-grid-tiles span:nth-child(1){left:calc(var(--hk-cta-cell) * 1);top:0;opacity:.55}\n.hk-coach .hk-final-grid-tiles span:nth-child(2){left:calc(var(--hk-cta-cell) * 4);top:calc(var(--hk-cta-cell) * 1);opacity:.85}\n.hk-coach .hk-final-grid-tiles span:nth-child(3){left:calc(var(--hk-cta-cell) * 2);bottom:calc(var(--hk-cta-cell) * 1);opacity:.45}\n.hk-coach .hk-final-grid-tiles span:nth-child(4){left:calc(var(--hk-cta-cell) * 5);bottom:0;opacity:.75}\n.hk-coach .hk-final-grid-tiles span:nth-child(5){right:calc(var(--hk-cta-cell) * 2);top:0;opacity:.62}\n.hk-coach .hk-final-grid-tiles span:nth-child(6){right:calc(var(--hk-cta-cell) * 5);top:calc(var(--hk-cta-cell) * 1);opacity:.82}\n.hk-coach .hk-final-grid-tiles span:nth-child(7){right:calc(var(--hk-cta-cell) * 1);top:calc(var(--hk-cta-cell) * 3);opacity:.6}\n.hk-coach .hk-final-grid-tiles span:nth-child(8){right:calc(var(--hk-cta-cell) * 4);bottom:calc(var(--hk-cta-cell) * 1);opacity:.72}\n.hk-coach .hk-final-grid-tiles span:nth-child(9){left:0;top:calc(var(--hk-cta-cell) * 3);opacity:.76}\n.hk-coach .hk-final-grid-tiles span:nth-child(10){left:calc(var(--hk-cta-cell) * 7);top:0;opacity:.4}\n.hk-coach .hk-final-grid-tiles span:nth-child(11){right:0;bottom:0;opacity:.48}\n.hk-coach .hk-final-grid-tiles span:nth-child(12){right:calc(var(--hk-cta-cell) * 7);bottom:0;opacity:.5}\n.hk-coach .hk-final-cta .hk-final-inner > :not(.hk-final-grid-tiles){\n  position:relative;\n  z-index:2;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special{\n  display:inline-flex!important;\n  align-items:center!important;\n  justify-content:center!important;\n  gap:21px!important;\n  min-height:56px!important;\n  padding:18px 31px!important;\n  border:1px solid transparent!important;\n  border-radius:999px!important;\n  font-family:Geist,Arial,sans-serif!important;\n  font-size:15px!important;\n  font-weight:600!important;\n  line-height:1.1!important;\n  letter-spacing:-.02em!important;\n  color:#fff!important;\n  background:linear-gradient(115deg,#c94700 0%,#f57600 52%,#ff8500 100%)!important;\n  box-shadow:none!important;\n  transition:background .25s,transform .25s,box-shadow .25s!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special:hover{\n  background:linear-gradient(115deg,#df5700,#ff8c00)!important;\n  transform:translateY(-2px)!important;\n  box-shadow:0 10px 26px rgba(255,106,0,.2)!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline{\n  background:#111111!important;\n  color:#fff!important;\n  border:1px solid rgba(255,255,255,.85)!important;\n  box-shadow:none!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline:hover{\n  background:#1d1d1d!important;\n  border-color:#fff!important;\n  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;\n}\n@media(max-width:767px){.hk-coach .hk-final-cta .hk-final-inner{--hk-cta-cell:40px;}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special,\n  .hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline{\n    width:100%!important;\n    min-height:53px!important;\n    padding:16px 23px!important;\n    font-size:14px!important;\n  }}\n@media(prefers-reduced-motion:reduce){.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special{transition:none!important;}}\n.hk-coach .hk-final-cta .hk-final-inner > picture.hk-final-cta-artwork{\n  display:block!important;\n  width:100%!important;\n  max-width:640px!important;\n  margin:0 auto 30px!important;\n  padding:0!important;\n  line-height:0!important;\n}\n.hk-coach .hk-final-cta .hk-final-cta-artwork img{\n  display:block!important;\n  width:100%!important;\n  height:auto!important;\n  max-width:100%!important;\n  object-fit:contain!important;\n  object-position:center!important;\n  border:0!important;\n  border-radius:0!important;\n  box-shadow:none!important;\n}\n@media(max-width:767px){.hk-coach .hk-final-cta .hk-final-inner > picture.hk-final-cta-artwork{\n    max-width:420px!important;\n    margin:0 auto 24px!important;\n  }}\n.hk-coach .hk-cases h3{font-family:inherit!important}\n.hk-coach .hk-cases .hk-cases__summary p{margin-top:14px!important}\n.hk-coach .hk-cases .hk-cases__inner{max-width:1152px}\n.hk-coach .hk-case-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:none;padding:0;margin:0;gap:0;align-items:start;isolation:isolate}\n.hk-coach .hk-case-content{grid-area:1\/1;min-width:0;width:100%}\n.hk-coach .hk-case-content>.hk-sec{width:100%;max-width:none;border-radius:0;margin:0}\n.hk-coach .hk-case-content>.hk-sec>.hk-wrap{width:100%;max-width:1200px;padding-inline:24px;margin-inline:auto}\n.hk-coach #coach-approach{border-radius:0;padding-block:40px}\n@media(max-width:900px){.hk-coach .hk-case-content>.hk-sec>.hk-wrap{padding-inline:24px}\n.hk-coach .hk-case-content>section{scroll-margin-top:calc(var(--hk-header-offset) + var(--hk-admin-offset) + 72px)}}\n@media(max-width:600px){.hk-coach .hk-case-content>.hk-sec>.hk-wrap{padding-inline:18px}}\n.hk-coach{width:var(--hk-viewport-width,100vw);max-width:none;margin-left:calc(50% - var(--hk-viewport-width,100vw)\/2);margin-right:calc(50% - var(--hk-viewport-width,100vw)\/2)}\n.hk-coach .hk-case-layout{display:block;width:100%;max-width:none;margin:0;padding:0}\n.hk-coach .hk-case-content{display:block;width:100%;max-width:none}\n.hk-coach .hk-case-content>.hk-sec,.hk-coach>.hk-hero,.hk-coach>.hk-cases,.hk-coach>.hk-final-cta{width:100%;max-width:none;margin-inline:0}\n.hk-coach .hk-case-content>.hk-sec>.hk-wrap,.hk-coach .hk-hero>.hk-wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px}\n.hk-coach .hk-cases .hk-cases__inner{width:100%;max-width:1200px;padding-inline:24px;margin-inline:auto}\n.hk-coach .hk-case-content>section{scroll-margin-top:calc(var(--hk-header-offset) + var(--hk-admin-offset) + 24px)}\n@media(max-width:600px){.hk-coach .hk-case-content>.hk-sec>.hk-wrap,.hk-coach .hk-hero>.hk-wrap,.hk-coach .hk-cases .hk-cases__inner{padding-inline:18px}}\n#micheal-case-study.hk-coach{box-sizing:border-box!important;display:block!important;width:var(--hk-viewport-width,100%)!important;max-width:none!important;margin-left:var(--hk-bleed-offset,0px)!important;margin-right:0!important;padding-inline:0!important}\n#micheal-case-study .hk-case-layout,#micheal-case-study .hk-case-content{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}\n#micheal-case-study .hk-case-content>section,#micheal-case-study>section{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}\n#micheal-case-study .hk-case-content>section>.hk-wrap,#micheal-case-study>.hk-hero>.hk-wrap,#micheal-case-study>.hk-cases>.hk-cases__inner{box-sizing:border-box!important;width:calc(100% - 48px)!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}\n@media(max-width:600px){#micheal-case-study .hk-case-content>section>.hk-wrap,#micheal-case-study>.hk-hero>.hk-wrap,#micheal-case-study>.hk-cases>.hk-cases__inner{width:calc(100% - 36px)!important}}\n\/* One authoritative deliverables layout. Cards always occupy their entire wrapper. *\/\n#micheal-case-study #deliverables>.hk-wrap{display:block!important;flex:none!important;width:calc(100% - 48px)!important;max-width:1200px!important;min-width:0!important;margin-inline:auto!important;padding-inline:0!important}\n#micheal-case-study .hk-stack{display:block!important;position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;margin:32px 0 0!important;padding:0 0 32px!important;isolation:isolate}\n#micheal-case-study .hk-stack>.hk-deliverable-section{display:block!important;position:relative!important;float:none!important;flex:none!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0 0 32px!important;padding:0!important;border:0!important;transform:none!important;filter:none!important;top:auto!important;background:#fff!important;border-radius:24px!important;z-index:auto;box-shadow:0 10px 35px #0000000d;overflow:visible!important}\n#micheal-case-study .hk-stack>.hk-deliverable-section.hk-can-pin{position:sticky!important;top:var(--hk-safe-pin,150px)!important;z-index:var(--hk-card-order,1)}\n#micheal-case-study .hk-card-surface{display:block!important;position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;padding:48px 32px 32px!important;border:1px solid #e6e1dc!important;border-radius:24px!important;background:#fff!important;transform:none!important;filter:none!important;opacity:1!important;box-sizing:border-box!important}\n#micheal-case-study .hk-deliv-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:32px!important;align-items:center!important;width:100%!important;min-width:0!important}\n#micheal-case-study .hk-deliv-media,#micheal-case-study .hk-deliv-copy{min-width:0!important;width:100%!important;max-width:none!important}\n#micheal-case-study .hk-deliv-copy h3{font-size:clamp(26px,2.6vw,36px)!important;line-height:1.12!important;overflow-wrap:normal!important;word-break:normal!important}\n#micheal-case-study .hk-deliv-copy p{font-size:15px!important;line-height:1.7!important}\n@media(max-width:1000px){#micheal-case-study .hk-deliv-grid{grid-template-columns:minmax(0,1fr)!important}#micheal-case-study .hk-stack>.hk-deliverable-section.hk-can-pin{position:relative!important;top:auto!important}#micheal-case-study .hk-deliv-media,#micheal-case-study .hk-deliv-copy{order:initial!important}}\n@media(max-width:600px){#micheal-case-study #deliverables>.hk-wrap{width:calc(100% - 36px)!important}#micheal-case-study .hk-card-surface{padding:40px 20px 24px!important}}\n@media(prefers-reduced-motion:reduce){#micheal-case-study .hk-stack>.hk-deliverable-section.hk-can-pin{position:relative!important;top:auto!important}}\n\n\/* Section contents: one consistent 1200px maximum, including hero, work and CTA. *\/\n#micheal-case-study section>.hk-wrap,\n#micheal-case-study section>.hk-cases__inner,\n#micheal-case-study .hk-final-cta>.hk-final-inner{\n box-sizing:border-box!important;\n width:calc(100% - 48px)!important;\n max-width:1200px!important;\n min-width:0!important;\n margin-left:auto!important;\n margin-right:auto!important;\n}\n@media(max-width:600px){\n #micheal-case-study section>.hk-wrap,\n #micheal-case-study section>.hk-cases__inner,\n #micheal-case-study .hk-final-cta>.hk-final-inner{width:calc(100% - 36px)!important}\n}\n\n\/* ===========================================================\n   COACH360 \u2014 FULL-BLEED PAGE + VIRTUAL DEPARTMENT SPACING\n   Section backgrounds: edge to edge, including Elementor embeds.\n   Content, grids and cards: centered within max 1200px.\n   Desktop spacing: 110px \/ tablet: 80px \/ phone: 76px.\n   =========================================================== *\/\n#micheal-case-study.hk-coach{\n  --hk-content-max:1200px;\n  --hk-section-space:110px;\n  box-sizing:border-box!important;\n  display:block!important;\n  width:var(--hk-viewport-width,100vw)!important;\n  max-width:none!important;\n  min-width:0!important;\n  margin-left:var(--hk-bleed-offset,calc(50% - 50vw))!important;\n  margin-right:0!important;\n  padding:0!important;\n}\n\n\/* Full-bleed article wrapper. The contents rail is overlaid separately. *\/\n#micheal-case-study .hk-case-layout,\n#micheal-case-study .hk-case-content{\n  display:block!important;\n  width:100%!important;\n  max-width:none!important;\n  min-width:0!important;\n  margin:0!important;\n  padding:0!important;\n}\n#micheal-case-study > .hk-hero,\n#micheal-case-study > .hk-final-cta,\n#micheal-case-study .hk-case-content > section.hk-sec{\n  display:block;\n  box-sizing:border-box!important;\n  width:100%!important;\n  max-width:none!important;\n  margin-left:0!important;\n  margin-right:0!important;\n}\n\n\/* Match the generous section rhythm on the virtual department page. *\/\n#micheal-case-study .hk-case-content > section.hk-sec{\n  padding:var(--hk-section-space) 0!important;\n  border-radius:0!important;\n}\n#micheal-case-study .hk-case-content > #coach-approach.hk-sec{\n  padding-block:var(--hk-section-space)!important;\n}\n\/* Keep the testimonial attached to the takeaways rather than double-gapped. *\/\n#micheal-case-study .hk-case-content > #coach-testimonial.hk-sec{\n  padding-top:0!important;\n}\n\n\/* Universal centered inner gutter: 1200px content, NOT 1200px backgrounds. *\/\n#micheal-case-study .hk-case-content > section.hk-sec > .hk-wrap,\n#micheal-case-study > .hk-hero > .hk-wrap,\n#micheal-case-study > .hk-final-cta > .hk-final-inner,\n#micheal-case-study > .hk-cases > .hk-cases__inner{\n  box-sizing:border-box!important;\n  width:calc(100% - 48px)!important;\n  max-width:var(--hk-content-max)!important;\n  min-width:0!important;\n  margin-left:auto!important;\n  margin-right:auto!important;\n  \/* Prevent doubled Elementor + section gutters. *\/\n}\n#micheal-case-study .hk-case-content > section.hk-sec > .hk-wrap,\n#micheal-case-study > .hk-hero > .hk-wrap,\n#micheal-case-study > .hk-cases > .hk-cases__inner{\n  padding-left:0!important;\n  padding-right:0!important;\n}\n\/* Let the orange closing card keep its own carefully designed inner padding. *\/\n#micheal-case-study > .hk-final-cta > .hk-final-inner{\n  padding:clamp(44px,5vw,72px) clamp(22px,4.6vw,64px) clamp(38px,4vw,56px)!important;\n}\n\n\/* Interior breathing room follows the service-page's 40\u201354px component gaps. *\/\n#micheal-case-study #coach-overview .hk-overview{margin-top:54px!important;gap:64px}\n#micheal-case-study #coach-problems .hk-case-bento4{margin-top:54px}\n#micheal-case-study #coach-approach .hk-process-timeline{margin-top:46px}\n#micheal-case-study #coach-services .hk-services-bento{margin-top:46px}\n#micheal-case-study #deliverables .hk-stack{margin-top:48px!important}\n#micheal-case-study #coach-results .hk-results{margin-top:50px}\n#micheal-case-study #coach-takeaways .hk-takeaways{margin-top:50px}\n\n@media(max-width:900px){\n  #micheal-case-study.hk-coach{--hk-section-space:80px}\n  #micheal-case-study #coach-overview .hk-overview{gap:34px}\n  #micheal-case-study #coach-approach .hk-process-timeline,\n  #micheal-case-study #coach-services .hk-services-bento{margin-top:34px}\n  #micheal-case-study #deliverables .hk-stack{margin-top:36px!important}\n}\n@media(max-width:600px){\n  #micheal-case-study.hk-coach{--hk-section-space:76px}\n  #micheal-case-study .hk-case-content > section.hk-sec > .hk-wrap,\n  #micheal-case-study > .hk-hero > .hk-wrap,\n  #micheal-case-study > .hk-final-cta > .hk-final-inner,\n  #micheal-case-study > .hk-cases > .hk-cases__inner{\n    width:calc(100% - 36px)!important;\n  }\n  #micheal-case-study #coach-overview .hk-overview{margin-top:34px!important;gap:30px}\n  #micheal-case-study #coach-problems .hk-case-bento4{margin-top:34px}\n  #micheal-case-study #coach-services .hk-services-bento{margin-top:30px}\n  #micheal-case-study #deliverables .hk-stack{margin-top:28px!important}\n  #micheal-case-study #coach-results .hk-results,\n  #micheal-case-study #coach-takeaways .hk-takeaways{margin-top:34px}\n  #micheal-case-study > .hk-final-cta > .hk-final-inner{\n    width:calc(100% - 36px)!important;\n    padding:34px 18px 30px!important;\n  }\n}\n\n<\/style>\n<style id=\"hk-coach-contents-styles\">\n\/* CONTENTS RAIL \u2014 full-bleed backgrounds and a centered 1200px article.\n   On screens >=1650px, the Contents rail floats entirely OUTSIDE the article.\n   Below that width it becomes a compact sticky disclosure above the article,\n   keeping Hero, all middle sections and CTA perfectly aligned.\n   --hk-header-offset remains the existing fixed theme-header setting. *\/\n#micheal-case-study.hk-coach {\n  --hk-toc-width:180px;\n  --hk-toc-gap:24px;\n  --hk-toc-edge:20px;\n  --hk-toc-reserve:calc(var(--hk-toc-edge) + var(--hk-toc-width) + var(--hk-toc-gap));\n  --hk-toc-top:calc(var(--hk-header-offset,0px) + var(--hk-admin-offset,0px) + 24px);\n}\n#micheal-case-study .hk-case-layout {position:relative!important;isolation:isolate}\n#micheal-case-study .hk-toc-rail {\n  position:absolute;\n  top:var(--hk-section-space,110px);\n  bottom:var(--hk-section-space,110px);\n  left:max(var(--hk-toc-edge),calc((100% - var(--hk-content-max,1200px)) \/ 2 - var(--hk-toc-width) - var(--hk-toc-gap)));\n  width:var(--hk-toc-width);\n  z-index:50;\n  pointer-events:none;\n}\n#micheal-case-study .hk-toc {\n  position:sticky;\n  top:var(--hk-toc-top);\n  width:100%;\n  min-width:0;\n  margin:0;\n  padding:0;\n  border:1px solid #e5e0da;\n  border-radius:18px;\n  background:#fff;\n  color:#181818;\n  box-shadow:0 8px 32px rgba(26,17,9,.075),0 2px 6px rgba(26,17,9,.03);\n  pointer-events:auto;\n  font-family:'Geist',Arial,sans-serif;\n}\n#micheal-case-study .hk-toc-summary {\n  display:flex;\n  align-items:center;\n  gap:10px;\n  min-height:57px;\n  padding:19px 16px 16px;\n  margin:0;\n  list-style:none;\n  cursor:pointer;\n  user-select:none;\n  color:#191919;\n  line-height:1.2;\n}\n#micheal-case-study .hk-toc-summary::-webkit-details-marker {display:none}\n#micheal-case-study .hk-toc-summary::marker {content:\"\"}\n#micheal-case-study .hk-toc-title {\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  font-size:13px;\n  font-weight:650;\n  letter-spacing:-.02em;\n}\n#micheal-case-study .hk-toc-title::before {\n  content:\"\";width:5px;height:5px;border-radius:50%;background:#ff7900;\n  box-shadow:0 0 0 3px rgba(255,121,0,.12);flex:0 0 5px;\n}\n#micheal-case-study .hk-toc-current {display:none}\n#micheal-case-study .hk-toc-chevron {\n  display:block;width:14px;height:14px;flex:0 0 14px;margin-left:auto;\n  color:#8d857c;transition:transform .2s;\n}\n#micheal-case-study .hk-toc[open] .hk-toc-chevron {transform:rotate(180deg)}\n#micheal-case-study .hk-toc-nav {padding:0 8px 10px;margin:0}\n#micheal-case-study .hk-toc-list {\n  display:grid;gap:3px;list-style:none!important;\n  padding:0!important;margin:0!important;\n}\n#micheal-case-study .hk-toc-list li {\n  padding:0!important;margin:0!important;list-style:none!important;min-width:0;\n}\n#micheal-case-study .hk-toc-list a {\n  position:relative;display:flex;align-items:center;gap:9px;\n  min-height:37px;padding:10px 9px;border:0;border-radius:8px;\n  background:transparent;box-shadow:none;text-decoration:none!important;\n  color:#68615a!important;font-size:12px;font-weight:450;line-height:1.35;\n  letter-spacing:-.015em;transition:background .18s,color .18s;\n}\n#micheal-case-study .hk-toc-list a::before {\n  content:\"\";position:absolute;left:0;top:11px;bottom:11px;width:2px;\n  border-radius:2px;background:transparent;\n}\n#micheal-case-study .hk-toc-list a:hover {background:#f6f3ef;color:#191919!important}\n#micheal-case-study .hk-toc-list a[aria-current=\"location\"] {\n  background:#fff1e4;color:#a24604!important;font-weight:600;\n}\n#micheal-case-study .hk-toc-list a[aria-current=\"location\"]::before {background:#ff7900}\n#micheal-case-study .hk-toc-number {\n  flex:0 0 15px;font-size:9px;letter-spacing:.03em;font-variant-numeric:tabular-nums;\n  color:#a69c92;\n}\n#micheal-case-study .hk-toc-list a[aria-current=\"location\"] .hk-toc-number {color:#cf690f}\n#micheal-case-study .hk-toc-summary:focus-visible,\n#micheal-case-study .hk-toc-list a:focus-visible {outline:2px solid #ff7900;outline-offset:3px}\n#micheal-case-study .hk-toc-footer {margin:0 16px;padding:14px 0 17px;border-top:1px solid #ece7e1}\n#micheal-case-study .hk-toc-reading {\n  display:flex;justify-content:space-between;align-items:center;gap:8px;\n  margin-bottom:10px;color:#9a8f84;font-size:9px;line-height:1.3;\n}\n#micheal-case-study .hk-toc-percent {font-variant-numeric:tabular-nums;color:#6d6257}\n#micheal-case-study .hk-toc-progress {height:3px;background:#f0eae3;border-radius:10px;overflow:hidden}\n#micheal-case-study .hk-toc-progress>span {\n  display:block;width:100%;height:100%;background:#ff7900;border-radius:inherit;\n  transform:scaleX(0);transform-origin:left center;\n}\n\/* Stop sticking on very short screens rather than introducing an inner scrollbar. *\/\n#micheal-case-study .hk-toc-rail.hk-toc-unpinned .hk-toc {position:relative;top:0}\n\n\/* No content-width or left-margin override at wide desktop widths:\n   all page sections retain the shared centered 1200px content container. *\/\n@media(max-width:1649px) {\n  #micheal-case-study .hk-toc-rail {\n    position:sticky;top:var(--hk-toc-top);bottom:auto;left:auto;\n    width:calc(100% - 48px);max-width:var(--hk-content-max,1200px);\n    margin:24px auto 0;\n  }\n  #micheal-case-study .hk-toc {position:relative;top:0;border-radius:13px}\n  #micheal-case-study .hk-toc-summary {min-height:53px;padding:16px 18px}\n  #micheal-case-study .hk-toc-current {\n    display:block;margin-left:auto;font-size:11px;line-height:1.3;color:#8e7964;\n    max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\n  }\n  #micheal-case-study .hk-toc-chevron {margin-left:0}\n  #micheal-case-study .hk-toc-nav {padding:0 10px 10px}\n  #micheal-case-study .hk-toc-list {grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}\n  #micheal-case-study .hk-toc-list a {font-size:13px;min-height:41px;padding:11px 12px;gap:10px}\n  #micheal-case-study .hk-toc-footer {margin:0 20px;padding:12px 0 16px}\n  #micheal-case-study .hk-toc-reading {font-size:10px}\n  #micheal-case-study .hk-toc-rail.hk-toc-unpinned {position:relative;top:auto}\n}\n@media(max-width:600px) {\n  #micheal-case-study .hk-toc-rail {width:calc(100% - 36px);margin-top:20px}\n  #micheal-case-study .hk-toc-list {grid-template-columns:1fr;gap:2px}\n  #micheal-case-study .hk-toc-list a {min-height:35px;padding:9px 12px;font-size:12px}\n}\n@media(prefers-reduced-motion:reduce) {\n  #micheal-case-study .hk-toc-chevron,#micheal-case-study .hk-toc-list a {transition:none}\n}\n@media print {\n  #micheal-case-study .hk-toc-rail {display:none!important}\n  #micheal-case-study .hk-case-layout>.hk-case-content>section.hk-sec>.hk-wrap,\n  #micheal-case-study .hk-case-layout>.hk-case-content>#deliverables.hk-sec>.hk-wrap {\n    width:calc(100% - 48px)!important;margin-inline:auto!important;\n  }\n}\n<\/style>\n<style id=\"hk-coach-v6-side-by-side-layout\">\n\/* V6 \u2014 side-by-side reading layout within a single 1200px desktop shell.\n   A dedicated 15% left rail + 24px breathing space, 85% article allocation.\n   Section backgrounds remain full-bleed; only inner content shifts right.\n   Navbar stays above the sticky table via --hk-header-offset. *\/\n#micheal-case-study.hk-coach{\n  --hk-sbs-max:1200px;\n  --hk-sbs-gap:24px;\n  --hk-sbs-edge:24px;\n}\n@media (min-width:1024px){\n  #micheal-case-study.hk-coach{\n    --hk-sbs-shell:min(var(--hk-sbs-max),calc(100% - var(--hk-sbs-edge) * 2));\n    --hk-sbs-sidebar:calc(var(--hk-sbs-shell) * .15);\n    --hk-sbs-main:calc(var(--hk-sbs-shell) * .85 - var(--hk-sbs-gap));\n    --hk-sbs-left:calc((100% - var(--hk-sbs-shell)) \/ 2);\n    --hk-sbs-main-left:calc(var(--hk-sbs-left) + var(--hk-sbs-sidebar) + var(--hk-sbs-gap));\n  }\n  \/* The TOC is a true left column \u2014 not layered on top of text. *\/\n  #micheal-case-study .hk-case-layout > .hk-toc-rail{\n    position:absolute!important;\n    left:var(--hk-sbs-left)!important;\n    top:var(--hk-section-space,110px)!important;\n    bottom:var(--hk-section-space,110px)!important;\n    width:var(--hk-sbs-sidebar)!important;\n    max-width:none!important;\n    margin:0!important;\n    padding:0!important;\n    z-index:5!important;\n    pointer-events:none;\n  }\n  #micheal-case-study .hk-case-layout > .hk-toc-rail > .hk-toc{\n    position:sticky!important;\n    top:var(--hk-toc-top)!important;\n    width:100%!important;\n    border-radius:18px!important;\n    pointer-events:auto!important;\n  }\n  #micheal-case-study .hk-case-layout > .hk-toc-rail.hk-toc-unpinned > .hk-toc{\n    position:relative!important;\n    top:0!important;\n  }\n  #micheal-case-study .hk-toc-current{display:none!important}\n  #micheal-case-study .hk-toc-list{grid-template-columns:1fr!important;gap:3px!important}\n  #micheal-case-study .hk-toc-list a{font-size:12px!important;padding:10px 9px!important;min-height:37px!important;gap:8px!important}\n  #micheal-case-study .hk-toc-nav{padding:0 8px 10px!important}\n  \/* The eight sections retain full-width background bands. Their inner\n     wrappers occupy only the remaining column, with no overlap. *\/\n  #micheal-case-study .hk-case-layout > .hk-case-content > section.hk-sec > .hk-wrap,\n  #micheal-case-study .hk-case-layout > .hk-case-content > #deliverables.hk-sec > .hk-wrap{\n    box-sizing:border-box!important;\n    width:var(--hk-sbs-main)!important;\n    max-width:none!important;\n    min-width:0!important;\n    margin-left:var(--hk-sbs-main-left)!important;\n    margin-right:0!important;\n    padding-inline:0!important;\n  }\n  #micheal-case-study .hk-case-layout > .hk-case-content > #deliverables.hk-sec > .hk-wrap{\n    display:block!important;\n  }\n}\n\/* At tablet\/phone widths, give the article the full available width. The\n   TOC becomes a non-sticky expandable bar instead of crushing the columns. *\/\n@media (max-width:1023px){\n  #micheal-case-study .hk-case-layout > .hk-toc-rail{\n    position:relative!important;\n    top:auto!important;\n    left:auto!important;\n    bottom:auto!important;\n    width:calc(100% - 48px)!important;\n    max-width:1200px!important;\n    margin:24px auto 0!important;\n    z-index:5!important;\n  }\n  #micheal-case-study .hk-case-layout > .hk-toc-rail > .hk-toc{position:relative!important;top:0!important}\n}\n@media (max-width:600px){\n  #micheal-case-study .hk-case-layout > .hk-toc-rail{width:calc(100% - 36px)!important;margin-top:20px!important}\n}\n@media print{\n  #micheal-case-study .hk-case-layout > .hk-toc-rail{display:none!important}\n  #micheal-case-study .hk-case-layout > .hk-case-content > section.hk-sec > .hk-wrap,\n  #micheal-case-study .hk-case-layout > .hk-case-content > #deliverables.hk-sec > .hk-wrap{\n    width:calc(100% - 48px)!important;\n    max-width:1200px!important;\n    margin-inline:auto!important;\n  }\n}\n<\/style>\n<style id=\"hk-coach-v7-alternating-deliverable-cards\">\n\/* Alternating card surfaces in the scrolling deliverables stack:\n   01 white, 02 black, 03 white, 04 black, and so on.\n   All existing stack positioning, widths and gallery interactions are retained. *\/\n#micheal-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even){\n  background:#0b0b0b!important;\n  box-shadow:0 14px 38px rgba(0,0,0,.19)!important;\n}\n#micheal-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) > .hk-card-surface{\n  color:#f8f8f8!important;\n  background:linear-gradient(145deg,#171717 0%,#0b0b0b 100%)!important;\n  border-color:#333!important;\n}\n#micheal-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-deliv-copy h3{\n  color:#fff!important;\n}\n#micheal-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-deliv-copy p{\n  color:#c4c4c4!important;\n}\n#micheal-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-deliv-copy p strong{\n  color:#fff!important;\n}\n#micheal-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-deliv-meta span{\n  color:#e0e0e0!important;\n  background:#242424!important;\n  border-color:#404040!important;\n}\n#micheal-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-gallery-hint{\n  color:#f4f4f4!important;\n}\n#micheal-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-card-count{\n  color:#bcbcbc!important;\n}\n#micheal-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-deliv-media:not(.hk-ph){\n  border-color:#414141!important;\n}\n<\/style>\n<style id=\"hk-coach-v9-elementor-safe-card-stack\">\n\/* Real scroll-driven overlap, independent of position:sticky.\n   Elementor may create overflow\/transform ancestors, which break CSS sticky.\n   The cards remain in normal document flow and a small scroll handler visually\n   pins each one until the following card moves on top of it. *\/\n#micheal-case-study #deliverables .hk-stack {\n  position:relative!important;\n  isolation:isolate!important;\n  overflow:visible!important;\n}\n#micheal-case-study #deliverables .hk-stack > article.hk-deliverable-section.hk-js-stack-live {\n  position:relative!important;\n  top:auto!important;\n  z-index:var(--hk-scroll-layer,1)!important;\n  transform-origin:top center!important;\n  transform:translate3d(0,var(--hk-scroll-offset,0px),0) scale(var(--hk-scroll-scale,1))!important;\n  filter:brightness(var(--hk-scroll-brightness,1))!important;\n  transition:none!important;\n  will-change:transform;\n  backface-visibility:hidden;\n}\n\/* Avoid the large vertical jump and oversized cards between 900\u20131000px. *\/\n@media (min-width:900px) and (max-width:1000px) {\n  #micheal-case-study #deliverables .hk-deliv-grid {\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n    gap:22px!important;\n  }\n  #micheal-case-study #deliverables .hk-card-surface {\n    padding:38px 24px 25px!important;\n  }\n  #micheal-case-study #deliverables .hk-deliv-copy h3 {\n    font-size:clamp(23px,2.8vw,29px)!important;\n  }\n}\n@media (min-width:900px) and (max-height:690px) {\n  #micheal-case-study #deliverables .hk-card-surface {padding-top:36px!important;padding-bottom:24px!important}\n  #micheal-case-study #deliverables .hk-deliv-copy p {line-height:1.5!important}\n}\n@media (max-width:899px), (prefers-reduced-motion:reduce) {\n  #micheal-case-study #deliverables .hk-stack > article.hk-deliverable-section {\n    position:relative!important;\n    top:auto!important;\n    transform:none!important;\n    filter:none!important;\n    will-change:auto!important;\n  }\n}\n<\/style>\n<style>body{margin:0}.hk-coach{--hk-header-offset:0px}.hk-coach .hk-hero-art{aspect-ratio:1400\/1095}.hk-coach .hk-hero-art img{object-fit:cover}.hk-coach .hk-hero-description{color:#aaa;font-size:17px;line-height:1.65;max-width:470px;margin:20px 0 24px!important}.hk-coach .hk-kpi b{font-size:clamp(24px,3.2vw,38px)}.hk-coach .hk-deliv-media{background:#20372e!important}.hk-coach .hk-deliv-media img{object-fit:cover;object-position:center top;background:#20372e}.hk-coach .hk-source-note{font-size:13px;line-height:1.7;color:#777;margin-top:28px!important}.hk-coach .hk-source-note a{color:#9a4200;text-decoration:underline!important}.hk-coach .hk-case-bento4 .hk-case-bento-card:nth-child(n){min-height:260px}.hk-coach .hk-hero-art:after{display:none}.hk-coach-lightbox__media{overflow:auto;touch-action:pan-y}.hk-coach-lightbox__media img{height:auto;max-height:none;object-fit:contain;align-self:flex-start}.hk-coach-lightbox__media{align-items:flex-start}.hk-coach .hk-final-cta .hk-final-inner{min-height:320px!important}.hk-coach .hk-final-cta .hk-final-inner>p{display:block!important}.hk-coach .hk-deliv-media:focus-visible{outline:3px solid var(--o);outline-offset:4px}@media(max-width:600px){.hk-coach .hk-kpi+.hk-kpi{padding-left:12px}.hk-coach .hk-kpi b{font-size:22px}.hk-coach .hk-kpi span{font-size:11px}}<\/style><style>#micheal-case-study .hk-hero-art img{object-fit:contain!important;background:#f5f1e8!important}#micheal-case-study .hk-deliv-media{background:#f5f1e8!important}#micheal-case-study .hk-deliv-media img{object-fit:contain!important;object-position:center!important;background:#f5f1e8!important}#micheal-case-study .hk-kpi b{font-size:clamp(23px,3vw,36px)!important}<\/style>\n<style id=\"micheal-dedicated-card-image-fit\">\n\/* Dedicated 1536x1024 wide artworks, designed for the 3:2 card slot. *\/\n#micheal-case-study #deliverables .hk-deliv-media {\n  aspect-ratio:3 \/ 2!important; width:100%!important; min-height:0!important;\n  background:#f6f2e9!important; border-radius:18px!important; overflow:hidden!important;\n}\n#micheal-case-study #deliverables .hk-deliv-media img {\n  width:100%!important;height:100%!important;object-fit:contain!important;\n  object-position:center center!important; background:#f6f2e9!important;\n}\n#micheal-case-study #deliverables .hk-deliv-grid {align-items:center!important;}\n@media(max-width:1000px) {\n  #micheal-case-study #deliverables .hk-deliv-media {aspect-ratio:3\/2!important;}\n}\n@media(max-width:600px){\n  #micheal-case-study #deliverables .hk-deliv-media {border-radius:12px!important;}\n}\n<\/style>\n<style id=\"micheal-hero-girl-fit\">\n\/* Keep the new artwork complete and uncropped within the hero placeholder. *\/\n#micheal-case-study .hk-hero-art{aspect-ratio:3\/2!important;background:#f5f0e7!important;border-color:#40352b!important}\n#micheal-case-study .hk-hero-art img{object-fit:contain!important;object-position:center!important;background:#f5f0e7!important}\n@media(max-width:680px){#micheal-case-study .hk-hero-art{aspect-ratio:3\/2!important}}\n<\/style>\n<style id=\"micheal-hero-exact-fit\">\n\/* Mico hero: match the actual image proportions; no letterboxing or crop. *\/\n#micheal-case-study .hk-hero-art {\n  width: 100% !important;\n  aspect-ratio: 1672 \/ 941 !important;\n  background: transparent !important;\n  overflow: hidden !important;\n}\n#micheal-case-study .hk-hero-art img {\n  position: absolute !important;\n  inset: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  object-position: center center !important;\n  background: transparent !important;\n}\n<\/style>\n<style id=\"micheal-sticky-and-stack-fixes\">\n#micheal-case-study{--hk-header-offset:136px;--hk-toc-top:calc(var(--hk-header-offset) + var(--hk-admin-offset, 0px) + 18px)}\n#micheal-case-study .hk-toc-rail{z-index:30!important}\n#micheal-case-study .hk-toc-rail > .hk-toc{top:var(--hk-toc-top)!important}\n#micheal-case-study .hk-case-content > section{scroll-margin-top:calc(var(--hk-header-offset) + var(--hk-admin-offset, 0px) + 32px)!important}\n#micheal-case-study #deliverables .hk-stack{overflow:visible!important;isolation:isolate!important}\n#micheal-case-study #deliverables .hk-stack > article.hk-js-stack-live{will-change:transform;transform-style:preserve-3d}\n@media(min-width:1024px){#micheal-case-study .hk-case-layout > .hk-toc-rail > .hk-toc{top:var(--hk-toc-top)!important}}\n@media(max-width:1023px){\n #micheal-case-study .hk-case-layout > .hk-toc-rail{position:relative!important;top:auto!important}\n #micheal-case-study .hk-toc-rail > .hk-toc{position:relative!important;top:auto!important}\n}\n@media(prefers-reduced-motion:reduce){#micheal-case-study #deliverables .hk-stack > article{transform:none!important;filter:none!important}}\n<\/style>\n<style id=\"micheal-direction-timeline-style\">\n#micheal-case-study .hk-direction-intro{max-width:760px;margin:0 0 24px;color:#a7a7ad;font-size:16px;line-height:1.7} \n#micheal-case-study .hk-direction-timeline{background:linear-gradient(180deg,#0b0b0f 0%,#121218 100%)}\n#micheal-case-study .hk-direction-timeline .hk-section-head .hk-h2,\n#micheal-case-study .hk-direction-timeline .hk-section-head .hk-kick{color:#fff}\n#micheal-case-study .hk-direction-timeline .hk-h2 span{color:#d7d8de}\n#micheal-case-study .hk-direction-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}\n#micheal-case-study .hk-direction-flow::before{content:\"\";position:absolute;left:24px;right:24px;top:26px;height:2px;background:linear-gradient(90deg,rgba(255,146,18,.9),rgba(255,146,18,.25));border-radius:999px}\n#micheal-case-study .hk-direction-step{position:relative;padding-top:54px}\n#micheal-case-study .hk-direction-node{position:absolute;top:12px;left:18px;width:30px;height:30px;border-radius:999px;border:2px solid rgba(255,146,18,.65);background:#111;display:grid;place-items:center;color:#ff9212;font-weight:700;font-size:12px;box-shadow:0 0 0 8px rgba(255,146,18,.06)}\n#micheal-case-study .hk-direction-card{height:100%;padding:26px 22px 22px;border-radius:24px;background:radial-gradient(circle at 100% 100%,rgba(255,146,18,.14),rgba(255,146,18,0) 42%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 36px rgba(0,0,0,.18)}\n#micheal-case-study .hk-direction-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ff9212;font-weight:700;margin-bottom:16px}\n#micheal-case-study .hk-direction-label::before{content:\"\";display:block;width:18px;height:1px;background:currentColor}\n#micheal-case-study .hk-direction-card h3{margin:0 0 12px;font-size:28px;line-height:1.05;letter-spacing:-.04em;color:#fff}\n#micheal-case-study .hk-direction-card p{margin:0;color:#c4c5cb;font-size:15px;line-height:1.72}\n#micheal-case-study .hk-direction-meta{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);color:#8f9098;font-size:13px;line-height:1.65}\n#micheal-case-study .hk-direction-meta strong{color:#fff;font-weight:600}\n@media (max-width:1024px){\n#micheal-case-study .hk-direction-flow{grid-template-columns:1fr 1fr}\n#micheal-case-study .hk-direction-flow::before{left:22px;right:22px;top:auto;bottom:auto}\n}\n@media (max-width:680px){\n#micheal-case-study .hk-direction-flow{grid-template-columns:1fr;gap:16px}\n#micheal-case-study .hk-direction-flow::before{left:17px;top:0;bottom:0;right:auto;width:2px;height:auto;background:linear-gradient(180deg,rgba(255,146,18,.9),rgba(255,146,18,.18))}\n#micheal-case-study .hk-direction-step{padding-top:0;padding-left:48px}\n#micheal-case-study .hk-direction-node{top:18px;left:2px}\n#micheal-case-study .hk-direction-card h3{font-size:24px}\n}\n<\/style>\n<style id=\"micheal-timeline-compact-overrides\">\n#micheal-case-study .hk-direction-timeline .hk-direction-intro{font-size:14px;line-height:1.5;margin-bottom:16px}\n#micheal-case-study .hk-direction-timeline .hk-direction-card{padding:22px 20px 24px;min-height:170px}\n#micheal-case-study .hk-direction-timeline .hk-direction-card h3{font-size:clamp(22px,2.4vw,27px);margin-bottom:10px}\n#micheal-case-study .hk-direction-timeline .hk-direction-card p{font-size:14px;line-height:1.55}\n#micheal-case-study .hk-direction-timeline .hk-direction-label{margin-bottom:12px}\n@media(max-width:680px){#micheal-case-study .hk-direction-timeline .hk-direction-card{min-height:0;padding:20px}}\n<\/style><style id=\"micheal-artwork-fit\">#micheal-case-study .hk-hero-art{aspect-ratio:3\/2!important}#micheal-case-study .hk-hero-art img{object-fit:contain!important}<\/style><style id=\"micheal-deliverable-fit\">#micheal-case-study .hk-deliv-media img{object-fit:contain!important}#micheal-case-study .hk-deliv-media{background:#dce6ef}<\/style><\/head><body><div class=\"hk-coach\" id=\"micheal-case-study\"><section class=\"hk-hero\"><div class=\"hk-wrap\"><div class=\"hk-hero-grid\"><div><span class=\"hk-eyebrow\">Legal Services \u00b7 Branding \u00b7 Web Design<\/span><h1>Micheal. <span>You Better Call Mike.<\/span><\/h1><p class=\"hk-hero-description\">A confident legal identity built around a distinctive wordmark, navy, slate blue and silver. From brand strategy to the website experience, every detail brings clarity, credibility and a personal approach to legal services.<\/p><a class=\"hk-btn\" href=\"#deliverables\">Explore the project <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><div class=\"hk-hero-art\" data-gallery=\"micheal\" data-index=\"0\"><img alt=\"Micheal desktop website showcase\" decoding=\"async\" fetchpriority=\"high\" width=\"1536\" height=\"1024\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/micheal-04-homepage-experience.webp\"\/><\/div><\/div><div class=\"hk-kpis\"><div class=\"hk-kpi\"><b>Branding<\/b><span>Strategy, logo and visual identity<\/span><\/div><div class=\"hk-kpi\"><b>Web design<\/b><span>Desktop, mobile and social design<\/span><\/div><div class=\"hk-kpi\"><b>Nine deliverables<\/b><span>One connected brand experience<\/span><\/div><\/div><\/div><\/section><div class=\"hk-case-layout\">\n<!-- Left contents rail: scoped to the article; ends before the final CTA. -->\n<aside aria-label=\"Case study contents\" class=\"hk-toc-rail\">\n<details class=\"hk-toc\" id=\"hk-micheal-toc\" open=\"\">\n<summary class=\"hk-toc-summary\">\n<span class=\"hk-toc-title\">Contents<\/span>\n<span aria-hidden=\"true\" class=\"hk-toc-current\">Overview<\/span>\n<svg aria-hidden=\"true\" class=\"hk-toc-chevron\" fill=\"none\" height=\"16\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" viewbox=\"0 0 24 24\" width=\"16\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n<\/summary>\n<nav aria-label=\"On this page\" class=\"hk-toc-nav\">\n<ol class=\"hk-toc-list\">\n<li><a aria-current=\"location\" href=\"#micheal-overview\"><span aria-hidden=\"true\" class=\"hk-toc-number\">01<\/span><span>Overview<\/span><\/a><\/li>\n<li><a href=\"#micheal-problems\"><span aria-hidden=\"true\" class=\"hk-toc-number\">02<\/span><span>The brief<\/span><\/a><\/li>\n<li><a href=\"#micheal-approach\"><span aria-hidden=\"true\" class=\"hk-toc-number\">03<\/span><span>Design direction<\/span><\/a><\/li>\n<li><a href=\"#micheal-services\"><span aria-hidden=\"true\" class=\"hk-toc-number\">04<\/span><span>Project scope<\/span><\/a><\/li>\n<li><a href=\"#deliverables\"><span aria-hidden=\"true\" class=\"hk-toc-number\">05<\/span><span>Design showcase<\/span><\/a><\/li>\n<li><a href=\"#micheal-results\"><span aria-hidden=\"true\" class=\"hk-toc-number\">06<\/span><span>Design outcomes<\/span><\/a><\/li>\n<li><a href=\"#micheal-takeaways\"><span aria-hidden=\"true\" class=\"hk-toc-number\">07<\/span><span>Key takeaways<\/span><\/a><\/li>\n<\/ol>\n<\/nav>\n<div aria-hidden=\"true\" class=\"hk-toc-footer\">\n<div class=\"hk-toc-reading\"><span>Reading progress<\/span><span class=\"hk-toc-percent\">0%<\/span><\/div>\n<div class=\"hk-toc-progress\"><span><\/span><\/div>\n<\/div>\n<\/details>\n<\/aside>\n<div class=\"hk-case-content\"><section class=\"hk-sec\" id=\"micheal-overview\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">Overview<\/span><h2 class=\"hk-h2\">A more personal legal brand. <span>A clearer digital experience.<\/span><\/h2><\/div><div class=\"hk-overview\"><div><p class=\"hk-overview-copy\">Micheal is a concept identity for a contemporary law firm serving individuals and growing businesses. An Unbounded wordmark, navy, slate blue and silver balance professional authority with a welcoming, personal tone.<\/p><p class=\"hk-overview-copy\">The project connects brand strategy, logo design and visual identity with a focused website concept. Three separate website previews make the homepage, expertise and enquiry journey easy to inspect without compressing the whole page into one image.<\/p><div class=\"hk-tags\"><span class=\"hk-tag\">Logo design<\/span><span class=\"hk-tag\">Branding<\/span><span class=\"hk-tag\">Visual identity<\/span><span class=\"hk-tag\">Web design<\/span><span class=\"hk-tag\">Service discovery<\/span><span class=\"hk-tag\">Enquiry experience<\/span><\/div><\/div><div class=\"hk-facts\"><div class=\"hk-fact\"><span>Project<\/span><strong>Micheal<\/strong><\/div><div class=\"hk-fact\"><span>Industry<\/span><strong>Legal services<\/strong><\/div><div class=\"hk-fact\"><span>Service 01<\/span><strong>Logo, branding &amp; visual identity<\/strong><\/div><div class=\"hk-fact\"><span>Service 02<\/span><strong>Website &amp; enquiry design<\/strong><\/div><div class=\"hk-fact\"><span>Audience<\/span><strong>Individuals &amp; growing businesses<\/strong><\/div><div class=\"hk-fact\"><span>Focus<\/span><strong>Trust, clarity and consistency<\/strong><\/div><\/div><\/div><\/div><\/section><section class=\"hk-sec hk-soft hk-light-panel\" id=\"micheal-problems\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">The brief<\/span><h2 class=\"hk-h2\">Make legal services feel <span>clear and approachable.<\/span><\/h2><\/div><div class=\"hk-case-bento4\"><article class=\"hk-case-bento-card\"><div class=\"hk-case-bento-head\"><span class=\"hk-case-bento-num\">01<\/span><h3>Create a recognizable identity<\/h3><\/div><p>Create a distinctive wordmark and circular balance symbol that remain recognizable across the website, document folders and stationery.<\/p><span aria-hidden=\"true\" class=\"hk-case-bigno\">01<\/span><\/article><article class=\"hk-case-bento-card\"><div class=\"hk-case-bento-head\"><span class=\"hk-case-bento-num\">02<\/span><h3>Balance trust with warmth<\/h3><\/div><p>Pair navy, slate blue and silver with white space and natural portraits to communicate authority without feeling distant.<\/p><span aria-hidden=\"true\" class=\"hk-case-bigno\">02<\/span><\/article><article class=\"hk-case-bento-card\"><div class=\"hk-case-bento-head\"><span class=\"hk-case-bento-num\">03<\/span><h3>Bring the services into focus<\/h3><\/div><p>Help visitors understand the firm\u2019s expertise, identify relevant support and see how an initial enquiry works.<\/p><span aria-hidden=\"true\" class=\"hk-case-bigno\">03<\/span><\/article><article class=\"hk-case-bento-card\"><div class=\"hk-case-bento-head\"><span class=\"hk-case-bento-num\">04<\/span><h3>Connect every touchpoint<\/h3><\/div><p>Keep the same logo, portrait direction and visual language across brand boards, stationery mockups and website sections.<\/p><span aria-hidden=\"true\" class=\"hk-case-bigno\">04<\/span><\/article><\/div><\/div><\/section><section class=\"hk-sec hk-dark-panel hk-direction-timeline\" id=\"micheal-approach\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">Design direction<\/span><h2 class=\"hk-h2\">Confident counsel. <span>A personal point of view.<\/span><\/h2><\/div><p class=\"hk-direction-intro\">Four decisions shape the Micheal identity and website direction.<\/p><div class=\"hk-direction-flow\"><article class=\"hk-direction-step\"><span class=\"hk-direction-node\">01<\/span><div class=\"hk-direction-card\"><span class=\"hk-direction-label\">Starting point<\/span><h3>Recognition<\/h3><p>An Unbounded wordmark and circular balance symbol create a recognizable signature.<\/p><\/div><\/article><article class=\"hk-direction-step\"><span class=\"hk-direction-node\">02<\/span><div class=\"hk-direction-card\"><span class=\"hk-direction-label\">Visual system<\/span><h3>Palette<\/h3><p>Navy, slate blue and silver establish a calm, confident palette.<\/p><\/div><\/article><article class=\"hk-direction-step\"><span class=\"hk-direction-node\">03<\/span><div class=\"hk-direction-card\"><span class=\"hk-direction-label\">Brand mood<\/span><h3>Photography<\/h3><p>A consistent male lawyer portrait and natural professional settings add a human presence.<\/p><\/div><\/article><article class=\"hk-direction-step\"><span class=\"hk-direction-node\">04<\/span><div class=\"hk-direction-card\"><span class=\"hk-direction-label\">System check<\/span><h3>Consistency<\/h3><p>One logo system, shared colors and clear calls to action connect every touchpoint.<\/p><\/div><\/article><\/div><\/div><\/section><section class=\"hk-sec\" id=\"micheal-services\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">Project scope<\/span><h2 class=\"hk-h2\">From brand identity. <span>To digital experience.<\/span><\/h2><\/div><div class=\"hk-services-bento\"><article class=\"hk-solution-bento-card\"><h3>Logo identity<\/h3><p>An Unbounded wordmark, circular balance symbol and horizontal lockup define the Micheal signature.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Typography &amp; color<\/h3><p>Navy, slate blue, silver and white support distinctive brand typography and a clear digital hierarchy.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Brand applications<\/h3><p>Document folders, letterhead and business cards demonstrate consistent logo use across physical touchpoints.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Website design<\/h3><p>A navy hero, slate calls to action and a concise introduction establish the firm\u2019s digital presence.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Service discovery<\/h3><p>Photographic practice-area cards and clear service categories help visitors find relevant legal support.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Enquiry experience<\/h3><p>A four-step process and a focused contact form explain the path from first conversation to next steps.<\/p><\/article><\/div><\/div><\/section><section class=\"hk-sec hk-soft hk-light-panel\" id=\"deliverables\"><div class=\"hk-wrap\"><div class=\"hk-deliv-intro\">Nine focused deliverables bring the Micheal concept together: strategy, logo, typography, stationery, desktop, services, contact, mobile and social design. Open any image to explore the details.<\/div><div class=\"hk-stack\"><article class=\"hk-deliverable-section\" id=\"micheal-deliverable-01\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"micheal\" data-index=\"1\"><img alt=\"Micheal \u2014 Brand strategy &amp; positioning\" decoding=\"async\" loading=\"lazy\" width=\"1536\" height=\"1024\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/micheal-01-brand-strategy-positioning.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">01 \u00b7 BRAND STRATEGY<\/span><h3>Brand strategy &amp; positioning<\/h3><p>\u201cYou Better Call Mike.\u201d introduces approachable legal counsel for individuals and growing businesses. Clear advice, personal attention and practical next steps define the promise, supported by a confident, human portrait.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Open this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">01 \/ 09<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"micheal-deliverable-02\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"micheal\" data-index=\"2\"><img alt=\"Micheal \u2014 Logo identity system\" decoding=\"async\" loading=\"lazy\" width=\"1536\" height=\"1024\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/micheal-02-logo-identity-system.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">02 \u00b7 LOGO SYSTEM<\/span><h3>Logo identity system<\/h3><p>The Micheal wordmark uses Unbounded Bold and pairs with a circular balance symbol. Horizontal, stacked, standalone and reversed applications create a recognizable identity across print and digital touchpoints.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Open this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">02 \/ 09<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"micheal-deliverable-03\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"micheal\" data-index=\"3\"><img alt=\"Micheal \u2014 Color palette &amp; typography\" decoding=\"async\" loading=\"lazy\" width=\"1536\" height=\"1024\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/micheal-03-color-palette-typography.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">03 \u00b7 COLOR &amp; TYPE<\/span><h3>Color palette &amp; typography<\/h3><p>Navy, slate blue, silver and white establish a calm, confident palette. Unbounded brings character to the wordmark and headings, while Manrope keeps body copy and interface labels clear.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Open this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">03 \/ 09<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"micheal-deliverable-04\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"micheal\" data-index=\"4\"><img alt=\"Micheal \u2014 Stationery &amp; correspondence\" decoding=\"async\" loading=\"lazy\" width=\"1536\" height=\"1024\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/micheal-stationery-03-classic-correspondence.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">04 \u00b7 STATIONERY<\/span><h3>Stationery &amp; correspondence<\/h3><p>White letterhead, a navy-lined envelope, business cards and a branded pen extend the identity into correspondence. Consistent wordmarks, balance symbols and restrained rules bring the same clarity to every piece.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Open this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">04 \/ 09<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"micheal-deliverable-05\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"micheal\" data-index=\"5\"><img alt=\"Micheal \u2014 Homepage experience\" decoding=\"async\" loading=\"lazy\" width=\"1536\" height=\"1024\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/micheal-04-homepage-experience.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">05 \u00b7 HOMEPAGE EXPERIENCE<\/span><h3>Homepage experience<\/h3><p>The homepage pairs Micheal\u2019s blue-suit portrait with a clear legal proposition, subtle balance imagery and slate calls to action. Spacious sections introduce the practice and guide visitors toward relevant services.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Open this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">05 \/ 09<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"micheal-deliverable-06\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"micheal\" data-index=\"6\"><img alt=\"Micheal \u2014 Expertise &amp; service discovery\" decoding=\"async\" loading=\"lazy\" width=\"1536\" height=\"1024\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/micheal-05-expertise-services.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">06 \u00b7 EXPERTISE &amp; SERVICES<\/span><h3>Expertise &amp; service discovery<\/h3><p>Photographic practice-area cards make legal expertise easier to explore. Clear categories and a consistent navy-and-white layout connect each service to a direct next step.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Open this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">06 \/ 09<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"micheal-deliverable-07\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"micheal\" data-index=\"7\"><img alt=\"Micheal \u2014 Legal process &amp; contact experience\" decoding=\"async\" loading=\"lazy\" width=\"1536\" height=\"1024\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/micheal-06-process-contact.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">07 \u00b7 PROCESS &amp; CONTACT<\/span><h3>Legal process &amp; contact experience<\/h3><p>A clear invitation to discuss a legal matter leads into a focused enquiry form. Supporting contact details and a video preview give the first conversation a more personal feel.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Open this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">07 \/ 09<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"micheal-deliverable-08\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"micheal\" data-index=\"8\"><img alt=\"Micheal \u2014 Responsive mobile experience\" decoding=\"async\" loading=\"lazy\" width=\"1536\" height=\"1024\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/micheal-07-responsive-mobile.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">08 \u00b7 RESPONSIVE DESIGN<\/span><h3>Responsive mobile experience<\/h3><p>Mobile layouts carry the homepage, service discovery and enquiry experience onto smaller screens. Clear type, stacked content and prominent actions preserve the same visual identity.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Open this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">08 \/ 09<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"micheal-deliverable-09\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"micheal\" data-index=\"9\"><img alt=\"Micheal \u2014 Social media design\" decoding=\"async\" loading=\"lazy\" width=\"1536\" height=\"1024\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/micheal-08-social-media.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">09 \u00b7 SOCIAL MEDIA<\/span><h3>Social media design<\/h3><p>A coordinated set of portrait social posts combines human photography, concise messages and the Micheal palette. Consistent 4:5 compositions bring the brand\u2019s approachable, assured personality into the feed.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Open this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">09 \/ 09<\/span><\/div><\/article><\/div><\/div><\/section><section class=\"hk-sec hk-dark\" id=\"micheal-results\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">Design outcomes<\/span><h2 class=\"hk-h2\">A recognizable legal identity. <span>Connected across nine deliverables.<\/span><\/h2><\/div><div class=\"hk-results\"><article class=\"hk-result\"><b>Distinct<\/b><span>A recognizable identity<\/span><p>The distinctive Micheal wordmark and navy-and-silver palette create a recognizable signature.<\/p><\/article><article class=\"hk-result\"><b>Connected<\/b><span>Brand and website together<\/span><p>The identity connects strategy, stationery and the homepage, expertise and enquiry sections.<\/p><\/article><article class=\"hk-result\"><b>Consistent<\/b><span>One visual system<\/span><p>Consistent logo applications, portraits and color choices give the project a coherent visual character.<\/p><\/article><\/div><p class=\"hk-results-note\">These outcomes describe the design work shown; they do not represent measured business or conversion results.<\/p><\/div><\/section><section class=\"hk-sec\" id=\"micheal-takeaways\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">Key takeaways<\/span><h2 class=\"hk-h2\">A consistent identity. <span>A clearer digital experience.<\/span><\/h2><\/div><div class=\"hk-takeaways\"><div class=\"hk-takeaway\"><b>01<\/b><div><h3>The identity sets the tone.<\/h3><p>The wordmark, restrained palette and natural portrait direction balance confidence with approachability.<\/p><\/div><\/div><div class=\"hk-takeaway\"><b>02<\/b><div><h3>The website makes the work tangible.<\/h3><p>Separate homepage, expertise and contact previews make each part of the website concept clear and easy to review.<\/p><\/div><\/div><div class=\"hk-takeaway\"><b>03<\/b><div><h3>A shared system keeps it connected.<\/h3><p>Consistent logo use, a defined palette and repeated interface patterns give future materials a clear visual foundation.<\/p><\/div><\/div><\/div><p class=\"hk-source-note\">Concept project: Micheal branding and website design. Portraits and review figures within the visual mockups are illustrative. Website screens demonstrate design only; no live legal service or enquiry form is represented.<\/p><\/div><\/section><\/div><\/div><section aria-labelledby=\"hk-cta-title\" class=\"hk-final-cta\">\n<div class=\"hk-wrap hk-final-inner\">\n<div aria-hidden=\"true\" class=\"hk-final-grid-tiles\"><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\n<div class=\"hk-final-brand\">\n<img alt=\"#Knights logo\" decoding=\"async\" loading=\"lazy\" src=\"data:image\/webp;base64,UklGRmwlAABXRUJQVlA4WAoAAAAQAAAAKwEAKwEAQUxQSCEDAAABkBtJchxb48X4Mw6NUZBWXx0uUGRAogaBPgARIC4e8ab\/yYiQBEly3EbdGDUw0wB9rgDHvvCkq8ks+vl81vzDc\/NOVZjpQt7jXddUmI3g5t1DrSyfulaFKVyeV5JSW6dqhjxGnuRPg\/lGJfQhvU7NOi7Kj+llE+mV716nCSNbdsJ3vpOk1mZm25zcBO30qpqZiUVvsa2pF9WLnXYvl\/e0H+MXMN6J+TPVt5Sb8tXRb1XYmnDXNVn7MXTY6ZLLIo2iLRmb3OWyGDajuQnfEG3W4KcEuSFS7sw0uF0RM5WKcCzGw+isYzb9GQ9\/UkqTFbvp+NTWd6ZeYDl35ROmybHtxU1PmsYnUOu5TEplmj0q2E4\/9yfFNJ7TrdpOvW5HN37BYCvMczkY6PgKbfzJfgQ5qXd5k43CMvlUHFy7ntA2gwR9V2TuoH5LJ5ko63DNjinhIFPavpU0XiAky8ypqn4IJHTDPV2eIRJl6WrO3XMUJHbtrpxTBoeB23HnZzgBg2PIUvfh4a7NuJOFho4PPE6TZf91rho\/K2vaoppSBklK4ah0CE9hbQIg8cwFKDGIZKAoZSZO0E\/Kv6fgaoC0iF+RsoQCnCRkpLg\/GMkk\/LPB9DeW\/H90b\/f6j9d\/vP7j9R+v\/3j9x+s\/Xv\/x+o\/Xf7z+4\/Uff7YQscIGFRakInqkXr4OKihSUKwgSFmEF6jgcYovE1ATC4AyKpHgdLoSIpyM3wMOqArBVIhKVAoYDWOU6s4NPE5jmIbxS0SE0qJlXBOiyUUbAWkDTFSbIXJ3BKJNXU8Q0p4ApF1x+GhfNnT2dDBJPHQkC0qKzmlUaYYenFPV0LPAlCMi1g2VLd10w2ZFfB51xHzziJjOtA2oIJIFjTjbAlBBjEM3XnPnhxLQ6OMzIXbiApfbMdn6zp8cjHfFqy\/6UAJOQcTsLD9P3XKHk8Hop911UZ\/igsVPk\/vunFPdbm3v3tsfZTX1Lx7f229+lEvH0B7TA2jiMnHScde7i\/pgVynGkpGn3RWtOm9PIh7rlswjr9a2KgVL1q1qbeaRicN6TA37\/pP\/sldzDy9fnCEAVlA4ICQiAAAwjACdASosASwBPjEYi0OiP6EkJXHZk\/AGCU3SZUqrX4x4HaHoA52a2KkdnLcnakMur1hXNqWH4zd\/TA\/0X63+Pn9q\/Zf59OB+8nuv3d\/r\/7Ee6Bv9v8l6TPhX5v\/m\/7l+6n9x\/\/\/\/\/71P3ge4D\/BP4b\/l\/6t\/sP\/J\/jv\/\/\/\/\/pg\/s3sv8wH6v\/+P\/Ifv\/8z3+O\/YD3Kf3j\/F\/rh8AH9N\/r3\/v9br2CP3U9gD+ef6\/\/6ezh\/rv2m\/6XyX\/tR+2vwJ\/z7+7f\/r90fgA\/9XqAcQF+x\/b\/\/g\/7P519bL25\/ZDruvOfaH+J5o9\/PAC\/I\/5f\/r9\/BAD9Z+w89Xvs17AXA++newF\/O\/7p6rn9d+1nnx+ov2i+Aj+ef2v02fZx6Kn7Q\/\/9Yw76KrAbNNtMwkbWlTUBeKjxsGd2REQ85zh39tQbXFki6xtM0YCc1vF3dyPgWLycqD6GhgX8IL5qo1dMgfVi4nzUsSpXfjbwwBbFPBvUzHxnxL9UyhDbppEQzBdhXNgUZyqDifiKFUnN\/vCiHtemS9ghbYvzxinyxOnX3ID\/mpPUgoz0+6pmaHdS\/27CcRGN2mto5ek3saf1z8mVvGxUH4xYXRM6s36CFyNfP5UpuAQ6gHVmSxfk7Tg432cG4fekdsOViGboSThlly6Uv\/PFhgjch6Fvcp56eEVu8gguEgYtFhzuA+50Vma1muwvLaatCebG5PHtPi+95ICGQmolMPh7ep1CVsTxhZuSYyjhjlGS57B2fZ49yZLI9Bp+Ki5rU6vg8QfOpWZCGw9nKCxuNV\/lwTPJsLL6ZDAZVpFacKyTNqVJAO1SvoXYh6liRa1rb+qfT2dvZ53ReevV3go2U+8jI5qCXcpJvgPEdIRfgbJDkVY1QvX6+ZNrFRbX5FMBpu+Mv01pYbP+p3dlnDw6FAQRDs0MSNnP\/\/hy46SX9h7buut356F5Qgm1nY9Jxua1jib+ry2yoK2q+Ad\/iCKXgQPcV3US4ucwoBNHvAV1uLT1xxB6MTlWGnJJI+4Lk1ZM1OWDBMrPyY9aTLETOntfv7rAvx1dvKdZ9Vjnb9pHxidHPj5twl4H7MjFo5isuYZoKab\/5EmbcEBvpiCSckiVOEuvfGp3LaAYo8ie25vCzcC5DWfcssawSGwR4EnpvtEu\/28cXyGamxz723osA8nYTjLJTQKMWTgPtRdeyd5DtMzG5q4cxnf\/Mbl1aBo099D+Q3\/\/+9goAcKtdJrAyWgtfsgMFE3KTXqLNo2yn7UL8\/U1AUDJU0dN9anKpHXplNV1l88JjDwzC9KhwfkKzDvf+Q6aNnVgVXFnse8Imz\/\/2kIemMybzJ5\/IF6YEIz8Q\/+BG6hgen3\/IBqLKbxnjvbj2mHupo+Mfmhybcf9DAhVz9jdAcxVhi07nQCdRvP67dgjs7ecAmfqwA3fCDAh8p9mi09nCdkpPG\/TmcDyxoIsKXeWbATJaUH8WsBElnEyHebSpLErGKwaYaw2QF62Luv0v9RoRiDhuN4AAD+\/2AYCl3RhFs9O6u3t\/\/h2+5WcQEAoYiEbs2vxpwsGSfH6icztaMmBYllqevPBc0nyVpkW29vjH4Ibpe34rzu2vomf9lMpRdmehoUbAXU5HG89fNeO7d6DU+56dfMKqoE9Sa5rbNXQUmlNcdlZkUw9j5fjPPm23XmjBos4p3Wsp8DW13\/qB09NjBDoWn2\/m8kSZR6nwQoEXr1Nj6HnZmvUAHndcyFWA104RjFVDUQ4+Mg\/NNqByyjYqDhjFRurP7UvQnwLQDpsI1Mg6SOHUeHs4qQkVxuHVxUqYswgYh150IkLEG4SqZ9ZS1QV8\/6adw9Uj+cDX2m\/n8W9Dj\/TZ1Pobnf5eBKYi0t0r4rBhdw83ZQl\/z9+g09BrKFpZ8oVTpwYpwmliwj6QuqP7N6Dh7YHmrvT\/\/\/QFHvavahBb2VlWE5RPvJ8yt7EdwB6HI5LfQ33laS1BkNT6aln\/8O1vLlS+9uFNQTQhDsKB9IHgq85greOX8d+Loz5oytE+CUCNxZXjH35x9FR6y2sdRwqBW46AaIPuFxD8ziPzoVWGkneKYOcrTuAZsqHL7QVnCcQ4aQ9MMgcVw7twhszvsvlijOb8vNgqjF3XjakkMoEvs+2bKX4vOzkzhGSZ5NpWnmhpvnFyRShmHFJufdmiYDHQd4cNJgpRGCUjqf58JUTmyJuqzfti2QyYKWbROpXGLPRzXHZmItLbR8SOb8HXv6+NbxmLJOiuYwbY\/cZDrJhBBgWVtG74YrtVoCsbOG7mvgwYfHo8jNHpBj1qJjO16eFHOz\/DdLd6FXzg\/akyfzI8tqhxjigjiuvehZu28HLgU6mzwjkem+itkxyrmINf0Yq2CCP5phuK33SFUIePWQxhg2XPdYfNU+ByVraNNgqXGCZu+qUs37EqXQY1Y4FyurvXHU+MChf5L+Wa5Dn47RQrlqADC+OVt77FCOPSAOE3RTUSB0sEQZnexsHan5jYQtWmgpHJZZJSCvbCckvhrTBHrBxXQ0NcIWWFgDh+ovMBtgODwxwa4s5TXklCokwhWILvG5yQtP7iZ0THaEajGObS+kf\/kCB4iw3cGWOKBD2B5j8mKqdnN3jO2++Ujiajzw\/gn3bouENVXAFfe3UGmag7aVfQpBf9scGjbZGqxbrpeERPiiUtqKyWi4w4PhGD2P0U+YxikOVVwdLqLVz+0XIGaHSMq8H\/RsqYWpTIazCjwHInG3Dz3fLHuL1etuF2dsGDFs3yeoLwvySOI4TWHbLdeJJBSr+hMVPl3lO54auXDm5DRvTGRRbrKWjObOJEuxJy+qMgTmnMHwuPG81Qw8L8aA17lU2Ec\/uMDEwxwW3P925Fzu+4aLEmRnY11wKAUQbYEMNNrE7N2gM3+nNUwU5xARbR5CiZak4gW4HY2s5KaJk\/gUTCwhzCG9ged5lFT6PCUrXI3OeZ2oHR9+tT57Xrx\/nSvHa3FNtmlWGcGtaPHdrSuJQvQj4CC59J3Bvwvmvotn\/l8NE8rtCtKm42qMvJvBnLp4C6ZNu8\/VduMwQJrnzKhGeCZcquzqY5Yfd5QVbJOhigxq92Vt4ok9QAD3YQAWDGlI6osf3w12xPn\/HPHoF+1StsrPI9+4ObfZY79+\/PwHCPVz2neBu4olU1VqA8IFYGL8Pf1jNI6LGYmcis8Eb1LJ6QVYpzCEPmlIgAMEtG5ppBVBC7ANXSuUucjmuh943XfoT4xKDLpAn5zKqQ\/8qe3vtGcP74D9j+IOl63g7yl\/3tl6FKdoS1L2GPrUYO14n8F6h+eUU3CIp\/WjWqC\/0XNcBqARJOQZeLX\/EM+NiP\/icYvat0xGC584DSEUxhhuQ8mg9nCHbt0i\/Cy8C4m+F854B0\/B6r7v+5WQ4Jlys9e5jzVU4RNnxx6LnRKbvZNtT326MxsfT1wKexKNqtyteAY7Fn5NV4S0ahcAd6NzmpCeCpD5jmFDRii6fkz1wxhQKXrGpSJX4SkPGLsWEnjeT4dQBoo3DP+tKO7HI8FYH6xy4ShukzqsJvhtaX7xA9gA8DJvJ3m2Aw1ZdBW\/Et7t0zrq\/bhw8iSquK\/SbtWthfSkOP6RFHei\/QBaVSooocwTvxaVglun98B7893MgjwSd\/i0kMMAz2CRwSHrVdlS0GnYHfx1JmNEsfAmytIJqdQkxQv3WPH4y94x7Hh3SuWYdsJTdPUrLL4UPWRxShX0aJ+VUmVvrNxpYaJRTxrmEfWZef9z\/OxNi+XLa1vVb\/\/aLt0XoEfiCRUQWfdvxx7UKeryudjiTh2KeQI9n2MPVLQ0l8PnpgVkb5OAISISPSdpU+g+MrkjsOovJD\/8bmi2jftJ8FNnYMG+HO7C3Nx5Ybh\/VxCf8jO0DMZtu3wfNXcOnEgTBQhS3Xvl2qqqfUD5d9sN0ktscB5fbsORhHXH9Jx2dHhttiDCCHhLkblfkSyxfQh1VIN4\/n779sm8bHCNVvANwC3neNDo8EEro\/g90z7dmEDq8Er6vfZT05tHYhb8ckYQz\/UnAOQ2sZ6K0clPGH4BVe4DlFh9xP2QX4gg3SHy3\/518HbmxF5G9hN3E0lGZiP7dA3t1YHYzRbLofxEfA9xfMx4+2nGq6jQ4W59pPCFGOBV8taAlQu7hISrq+WfysaHe6v4nHpBNZFk8E4vSm+9lCvNBZkQFGzxOcbv5RYBQZGzcPihxZl7aqNWTQEo9JqHNk5HlEcp5EN7sBFPjFx0VLFOMMOzILS0bU0+HY7AtVEcNrNuOKwHnZA3VDh78tAqEAa9rWBkuFtTt9uTkYdUZfkCyTvnWfHgjSxFFZffSWHdyDSEsjFptl4D35EH9XlNazZTkYXuHLQqqa\/a\/PmkLkMeZ3TpS\/kl7vxBB3sWRVhTxObcO5CFZfzvRWeSxW8WyIcU\/q4v0erYLfmYR2EEyWQPNL3A99SHc40Iq85C0qMyYT4TqhLEhGKED+cpj9kaYO\/DucSierWJpXwh51zBLn6mITV7pEn9OGwzITNUfMDwEop8atKvisoIrTqb+6DSodzfCdkOyYYk2rJdah7vvDo\/\/XudKWxquywQ+F8V552PyTFgaPN+QVE0KdtUxh76BeTjF+qVeZuMZiH7Jke8edlk4XJYO6mXeQFQc+xFkLK0SCWnj3kTft0EMtLadny\/4wZljVjjx6xhYTfhBEYL0gg+UB\/+Kp5F49YKDVMMQIWBStu\/BGq+8apKL8KptGb0EhW0Nypz4zx5zELVShgtE1IxoWtsw7uXCJob3RIdP\/Evw\/LteD1tmYATEMc8zWoXB4Ee3V43yVsDZVotzd98AhjYnTC+uUtSl59Kfkod2dgBQ3ExBd8T8TnilRfSQmtjURGVr7EdgEKTAmDFjfQAlWliFUKcf3Fh0BS3viDrul9emZBg1fUL5C9M\/yLoJ+Zd7XTqUlfk7uVx3nIDEmUatdwuAFb7qyOzqkh5xFIbZWMH42BzwuC1Qtt9O9hmEF0ArqWqf3sPPBPFOk8a89zODcSDYKzGnmF\/JcuNbFf0JFKJNGX5RomLolGGGfak8tYZ14SZqgDwFo1w\/\/NqjOUR+YnHe8cyzwHNrBefgmY58g4ANc5S4bZqfLqiNBN+syAOhmMuEOKyqRE8Oyqaj3pXv1kP171tvMVhYJDxEc5wNHr2NSctdXzZb35WQcoVCoFRCXsCcsXnw2x\/QWtlWT9nutmTiNKqby+AwFIDE4G9SKocKsa9FeZaxTtbqP5pPyrGYNO7Aho4VccX5PaQF89sIhm1qtUJVGEYtri2n9BvEdLDcFaOzU5Ud0lWF6y5uTN0Xl+YB4Cr6SPJY4w\/Qvl8hDvj0NvVFE\/Rx09tucA9U2x1IDv0nSyUZ5ApxU9TEkn\/JqlsLemtCmBuMF0gB81E9pRSe5mA5raz7a6ptytOWR9HXQDibpyLGVUlkcoREdCHN9uYzLOnh39fOEzVqMxyG3EaRoUqZ4\/4jg1Y4ma0YhKGJilDnlvAahVtwSbYWV4Z+Ijymz2zjnAWhCXkSNsADR9O4Te\/JPR\/ljbYBLJ0AcPHoit+n7D5fbah266JJ5vjieufS7t2z3Rf0Y\/moYoG\/S5t6N\/iHPLrCBkcsBVbTpcoBG0O4l\/G+qHSpsiABi4pKOyVKqnTlWZT64vF9F3gLCqDTHJlYa1T+\/Xzq3IAFv9Ocktn3YOOfW2V0HOPoPpEyMi5XkQw5TOMW6mEoTZCU\/m111tDNEqj3sLZib2nM\/J4m7nwQ76NZsGqqEJpR4VtSZToxxn1a8ettNQ67AK6H91rFRdIMX61sugU2vi2S4btpRnZk0Md8Dnxq4SXSmjXyVfBdm41nzaz6FY2AWK3wgr0SMpNH0Nyq9+guSuDSgUr7hDWvZYFaM8BeSKWJ4y2FyxW8qXMyPn9p1PJ+2E8yq92Pu9NzS2T6HfXCQb7VpxXircdBJKOwOqsg7lFLtgZL0LPqOlWU9d+Ltp5hXpU86PTa7ZUEbSTzfMN2G1VLAJm7R7u97rGePaWKzhDO9aoMTyahkmjt8uoeNrjWhbe69RgX5yNppvntg1MRsONb\/3cuoT6tCgLJqie0wtYUD6qcapgqIHBESPLpAu3XRjBkPjySTOKfn6s+IKdW3L6USLYsajLhFgvHEdPpvmB1+oQhBYyu8\/udfsETbYXFMS5JQME39oFQZDVc5gP1lNdkvmjupbLjmjMMVF\/H339CKXIUeFYsKnDR5oD69dOCq7qb5MIqYmtEe1L3nAKrLrrRtjRDjHDtzMtpAMg0htxg7et+oddrnNHypvVzFh+snXnE9xcUJl0znziTvzEQ1xvN744ch4x7u2U6jnO0Zr1n+Q8C8KlUsn5wgu91BAITBzl40SKgMSxCuRUegtbF30Kw75KX8FyJpeeAzFl9MJ2Qu4cV1HnxJB5DiHyJfyx+TCmPhcoLZzAmy7n1nOpT46XG3na\/Y7GSszZNS3WSrnA8L7ovTAKJCJwqjH5acyIr9H9N94vYKnlRxuDsScV3TpUI6JAcvb2AitmvpS15RNlFntzLvsi3I2CeWHBJhB68\/wcg+huVJEzDS2hNwTm1xYW406uEVyGAMdeLKnK+5UbITeqBfce2cN9Mu9M8KbBX8hJBL3TXPu41sDnFAHGoAkExVsMXSouFpdQcjP4+0T7DvbuQC8i0Xz5gvG5OyNnGOPm2CXj7Ba8IXHOsBRM5FO2znnyRKhqiN\/BLoODTC+i9qhwq4IurPbKwjg0VNN5OpQfdBszyjKu5KG3tNmSJfqyIH+iJ7We8vgnwg8J3xnCLw9C9mF80XWviE+y+K8fDxuvBL\/LQ3eKiiYZy6yKMptrQzBSCO52B9+psQPgbVDcmIBE8P4RcWjycUB658CSpo6+HroEQuxZ0J27ZrYv3OrOI\/e0egw4WCx9GfpH\/otzcujkUB9hT8gaGoUUNT+FhkdKgZW8oi6ii4bpnL4lxhNvhFyVdoCJSaZw9lajnbuYGHWlBt\/rcaeMJTftdQPDwTz0nv7sXY+MK+iBbQSDL3tA9EhxHQS+O4eKEk98z3ljheyuu550TiZDfoLMJhnR9SCqjLTWXRy0so3gnEY9QCM+kn\/1t6b+cfG\/LTD7BWOaOw+IAhHWiR8b0Qi\/1jX58cAFpNz0kKsMTChsR58KCzWBoztTxLGs8YM+RUSpzNuVIokc8jSw\/ilbQKOybBeBBLagnsnWkdYOmbUTavicc5O46SBhps1jWsulsR3XHax9nC7gsbQR+qb5vaCT3IXc\/T1R8eEJlwanmIiszQVYOAfCTJWAoMyiHBsZe+DAvTFYqcQ5I3CycnC3EGfvqalzk\/bactx+BRogQU76TWaRa1rMKsx9VsnQQdqvb8akupMtLNvte0KjswgHHRPkipBLgv7aoA2KzIf+uXviKaibi3xHeWmZoi71WiAdvFf7BYbcNzjxtMDsoeER8nW1bMEYEG7TCLB5W0GZpUpsCBgWoVC9t3WNKTDQ6Suu9Ih2ABv5wL\/2KMMHF2nLTgWDiWQWmgxnC63G2K2cxb+b+t5Km347ibgvlD\/ResI4gB6y38Dtmg7YAcyDoFNdDqWxXVt948GpV+DqBOiUY7vWVAisFmmd7vJbDmBd16y92b4rEvG63i1WVTFxxm5P8dJ1rfQeeYbwfxI4j8yEb7Cxdv+eIfhYDxIzJ9FfjRFzab1VN4gFJdjtmn8z0\/OuHXJfyxmGuEtVwpKkwUh+KvLlyoHONpbLicEsTk5Hfvon35GC6ZabZmo2eBNeNBgr0Zo7n+uPSePj2OTkW7+E451W4k1NEJRGQXLv3qyETZdSJr6to7BiVl3tLVWR7htYJk2TAgTPKdfNn8Ka9YpZNttq\/sA\/A5fQhnvsyvRI8ZRKFbbJzuMsdCWkHVX2gBynkrT9sDo4m30XaWhUIjiXowEYOwoBMvBodgXg0yC5rOY05dmynEfNQgUWAntWuFUC0oLXjsIIQBuS5TR1SypFmizn6152utnvuvovwQv8vXkkR45W3PUoT\/fSfA8gI6zL6RzM4Jjx3I1bbc52Xws4TZlVpeROgfFmJgoSrHUwmc4fghCpl+H5NagtQfqwRXX9Lq24lL9Zqt5rWEFY0oH5tzmKNa6Fa5DcS\/ZD0\/+ANbEo79YbwSqZN7OJRp2m+9P1nEcZ\/KYIGs6lUerZmcJl2es8X\/XKfGZacdlZpKBHJxcXEk390V7hMNLy1V04GKzBwtqclb\/8gNnJ4Uf9fEta7ASeAzW2ou4mjMQOnUoctKeg5KUZcFlbk3xH+aYlsj1iMxZX\/2iOqEnyTNrK1DxJ\/DSdlvjDw\/++ohiam2jVWfPojKJw3gOYXkD1KrXhIltv2wKvFMjI+raONB8RFNNGHd+PgUMml\/ykZ5AzeZ+gKvpLJ6qnC0Fpaf3kq95LGKpnocjy4OHPeAwEfDUHrmx8z08\/guoXpwHos8LbYovhZZ1z0QrBHmq5Pyp1cRgRQ7fQ5ouElvRBeRXAexzd3xbjleuasUNjwKSo1yMvI7O0rFQuedzu7bXF7\/asG\/6PCBBy8XREZkSH4VohC\/vTVD0luT3+Pdn6vtjwl7+NJ40mupVAeCjCJ9zhBFBmKCOnEdub0r7gEskMf+zzCy29o3zIPnHl7dkDAMTySCmP1636GblIwugpvW0UKTA+rWn9\/kEhYoAfA62ejLnsdtV3eLwm+izySqbWR9DBcUnlEF5COb9LZcIrv5jfkWNAVCatbe0Xs4BNUoTNB\/Kn3Jbgb1MIlr2L\/Ptj\/dpBmvlfbaMNA9kgnE\/o2SFt9NQWNKffa4z7rif\/iNO8g39kJ9MQ6F2\/AT0DuMm70GzDmtLZDbUw9iX1ZBO2J0MfM807LzTSJWSGrZsMgm+oDj4+iD5bc2kpd5uZvRjDdYJXkbn2zI9qHu1kSFgywzaWoLxojYavi+OM4tiKxYPnBL7N5BU39wu65oH8JwbhGTkNbTzgYK0ypJd9UdmopIFQHRtp3R226bw4un4R8\/PLmkd\/03h+Tkl83uDaLRnYxFxYZX+JYf1pW0\/NFNp0sF0F2j70Ir7cmEwRgkbaW9RNzWECRBUgaG9wPtoQGqkgSFODW4zu9WHIVxR4S3bntyQUQMMfZ72AeBrtwd8x1ctNPhLH9PnzegRobHX+IWUSO4nhjyYVEnNZhMF4aDnjPTupOCGQ4LN9oSH9+0zjLipjUQ0tKEfb\/5ifJ\/ddJY91spfyP+rSVcKNBGdUIG0tlMQvgNCk7IFHesxrF1Xy8XpjhXMDSP2bFgxP\/0KMPnvy\/KhTIMVEy5oQSd01oHQja1hiu7+MPOQ\/mkEZ1HNf3Il63XTjKbT5kHaVxcHwh2o+KzeLicCmzV17NAAEmtP0gtxE8m75C726HZ8iEdo4eeA9uCcX67kyDTCZ7yfV0jP+nnN1aP+PKrmWjbiuwaHSt7zkf3LpS8jTaOFSIgrgpikHREXEYLUrkholthEnbX6M2E7xn1VLHIXiQdpjZSws3832hA6o8JYMjphVlLUXKktYnfA3l3O83N5yVFDgqvEGiWs0p\/JvXQj0NLnLhmPcQfGccq41DzIcSIfdYhbuHAhooHuXmAH\/4mHuyMu2eMOxGfwoAR1\/ardxs9t9Vb2O0my5tpPrAuKQhoGtje1qS2Uy4TF4gV136L6PWyEqvMsBk3zvFt3sameWPlyMyjH0aGs7jQ0nb0uty9zEx8MbUhYSOKb3rBWYSutF7AKR1Q0ufUz6OhHZl0WV9f\/pUmKzmPImESMB4cSwYBe8gQATeGTfum6s\/ImTk9y0HE5zIr3UhLtqmQOaDawzxGzdDGGI0oOOAiJvNjPtVFtVlP6BcpM4ul284z4nz3TzajFXXjV2DofUNbJoqPWjSzKQZNIB75Hm0egVIMMf1yirzpz0QDYreeYvOcmqCN+CWZdaa1kyjCrcsIVqE6PtzXY4XFHDQTNvK7RF4ICsC16iykRM86FIrIoHkU1fz2ZAn1Uf5DH+r\/DKx57pfF1SvLOuNpirEGXCfOW48\/YoRuwP9jq1I73TYkfbzqgbVCWC2+ayfLMegvFKUG1LreQlsDSJacwfMi4NxUDdQDFSrKaSmxrTDFgA5NtM6wS7vUxQ\/U1gb2DTZKa8vkw+rA24KNCut5DlqWL2NDnQQ5Nn4g2ELlSrqqZh6GihUOOa723nX523VPykAr+LYoTWskNMV3A9109BTy6dhI3p1RGV7oKGZ3mYs8ie9QNd+bPna7rE+y5qC2WF0RquhkvWPuHf1U97T0FFXTexdaA732DvVppW1U8SeEJn3jcSb1r2NRdNwTW8EEML7YRitjaDBy0KVZov3LCp1XaN67qlc1uuZ6r5I3bw71pXPRZulbf54QeprmvGnHMp7wYvAxepaV3U03HdhzG7+fVxxf\/jF6GEK8xVJQAEIyFCejdlsIF+24U8PinHdrTKPdTO6xzMhar2s1YZ8CNVQlrVWsKOWgtQ6iU9IfHBDm4Tjdk0T3kpT5cv9AhQjwiUtds9l9gTVcVrqMQsd1AaAe2qt7J9UfaVqggwG0UnEgzrMCaIecDxhC7CtHo6UH7lhxmOo2EwDmQx9s+rRNDa6zotIVlPkj4XvTgQoV53KAd7SMJATc0q1I5Szhf1vqo3Avg9Rjha8xMSWD\/1S5oVKaeyC08ChHfz\/\/0fiDbNzLtldIBG2IwfLh3y8HZNuIecjgDkFdqsZRZNMDHsvnBPGjBQ4mlVGzIicd39CsyWPujnIkRwqsEYplxKXG7\/+VvQSRssiV11DEmqqO5DFc5xpHhnYKUUDfE6isRafYvoA8fKB\/\/UpnkhkeEzlJrjBfbxfIXaUUijnqHc5TCJfMJSKuV4HumKAMLF2Rcbdr71mYZev637cSeu6v9r0ZDBZKwRCWmlFcNdRiz6F8+PTNLnujSzQZcSBbL00P6DA6zWx9us73r\/D8V3RiiBk5\/3zpfRwpFexysG+EVEuMJ5NFR5vNJlcUcsS4JSjHRk1Rif4F3rYCnJW+xsmPLpBSmk6VjQPTX2w7L6P2pcuIYLP+b4nPETJEyeqp5TNx03dhCJLLqkOW8Y6bw0ewWAnJJYuy4BabguqMZS3+\/vnwZOlrK1UTPincqEsdmyiAu5QmBv\/sjMJ\/ja2VDXK9hZayU2l0stZ338CRuG1\/\/p134MZxMSyrU37jFfnZe326uq6N8WcmOo43WOB4csFWxUmP4eYHOxrxn+5JnGs4OqohCbQo\/ifGFC0Da0JIdaeg6ufSjNcL7thK9ZtgQKNeC9gIVgaZ2K5dmxTRmtFLyvLNekhcAXaZ7VVsiuz+gfu6EYK4ivW9RTdhTaQYuZ+BXqCgyr3f2oPCrCgci\/nackAvItpkE7bI7wcaF1HqxYSPLg4vZ\/b3AkVQ7EZmVsWxM3YgaXKFvyS5++w9BZQQBRSNQTcXYrlDZeQrPwDG9Sch\/cqM2d3R+JzFhQwOUN40xfmda+hj2PPJwnd8s6Ypn5jMatCBYrQPDUZtGjW\/5eEh\/GsbXHON++8fYlrwf9mb6ul2YtGL\/xXzKhSYfkvoM\/5aeTcVAXmqzRE+q1ERBRZS08pm2YpFEQ\/3QmI\/vik0yI4oawoCiRDDxDbQjBC5TVg3Qma+jetFUVBxPQNP3x+H7uF\/utKP5YW87nGmuG80DotYNSGu7bK3eJI1emtoxtliyE5pAkLYIplVxUBh0QUdp2\/n84OaarzlgeuBo7zDQFbegA\"\/>\n<\/div>\n<h2 id=\"hk-cta-title\">Have a brand or website project? <span>Let\u2019s talk about it.<\/span><\/h2>\n<p>From a distinctive identity to a focused website, let\u2019s create a brand experience that feels confident, clear and consistent.<\/p>\n<div class=\"hk-final-actions\">\n<a class=\"hk-btn hk-cta-special\" href=\"https:\/\/hashtagknights.com\/contact\/\">Let\u2019s Discuss Your Growth<span aria-hidden=\"true\" class=\"hk-cta-arr\">\u2197<\/span><\/a>\n<a class=\"hk-btn hk-cta-special hk-cta-outline\" href=\"https:\/\/hashtagknights.com\/contact\/\">Request a Proposal<span aria-hidden=\"true\" class=\"hk-cta-arr\">\u2197<\/span><\/a>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<!-- LIGHTBOX -->\n<div aria-hidden=\"true\" aria-label=\"Micheal project gallery\" aria-modal=\"true\" class=\"hk-coach-lightbox\" id=\"hkCoachLightbox\" role=\"dialog\">\n<button aria-label=\"Close gallery\" class=\"hk-coach-lightbox__close\" type=\"button\">\u00d7<\/button>\n<button aria-label=\"Previous item\" class=\"hk-coach-lightbox__arrow hk-coach-lightbox__prev\" type=\"button\">\u2190<\/button>\n<div class=\"hk-coach-lightbox__stage\">\n<div class=\"hk-coach-lightbox__media\"><\/div>\n<\/div>\n<button aria-label=\"Next item\" class=\"hk-coach-lightbox__arrow hk-coach-lightbox__next\" type=\"button\">\u2192<\/button>\n<div class=\"hk-coach-lightbox__bottom\">\n<span class=\"hk-coach-lightbox__caption\"><\/span>\n<span class=\"hk-coach-lightbox__count\"><\/span>\n<\/div>\n<\/div>\n<script>\n(function(){\n  \"use strict\";\n\n  var galleries = {micheal: Array.from(document.querySelectorAll('.hk-coach [data-gallery=\"micheal\"]')).sort(function(a,b){return Number(a.dataset.index)-Number(b.dataset.index)}).map(function(trigger){var img=trigger.querySelector(\"img\");return {type:\"image\",src:img.getAttribute(\"src\"),caption:img.alt};})};\n\n  var box=document.getElementById(\"hkCoachLightbox\");\n  if(!box)return;\n  var media=box.querySelector(\".hk-coach-lightbox__media\");\n  var caption=box.querySelector(\".hk-coach-lightbox__caption\");\n  var count=box.querySelector(\".hk-coach-lightbox__count\");\n  var close=box.querySelector(\".hk-coach-lightbox__close\");\n  var prev=box.querySelector(\".hk-coach-lightbox__prev\");\n  var next=box.querySelector(\".hk-coach-lightbox__next\");\n  var activeGallery=null, activeIndex=0, lastFocus=null, touchStartX=null;\n\n  function render(){\n    if(!activeGallery||!activeGallery.length)return;\n    var item=activeGallery[activeIndex];\n    media.innerHTML=\"\";\n    var el;\n    if(item.type===\"video\"){\n      el=document.createElement(\"video\");\n      el.controls=true; el.autoplay=true; el.playsInline=true;\n      el.src=item.src;\n      if(item.poster)el.poster=item.poster;\n    }else{\n      el=document.createElement(\"img\");\n      el.src=item.src; el.alt=item.caption||\"Micheal project asset\";\n    }\n    media.appendChild(el);\n    media.scrollTop=0;\n    caption.textContent=item.caption||\"\";\n    count.textContent=(activeIndex+1)+\" \/ \"+activeGallery.length;\n    prev.style.display=activeGallery.length>1?\"grid\":\"none\";\n    next.style.display=activeGallery.length>1?\"grid\":\"none\";\n  }\n  function openGallery(name,index){\n    activeGallery=galleries[name]||[];\n    if(!activeGallery.length)return;\n    activeIndex=Math.max(0,Math.min(Number(index)||0,activeGallery.length-1));\n    lastFocus=document.activeElement;\n    box.classList.add(\"is-open\");\n    box.setAttribute(\"aria-hidden\",\"false\");\n    document.documentElement.style.overflow=\"hidden\";\n    render();\n    close.focus();\n  }\n  function closeGallery(){\n    box.classList.remove(\"is-open\");\n    box.setAttribute(\"aria-hidden\",\"true\");\n    document.documentElement.style.overflow=\"\";\n    media.innerHTML=\"\";\n    if(lastFocus&&lastFocus.focus)lastFocus.focus();\n  }\n  function move(delta){\n    if(!activeGallery||activeGallery.length<2)return;\n    activeIndex=(activeIndex+delta+activeGallery.length)%activeGallery.length;\n    render();\n  }\n\n  document.querySelectorAll(\".hk-coach [data-gallery]\").forEach(function(trigger){\n    trigger.setAttribute(\"role\",\"button\");\n    trigger.setAttribute(\"tabindex\",\"0\");\n    trigger.setAttribute(\"aria-label\",\"Open project gallery\");\n    trigger.addEventListener(\"click\",function(){openGallery(trigger.dataset.gallery,trigger.dataset.index)});\n    trigger.addEventListener(\"keydown\",function(e){\n      if(e.key===\"Enter\"||e.key===\" \"){e.preventDefault();openGallery(trigger.dataset.gallery,trigger.dataset.index)}\n    });\n  });\n\n  close.addEventListener(\"click\",closeGallery);\n  prev.addEventListener(\"click\",function(){move(-1)});\n  next.addEventListener(\"click\",function(){move(1)});\n  box.addEventListener(\"click\",function(e){if(e.target===box||e.target.classList.contains(\"hk-coach-lightbox__stage\"))closeGallery()});\n  document.addEventListener(\"keydown\",function(e){\n    if(!box.classList.contains(\"is-open\"))return;\n    if(e.key===\"Tab\"){\n      var stops=[close,prev,next].filter(function(el){return el.style.display!==\"none\"});\n      var at=stops.indexOf(document.activeElement);\n      if(e.shiftKey && at<=0){e.preventDefault();stops[stops.length-1].focus();}\n      else if(!e.shiftKey && (at===stops.length-1||at<0)){e.preventDefault();stops[0].focus();}\n    }\n    if(e.key===\"Escape\")closeGallery();\n    if(e.key===\"ArrowLeft\")move(-1);\n    if(e.key===\"ArrowRight\")move(1);\n  });\n\n  media.addEventListener(\"touchstart\",function(e){touchStartX=e.changedTouches[0].clientX},{passive:true});\n  media.addEventListener(\"touchend\",function(e){\n    if(touchStartX===null)return;\n    var dx=e.changedTouches[0].clientX-touchStartX;\n    if(Math.abs(dx)>45)move(dx<0?1:-1);\n    touchStartX=null;\n  },{passive:true});\n})();\n<\/script>\n<script>\n(function(){\nvar root=document.getElementById('micheal-case-study');if(!root)return;var pending=false;\nfunction size(){pending=false;root.style.setProperty('--hk-bleed-offset','0px');root.style.setProperty('--hk-viewport-width',document.documentElement.clientWidth+'px');var left=root.getBoundingClientRect().left;root.style.setProperty('--hk-bleed-offset',(-left)+'px');}\nfunction queue(){if(!pending){pending=true;requestAnimationFrame(size)}}\nsize();window.addEventListener('resize',queue,{passive:true});window.addEventListener('load',queue);if(document.fonts)document.fonts.ready.then(queue);\n})();\n<\/script><script id=\"micheal-real-header-offset-fix\">\n(function(){\n  'use strict';\n  var root=document.getElementById('micheal-case-study');\n  if(!root) return;\n  var raf=0;\n  function detect(){\n    raf=0;\n    var elements=document.querySelectorAll('header,.elementor-location-header,#masthead,.site-header,.ekit-template-content-header,.sticky-header,.elementor-sticky--active');\n    var highest=0;\n    elements.forEach(function(el){\n      if(root.contains(el)) return;\n      var st=window.getComputedStyle(el);\n      if(st.display==='none' || st.visibility==='hidden') return;\n      var rect=el.getBoundingClientRect();\n      if(rect.height<25 || rect.width<180 || rect.bottom<=0) return;\n      if(rect.top>90 || rect.bottom>300) return;\n      \/\/ Header is visible in the screen-top region, potentially sticky\/fixed.\n      if(st.position==='fixed' || st.position==='sticky' || rect.top<30){\n        highest=Math.max(highest,rect.bottom);\n      }\n    });\n    \/\/ Sticky #Knights navbar in the supplied screenshot ends around 120px.\n    var effective=Math.max(128,Math.min(240,Math.ceil(highest+12)));\n    var old=parseFloat(root.style.getPropertyValue('--hk-header-offset'));\n    if(Math.abs((old||0)-effective)>1){\n      root.style.setProperty('--hk-header-offset',effective+'px','important');\n      root.style.setProperty('--hk-toc-top','calc(var(--hk-header-offset) + var(--hk-admin-offset, 0px) + 18px)','important');\n      root.dispatchEvent(new Event('micheal-header-offset-changed'));\n    }\n  }\n  function schedule(){if(!raf)raf=requestAnimationFrame(detect);}\n  window.addEventListener('load',schedule);\n  window.addEventListener('resize',schedule,{passive:true});\n  window.addEventListener('scroll',schedule,{passive:true});\n  if(document.fonts)document.fonts.ready.then(schedule);\n  schedule();\n})();\n<\/script>\n<script id=\"hk-coach-v9-elementor-safe-stack-scroll\">\n(function(){\n  'use strict';\n  var root=document.getElementById('micheal-case-study');\n  if(!root || root.dataset.hkScrollStackReady)return;\n  var stack=root.querySelector('#deliverables .hk-stack');\n  if(!stack)return;\n  var cards=Array.prototype.filter.call(stack.children,function(el){\n    return el.classList.contains('hk-deliverable-section');\n  });\n  if(!cards.length)return;\n  root.dataset.hkScrollStackReady='true';\n\n  var reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\n  var enabled=false, raf=0, resizeRaf=0, pinTop=156;\n  var clamp=function(v){return Math.max(0,Math.min(1,v))};\n  function set(card,name,value){card.style.setProperty(name,value)}\n\n  function draw(){\n    raf=0;\n    if(!enabled)return;\n    var stackBox=stack.getBoundingClientRect();\n    var heights=cards.map(function(card){return card.offsetHeight});\n    \/\/ offsetTop is the untransformed, real document-flow position relative\n    \/\/ to .hk-stack, so measuring still works after cards are translated.\n    var bases=cards.map(function(card){return stackBox.top+card.offsetTop});\n    for(var i=0;i<cards.length;i++){\n      var base=bases[i], height=heights[i], next=bases[i+1];\n      \/\/ When a card reaches the line below the website header, hold it there.\n      \/\/ Release it only when the deliverables section itself scrolls away.\n      var limit=stackBox.bottom-height-24;\n      var pinned=(base<pinTop)?Math.min(pinTop,limit):base;\n      var translate=Math.max(0,pinned-base);\n      var depth=0;\n      if(i<cards.length-1 && base<=pinTop){\n        \/\/ Incoming card enters from below; underlying card recedes smoothly.\n        depth=clamp((pinTop+Math.min(height,470)-next)\/Math.max(140,Math.min(height,470)-36));\n      }\n      \/\/ The new card has a higher layer and physically covers the old one.\n      set(cards[i],'--hk-scroll-offset',(translate-15*depth).toFixed(2)+'px');\n      set(cards[i],'--hk-scroll-scale',(1-.045*depth).toFixed(4));\n      set(cards[i],'--hk-scroll-brightness',(1-.17*depth).toFixed(4));\n    }\n  }\n  function requestDraw(){if(!raf)raf=window.requestAnimationFrame(draw)}\n  function measure(){\n    resizeRaf=0;\n    var rootStyle=getComputedStyle(root);\n    var header=parseFloat(rootStyle.getPropertyValue('--hk-header-offset'))||0;\n    var admin=parseFloat(rootStyle.getPropertyValue('--hk-admin-offset'))||0;\n    \/\/ Matches the case study's existing fixed-site-header setting.\n    pinTop=Math.max(20,header+admin+20);\n    \/\/ No card-height or article-column-width restriction: these caused the\n    \/\/ stacking effect to disappear in laptop\/Elementor editor previews.\n    enabled=window.innerWidth>=900 && window.innerHeight>=480 && !reduce.matches;\n    cards.forEach(function(card,i){\n      card.classList.remove('hk-can-pin');\n      card.classList.toggle('hk-js-stack-live',enabled);\n      set(card,'--hk-scroll-layer',String(i+1));\n      if(!enabled){\n        set(card,'--hk-scroll-offset','0px');\n        set(card,'--hk-scroll-scale','1');\n        set(card,'--hk-scroll-brightness','1');\n      }\n    });\n    requestDraw();\n  }\n  function requestMeasure(){\n    if(!resizeRaf)resizeRaf=window.requestAnimationFrame(measure);\n  }\n\n  root.addEventListener('micheal-header-offset-changed',requestMeasure);\n  window.addEventListener('scroll',requestDraw,{passive:true});\n  \/\/ Also supports Elementor's scrollable editor preview containers.\n  document.addEventListener('scroll',requestDraw,{passive:true,capture:true});\n  window.addEventListener('resize',requestMeasure,{passive:true});\n  window.addEventListener('load',requestMeasure);\n  if(reduce.addEventListener)reduce.addEventListener('change',requestMeasure);\n  else reduce.addListener(requestMeasure);\n  if('ResizeObserver' in window){\n    var observer=new ResizeObserver(requestMeasure);\n    observer.observe(stack);\n    cards.forEach(function(card){observer.observe(card)});\n  }\n  if(document.fonts)document.fonts.ready.then(requestMeasure);\n  measure();\n})();\n<\/script>\n<script id=\"hk-coach-contents-script\">\n(function () {\n  'use strict';\n  var root = document.getElementById('micheal-case-study');\n  if (!root) return;\n  var toc = root.querySelector('#hk-micheal-toc');\n  var rail = root.querySelector('.hk-toc-rail');\n  var content = root.querySelector('.hk-case-content');\n  if (!toc || !rail || !content || toc.dataset.ready) return;\n  toc.dataset.ready = 'true';\n  var links = Array.from(toc.querySelectorAll('.hk-toc-list a'));\n  var sections = links.map(function (link) {\n    return document.getElementById(link.getAttribute('href').slice(1));\n  });\n  var current = toc.querySelector('.hk-toc-current');\n  var percent = toc.querySelector('.hk-toc-percent');\n  var bar = toc.querySelector('.hk-toc-progress>span');\n  var mobile = window.matchMedia('(max-width:1023px)');\n  var reduced = window.matchMedia('(prefers-reduced-motion:reduce)');\n  var frame = 0;\n  var activeIndex = -1;\n  var header = 0;\n  var admin = 0;\n  var targets = [];\n  var start = 0;\n  var end = 0;\n  var needsMeasure = true;\n\n  function measure() {\n    var style = window.getComputedStyle(root);\n    header = parseFloat(style.getPropertyValue('--hk-header-offset')) || 0;\n    admin = parseFloat(style.getPropertyValue('--hk-admin-offset')) || 0;\n    targets = sections.map(function (section) {\n      return section.getBoundingClientRect().top + window.scrollY;\n    });\n    var bounds = content.getBoundingClientRect();\n    start = bounds.top + window.scrollY;\n    end = bounds.bottom + window.scrollY;\n    var canFit = toc.getBoundingClientRect().height <= window.innerHeight - header - admin - 48;\n    rail.classList.toggle('hk-toc-unpinned', !canFit);\n    needsMeasure = false;\n  }\n  function mark(index) {\n    if (activeIndex === index) return;\n    activeIndex = index;\n    links.forEach(function (link, i) {\n      if (i === index) link.setAttribute('aria-current', 'location');\n      else link.removeAttribute('aria-current');\n    });\n    current.textContent = links[index].lastElementChild.textContent;\n  }\n  function update() {\n    frame = 0;\n    \n    if (needsMeasure) measure();\n    var extra = mobile.matches ? toc.querySelector('summary').offsetHeight + 20 : 0;\n    var line = window.scrollY + header + admin + extra + 48;\n    var index = 0;\n    targets.forEach(function (top, i) { if (top <= line) index = i; });\n    if (window.scrollY + window.innerHeight >= end - 24) index = links.length - 1;\n    mark(index);\n    var travel = Math.max(1, end - start - window.innerHeight + header + admin + 24);\n    var progress = Math.min(1, Math.max(0, (window.scrollY + header + admin + 24 - start) \/ travel));\n    percent.textContent = Math.round(progress * 100) + '%';\n    bar.style.transform = 'scaleX(' + progress + ')';\n  }\n  function queue() {\n    if (!frame) frame = window.requestAnimationFrame(update);\n  }\n  function remeasure() { needsMeasure = true; queue(); }\n  function applyMode() {\n    toc.open = !mobile.matches;\n    remeasure();\n  }\n  function navigate(event, index) {\n    if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\n    var section = sections[index];\n    if (!section) return;\n    event.preventDefault();\n    if (mobile.matches) toc.open = false;\n    \/\/ Keep target headings clear of both the site header and the compact contents bar.\n    window.requestAnimationFrame(function () {\n      measure();\n      var extra = mobile.matches ? toc.querySelector('summary').offsetHeight + 20 : 0;\n      var y = section.getBoundingClientRect().top + window.scrollY - header - admin - extra - 24;\n      if (!section.hasAttribute('tabindex')) {\n        section.setAttribute('tabindex', '-1');\n        section.addEventListener('blur', function () { section.removeAttribute('tabindex'); }, { once:true });\n      }\n      section.focus({ preventScroll:true });\n      window.scrollTo({ top:Math.max(0,y), behavior:reduced.matches ? 'instant' : 'smooth' });\n      try { window.history.replaceState(null, '', links[index].getAttribute('href')); } catch (e) { \/* file preview \/ sandbox *\/ }\n      mark(index);\n      queue();\n    });\n  }\n  links.forEach(function (link, index) {\n    link.addEventListener('click', function (event) { navigate(event, index); });\n  });\n  toc.addEventListener('toggle', remeasure);\n  toc.addEventListener('keydown', function (event) {\n    if (event.key === 'Escape' && mobile.matches && toc.open) {\n      toc.open = false;\n      toc.querySelector('summary').focus({ preventScroll:true });\n    }\n  });\n  window.addEventListener('scroll', queue, { passive:true });\n  window.addEventListener('resize', remeasure, { passive:true });\n  window.addEventListener('load', remeasure);\n  window.addEventListener('hashchange', remeasure);\n  if (mobile.addEventListener) mobile.addEventListener('change', applyMode);\n  else mobile.addListener(applyMode);\n  if ('ResizeObserver' in window) {\n    var observer = new ResizeObserver(remeasure);\n    observer.observe(root);\n    observer.observe(content);\n    observer.observe(toc);\n    sections.forEach(function (section) { observer.observe(section); });\n  }\n  if (document.fonts) document.fonts.ready.then(remeasure);\n  applyMode();\n  update();\n})();\n<\/script>\n<\/body><\/html>\t\t\t\t<\/div>\n\t\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>Micheal \u2014 Branding &amp; Web Design Case Study | #KNIGHTS Legal Services \u00b7 Branding \u00b7 Web Design Micheal. You Better Call Mike. A confident legal identity built around a distinctive wordmark, navy, slate blue and silver. From brand strategy to the website experience, every detail brings clarity, credibility and a personal approach to legal services. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":30,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"ngg_post_thumbnail":0,"footnotes":""},"services":[],"industries":[],"class_list":["post-4814","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages\/4814","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/comments?post=4814"}],"version-history":[{"count":9,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages\/4814\/revisions"}],"predecessor-version":[{"id":5160,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages\/4814\/revisions\/5160"}],"wp:attachment":[{"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/media?parent=4814"}],"wp:term":[{"taxonomy":"services","embeddable":true,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/services?post=4814"},{"taxonomy":"industries","embeddable":true,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/industries?post=4814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}