{"id":4827,"date":"2026-10-26T16:51:06","date_gmt":"2026-10-26T16:51:06","guid":{"rendered":"https:\/\/hashtagknights.com\/?page_id=4827"},"modified":"2026-10-30T12:45:32","modified_gmt":"2026-10-30T12:45:32","slug":"cyclist-case-study","status":"publish","type":"page","link":"https:\/\/hashtagknights.com\/fr\/work\/cyclist-case-study\/","title":{"rendered":"Cyclist Case Study"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4827\" class=\"elementor elementor-4827\" 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<html lang=\"en\"><head><meta charset=\"utf-8\"\/><meta content=\"width=device-width,initial-scale=1\" name=\"viewport\"\/><title>Cyclist \u2014 Brand &amp; E-commerce Case Study | #KNIGHTS<\/title><meta content=\"Explore the Cyclist brand identity and e-commerce concept through ten deliverables, from the C-wheel logo and campaign creative to product pages, checkout and mobile layouts.\" 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#mico-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#mico-case-study .hk-case-layout,#mico-case-study .hk-case-content{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}\n#mico-case-study .hk-case-content>section,#mico-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#mico-case-study .hk-case-content>section>.hk-wrap,#mico-case-study>.hk-hero>.hk-wrap,#mico-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){#mico-case-study .hk-case-content>section>.hk-wrap,#mico-case-study>.hk-hero>.hk-wrap,#mico-case-study>.hk-cases>.hk-cases__inner{width:calc(100% - 36px)!important}}\n\/* One authoritative deliverables layout. Cards always occupy their entire wrapper. *\/\n#mico-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#mico-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#mico-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#mico-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#mico-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#mico-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#mico-case-study .hk-deliv-media,#mico-case-study .hk-deliv-copy{min-width:0!important;width:100%!important;max-width:none!important}\n#mico-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#mico-case-study .hk-deliv-copy p{font-size:15px!important;line-height:1.7!important}\n@media(max-width:1000px){#mico-case-study .hk-deliv-grid{grid-template-columns:minmax(0,1fr)!important}#mico-case-study .hk-stack>.hk-deliverable-section.hk-can-pin{position:relative!important;top:auto!important}#mico-case-study .hk-deliv-media,#mico-case-study .hk-deliv-copy{order:initial!important}}\n@media(max-width:600px){#mico-case-study #deliverables>.hk-wrap{width:calc(100% - 36px)!important}#mico-case-study .hk-card-surface{padding:40px 20px 24px!important}}\n@media(prefers-reduced-motion:reduce){#mico-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#mico-case-study section>.hk-wrap,\n#mico-case-study section>.hk-cases__inner,\n#mico-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 #mico-case-study section>.hk-wrap,\n #mico-case-study section>.hk-cases__inner,\n #mico-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#mico-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#mico-case-study .hk-case-layout,\n#mico-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#mico-case-study > .hk-hero,\n#mico-case-study > .hk-final-cta,\n#mico-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#mico-case-study .hk-case-content > section.hk-sec{\n  padding:var(--hk-section-space) 0!important;\n  border-radius:0!important;\n}\n#mico-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#mico-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#mico-case-study .hk-case-content > section.hk-sec > .hk-wrap,\n#mico-case-study > .hk-hero > .hk-wrap,\n#mico-case-study > .hk-final-cta > .hk-final-inner,\n#mico-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#mico-case-study .hk-case-content > section.hk-sec > .hk-wrap,\n#mico-case-study > .hk-hero > .hk-wrap,\n#mico-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#mico-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#mico-case-study #coach-overview .hk-overview{margin-top:54px!important;gap:64px}\n#mico-case-study #coach-problems .hk-case-bento4{margin-top:54px}\n#mico-case-study #coach-approach .hk-process-timeline{margin-top:46px}\n#mico-case-study #coach-services .hk-services-bento{margin-top:46px}\n#mico-case-study #deliverables .hk-stack{margin-top:48px!important}\n#mico-case-study #coach-results .hk-results{margin-top:50px}\n#mico-case-study #coach-takeaways .hk-takeaways{margin-top:50px}\n\n@media(max-width:900px){\n  #mico-case-study.hk-coach{--hk-section-space:80px}\n  #mico-case-study #coach-overview .hk-overview{gap:34px}\n  #mico-case-study #coach-approach .hk-process-timeline,\n  #mico-case-study #coach-services .hk-services-bento{margin-top:34px}\n  #mico-case-study #deliverables .hk-stack{margin-top:36px!important}\n}\n@media(max-width:600px){\n  #mico-case-study.hk-coach{--hk-section-space:76px}\n  #mico-case-study .hk-case-content > section.hk-sec > .hk-wrap,\n  #mico-case-study > .hk-hero > .hk-wrap,\n  #mico-case-study > .hk-final-cta > .hk-final-inner,\n  #mico-case-study > .hk-cases > .hk-cases__inner{\n    width:calc(100% - 36px)!important;\n  }\n  #mico-case-study #coach-overview .hk-overview{margin-top:34px!important;gap:30px}\n  #mico-case-study #coach-problems .hk-case-bento4{margin-top:34px}\n  #mico-case-study #coach-services .hk-services-bento{margin-top:30px}\n  #mico-case-study #deliverables .hk-stack{margin-top:28px!important}\n  #mico-case-study #coach-results .hk-results,\n  #mico-case-study #coach-takeaways .hk-takeaways{margin-top:34px}\n  #mico-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#mico-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#mico-case-study .hk-case-layout {position:relative!important;isolation:isolate}\n#mico-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#mico-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#mico-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#mico-case-study .hk-toc-summary::-webkit-details-marker {display:none}\n#mico-case-study .hk-toc-summary::marker {content:\"\"}\n#mico-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#mico-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#mico-case-study .hk-toc-current {display:none}\n#mico-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#mico-case-study .hk-toc[open] .hk-toc-chevron {transform:rotate(180deg)}\n#mico-case-study .hk-toc-nav {padding:0 8px 10px;margin:0}\n#mico-case-study .hk-toc-list {\n  display:grid;gap:3px;list-style:none!important;\n  padding:0!important;margin:0!important;\n}\n#mico-case-study .hk-toc-list li {\n  padding:0!important;margin:0!important;list-style:none!important;min-width:0;\n}\n#mico-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#mico-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#mico-case-study .hk-toc-list a:hover {background:#f6f3ef;color:#191919!important}\n#mico-case-study .hk-toc-list a[aria-current=\"location\"] {\n  background:#fff1e4;color:#a24604!important;font-weight:600;\n}\n#mico-case-study .hk-toc-list a[aria-current=\"location\"]::before {background:#ff7900}\n#mico-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#mico-case-study .hk-toc-list a[aria-current=\"location\"] .hk-toc-number {color:#cf690f}\n#mico-case-study .hk-toc-summary:focus-visible,\n#mico-case-study .hk-toc-list a:focus-visible {outline:2px solid #ff7900;outline-offset:3px}\n#mico-case-study .hk-toc-footer {margin:0 16px;padding:14px 0 17px;border-top:1px solid #ece7e1}\n#mico-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#mico-case-study .hk-toc-percent {font-variant-numeric:tabular-nums;color:#6d6257}\n#mico-case-study .hk-toc-progress {height:3px;background:#f0eae3;border-radius:10px;overflow:hidden}\n#mico-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#mico-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  #mico-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  #mico-case-study .hk-toc {position:relative;top:0;border-radius:13px}\n  #mico-case-study .hk-toc-summary {min-height:53px;padding:16px 18px}\n  #mico-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  #mico-case-study .hk-toc-chevron {margin-left:0}\n  #mico-case-study .hk-toc-nav {padding:0 10px 10px}\n  #mico-case-study .hk-toc-list {grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}\n  #mico-case-study .hk-toc-list a {font-size:13px;min-height:41px;padding:11px 12px;gap:10px}\n  #mico-case-study .hk-toc-footer {margin:0 20px;padding:12px 0 16px}\n  #mico-case-study .hk-toc-reading {font-size:10px}\n  #mico-case-study .hk-toc-rail.hk-toc-unpinned {position:relative;top:auto}\n}\n@media(max-width:600px) {\n  #mico-case-study .hk-toc-rail {width:calc(100% - 36px);margin-top:20px}\n  #mico-case-study .hk-toc-list {grid-template-columns:1fr;gap:2px}\n  #mico-case-study .hk-toc-list a {min-height:35px;padding:9px 12px;font-size:12px}\n}\n@media(prefers-reduced-motion:reduce) {\n  #mico-case-study .hk-toc-chevron,#mico-case-study .hk-toc-list a {transition:none}\n}\n@media print {\n  #mico-case-study .hk-toc-rail {display:none!important}\n  #mico-case-study .hk-case-layout>.hk-case-content>section.hk-sec>.hk-wrap,\n  #mico-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#mico-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  #mico-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  #mico-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  #mico-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  #mico-case-study .hk-case-layout > .hk-toc-rail.hk-toc-unpinned > .hk-toc{\n    position:relative!important;\n    top:0!important;\n  }\n  #mico-case-study .hk-toc-current{display:none!important}\n  #mico-case-study .hk-toc-list{grid-template-columns:1fr!important;gap:3px!important}\n  #mico-case-study .hk-toc-list a{font-size:12px!important;padding:10px 9px!important;min-height:37px!important;gap:8px!important}\n  #mico-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  #mico-case-study .hk-case-layout > .hk-case-content > section.hk-sec > .hk-wrap,\n  #mico-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  #mico-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  #mico-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  #mico-case-study .hk-case-layout > .hk-toc-rail > .hk-toc{position:relative!important;top:0!important}\n}\n@media (max-width:600px){\n  #mico-case-study .hk-case-layout > .hk-toc-rail{width:calc(100% - 36px)!important;margin-top:20px!important}\n}\n@media print{\n  #mico-case-study .hk-case-layout > .hk-toc-rail{display:none!important}\n  #mico-case-study .hk-case-layout > .hk-case-content > section.hk-sec > .hk-wrap,\n  #mico-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#mico-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#mico-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#mico-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-deliv-copy h3{\n  color:#fff!important;\n}\n#mico-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-deliv-copy p{\n  color:#c4c4c4!important;\n}\n#mico-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-deliv-copy p strong{\n  color:#fff!important;\n}\n#mico-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#mico-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-gallery-hint{\n  color:#f4f4f4!important;\n}\n#mico-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-card-count{\n  color:#bcbcbc!important;\n}\n#mico-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#mico-case-study #deliverables .hk-stack {\n  position:relative!important;\n  isolation:isolate!important;\n  overflow:visible!important;\n}\n#mico-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  #mico-case-study #deliverables .hk-deliv-grid {\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n    gap:22px!important;\n  }\n  #mico-case-study #deliverables .hk-card-surface {\n    padding:38px 24px 25px!important;\n  }\n  #mico-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  #mico-case-study #deliverables .hk-card-surface {padding-top:36px!important;padding-bottom:24px!important}\n  #mico-case-study #deliverables .hk-deliv-copy p {line-height:1.5!important}\n}\n@media (max-width:899px), (prefers-reduced-motion:reduce) {\n  #mico-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>#mico-case-study .hk-hero-art img{object-fit:contain!important;background:#f5f1e8!important}#mico-case-study .hk-deliv-media{background:#f5f1e8!important}#mico-case-study .hk-deliv-media img{object-fit:contain!important;object-position:center!important;background:#f5f1e8!important}#mico-case-study .hk-kpi b{font-size:clamp(23px,3vw,36px)!important}<\/style>\n<style id=\"mico-dedicated-card-image-fit\">\n\/* Dedicated 1536x1024 wide artworks, designed for the 3:2 card slot. *\/\n#mico-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#mico-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#mico-case-study #deliverables .hk-deliv-grid {align-items:center!important;}\n@media(max-width:1000px) {\n  #mico-case-study #deliverables .hk-deliv-media {aspect-ratio:3\/2!important;}\n}\n@media(max-width:600px){\n  #mico-case-study #deliverables .hk-deliv-media {border-radius:12px!important;}\n}\n<\/style>\n<style id=\"mico-hero-girl-fit\">\n\/* Keep the new artwork complete and uncropped within the hero placeholder. *\/\n#mico-case-study .hk-hero-art{aspect-ratio:3\/2!important;background:#f5f0e7!important;border-color:#40352b!important}\n#mico-case-study .hk-hero-art img{object-fit:contain!important;object-position:center!important;background:#f5f0e7!important}\n@media(max-width:680px){#mico-case-study .hk-hero-art{aspect-ratio:3\/2!important}}\n<\/style>\n<style id=\"mico-hero-exact-fit\">\n\/* Mico hero: match the actual image proportions; no letterboxing or crop. *\/\n#mico-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#mico-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=\"mico-sticky-and-stack-fixes\">\n#mico-case-study{--hk-header-offset:136px;--hk-toc-top:calc(var(--hk-header-offset) + var(--hk-admin-offset, 0px) + 18px)}\n#mico-case-study .hk-toc-rail{z-index:30!important}\n#mico-case-study .hk-toc-rail > .hk-toc{top:var(--hk-toc-top)!important}\n#mico-case-study .hk-case-content > section{scroll-margin-top:calc(var(--hk-header-offset) + var(--hk-admin-offset, 0px) + 32px)!important}\n#mico-case-study #deliverables .hk-stack{overflow:visible!important;isolation:isolate!important}\n#mico-case-study #deliverables .hk-stack > article.hk-js-stack-live{will-change:transform;transform-style:preserve-3d}\n@media(min-width:1024px){#mico-case-study .hk-case-layout > .hk-toc-rail > .hk-toc{top:var(--hk-toc-top)!important}}\n@media(max-width:1023px){\n #mico-case-study .hk-case-layout > .hk-toc-rail{position:relative!important;top:auto!important}\n #mico-case-study .hk-toc-rail > .hk-toc{position:relative!important;top:auto!important}\n}\n@media(prefers-reduced-motion:reduce){#mico-case-study #deliverables .hk-stack > article{transform:none!important;filter:none!important}}\n<\/style>\n\n<style id=\"mico-direction-timeline-style\">\n#mico-case-study .hk-direction-intro{max-width:760px;margin:0 0 24px;color:#a7a7ad;font-size:16px;line-height:1.7} \n#mico-case-study .hk-direction-timeline{background:linear-gradient(180deg,#0b0b0f 0%,#121218 100%)}\n#mico-case-study .hk-direction-timeline .hk-section-head .hk-h2,\n#mico-case-study .hk-direction-timeline .hk-section-head .hk-kick{color:#fff}\n#mico-case-study .hk-direction-timeline .hk-h2 span{color:#d7d8de}\n#mico-case-study .hk-direction-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}\n#mico-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#mico-case-study .hk-direction-step{position:relative;padding-top:54px}\n#mico-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#mico-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#mico-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#mico-case-study .hk-direction-label::before{content:\"\";display:block;width:18px;height:1px;background:currentColor}\n#mico-case-study .hk-direction-card h3{margin:0 0 12px;font-size:28px;line-height:1.05;letter-spacing:-.04em;color:#fff}\n#mico-case-study .hk-direction-card p{margin:0;color:#c4c5cb;font-size:15px;line-height:1.72}\n#mico-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#mico-case-study .hk-direction-meta strong{color:#fff;font-weight:600}\n@media (max-width:1024px){\n#mico-case-study .hk-direction-flow{grid-template-columns:1fr 1fr}\n#mico-case-study .hk-direction-flow::before{left:22px;right:22px;top:auto;bottom:auto}\n}\n@media (max-width:680px){\n#mico-case-study .hk-direction-flow{grid-template-columns:1fr;gap:16px}\n#mico-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#mico-case-study .hk-direction-step{padding-top:0;padding-left:48px}\n#mico-case-study .hk-direction-node{top:18px;left:2px}\n#mico-case-study .hk-direction-card h3{font-size:24px}\n}\n<\/style>\n<style id=\"mico-timeline-compact-overrides\">\n#mico-case-study .hk-direction-timeline .hk-direction-intro{font-size:14px;line-height:1.5;margin-bottom:16px}\n#mico-case-study .hk-direction-timeline .hk-direction-card{padding:22px 20px 24px;min-height:170px}\n#mico-case-study .hk-direction-timeline .hk-direction-card h3{font-size:clamp(22px,2.4vw,27px);margin-bottom:10px}\n#mico-case-study .hk-direction-timeline .hk-direction-card p{font-size:14px;line-height:1.55}\n#mico-case-study .hk-direction-timeline .hk-direction-label{margin-bottom:12px}\n@media(max-width:680px){#mico-case-study .hk-direction-timeline .hk-direction-card{min-height:0;padding:20px}}\n<\/style><\/head><body><div class=\"hk-coach\" id=\"mico-case-study\"><section class=\"hk-hero\"><div class=\"hk-wrap\"><div class=\"hk-hero-grid\"><div><span class=\"hk-eyebrow\">Cycling &amp; Lifestyle \u00b7 Branding \u00b7 E-commerce<\/span><h1>Cyclist. <span>Built for the next ride.<\/span><\/h1><p class=\"hk-hero-description\">A bold cycling identity, carried through an intuitive shopping experience. From the first impression to the final checkout, every detail moves in the same direction.<\/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=\"mico\" data-index=\"0\"><img alt=\"Cyclist orange showroom with the approved homepage, graphite mountain bicycle, branded helmet and bottle.\" decoding=\"async\" fetchpriority=\"high\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-hero.webp\"\/><\/div><\/div><div class=\"hk-kpis\"><div class=\"hk-kpi\"><b>Brand identity<\/b><span>A distinctive cycling brand<\/span><\/div><div class=\"hk-kpi\"><b>Web design<\/b><span>From discovery to checkout<\/span><\/div><div class=\"hk-kpi\"><b>Mobile UI<\/b><span>A connected mobile 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-mico-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=\"#mico-overview\"><span aria-hidden=\"true\" class=\"hk-toc-number\">01<\/span><span>Overview<\/span><\/a><\/li>\n<li><a href=\"#mico-problems\"><span aria-hidden=\"true\" class=\"hk-toc-number\">02<\/span><span>The brief<\/span><\/a><\/li>\n<li><a href=\"#mico-approach\"><span aria-hidden=\"true\" class=\"hk-toc-number\">03<\/span><span>Design direction<\/span><\/a><\/li>\n<li><a href=\"#mico-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=\"#mico-results\"><span aria-hidden=\"true\" class=\"hk-toc-number\">06<\/span><span>Design outcomes<\/span><\/a><\/li>\n<li><a href=\"#mico-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=\"mico-overview\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">Overview<\/span><h2 class=\"hk-h2\">More than a bicycle store. <span>A brand in motion.<\/span><\/h2><\/div><div class=\"hk-overview\"><div><p class=\"hk-overview-copy\">Cyclist brings cycling culture and online shopping into one recognisable experience. A vivid orange identity and a confident wordmark set the pace.<\/p><p class=\"hk-overview-copy\">This concept connects a new cycling identity with homepage discovery, product selection, checkout and mobile layouts. Ten coordinated visuals show the brand across digital experiences, physical materials and campaign creative.<\/p><div class=\"hk-tags\"><span class=\"hk-tag\">Brand identity<\/span><span class=\"hk-tag\">Art direction<\/span><span class=\"hk-tag\">E-commerce UI<\/span><span class=\"hk-tag\">Responsive design<\/span><span class=\"hk-tag\">Social creative<\/span><span class=\"hk-tag\">Brand applications<\/span><\/div><\/div><div class=\"hk-facts\"><div class=\"hk-fact\"><span>Project<\/span><strong>Cyclist<\/strong><\/div><div class=\"hk-fact\"><span>Industry<\/span><strong>Cycling \/ Sport &amp; lifestyle<\/strong><\/div><div class=\"hk-fact\"><span>Product<\/span><strong>Brand identity &amp; e-commerce design<\/strong><\/div><div class=\"hk-fact\"><span>Audience<\/span><strong>Cyclists and bicycle shoppers<\/strong><\/div><div class=\"hk-fact\"><span>Focus<\/span><strong>Recognition, clarity &amp; consistency<\/strong><\/div><div class=\"hk-fact\"><span>Format<\/span><strong>Brand &amp; e-commerce concept<\/strong><\/div><\/div><\/div><\/div><\/section><section class=\"hk-sec hk-soft hk-light-panel\" id=\"mico-problems\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">The brief<\/span><h2 class=\"hk-h2\">Make the brand memorable. <span>Make the next step clear.<\/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 recognisable brand<\/h3><\/div><p>Establish a distinctive visual identity that stays consistent across the storefront, physical materials and social creative.<\/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>Make discovery easier<\/h3><\/div><p>Use clear navigation, category entry points and an organised product presentation to help shoppers find their way.<\/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>Support confident choices<\/h3><\/div><p>Bring product imagery, options and specifications together in a hierarchy that makes key details easy to compare.<\/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 screen<\/h3><\/div><p>Carry the same experience through product pages and checkout, with layouts adapted for desktop and mobile.<\/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=\"mico-approach\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">Design direction<\/span><h2 class=\"hk-h2\">One bold identity. <span>A connected journey.<\/span><\/h2><\/div><p class=\"hk-direction-intro\">Four connected decisions shape the Cyclist identity and shopping experience.<\/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>Understand<\/h3><p>Define the shopping journey and the questions a cyclist needs answered.<\/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\">Brand foundation<\/span><h3>Identify<\/h3><p>Give the brand a clear signature through wordmark, colour and typography.<\/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\">Experience<\/span><h3>Organise<\/h3><p>Turn product discovery, selection and checkout into a coherent interface.<\/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>Connect<\/h3><p>Carry the same visual language across screens and brand applications.<\/p><\/div><\/article><\/div><\/div><\/section><section class=\"hk-sec\" id=\"mico-services\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">Project scope<\/span><h2 class=\"hk-h2\">From the brand signature <span>to the shopping experience.<\/span><\/h2><\/div><div class=\"hk-services-bento\"><article class=\"hk-solution-bento-card\"><h3>Brand identity<\/h3><p>Wordmark direction, colour palette, typography and the visual foundations of Cyclist.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Brand applications<\/h3><p>Merchandise, business cards and supporting physical brand concepts.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Homepage &amp; discovery<\/h3><p>A branded opening, category pathways, collections and editorial content.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Product &amp; checkout UI<\/h3><p>Product selection, product options, basket review and checkout layouts.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Responsive layouts<\/h3><p>Desktop and mobile presentations of the core shopping journey.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Social &amp; campaign design<\/h3><p>Coordinated social posts and campaign layouts bring the cycling identity into everyday brand communication.<\/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\">Ten deliverables bring the Cyclist identity and shopping experience into focus, from the logo and visual language to product pages, checkout and mobile layouts. Open each image to explore the work in detail.<\/div><div class=\"hk-stack\"><article class=\"hk-deliverable-section\" id=\"mico-deliverable-01\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"1\"><img alt=\"Cyclist brand strategy and positioning board with a male cyclist, audience, positioning, personality and values.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/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>Cyclist is built for everyday riders and cycling enthusiasts. Clear audience, positioning, personality and values connect premium performance with the freedom and joy of riding.<\/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 \/ 10<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-02\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"2\"><img alt=\"Cyclist logo identity system with construction circles, thin spokes, an open hub and a separate orange bar.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-02-logo-identity-system.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">02 \u00b7 LOGO IDENTITY<\/span><h3>A signature rooted in cycling<\/h3><p>Construction circles and alignment guides reveal the geometry of the open-wheel symbol. A separate orange bar and a forward-leaning wordmark create a consistent identity across primary, horizontal and compact applications.<\/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 \/ 10<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-03\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"3\"><img alt=\"Cyclist orange, cream, stone and graphite palette with typography specimens, branded bottle and helmet.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-03-colour-and-typography.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">03 \u00b7 COLOUR &amp; TYPOGRAPHY<\/span><h3>High energy. Clear hierarchy.<\/h3><p>Vivid orange brings energy, graphite adds strength and warm cream creates space. Bold geometric headings and clear body typography establish a confident hierarchy across digital experiences and branded cycling gear.<\/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 \/ 10<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-04\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"4\"><img alt=\"Cyclist graphite road bicycle campaign on orange with the consistent open-wheel logo motif.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/Visual-Language-optimized.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">04 \u00b7 VISUAL LANGUAGE<\/span><h3>Built around the ride<\/h3><p>Large bicycle photography, strong colour fields and the wheel motif turn the identity into a distinctive campaign language. The bike remains the focal point, supported by confident type and a simple message.<\/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 \/ 10<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-05\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"5\"><img alt=\"Cyclist sweatshirt, bottle, wristbands and business cards carrying the same two-colour wheel identity.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-05-brand-applications-1.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">05 \u00b7 BRAND APPLICATIONS<\/span><h3>Beyond the screen<\/h3><p>The Cyclist identity extends to a sweatshirt, cycling bottle, wristbands and business cards. Consistent logo placement, material choices and colour balance connect the digital brand with tangible everyday objects.<\/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 \/ 10<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-06\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"6\"><img alt=\"Cyclist homepage featuring the Ride Beyond Boundaries hero, benefit strip and Road, Gravel and Mountain categories.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-06-homepage-experience-1.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">06 \u00b7 HOMEPAGE EXPERIENCE<\/span><h3>A clear route into the collection<\/h3><p>The homepage pairs the Ride Beyond Boundaries hero with clear navigation, rider benefits and Road, Gravel and Mountain categories. Orange photography, cream sections and black pill buttons guide visitors into the collection.<\/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 \/ 10<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-07\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"7\"><img alt=\"Cyclist Road One product page with an orange bicycle gallery, colour and size selection, and a black Add to Bag button.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-07-product-experience-1.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">07 \u00b7 PRODUCT EXPERIENCE<\/span><h3>The details that support a decision<\/h3><p>The Road One product page brings orange bicycle photography, colour options and size selection into one organised view. A black Add to Bag button, image thumbnails and supporting product details make the next step easy to find.<\/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 \/ 10<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-08\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"8\"><img alt=\"Cyclist checkout on a laptop with basket review, delivery details, order summary and a black payment button.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-08-checkout-experience-1.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">08 \u00b7 CHECKOUT EXPERIENCE<\/span><h3>Carry the journey through to checkout<\/h3><p>The checkout concept brings basket review, delivery details and the order summary together. A clear visual hierarchy separates the information shoppers review from the action that continues the journey.<\/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 \/ 10<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-09\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"9\"><img alt=\"Cyclist mobile product and checkout screens with consistent wheel logos and black action buttons.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-09-responsive-design-1.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">09 \u00b7 RESPONSIVE DESIGN<\/span><h3>One brand. Every screen.<\/h3><p>Dedicated mobile concepts adapt product selection and checkout to smaller screens. Generous controls, clear sections and the same brand language connect both stages of the journey.<\/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 \/ 10<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-10\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"10\"><img alt=\"Three Cyclist campaign posters with consistent logos and the slogans Ride Your Way, Find Your Next and Made to Move.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-10-campaign-social.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">10 \u00b7 CAMPAIGN &amp; SOCIAL<\/span><h3>A brand made to move<\/h3><p>Ride Your Way, Find Your Next and Made to Move create a connected family of campaign concepts. Cycling photography, bold typography and the C-wheel identity give every composition a recognisable voice.<\/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\">10 \/ 10<\/span><\/div><\/article><\/div><\/div><\/section><section class=\"hk-sec hk-dark\" id=\"mico-results\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">Design outcomes<\/span><h2 class=\"hk-h2\">A complete expression. <span>From identity to interface.<\/span><\/h2><\/div><div class=\"hk-results\"><article class=\"hk-result\"><b>Recognisable<\/b><span>A distinctive brand signature<\/span><p>The C-wheel logo, orange-led palette and cycling imagery create a consistent visual thread across the project.<\/p><\/article><article class=\"hk-result\"><b>Connected<\/b><span>A connected shopping concept<\/span><p>Discovery, product details and checkout share the same hierarchy and visual language.<\/p><\/article><article class=\"hk-result\"><b>Adaptable<\/b><span>A system across touchpoints<\/span><p>Desktop, mobile, merchandise and social concepts show the identity working in different contexts.<\/p><\/article><\/div><p class=\"hk-results-note\">Design outcomes describe the visual concept and intended experience. Commercial performance has not been measured.<\/p><\/div><\/section><section class=\"hk-sec\" id=\"mico-takeaways\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">Key takeaways<\/span><h2 class=\"hk-h2\">What makes the <span>whole experience work.<\/span><\/h2><\/div><div class=\"hk-takeaways\"><div class=\"hk-takeaway\"><b>01<\/b><div><h3>Brand and interface reinforce each other.<\/h3><p>The C-wheel identity remains visible throughout the shopping concept, from the hero to the product and checkout screens.<\/p><\/div><\/div><div class=\"hk-takeaway\"><b>02<\/b><div><h3>Each deliverable has a clear role.<\/h3><p>Brand assets create recognition, product pages support decisions and checkout organises the final steps.<\/p><\/div><\/div><div class=\"hk-takeaway\"><b>03<\/b><div><h3>Consistency makes the system flexible.<\/h3><p>A focused palette, strong typography and repeatable layout principles connect the digital and physical applications.<\/p><\/div><\/div><\/div><p class=\"hk-source-note\">Cyclist is a brand and e-commerce concept. The logo and all ten showcase visuals were created for this case study.<\/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=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/Un-catalogue-riche-vivant-inspirant.png\">\n<\/img><\/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 memorable identity to an intuitive online store, let\u2019s create a brand experience that feels connected.<\/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=\"Cyclist 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 = {mico:[{\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-hero.webp\", \"caption\": \"Cyclist \\u00b7 Brand identity & e-commerce experience\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/Brand-strategy-positioning.webp\", \"caption\": \"Cyclist \\u00b7 Brand strategy & positioning\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-02-logo-identity-system.webp\", \"caption\": \"Cyclist \\u00b7 Logo construction & identity system\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-03-colour-and-typography.webp\", \"caption\": \"Cyclist \\u00b7 High energy. Clear hierarchy.\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/Visual-Language-optimized.webp\", \"caption\": \"Cyclist \\u00b7 Built around the ride\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-05-brand-applications-1.webp\", \"caption\": \"Cyclist \\u00b7 Beyond the screen\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-06-homepage-experience-1.webp\", \"caption\": \"Cyclist \\u00b7 Homepage experience\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-07-product-experience-1.webp\", \"caption\": \"Cyclist \\u00b7 The details that support a decision\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-08-checkout-experience-1.webp\", \"caption\": \"Cyclist \\u00b7 Carry the journey through to checkout\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-09-responsive-design-1.webp\", \"caption\": \"Cyclist \\u00b7 One brand. Every screen.\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/cyclist-10-campaign-social.webp\", \"caption\": \"Cyclist \\u00b7 A brand made to move\"}]};\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||\"Cyclist 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('mico-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=\"mico-real-header-offset-fix\">\n(function(){\n  'use strict';\n  var root=document.getElementById('mico-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('mico-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('mico-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('mico-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('mico-case-study');\n  if (!root) return;\n  var toc = root.querySelector('#hk-mico-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>Cyclist \u2014 Brand &amp; E-commerce Case Study | #KNIGHTS Cycling &amp; Lifestyle \u00b7 Branding \u00b7 E-commerce Cyclist. Built for the next ride. A bold cycling identity, carried through an intuitive shopping experience. From the first impression to the final checkout, every detail moves in the same direction. Explore the project \u2197Brand identityA distinctive cycling brandWeb [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":416,"menu_order":31,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"ngg_post_thumbnail":0,"footnotes":""},"services":[],"industries":[],"class_list":["post-4827","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages\/4827","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=4827"}],"version-history":[{"count":8,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages\/4827\/revisions"}],"predecessor-version":[{"id":5146,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages\/4827\/revisions\/5146"}],"up":[{"embeddable":true,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages\/416"}],"wp:attachment":[{"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/media?parent=4827"}],"wp:term":[{"taxonomy":"services","embeddable":true,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/services?post=4827"},{"taxonomy":"industries","embeddable":true,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/industries?post=4827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}