/* Scoped HBS frontend presentation. Elementor documents and media stay unchanged. */
body.hbs-motion-design.hbs-motion-design {
  --hbs-blue:#0b00cf; --hbs-text:#c1c0ce; --hbs-ink:#000; --hbs-gutter:2vw;
  --hbs-display:Georgia,"Times New Roman",serif;
  background:#000; color:var(--hbs-text); overflow-x:clip; isolation:isolate;
  transition:background-color .7s ease;
}
body.hbs-motion-design.hbs-motion-design[data-scene="about"] {background:var(--hbs-blue)}
body.hbs-motion-design.hbs-motion-design[data-scene="services"] {background:#666}
body.hbs-motion-design.hbs-motion-design *,body.hbs-motion-design.hbs-motion-design *::before,body.hbs-motion-design.hbs-motion-design *::after {box-sizing:border-box}
body.hbs-motion-design.hbs-motion-design :is(a,button,input,textarea):focus-visible {outline:2px solid currentColor!important;outline-offset:5px}
body.hbs-motion-design.hbs-motion-design .elementor-5239 {overflow:clip}
body.hbs-motion-design.hbs-motion-design .elementor-5239 > .hbs-scene {background:transparent!important;padding:15vh var(--hbs-gutter);min-height:0;overflow:clip}
body.hbs-motion-design.hbs-motion-design .hbs-scene > .elementor-container {max-width:none!important}
body.hbs-motion-design.hbs-motion-design .hbs-scene > .elementor-container > .elementor-column > .elementor-widget-wrap {padding:0}
body.hbs-motion-design.hbs-motion-design .hbs-scene .elementor-section .elementor-container {max-width:none}
body.hbs-motion-design.hbs-motion-design .hbs-scene .elementor-widget-text-editor {font:400 1.6vw/1.5 Montserrat,sans-serif;color:var(--hbs-text)}
body.hbs-motion-design.hbs-motion-design .hbs-scene p {margin:0 0 1.5em}
body.hbs-motion-design.hbs-motion-design .hbs-scene .elementor-widget-heading {margin-bottom:0}
body.hbs-motion-design.hbs-motion-design .hbs-scene > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading > .elementor-widget-container {margin:0!important;padding:0!important}
body.hbs-motion-design.hbs-motion-design .hbs-source-tabs {display:none!important}
/* The same page/header/navigation entrance sequence: 1s, then .5s at .3/.6s. */
body.hbs-motion-design.hbs-motion-design.hbs-fidelity-ready .elementor-5239 {animation:hbs-page-in 1s ease both}
body.hbs-motion-design.hbs-motion-design .elementor-5456 {position:fixed;inset:0 0 auto;z-index:1000;pointer-events:none}
body.hbs-motion-design.hbs-motion-design.admin-bar .elementor-5456 {top:32px}
body.hbs-motion-design.hbs-motion-design .elementor-5456 > section {background:transparent!important;padding:32px var(--hbs-gutter)!important}
body.hbs-motion-design.hbs-motion-design .elementor-5456 .elementor-container {max-width:none;min-height:56px}
body.hbs-motion-design.hbs-motion-design .elementor-5456 .elementor-widget-wrap {padding:0!important}
body.hbs-motion-design.hbs-motion-design .elementor-5456 .elementor-widget-image {text-align:left;pointer-events:auto}
body.hbs-motion-design.hbs-motion-design .elementor-5456 .elementor-widget-image img {width:160px;height:auto;max-width:100%;object-fit:contain}
body.hbs-motion-design.hbs-motion-design .elementor-5456 .elementskit-menu-container,
body.hbs-motion-design.hbs-motion-design .elementor-5456 .elementskit-menu-hamburger {display:none!important}
body.hbs-motion-design.hbs-motion-design .hbs-header-action {position:absolute;right:2vw;top:56px;font:700 16px/1.5 Montserrat,sans-serif;letter-spacing:3.2px;color:var(--hbs-blue);text-transform:uppercase;pointer-events:auto;transition:color .3s}
body.hbs-motion-design.hbs-motion-design[data-scene="about"] .hbs-header-action {color:var(--hbs-text)}
body.hbs-motion-design.hbs-motion-design .hbs-header-action:hover {color:var(--hbs-text)}
body.hbs-motion-design.hbs-motion-design.hbs-fidelity-ready .elementor-5456 {animation:hbs-header-in .5s ease .3s both}
body.hbs-motion-design.hbs-motion-design .hbs-section-nav {position:fixed;right:2vw;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center}
body.hbs-motion-design.hbs-motion-design.hbs-fidelity-ready .hbs-section-nav {animation:hbs-nav-in .5s ease .6s both}
body.hbs-motion-design.hbs-motion-design .hbs-section-link {position:relative;display:block;background:rgba(255,255,255,.4);border-radius:50%;width:1vw;height:1vw;margin:1vh 0;transition:all .3s}
body.hbs-motion-design.hbs-motion-design .hbs-section-link::after {content:"";position:absolute;inset:-7px}
body.hbs-motion-design.hbs-motion-design .hbs-section-link[aria-current] {background:var(--hbs-blue);width:.3vw;height:1.5vw;border-radius:0}
body.hbs-motion-design.hbs-motion-design[data-scene="about"] .hbs-section-link[aria-current] {background:var(--hbs-text)}
body.hbs-motion-design.hbs-motion-design .hbs-nav-label {position:absolute;right:0;top:0;padding-right:3vw;white-space:nowrap;font:700 16px/1 Montserrat,sans-serif;letter-spacing:3.2px;text-transform:uppercase;color:var(--hbs-text);opacity:0;transform:translateX(1vw);pointer-events:none;transition:opacity .3s,transform .3s}
body.hbs-motion-design.hbs-motion-design .hbs-section-link:not([aria-current]):hover {background:var(--hbs-text)}
body.hbs-motion-design.hbs-motion-design .hbs-section-link:is(:hover,:focus-visible) .hbs-nav-label {opacity:1;transform:none}
/* Stationary oversized repeated headings, matching measured reference offsets. */
body.hbs-motion-design.hbs-motion-design .hbs-scene > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading {width:calc(100% + 4vw);margin:0 -2vw 15vh;overflow:hidden}
body.hbs-motion-design.hbs-motion-design .hbs-scene > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading .elementor-heading-title {font:400 10vw/1 var(--hbs-display);letter-spacing:0;color:rgba(193,192,206,.4);padding:1vw 0}
body.hbs-motion-design.hbs-motion-design .hbs-services > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading .elementor-heading-title {color:rgba(0,0,0,.2)}
body.hbs-motion-design.hbs-motion-design .hbs-marquee-track {display:flex;white-space:nowrap;transform:translateX(10vw);width:max-content}
body.hbs-motion-design.hbs-motion-design .hbs-marquee-track > span::after {content:"·";display:inline-block;padding:0 4vw}
/* Full-height centred hero; colour responds to cursor proximity on desktop. */
body.hbs-motion-design.hbs-motion-design .elementor-5239 > .hbs-intro {height:100vh;min-height:540px;padding:0 var(--hbs-gutter);display:flex;align-items:center}
body.hbs-motion-design.hbs-motion-design .hbs-intro > .elementor-container {width:100%}
body.hbs-motion-design.hbs-motion-design .hbs-intro .elementor-inner-section {min-height:0!important;margin:0;padding:0}
body.hbs-motion-design.hbs-motion-design .hbs-intro .elementor-widget-wrap {padding:0}
body.hbs-motion-design.hbs-motion-design .hbs-intro .elementor-widget-container {margin:0!important;padding:0!important}
body.hbs-motion-design.hbs-motion-design .hbs-intro .elementor-widget {margin-bottom:0}
body.hbs-motion-design.hbs-motion-design .elementor-element-c6ca421 .elementor-heading-title {font:500 5.5vw/1.5 Montserrat,sans-serif;letter-spacing:0;text-align:center;color:rgba(193,192,206,.6)}
body.hbs-motion-design.hbs-motion-design .elementor-element-c6ca421 font {color:rgba(11,0,207,var(--hbs-illumination,.2))}
body.hbs-motion-design.hbs-motion-design .elementor-element-7e8e39b {margin-top:3vh}
body.hbs-motion-design.hbs-motion-design .elementor-element-7e8e39b .elementor-heading-title {font:400 2vw/1.5 Montserrat,sans-serif;letter-spacing:3.2px;text-align:center;color:rgba(193,192,206,.6)}
body.hbs-motion-design.hbs-motion-design .hbs-cursor {
  /* Light-emitting tints keep deep HBS blue visible on black without changing brand tokens. */
  --hbs-cursor-core:#ceccf5;
  --hbs-cursor-halo:#9e99ec;
  --hbs-cursor-pulse-duration:4s;
  --hbs-cursor-min-opacity:.45;
  position:fixed;left:0;top:0;z-index:-1;pointer-events:none;opacity:0;
}
body.hbs-motion-design.hbs-motion-design .hbs-cursor-visible {opacity:1}
body.hbs-motion-design.hbs-motion-design:not([data-scene="home"]) .hbs-cursor {display:none}
body.hbs-motion-design.hbs-motion-design .hbs-cursor::after {
  content:"";display:inline-block;position:absolute;width:15px;height:15px;
  left:-7.5px;top:-7.5px;border-radius:100%;background:var(--hbs-cursor-core);
  box-shadow:0 4px 48px 24px var(--hbs-cursor-halo),0 0 56px 16px var(--hbs-blue);
  animation:hbs-pulse var(--hbs-cursor-pulse-duration) linear infinite;
}
body.hbs-motion-design.hbs-motion-design .hbs-intro > .elementor-container {position:relative;z-index:2}
/* Approved circuit-bulb illustration; existing headline, copy and CTA stay editable. */
body.hbs-motion-design.hbs-motion-design .elementor-element-78aaa5d {padding:0}
body.hbs-motion-design.hbs-motion-design .elementor-element-78aaa5d > .elementor-container {gap:8vw;align-items:flex-start}
body.hbs-motion-design.hbs-motion-design .elementor-element-78aaa5d .elementor-widget-wrap {padding:0}
body.hbs-motion-design.hbs-motion-design .elementor-element-8f02e09 {width:25%}
body.hbs-motion-design.hbs-motion-design .elementor-element-697a491 {width:58.33%}
body.hbs-motion-design.hbs-motion-design .elementor-element-6ce7ab3 > .elementor-widget-container {margin:0!important}
body.hbs-motion-design.hbs-motion-design .elementor-element-6ce7ab3 img {width:155%;max-width:none;height:auto;object-fit:contain;transform:translateX(-29%);filter:none}
body.hbs-motion-design.hbs-motion-design.hbs-motion-full[data-scene="about"] .elementor-element-6ce7ab3 img {animation:hbs-bulb-breathe 6s ease-in-out infinite}
@keyframes hbs-bulb-breathe {0%,100%{opacity:1}50%{opacity:.82}}
body.hbs-motion-design.hbs-motion-design .hbs-about-toggle {position:relative;padding:3vh 0 3vh 8vw;text-align:left;background:none;border:0;border-radius:0;color:var(--hbs-text);font:700 2vw/1 Montserrat,sans-serif;letter-spacing:2px;text-transform:uppercase;cursor:pointer}
body.hbs-motion-design.hbs-motion-design .hbs-about-toggle::before,
body.hbs-motion-design.hbs-motion-design .hbs-about-toggle::after {content:"";position:absolute;left:0;top:50%;width:3vw;height:.5vh;background:currentColor;transition:transform .3s}
body.hbs-motion-design.hbs-motion-design .hbs-about-toggle::after {transform:rotate(90deg)}
body.hbs-motion-design.hbs-motion-design .hbs-about-toggle[aria-expanded="true"]::after {transform:rotate(180deg)}
body.hbs-motion-design.hbs-motion-design .hbs-about-panel {display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s,opacity .3s;width:100%;padding-left:8vw}
body.hbs-motion-design.hbs-motion-design .hbs-about-panel.hbs-open {grid-template-rows:1fr;opacity:1}
body.hbs-motion-design.hbs-motion-design .hbs-accordion-inner {overflow:hidden;min-height:0}
body.hbs-motion-design.hbs-motion-design .elementor-element-6d75b73 .elementskit-btn {background:transparent;border:1px solid var(--hbs-text);color:var(--hbs-text);border-radius:0;padding:16px 24px}
/* Native controls mirror the desktop tabs/mobile independent accordion behavior. */
body.hbs-motion-design.hbs-motion-design .elementor-element-98dd97e {display:none}
body.hbs-motion-design.hbs-motion-design .hbs-control {background:none;border:0;border-radius:0;box-shadow:none!important;padding:0;text-align:left;cursor:pointer;transition:color .3s;font-weight:400;width:100%;min-height:0}
body.hbs-motion-design.hbs-motion-design .hbs-control-title {font:400 2.5vw/1.3 var(--hbs-display);letter-spacing:0}
body.hbs-motion-design.hbs-motion-design .hbs-services-controls {display:grid;grid-template-columns:1fr 2fr}
body.hbs-motion-design.hbs-motion-design .hbs-services-controls .hbs-control-nav {grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2vw}
body.hbs-motion-design.hbs-motion-design .hbs-services-controls .hbs-control {color:#000}
body.hbs-motion-design.hbs-motion-design .hbs-services-controls .hbs-control-title > span {display:block}
body.hbs-motion-design.hbs-motion-design .hbs-control.hbs-active {color:var(--hbs-blue)}
body.hbs-motion-design.hbs-motion-design .hbs-plus {display:block;position:relative;width:3vw;height:.6vh;background:currentColor;margin-top:4vh;transition:background .3s}
body.hbs-motion-design.hbs-motion-design .hbs-plus::after {content:"";position:absolute;inset:0;background:currentColor;transform:rotate(90deg);transition:transform .3s}
body.hbs-motion-design.hbs-motion-design .hbs-active .hbs-plus::after {transform:rotate(180deg)}
body.hbs-motion-design.hbs-motion-design .hbs-about-toggle {box-shadow:none!important;white-space:normal;max-width:100%;line-height:1.3}
body.hbs-motion-design.hbs-motion-design .hbs-control-artwork,
body.hbs-motion-design.hbs-motion-design .hbs-control-display {transition:opacity .2s,transform .2s;min-width:0}
body.hbs-motion-design.hbs-motion-design .hbs-exiting {opacity:0;transform:translateY(3vh)}
body.hbs-motion-design.hbs-motion-design .hbs-services-controls > :is(.hbs-control-artwork,.hbs-control-display) {margin-top:15vh}
body.hbs-motion-design.hbs-motion-design .hbs-services-controls .hbs-panel-art {width:60%}
body.hbs-motion-design.hbs-motion-design .hbs-panel-art :is(svg,img) {display:block;width:100%;height:auto;max-width:100%}
body.hbs-motion-design.hbs-motion-design .hbs-services-controls .hbs-panel-art--ai svg {width:100%;height:auto}
body.hbs-motion-design.hbs-motion-design .hbs-projects .post-inner-loop.hbs-gallery-loop {scroll-snap-type:none!important;scroll-behavior:auto!important;overflow-anchor:none}
body.hbs-motion-design.hbs-motion-design .hbs-panel-copy {font:400 1.6vw/1.5 Montserrat,sans-serif;color:var(--hbs-text)}
body.hbs-motion-design.hbs-motion-design .hbs-panel-copy p:last-child {margin-bottom:0}
body.hbs-motion-design.hbs-motion-design .hbs-accordion-panel {display:none}
body.hbs-motion-design.hbs-motion-design .hbs-process .elementor-inner-section {padding:0}
body.hbs-motion-design.hbs-motion-design .hbs-process-controls {display:grid;grid-template-columns:25% 33.333% 33.333%;align-items:start}
body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-control-artwork {grid-column:1;grid-row:1}
body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-control-nav {grid-column:2;grid-row:1}
body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-control-display {grid-column:3;grid-row:1;padding-top:2vh}
body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-panel-art {width:80%}
body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-panel-art path {fill:none;stroke:var(--hbs-blue);stroke-width:1.2}
body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-control {display:grid;grid-template-columns:25% 75%;align-items:center;color:rgba(193,192,206,.65);padding:2vh 0}
body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-control.hbs-active {color:var(--hbs-blue)}
body.hbs-motion-design.hbs-motion-design .hbs-control-number {font:400 1.3vw/1 Montserrat,sans-serif}
body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-control-title {line-height:1}
/* Reference uses a native scroll rail, not a button-operated carousel. */
body.hbs-motion-design.hbs-motion-design .hbs-projects .elementor-inner-section {padding:0}
body.hbs-motion-design.hbs-motion-design .hbs-projects .elementor-widget-wrap {padding:0}
body.hbs-motion-design.hbs-motion-design .hbs-projects .post-inner-loop {display:flex!important;flex-wrap:nowrap!important;position:relative!important;height:auto!important;gap:var(--hbs-gallery-gap,2vw);overflow-x:auto;overflow-y:hidden;margin:0!important;padding:0 0 5vh;scrollbar-width:thin;scrollbar-color:var(--hbs-blue) rgba(193,192,206,.2)}
body.hbs-motion-design.hbs-motion-design .hbs-projects .post-inner-loop > .grid-item {position:relative!important;inset:auto!important;transform:none!important;width:var(--hbs-gallery-width,66.666%)!important;max-width:none!important;flex:0 0 var(--hbs-gallery-width,66.666%);padding:0!important}
body.hbs-motion-design.hbs-motion-design .hbs-projects .gallery-list-content {overflow:hidden;border-radius:0}
body.hbs-motion-design.hbs-motion-design .hbs-project-heading {min-height:0;padding:0 0 max(18px,1.3vw);flex:none}
body.hbs-motion-design.hbs-motion-design .hbs-project-heading h3 {font:700 clamp(16px,1.3vw,24px)/1.5 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.08em;margin:0;color:var(--hbs-text)}
body.hbs-motion-design.hbs-motion-design .hbs-project-description {font:400 clamp(16px,1.2vw,20px)/1.5 Montserrat,sans-serif;margin:0;padding-top:max(20px,2vw);max-width:75%;color:var(--hbs-text)}
@media(max-width:767px){body.hbs-motion-design.hbs-motion-design .hbs-project-description{max-width:100%;padding-top:20px}}
body.hbs-motion-design.hbs-motion-design .hbs-projects .gallery-image {height:var(--hbs-gallery-height,30vw);background:rgba(193,192,206,.12);overflow:hidden}
body.hbs-motion-design.hbs-motion-design .hbs-projects .thumb-wrap {height:100%;display:block}
body.hbs-motion-design.hbs-motion-design .hbs-projects .gallery-image img {width:100%;height:100%;object-fit:var(--hbs-gallery-fit,cover);object-position:var(--hbs-gallery-position,50% 50%);transition:transform .3s ease-in-out!important;transform:scale(1)!important}
@media(min-width:992px) {body.hbs-motion-design.hbs-motion-design .hbs-projects .gallery-list-content:hover img {transform:scale(1.1)!important}}
body.hbs-motion-design.hbs-motion-design .hbs-projects .post-zoom-icon {display:none!important}
/* HBS's original contact form is retained (the reference has no form). */
body.hbs-motion-design.hbs-motion-design .elementor-element-5e75872 {padding:0;background:transparent!important}
body.hbs-motion-design.hbs-motion-design .elementor-element-5e75872 > .elementor-container {gap:7vw;align-items:flex-start}
body.hbs-motion-design.hbs-motion-design .elementor-element-5e75872 > .elementor-container > .elementor-column {width:46.5%}
body.hbs-motion-design.hbs-motion-design .elementor-element-5e75872 .elementor-widget-wrap {padding:0}
body.hbs-motion-design.hbs-motion-design .hbs-contact input:not([type="submit"]):not([type="checkbox"]),body.hbs-motion-design.hbs-motion-design .hbs-contact textarea {background:transparent!important;border:0!important;border-bottom:1px solid #686772!important;border-radius:0!important;color:var(--hbs-text)!important;min-height:48px;padding:14px 0!important;font:16px/1.5 Montserrat,sans-serif}
body.hbs-motion-design.hbs-motion-design .hbs-contact textarea {min-height:130px}
body.hbs-motion-design.hbs-motion-design .hbs-contact label {color:var(--hbs-text);font-size:14px}
body.hbs-motion-design.hbs-motion-design .hbs-contact input[type="submit"] {background:var(--hbs-blue)!important;color:#fff!important;border:0!important;border-radius:0!important;min-height:54px;padding:16px 36px!important}
body.hbs-motion-design.hbs-motion-design .elementor-5464 > section {background:transparent!important;border-top:1px solid rgba(193,192,206,.2);padding:5vw var(--hbs-gutter)!important}
body.hbs-motion-design.hbs-motion-design :is(.elementor-widget-tp-mouse-cursor,.plus-cursor-pointer,.plus-cursor-follow,.plus-cursor-follow-circle) {display:none!important}
@keyframes hbs-page-in {from{opacity:0}to{opacity:1}}
@keyframes hbs-header-in {from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}
@keyframes hbs-nav-in {from{opacity:0;transform:translate(150%,-50%)}to{opacity:1;transform:translate(0,-50%)}}
@keyframes hbs-pulse {0%,100%{opacity:1}50%{opacity:var(--hbs-cursor-min-opacity)}}
@keyframes hbs-mobile-illuminate {from{color:var(--hbs-text)}to{color:var(--hbs-blue)}}
@media(max-width:991px) {
  body.hbs-motion-design.hbs-motion-design {--hbs-gutter:5vw}
  body.hbs-motion-design.hbs-motion-design .elementor-5239 > .hbs-scene {padding-block:10vh}
  body.hbs-motion-design.hbs-motion-design .elementor-5239 > .hbs-intro {padding-block:0}
  body.hbs-motion-design.hbs-motion-design .elementor-element-c6ca421 .elementor-heading-title {font-size:40px}
  body.hbs-motion-design.hbs-motion-design .elementor-element-c6ca421 font {color:var(--hbs-blue);transition:color .5s}
  body.hbs-motion-design.hbs-motion-design.hbs-fidelity-ready .elementor-element-c6ca421 font {animation:hbs-mobile-illuminate .5s ease .9s both}
  body.hbs-motion-design.hbs-motion-design .elementor-element-7e8e39b .elementor-heading-title {font-size:16px}
  body.hbs-motion-design.hbs-motion-design .hbs-cursor {display:none}
  body.hbs-motion-design.hbs-motion-design .hbs-header-action {right:5vw}
  body.hbs-motion-design.hbs-motion-design .hbs-section-nav {right:5vw}
  body.hbs-motion-design.hbs-motion-design .hbs-section-link {width:2vw;height:2vw;margin:1.5vh 0}
  body.hbs-motion-design.hbs-motion-design .hbs-section-link[aria-current] {width:.8vw;height:2.5vw}
  body.hbs-motion-design.hbs-motion-design .hbs-nav-label {display:none}
  body.hbs-motion-design.hbs-motion-design .hbs-scene > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading {width:calc(100% + 10vw);margin:0 -5vw 8vh}
  body.hbs-motion-design.hbs-motion-design .hbs-scene > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading .elementor-heading-title {font-size:64px}
  body.hbs-motion-design.hbs-motion-design .hbs-marquee-track {transform:translateX(15vw)}
  body.hbs-motion-design.hbs-motion-design .hbs-scene .elementor-widget-text-editor,body.hbs-motion-design.hbs-motion-design .hbs-panel-copy {font-size:19.2px}
  body.hbs-motion-design.hbs-motion-design .elementor-element-78aaa5d > .elementor-container {flex-direction:column;gap:5vh}
  body.hbs-motion-design.hbs-motion-design .elementor-element-78aaa5d .elementor-column {width:100%}
  body.hbs-motion-design.hbs-motion-design .elementor-element-6ce7ab3 img {width:auto;max-width:70%;height:260px;max-height:none;transform:none}
  body.hbs-motion-design.hbs-motion-design .hbs-about-toggle {font-size:19.2px;padding-left:12vw}
  body.hbs-motion-design.hbs-motion-design .hbs-about-toggle::before,body.hbs-motion-design.hbs-motion-design .hbs-about-toggle::after {width:5vw}
  body.hbs-motion-design.hbs-motion-design .hbs-about-panel {padding-left:12vw}
  body.hbs-motion-design.hbs-motion-design .hbs-services-controls {display:block}
  body.hbs-motion-design.hbs-motion-design .hbs-services-controls .hbs-control-nav {display:block}
  body.hbs-motion-design.hbs-motion-design .hbs-control-title {font-size:24px}
  body.hbs-motion-design.hbs-motion-design .hbs-services-controls .hbs-control-title > span {display:inline}
  body.hbs-motion-design.hbs-motion-design .hbs-services-controls .hbs-control-item {padding:4vh 0}
  body.hbs-motion-design.hbs-motion-design .hbs-services-controls .hbs-control-item:first-child {padding-top:0}
  body.hbs-motion-design.hbs-motion-design .hbs-services-controls .hbs-control-item:last-child {padding-bottom:0}
  body.hbs-motion-design.hbs-motion-design .hbs-plus {width:5vw;margin:3vh 0}
  body.hbs-motion-design.hbs-motion-design .hbs-services-controls > :is(.hbs-control-artwork,.hbs-control-display) {display:none}
  body.hbs-motion-design.hbs-motion-design .hbs-services-controls .hbs-accordion-panel {display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s,opacity .3s}
  body.hbs-motion-design.hbs-motion-design .hbs-services-controls .hbs-accordion-panel.hbs-open {grid-template-rows:1fr;opacity:1}
  body.hbs-motion-design.hbs-motion-design .hbs-services-controls .hbs-panel-art {width:50%;padding:2vh 0}
  body.hbs-motion-design.hbs-motion-design .hbs-process-controls {display:flex;flex-direction:column}
  body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-control-nav {display:flex;overflow-x:auto;width:100%;gap:12vw;scroll-snap-type:x mandatory;scrollbar-width:none}
  body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-control-item {flex:0 0 auto;scroll-snap-align:start}
  body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-control {display:flex;flex-direction:column;align-items:flex-start;gap:2vh;padding:0}
  body.hbs-motion-design.hbs-motion-design .hbs-control-number {font-size:16px}
  body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-control-artwork {width:100%;padding:5vh 0}
  body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-panel-art {width:50%}
  body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-control-display {padding:0;min-height:30vw}
  body.hbs-motion-design.hbs-motion-design .hbs-projects .post-inner-loop {gap:var(--hbs-gallery-gap,5vw);scroll-snap-type:x mandatory}
  body.hbs-motion-design.hbs-motion-design .hbs-projects .post-inner-loop > .grid-item {flex-basis:var(--hbs-gallery-width,70vw);width:var(--hbs-gallery-width,70vw)!important;scroll-snap-align:start}
  body.hbs-motion-design.hbs-motion-design .hbs-projects .gallery-image {height:var(--hbs-gallery-height,30vh)}
  body.hbs-motion-design.hbs-motion-design .elementor-element-5e75872 > .elementor-container {flex-direction:column;gap:8vh}
  body.hbs-motion-design.hbs-motion-design .elementor-element-5e75872 > .elementor-container > .elementor-column {width:100%}
}
@media(max-width:767px) {
  body.hbs-motion-design.hbs-motion-design .elementor-5456 > section {padding-block:24px!important}
  body.hbs-motion-design.hbs-motion-design .elementor-5456 .elementor-widget-image img {width:110px}
  body.hbs-motion-design.hbs-motion-design .hbs-header-action {font-size:12.8px;top:40px}
  body.hbs-motion-design.hbs-motion-design .elementor-element-7e8e39b {margin-top:5vh;padding-inline:6vw}
  body.hbs-motion-design.hbs-motion-design .elementor-element-7e8e39b .elementor-heading-title {line-height:2}
  body.hbs-motion-design.hbs-motion-design .hbs-section-link[aria-current] {width:1vw;height:3vw}
  body.hbs-motion-design.hbs-motion-design .hbs-services-controls .hbs-panel-art,body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-panel-art {width:40%}
  body.hbs-motion-design.hbs-motion-design .hbs-process-controls .hbs-control-display {min-height:65vw}
  body.hbs-motion-design.hbs-motion-design .hbs-projects .post-inner-loop > .grid-item {flex-basis:var(--hbs-gallery-width,85vw);width:var(--hbs-gallery-width,85vw)!important}
}
@media(prefers-reduced-motion:reduce) {
  body.hbs-motion-design.hbs-motion-design:not(.hbs-motion-full),body.hbs-motion-design.hbs-motion-design:not(.hbs-motion-full) *,body.hbs-motion-design.hbs-motion-design:not(.hbs-motion-full) *::before,body.hbs-motion-design.hbs-motion-design:not(.hbs-motion-full) *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
  body.hbs-motion-design.hbs-motion-design:not(.hbs-motion-full) .hbs-cursor {display:none}
  body.hbs-motion-design.hbs-motion-design:not(.hbs-motion-full) .hbs-panel-art * {stroke-dashoffset:0!important}
}
body.hbs-motion-design.hbs-motion-reduced,body.hbs-motion-design.hbs-motion-reduced *,body.hbs-motion-design.hbs-motion-reduced *::before,body.hbs-motion-design.hbs-motion-reduced *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.hbs-motion-design.hbs-motion-reduced .hbs-cursor {display:none}

/* Keep keyboard focus clear of the fixed masthead, without changing its artwork. */
body.hbs-motion-design :is(a,button,input,textarea,[tabindex]) {scroll-margin-block:120px 32px}
body.hbs-motion-design.hbs-motion-design .skip-link:focus {z-index:1100;background:#fff;color:#000;padding:16px}
body.hbs-motion-design.hbs-motion-design .hbs-control-display:focus-visible {outline:2px solid var(--hbs-text);outline-offset:5px}
@media(max-width:991px) {
  /* Reserve a slim rail so fixed navigation cannot cover the reading column. */
  body.hbs-motion-design.hbs-motion-design .elementor-5239 > .hbs-scene:not(.hbs-intro) {padding-right:calc(5vw + 24px)}
  body.hbs-motion-design.hbs-motion-design .hbs-scene {scroll-margin-top:120px}
  body.hbs-motion-design.hbs-motion-design .hbs-contact .elementor-icon-list-text {min-width:0;overflow-wrap:anywhere}
  body.hbs-motion-design.hbs-motion-design .hbs-section-nav {right:8px}
  body.hbs-motion-design.hbs-motion-design .hbs-section-link {margin-block:12px}
  body.hbs-motion-design.hbs-motion-design .hbs-section-link::after {inset:50% auto auto 50%;width:28px;height:28px;transform:translate(-50%,-50%)}
  body.hbs-motion-design.hbs-motion-design:not([data-scene="home"]) .elementor-5456 {background:#000;transition:background-color .7s ease}
  body.hbs-motion-design.hbs-motion-design[data-scene="about"] .elementor-5456 {background:var(--hbs-blue)}
  body.hbs-motion-design.hbs-motion-design[data-scene="services"] .elementor-5456 {background:#666}
}
@media(min-width:601px) and (max-width:782px) {
  body.hbs-motion-design.hbs-motion-design.admin-bar .elementor-5456 {top:46px}
}
@media(max-width:600px) {
  body.hbs-motion-design.hbs-motion-design.admin-bar .elementor-5456 {top:0}
}