/* Eight business stories. Each keeps its own layout on every screen size. */
.m-film{margin:0;min-width:0;padding:24px;background:#183c30;border-radius:12px;overflow:hidden;color:#f6f6ee}
.m-film-heading{margin:0 0 20px}.m-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#d3f379}.m-film-heading h4{font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.6px;margin:9px 0 0;color:#f6f6ee;max-width:30ch;text-wrap:balance}
.m-canvas{background:#f0f3e9;border:1px solid #becbb0;border-radius:9px;overflow:hidden}.m-canvas svg{display:block;width:100%;height:auto;overflow:visible;font-family:'DM Sans',sans-serif}
.m-film .m-text{font-size:21px;fill:#183c30;font-weight:500}.m-film .m-small{font-size:18px;fill:#254c3b;font-weight:500}.m-film .m-tiny{font-size:16px;fill:#49634b;font-weight:500}.m-film .m-micro{font-size:14px;fill:#5c7358}.m-film .m-kicker{font-size:15px;letter-spacing:1px;fill:#49634b;font-weight:600}.m-film .m-button{font-size:16px;fill:#f6f6ee;font-weight:500}.m-film .m-on-dark{fill:#f6f6ee}
.m-paper{fill:#fffef7;stroke:#becbb0;stroke-width:1.3}.m-window{fill:#e7eddd;stroke:#b5c4a5;stroke-width:1.3}.m-sage{fill:#dae9c7;stroke:#aabf91;stroke-width:1.3}.m-highlight,.m-lime{fill:#d3f379}.m-blue{fill:#d9e8ef}.m-peach{fill:#f0ddc8}.m-dark{fill:#183c30}.m-on-dark-panel{fill:#2c5140;stroke:#71906a;stroke-width:1}.m-device{fill:#193e31;stroke:#244e3a;stroke-width:1.5}.m-line{fill:none;stroke:#91a37e;stroke-width:2;stroke-linecap:round}.m-grid-line{fill:none;stroke:#bdcbb0;stroke-width:1}.m-tick-mark{fill:none;stroke:#183c30;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.m-envelope{fill:#d3f379;stroke:#183c30;stroke-width:2.3;stroke-linejoin:round}.m-pointer-shape{fill:#183c30;stroke:#f6f6ee;stroke-width:1.3}.m-click{fill:none;stroke:#83a457;stroke-width:2;opacity:0}.m-selection{fill:none;stroke:#829f56;stroke-width:2;stroke-dasharray:6 4}.m-shield{fill:#d3f379;stroke:#607d42;stroke-width:1.5}.m-icon{fill:none;stroke:#31533d;stroke-width:2.3;stroke-linejoin:round}.m-retire-mark{stroke:#49684b;stroke-width:2.2;fill:none;stroke-linecap:round}.m-article-lines{fill:none;stroke:#b3c69b;stroke-width:6;stroke-linecap:round}
.m-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;margin:19px 0 21px;list-style:none}.m-stages li{font-size:12px;line-height:1.45;color:#f0f4e7}.m-stages span{display:block;font-size:10px;letter-spacing:1px;margin-bottom:5px;color:#bdd38c}.m-film figcaption p{font-size:13px;line-height:1.65;margin:0;color:#e0e8d6}.m-example-note{display:block;font-size:10px;line-height:1.5;margin-top:12px;color:#b9c9ad}
.m-film .motion{animation-duration:12s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}.m-film.is-playing .motion{animation-play-state:running}.m-film .m-type{animation-name:m-type;animation-delay:calc(var(--i,0)*.45s)}
.m-incoming{animation-name:m-incoming}.m-follow-pointer{animation-name:m-follow-pointer}.m-follow-check{animation-name:m-follow-check;transform-box:fill-box;transform-origin:center}.m-send-envelope{animation-name:m-send-envelope}.m-reminder{animation-name:m-reminder}.m-click{animation-name:m-click;transform-box:fill-box;transform-origin:center}
.m-map,.m-connect,.m-build-arrow,.m-citation-route,.m-editor-arrow,.m-branch,.m-notify-path,.m-coach-join,.m-learning-loop,.m-migrate-route{fill:none;stroke:#789957;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;animation-name:m-draw}.m-map{animation-name:m-map}.m-map-two{animation-delay:.45s}.m-map-three{animation-delay:.9s}.m-field-value{animation-name:m-field;animation-delay:calc(var(--i,0)*.4s)}.m-extract-address{animation-name:m-extract-address}.m-extract-date{animation-name:m-extract-date}.m-extract-service{animation-name:m-extract-service}.m-missing{animation-name:m-missing}
.m-custom-feature{animation-name:m-feature;animation-delay:calc(var(--i,0)*.5s)}.m-migrate{animation-name:m-migrate;animation-delay:calc(var(--i,0)*.5s)}.m-migrate-route{animation-name:m-migrate-line}.m-retire{animation-name:m-retire;animation-delay:calc(var(--i,0)*.2s)}.m-pilot-check{animation-name:m-pilot-check;transform-box:fill-box;transform-origin:center}
.m-cell-lift{animation-name:m-cell-lift}.m-build-arrow{animation-name:m-build-arrow}.m-widget{animation-name:m-widget;animation-delay:calc(var(--i,0)*.35s)}.m-booking{animation-name:m-booking}.m-book-pointer{animation-name:m-book-pointer}.m-book-check{animation-name:m-book-check;transform-box:fill-box;transform-origin:center}
.m-select{animation-name:m-select}.m-citation-route{animation-name:m-citation-route}.m-company .m-type{animation-name:m-company-type}.m-source-excerpt{animation-name:m-source-excerpt}.m-access{animation-name:m-access;transform-box:fill-box;transform-origin:center}
.m-marketing .m-type{animation-name:m-article-type}.m-editor-arrow{animation-name:m-editor-arrow}.m-branch{animation-name:m-branch}.m-branch-email{animation-delay:.3s}.m-social{animation-name:m-social}.m-email{animation-name:m-email}.m-editor-check{animation-name:m-editor-check;transform-box:fill-box;transform-origin:center}
.m-website .m-type{animation-name:m-form-type}.m-web-pointer{animation-name:m-web-pointer}.m-notify-path{animation-name:m-notify-path}.m-notification{animation-name:m-notification}.m-bell{animation-name:m-bell;transform-box:fill-box;transform-origin:center}
.m-prompt-role{animation-name:m-prompt-role}.m-prompt-context{animation-name:m-prompt-context}.m-prompt-tone{animation-name:m-prompt-tone}.m-coach-join{animation-name:m-coach-join}.m-training .m-type{animation-name:m-training-type}.m-learning-loop{animation-name:m-learning-loop}.m-training-check{animation-name:m-training-check;transform-box:fill-box;transform-origin:center}
@keyframes m-type{0%,21%{clip-path:inset(0 100% 0 0)}45%,94%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes m-incoming{0%{transform:translateX(-35px);opacity:.2}12%,95%{transform:translateX(0);opacity:1}100%{transform:translateX(-35px);opacity:.2}}
@keyframes m-follow-pointer{0%,47%{transform:translate(22px,20px);opacity:0}55%,63%{transform:translate(0,0);opacity:1}69%,100%{transform:translate(0,0);opacity:0}}
@keyframes m-follow-check{0%,61%{transform:scale(0);opacity:0}66%,96%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}
@keyframes m-send-envelope{0%,63%{transform:translate(0,0);opacity:0}68%{transform:translate(0,0);opacity:1}82%,100%{transform:translate(110px,-35px);opacity:0}}
@keyframes m-reminder{0%,78%{transform:translateY(12px);opacity:.12}86%,96%{transform:translateY(0);opacity:1}100%{transform:translateY(12px);opacity:.12}}
@keyframes m-click{0%,58%{transform:scale(.3);opacity:0}61%{opacity:.8}67%,100%{transform:scale(1.4);opacity:0}}
@keyframes m-draw{0%,15%{stroke-dashoffset:1}43%,95%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes m-map{0%,15%{stroke-dashoffset:1}35%,95%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes m-field{0%,33%{opacity:0;transform:translateX(-18px)}44%,95%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-18px)}}
@keyframes m-extract-address{0%,14%{opacity:0;transform:translate(0,0)}19%{opacity:1}37%{opacity:1;transform:translate(126px,103px)}43%,100%{opacity:0;transform:translate(126px,103px)}}
@keyframes m-extract-date{0%,19%{opacity:0;transform:translate(0,0)}24%{opacity:1}42%{opacity:1;transform:translate(19px,151px)}48%,100%{opacity:0;transform:translate(19px,151px)}}
@keyframes m-extract-service{0%,24%{opacity:0;transform:translate(0,0)}29%{opacity:1}47%{opacity:1;transform:translate(-78px,199px)}53%,100%{opacity:0;transform:translate(-78px,199px)}}
@keyframes m-missing{0%,55%{opacity:.1;transform:translateY(5px)}64%,95%{opacity:1;transform:translateY(0)}100%{opacity:.1;transform:translateY(5px)}}
@keyframes m-feature{0%,29%{opacity:.12;transform:translateX(-12px)}45%,95%{opacity:1;transform:translateX(0)}100%{opacity:.12;transform:translateX(-12px)}}
@keyframes m-migrate{0%,12%{transform:translate(0,0);opacity:0}17%{opacity:1}39%{transform:translate(var(--dx),var(--dy));opacity:1}45%,100%{transform:translate(var(--dx),var(--dy));opacity:0}}
@keyframes m-migrate-line{0%,14%{stroke-dashoffset:1}35%,95%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes m-retire{0%,77%{opacity:0;transform:scale(.2)}83%,95%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.2)}}
@keyframes m-pilot-check{0%,62%{opacity:0;transform:scale(0)}71%,96%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}
@keyframes m-cell-lift{0%,8%{transform:translate(0,0);opacity:.7}22%{transform:translate(135px,10px);opacity:1}34%{transform:translate(197px,60px);opacity:0}100%{transform:translate(197px,60px);opacity:0}}
@keyframes m-build-arrow{0%,12%{stroke-dashoffset:1}34%,95%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes m-widget{0%,25%{transform:translateY(19px);opacity:.08}43%,96%{transform:translateY(0);opacity:1}100%{transform:translateY(19px);opacity:.08}}
@keyframes m-book-pointer{0%,47%{transform:translate(-15px,20px);opacity:0}55%,62%{transform:translate(0,0);opacity:1}67%,100%{opacity:0}}
@keyframes m-booking{0%,60%{transform:translate(-179px,48px);opacity:0}63%{opacity:1}76%,95%{transform:translate(0,0);opacity:1}100%{transform:translate(0,0);opacity:0}}
@keyframes m-book-check{0%,77%{transform:scale(0);opacity:0}83%,95%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}
@keyframes m-select{0%,13%{clip-path:inset(0 100% 0 0);opacity:.4}32%,85%{clip-path:inset(0);opacity:1}100%{clip-path:inset(0 100% 0 0);opacity:.4}}
@keyframes m-citation-route{0%,31%{stroke-dashoffset:1}45%,95%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes m-company-type{0%,43%{clip-path:inset(0 100% 0 0)}65%,96%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes m-source-excerpt{0%,30%{transform:translate(0,0);opacity:0}34%{transform:translate(0,0);opacity:1}44%{transform:translate(-48px,125px);opacity:1}49%,100%{transform:translate(-48px,125px);opacity:0}}
@keyframes m-access{0%,72%{transform:scale(.9);opacity:.35}82%,95%{transform:scale(1);opacity:1}100%{transform:scale(.9);opacity:.35}}
@keyframes m-editor-arrow{0%,8%{stroke-dashoffset:1}17%,96%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes m-article-type{0%,16%{clip-path:inset(0 100% 0 0)}43%,95%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes m-branch{0%,48%{stroke-dashoffset:1}65%,96%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes m-social{0%,59%{transform:translate(30px,-15px);opacity:.15}74%,95%{transform:translate(0,0);opacity:1}100%{transform:translate(30px,-15px);opacity:.15}}
@keyframes m-email{0%,64%{transform:translate(-30px,-15px);opacity:.15}79%,95%{transform:translate(0,0);opacity:1}100%{transform:translate(-30px,-15px);opacity:.15}}
@keyframes m-editor-check{0%,81%{opacity:0;transform:scale(0)}87%,96%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}
@keyframes m-form-type{0%,14%{clip-path:inset(0 100% 0 0)}37%,95%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes m-web-pointer{0%,40%{transform:translate(12px,15px);opacity:0}48%,56%{transform:translate(0,0);opacity:1}61%,100%{opacity:0}}
@keyframes m-notify-path{0%,57%{stroke-dashoffset:1}71%,95%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes m-notification{0%,67%{transform:translateX(23px);opacity:.06}79%,95%{transform:translateX(0);opacity:1}100%{transform:translateX(23px);opacity:.06}}
@keyframes m-bell{0%,74%,94%,100%{transform:rotate(0);opacity:.2}78%,86%{transform:rotate(12deg);opacity:1}82%,90%{transform:rotate(-12deg);opacity:1}}
@keyframes m-prompt-role{0%,7%{transform:translate(-22px,-8px);opacity:.08}19%,95%{transform:translate(0,0);opacity:1}100%{transform:translate(-22px,-8px);opacity:.08}}
@keyframes m-prompt-context{0%,15%{transform:translateY(-17px);opacity:.08}27%,95%{transform:translateY(0);opacity:1}100%{transform:translateY(-17px);opacity:.08}}
@keyframes m-prompt-tone{0%,23%{transform:translate(22px,-8px);opacity:.08}35%,95%{transform:translate(0,0);opacity:1}100%{transform:translate(22px,-8px);opacity:.08}}
@keyframes m-coach-join{0%,35%{stroke-dashoffset:1}47%,96%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes m-training-type{0%,48%{clip-path:inset(0 100% 0 0)}68%,95%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes m-learning-loop{0%,73%{stroke-dashoffset:1}91%,96%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes m-training-check{0%,86%{transform:scale(0);opacity:0}92%,96%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}
@media(max-width:650px){.m-film{padding:14px}.m-film-heading{margin-bottom:16px}.m-film-heading h4{font-size:20px;line-height:1.35}.m-eyebrow{font-size:9px}.m-stages{gap:10px;margin:16px 0 18px}.m-stages li{font-size:11px}.m-film figcaption p{font-size:13px}.m-example-note{font-size:10px}}
/* Website construction and search visibility are separate, concrete processes. */
.m-bakery-art{fill:none;stroke:#687f4f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.m-seo-lens{fill:#d3f379;fill-opacity:.2;stroke:#789957;stroke-width:2.5}
.m-site-prompt{animation-name:m-site-prompt}.m-site-update{animation-name:m-site-update}.m-site-hero{animation-name:m-site-hero}.m-site-gallery{animation-name:m-site-gallery;animation-delay:calc(var(--i,0)*.3s)}.m-site-contact{animation-name:m-site-contact}.m-site-phone{animation-name:m-site-phone}.m-site-responsive{fill:none;stroke:#91a37e;stroke-width:2;stroke-dasharray:1;animation-name:m-site-responsive}
.m-seo-old-title{animation-name:m-seo-old-title}.m-seo-title{animation-name:m-seo-title}.m-seo-faq{animation-name:m-seo-faq}.m-seo-answer{animation-name:m-seo-answer}.m-seo-links{animation-name:m-seo-links}.m-seo-reviewed{animation-name:m-seo-reviewed}.m-seo-check{animation-name:m-seo-check;transform-box:fill-box;transform-origin:center}.m-seo-scan{animation-name:m-seo-scan}.m-seo-underline{fill:none;stroke:#94b364;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;animation-name:m-seo-underline}.m-social-connection{fill:none;stroke:#789957;stroke-width:2;stroke-dasharray:1;animation-name:m-social-connection}.m-social-opening{animation-name:m-social-opening}.m-social-caption{animation-name:m-social-caption}.m-social-service-link{animation-name:m-social-service-link}.m-social-transfer{animation-name:m-social-transfer}
@keyframes m-site-prompt{0%,3%{clip-path:inset(0 100% 0 0)}18%,96%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes m-site-update{0%,36%{clip-path:inset(0 100% 0 0)}51%,96%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes m-site-hero{0%,16%{transform:translateX(-24px);opacity:.07}32%,96%{transform:translateX(0);opacity:1}100%{transform:translateX(-24px);opacity:.07}}
@keyframes m-site-gallery{0%,51%{transform:translateY(-20px);opacity:.07}65%,96%{transform:translateY(0);opacity:1}100%{transform:translateY(-20px);opacity:.07}}
@keyframes m-site-contact{0%,60%{transform:translateY(18px);opacity:.07}73%,96%{transform:translateY(0);opacity:1}100%{transform:translateY(18px);opacity:.07}}
@keyframes m-site-phone{0%,68%{transform:translate(22px,12px);opacity:.12}84%,96%{transform:translate(0,0);opacity:1}100%{transform:translate(22px,12px);opacity:.12}}
@keyframes m-site-responsive{0%,68%{stroke-dashoffset:1}84%,96%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes m-seo-old-title{0%,11%{opacity:1;transform:translateX(0)}18%,96%{opacity:0;transform:translateX(-15px)}100%{opacity:1;transform:translateX(0)}}
@keyframes m-seo-title{0%,18%{clip-path:inset(0 100% 0 0)}30%,96%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes m-seo-underline{0%,22%{stroke-dashoffset:1}33%,96%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes m-seo-faq{0%,29%{clip-path:inset(0 100% 0 0)}39%,96%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes m-seo-answer{0%,35%{clip-path:inset(0 100% 0 0)}45%,96%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes m-seo-links{0%,40%{transform:translateX(15px);opacity:.12}52%,96%{transform:translateX(0);opacity:1}100%{transform:translateX(15px);opacity:.12}}
@keyframes m-seo-reviewed{0%,84%{opacity:.1}91%,96%{opacity:1}100%{opacity:.1}}
@keyframes m-seo-check{0%,87%{transform:scale(0);opacity:0}93%,96%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}
@keyframes m-seo-scan{0%{transform:translate(0,0);opacity:0}8%{opacity:1}20%{transform:translate(0,0);opacity:1}34%{transform:translate(0,44px);opacity:1}47%{transform:translate(0,102px);opacity:1}53%,100%{transform:translate(0,102px);opacity:0}}
@keyframes m-social-connection{0%,48%{stroke-dashoffset:1}57%,96%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes m-social-opening{0%,56%{clip-path:inset(0 100% 0 0)}69%,96%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes m-social-caption{0%,65%{clip-path:inset(0 100% 0 0)}76%,96%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes m-social-service-link{0%,73%{transform:translateX(16px);opacity:.12}83%,96%{transform:translateX(0);opacity:1}100%{transform:translateX(16px);opacity:.12}}
@keyframes m-social-transfer{0%,48%{transform:translateY(0);opacity:0}51%{opacity:1}58%{transform:translateY(38px);opacity:1}63%,100%{transform:translateY(38px);opacity:0}}
@media(prefers-reduced-motion:reduce){.m-film .motion{animation:none!important;transform:none;clip-path:none;opacity:1;stroke-dashoffset:0}.m-film .m-pointer,.m-film .m-follow-pointer,.m-film .m-book-pointer,.m-film .m-web-pointer,.m-film .m-send-envelope,.m-film .m-click,.m-film .m-extract-address,.m-film .m-extract-date,.m-film .m-extract-service,.m-film .m-migrate,.m-film .m-cell-lift,.m-film .m-source-excerpt,.m-film .m-seo-old-title,.m-film .m-seo-scan,.m-film .m-social-transfer{opacity:0}.m-film .m-bell{transform:none}}