/* Preserve the original Wix layout; replace only its hosted behavior. */
html {scroll-behavior:smooth}
wow-image,wix-video {display:block}
wix-video video {width:100%;height:100%;object-fit:cover}
.wixui-video-box[data-loaded] video {opacity:1}
.wixui-video-box[data-loaded] .bgVideoposter {visibility:hidden}
/* Keep a selected cover until a decoded playback frame is ready. */
.wixui-video-box[data-project-cover]:not([data-preview-ready]) .bgVideoposter {visibility:visible}
.wixui-video-box[data-project-cover]:not([data-preview-ready]) video {opacity:0}
.wixui-video-box[data-has-alpha] video {opacity:0!important}
.wixui-video-box[data-has-alpha] canvas {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1}
.wixui-video-box:not([data-loaded]) canvas {visibility:hidden}
[data-hook="hamburger-overlay-root"][data-visible="true"] {visibility:visible}
[data-hook="hamburger-overlay-root"][data-visible="true"] [data-testid="responsive-container-content"] {visibility:visible}
[data-hook="hamburger-overlay-root"] {transition:opacity .25s ease}
[data-hook="hamburger-overlay-root"][data-visible="false"] {visibility:hidden;opacity:0;pointer-events:none}
[data-hook="hamburger-overlay-root"][data-visible="true"] {opacity:1}
.wixui-text-marquee [data-marquee-animation] {animation-name:kj-marquee!important;animation-play-state:running;--marquee-animation-state:running}
@keyframes kj-marquee {to{transform:translateX(calc(-1 * var(--marquee-unit-width,100%)))}}
:focus-visible {outline:2px solid #9eff00;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wixui-text-marquee [data-marquee-animation]{animation-play-state:paused}}

/* Expertise strip: flush frame, one nowrap row, and two synchronized copies. */
#comp-lrnjvlfh,#comp-lrnjvlfh .comp-lrnjvlfh-container{margin:0!important;padding:0!important;row-gap:0!important;}
#comp-lw976a8a{margin:0!important;}
#comp-lw976a8a .dblW_r{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;width:100%!important;gap:0!important;overflow:hidden!important;white-space:nowrap!important;}
#comp-lw976a8a .Qbdehy{display:block!important;flex:0 0 auto!important;width:max-content!important;max-width:none!important;padding:0 1ch 0 0!important;white-space:nowrap!important;}
#comp-lw976a8a [data-marquee-animation=left]{animation-name:kj-marquee!important;}
@media(prefers-reduced-motion:reduce){#comp-lw976a8a [data-marquee-animation]{animation-play-state:paused!important;}}
@media(min-width:751px){
#comp-lwx9bf5s .comp-lwx9bf5s-container{grid-template-rows:auto!important;}
#comp-mbo472qa.comp-mbo472qa-container{grid-template-rows:auto!important;}
#comp-mbo472qa>.inner-box{border-bottom:0!important;}
}

.project-mobile-tag,.project-play-hint { display:none; }
@media(max-width:750px),(hover:none) {
  .project-mobile-tag { display:none; position:absolute; left:6px; bottom:6px; z-index:4; max-width:calc(100% - 12px); box-sizing:border-box; padding:5px 8px; border:0; border-radius:10px; background:#ffffffb8; backdrop-filter:blur(12px) saturate(1.2); -webkit-backdrop-filter:blur(12px) saturate(1.2); box-shadow:inset 2px 2px 6px #ffffff65,inset -2px -2px 6px #55555515; color:#111; font:11px/1.2 madefor-display,Arial,sans-serif; pointer-events:none; }
}

/* The server-rendered strip stays one row even before JavaScript initializes. */
#comp-lw976a8a { overflow:hidden; }
#comp-lw976a8a .expertise-track { display:flex; flex-wrap:nowrap; white-space:nowrap; }
#comp-lw976a8a .expertise-group { flex:none; }

@media(max-width:750px),(hover:none) {
  .project-play-hint { display:grid; place-items:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:32px; height:32px; z-index:4; border:0; border-radius:50%; background:#ffffff85; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:inset 1px 1px 5px #ffffff80,inset -1px -1px 5px #5552; color:#111; pointer-events:none; }
  .project-play-hint svg { width:18px; height:18px; }
  [data-preview-ready]:not([data-preview-loading]) .project-play-hint { display:none; }
  [data-preview-ready]:not([data-preview-loading]) .project-mobile-tag { display:block; }
  [data-preview-loading] .project-play-hint svg { display:none; }
  [data-preview-loading] .project-play-hint::after { content:""; width:16px; height:16px; border:2px solid #1113; border-top-color:#111; border-radius:50%; animation:preview-loading .7s linear infinite; }
}
@keyframes preview-loading { to { transform:rotate(360deg); } }
