{"id":4768,"date":"2026-10-26T14:20:26","date_gmt":"2026-10-26T14:20:26","guid":{"rendered":"https:\/\/hashtagknights.com\/?page_id=4768"},"modified":"2026-10-30T00:59:39","modified_gmt":"2026-10-30T00:59:39","slug":"travella-case-study","status":"publish","type":"page","link":"https:\/\/hashtagknights.com\/fr\/work\/travella-case-study\/","title":{"rendered":"Travella Case Study"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4768\" class=\"elementor elementor-4768\" 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<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>\n<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<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><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\">Travel &amp; Tourism \u00b7 Brand Identity \u00b7 Website<\/span><h1>Travella. <span>A brand built for the journey.<\/span><\/h1><p class=\"hk-hero-description\">A connected travel identity, from a distinctive wordmark to an image-led website. Explore the brand, destination pages, booking experience, email and social concepts designed around the next journey.<\/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=\"Travella website presented on desktop and mobile screens\" decoding=\"async\" fetchpriority=\"high\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/00-hero-desktop-mobile.webp\"\/><\/div><\/div><div class=\"hk-kpis\"><div class=\"hk-kpi\"><b>Brand identity<\/b><span>Logo, colour and visual direction<\/span><\/div><div class=\"hk-kpi\"><b>Web design<\/b><span>Inspiration with a clear page journey<\/span><\/div><div class=\"hk-kpi\"><b>Mobile UI<\/b><span>A connected desktop and mobile presentation<\/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\">A world of possibilities. <span>One connected travel brand.<\/span><\/h2><\/div><div class=\"hk-overview\"><div><p class=\"hk-overview-copy\">Travella brings tailored travel into a clear, image-led brand experience. The visual direction pairs a confident wordmark with immersive destination photography, giving the agency a recognisable presence from the first impression.<\/p><p class=\"hk-overview-copy\">The project scope covers brand strategy and positioning, logo design, visual identity, website design and website development. Additional destination, itinerary, booking, email and social concepts show how the same identity can support the wider customer journey.<\/p><div class=\"hk-tags\"><span class=\"hk-tag\">Logo design<\/span><span class=\"hk-tag\">Visual identity<\/span><span class=\"hk-tag\">Website design<\/span><span class=\"hk-tag\">Web development<\/span><span class=\"hk-tag\">Booking UI concepts<\/span><span class=\"hk-tag\">Email &amp; social concepts<\/span><\/div><\/div><div class=\"hk-facts\"><div class=\"hk-fact\"><span>Project<\/span><strong>Travella<\/strong><\/div><div class=\"hk-fact\"><span>Industry<\/span><strong>Travel &amp; Tourism<\/strong><\/div><div class=\"hk-fact\"><span>Product<\/span><strong>Brand identity + Website<\/strong><\/div><div class=\"hk-fact\"><span>Audience<\/span><strong>Travellers seeking tailored experiences<\/strong><\/div><div class=\"hk-fact\"><span>Focus<\/span><strong>Recognition, inspiration and clarity<\/strong><\/div><div class=\"hk-fact\"><span>Year<\/span><strong>Not specified<\/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 next journey <span>feel personal from the start.<\/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>Stand out in a crowded category<\/h3><\/div><p>Give the agency a distinct visual presence that feels contemporary and personal. The identity needs to be recognisable before a visitor has explored a single destination.<\/p><span aria-hidden=\"true\" class=\"hk-case-bigno\">01<\/span><\/article><article class=\"hk-case-bento-card\"><div class=\"hk-case-bento-head\"><span class=\"hk-case-bento-num\">02<\/span><h3>Balance inspiration with clarity<\/h3><\/div><p>Let destination imagery create the desire to travel while clear type, generous spacing and a simple hierarchy keep the experience easy to follow.<\/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>Make the offer easy to explore<\/h3><\/div><p>Bring destinations, curated packages and planning services into a coherent page journey so visitors can understand what the agency offers.<\/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 the brand to the build<\/h3><\/div><p>Carry the visual identity through website design and development, keeping the same character from the first impression to the next action.<\/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 clear direction. <span>A world worth exploring.<\/span><\/h2><\/div><p class=\"hk-direction-intro\">Four decisions connect the Travella identity and digital 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>Recognition<\/h3><p>A confident Travella wordmark gives the agency a recognisable signature.<\/p><\/div><\/article><article class=\"hk-direction-step\"><span class=\"hk-direction-node\">02<\/span><div class=\"hk-direction-card\"><span class=\"hk-direction-label\">Visual system<\/span><h3>Palette<\/h3><p>Electric blue, deep navy and icy-white surfaces frame the experience.<\/p><\/div><\/article><article class=\"hk-direction-step\"><span class=\"hk-direction-node\">03<\/span><div class=\"hk-direction-card\"><span class=\"hk-direction-label\">Brand mood<\/span><h3>Photography<\/h3><p>Immersive landscapes bring each destination and travel style into focus.<\/p><\/div><\/article><article class=\"hk-direction-step\"><span class=\"hk-direction-node\">04<\/span><div class=\"hk-direction-card\"><span class=\"hk-direction-label\">System check<\/span><h3>Consistency<\/h3><p>One visual direction connects the website, booking, email and social concepts.<\/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\">One travel identity. <span>Across the customer journey.<\/span><\/h2><\/div><div class=\"hk-services-bento\"><article class=\"hk-solution-bento-card\"><h3>Brand strategy &amp; logo<\/h3><p>Positioning, personality and values guide a recognisable wordmark and compact brand icon.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Visual identity<\/h3><p>Colour, typography and travel photography establish a coherent visual language.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Website design<\/h3><p>The homepage and destination presentation organise inspiration into a clear browsing experience.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Website development<\/h3><p>The visual direction carries into the agency\u2019s online presence, supported by desktop and mobile showcases.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Booking UI concepts<\/h3><p>Destination, itinerary and reservation screens illustrate the path from exploring to choosing a trip.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Email &amp; social concepts<\/h3><p>Email templates and social posts extend the same brand feeling into customer communications.<\/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 focused deliverables showcase the Travella identity, website and supporting customer experience. Each card pairs the design with its purpose; additional interface, email and social concepts extend the visual direction.<\/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=\"Travella brand strategy and positioning presentation with audience, positioning, personality and values beside a traveller holding a branded document wallet on a Mediterranean terrace.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/01-brand-strategy-positioning.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">01 \u00b7 BRAND STRATEGY &amp; POSITIONING<\/span><h3>Brand strategy &amp; positioning<\/h3><p>Travella is positioned around thoughtfully planned travel tailored to curious travellers seeking personal experiences. A warm, curious and confident personality, grounded in care, discovery and freedom, gives the brand a clear direction for its identity, imagery and communication.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Explore 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=\"Travella logo identity presentation with a primary wordmark, T monogram, light and dark applications, travel-document wallet and luggage tag.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/02-logo-design.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">02 \u00b7 LOGO DESIGN<\/span><h3>Logo design<\/h3><p>The Travella wordmark gives the agency a clear, recognisable signature. A compact T monogram and consistent light and dark applications make the identity adaptable, while the travel-document wallet and luggage tag show how it carries into physical brand materials.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Explore 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=\"Travella visual identity presentation with electric blue, midnight, ice and white swatches, typography, a mountain travel journal, document wallet and luggage tag.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/03-visual-identity.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">03 \u00b7 VISUAL IDENTITY<\/span><h3>Visual identity<\/h3><p>Electric blue, midnight navy, ice and white establish Travella\u2019s visual palette. Bold, clear typography and immersive travel photography bring the personality into focus; the journal, document wallet and luggage tag show the same identity working across everyday travel materials.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Explore 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=\"Layered Travella website presentation with the mountain homepage in front and destination and travel package sections behind it on the right.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/04-website-design.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">04 \u00b7 WEBSITE DESIGN<\/span><h3>Website design<\/h3><p>An immersive homepage introduces the agency, presents destinations and brings its travel packages into focus. Large photography, clear headings and contrasting sections create a considered route from the first impression to exploring a journey.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Explore 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=\"Illustrative Travella website development mockup showing a coordinated desktop and mobile travel interface.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/05-website-development.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">05 \u00b7 WEBSITE DEVELOPMENT<\/span><h3>Website development &amp; responsive experience<\/h3><p>Website development carries the approved visual direction into the agency\u2019s online presence. The coordinated desktop and mobile presentation shows how the interface translates across screen sizes, keeping the brand, content hierarchy and travel imagery consistent.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Explore 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=\"Travella destination-page concept with search, travel-style categories and six destination cards.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/06-destination-exploration.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">06 \u00b7 DESTINATION EXPLORATION<\/span><h3>Destination exploration<\/h3><p>This destination-page concept organises travel choices through a search field, travel-style categories and image-led cards. Each destination pairs a place and country with a clear next action, giving the browsing experience a consistent structure.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Explore 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=\"Travella Amalfi Coast trip-detail concept with itinerary, photo gallery, included services and a reservation panel.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/07-trip-details.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">07 \u00b7 TRIP DETAILS &amp; ITINERARY<\/span><h3>Trip details &amp; itinerary<\/h3><p>The trip-detail concept combines destination photography, trip duration, itinerary and included services in one focused page. A contrasting reservation panel brings the dates, traveller count and next action together beside the details visitors are reviewing.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Explore 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=\"Travella booking concept showing trip dates, two travellers, a price summary and mobile reservation confirmation.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/08-booking-experience.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">08 \u00b7 BOOKING &amp; CONFIRMATION<\/span><h3>Booking &amp; confirmation<\/h3><p>The booking concept connects trip selection, traveller details and confirmation. Dates and traveller count sit beside a visible price summary; the mobile confirmation state brings the completed reservation details into a clear, compact view.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Explore 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=\"Two Travella email concepts shown inside email-client windows: a booking confirmation and a destination newsletter.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/09-email-templates.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">09 \u00b7 EMAIL TEMPLATES<\/span><h3>Email templates<\/h3><p>Two email concepts extend the Travella identity into the inbox. The booking confirmation brings reservation details and the next action together; the destination newsletter combines inspiring photography with a clear invitation to explore a journey. Both share the website\u2019s colour palette, typography and visual tone.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Open both email templates<\/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 Travella social post concepts displayed in feed frames, featuring coastal, alpine and island travel imagery.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/10-social-media-posts.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">10 \u00b7 SOCIAL MEDIA POSTS<\/span><h3>Social media posts<\/h3><p>Three branded post concepts bring Travella into the social feed: a coastal escape, an alpine adventure and an island retreat. Destination photography, bold headlines and a consistent wordmark create a recognisable collection, with each post giving a different travel experience its own visual focus.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">Explore 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 connected travel experience <span>shown across ten deliverables.<\/span><\/h2><\/div><div class=\"hk-results\"><article class=\"hk-result\"><b>Recognisable<\/b><span>A clear visual signature<\/span><p>The wordmark, colour palette and image direction give Travella a shared identity across the presentation.<\/p><\/article><article class=\"hk-result\"><b>Connected<\/b><span>A considered customer journey<\/span><p>The showcases connect the homepage with destination discovery, trip details, booking and email communication.<\/p><\/article><article class=\"hk-result\"><b>Consistent<\/b><span>One brand across touchpoints<\/span><p>Desktop, mobile and email concepts use a coherent visual language while adapting to each format.<\/p><\/article><\/div><p class=\"hk-results-note\">These outcomes describe the design presentation. Additional interface, email and social visuals are concepts; no verified conversion, revenue or campaign results are claimed.<\/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 connects <span>the whole journey.<\/span><\/h2><\/div><div class=\"hk-takeaways\"><div class=\"hk-takeaway\"><b>01<\/b><div><h3>The brand stays recognisable.<\/h3><p>A consistent wordmark, palette and typographic direction connect each touchpoint while letting the destination photography change.<\/p><\/div><\/div><div class=\"hk-takeaway\"><b>02<\/b><div><h3>Every screen has a clear role.<\/h3><p>The presentation moves from discovering places to reviewing a trip, reserving it and receiving the next communication.<\/p><\/div><\/div><div class=\"hk-takeaway\"><b>03<\/b><div><h3>The identity extends beyond the website.<\/h3><p>Email and social post concepts bring the same visual tone to practical information and future travel inspiration.<\/p><\/div><\/div><\/div><p class=\"hk-source-note\">Scope supplied by the project team. Showcase images are AI-generated presentation mockups. Destination, itinerary, booking, email and social visuals are additional design concepts.<\/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 travel or brand project? <span>Let\u2019s talk about it.<\/span><\/h2>\n<p>From a memorable identity to a website and customer communications, 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=\"Travella 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\/00-hero-desktop-mobile.webp\", \"caption\": \"Travella \\u00b7 Desktop and mobile\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/01-brand-strategy-positioning.webp\", \"caption\": \"Travella \\u00b7 Brand strategy & positioning \\u00b7 Presentation mockup\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/02-logo-design.webp\", \"caption\": \"Travella \\u00b7 Logo design \\u00b7 Presentation mockup\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/03-visual-identity.webp\", \"caption\": \"Travella \\u00b7 Visual identity \\u00b7 Presentation mockup\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/04-website-design.webp\", \"caption\": \"Travella \\u00b7 Website design \\u00b7 Presentation mockup\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/05-website-development.webp\", \"caption\": \"Travella \\u00b7 Website development & responsive experience \\u00b7 Presentation mockup\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/06-destination-exploration.webp\", \"caption\": \"Travella \\u00b7 Destination exploration \\u00b7 Design concept\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/07-trip-details.webp\", \"caption\": \"Travella \\u00b7 Trip details & itinerary \\u00b7 Design concept\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/08-booking-experience.webp\", \"caption\": \"Travella \\u00b7 Booking & confirmation \\u00b7 Design concept\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/09-email-templates.webp\", \"caption\": \"Travella \\u00b7 Email templates \\u00b7 Design concept\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/10-social-media-posts.webp\", \"caption\": \"Travella \\u00b7 Social media posts \\u00b7 Design concept\"}]};\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||\"Travella 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\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>Travel &amp; Tourism \u00b7 Brand Identity \u00b7 Website Travella. A brand built for the journey. A connected travel identity, from a distinctive wordmark to an image-led website. Explore the brand, destination pages, booking experience, email and social concepts designed around the next journey. Explore the project \u2197Brand identityLogo, colour and visual directionWeb designInspiration with a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":416,"menu_order":33,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"ngg_post_thumbnail":0,"footnotes":""},"services":[],"industries":[],"class_list":["post-4768","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages\/4768","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=4768"}],"version-history":[{"count":9,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages\/4768\/revisions"}],"predecessor-version":[{"id":5086,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages\/4768\/revisions\/5086"}],"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=4768"}],"wp:term":[{"taxonomy":"services","embeddable":true,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/services?post=4768"},{"taxonomy":"industries","embeddable":true,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/industries?post=4768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}