/* Alternative only: interaction and artwork shared by its desktop/mobile views. */
html[data-mobile-gallery] .proo-gallery { --gallery-action-fill: #131314; --gallery-action-ink: #fff; --gallery-more-fill: #d8d8d8; --gallery-filter-fill: #e2e2e2; }
html[data-mobile-gallery][data-hero-theme="dark"] .proo-gallery { --gallery-action-fill: #fff; --gallery-action-ink: #131314; --gallery-more-fill: #3a3a3c; --gallery-filter-fill: #2b2b2d; }
html[data-mobile-gallery] .proo-gallery :is(.proo-gallery__filters button, .proo-gallery__arrow, .proo-gallery__contact, .proo-gallery__formation-links a, .proo-gallery__video-control, .proo-gallery__more) {
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}
html[data-mobile-gallery] .proo-gallery__filters button[aria-pressed="true"],
html[data-mobile-gallery] .proo-gallery :is(.proo-gallery__filters button, .proo-gallery__arrow, .proo-gallery__contact, .proo-gallery__formation-links a, .proo-gallery__video-control, .proo-gallery__more):is(:focus-visible, :active) {
  background: var(--gallery-action-fill); color: var(--gallery-action-ink); border-color: var(--gallery-action-fill);
}
html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup__title > span,
html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup__copy > .proo-card-one-followup__line {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}
html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup__title {
  font-size: var(--gallery-editorial-title-size, clamp(24px, 1.8vw, 28px)) !important;
  color: var(--cinema-muted) !important;
}
html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup__copy {
  font-size: var(--gallery-editorial-copy-size, clamp(32px, 3.5vw, 60px)) !important;
}
html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-lang="el"] .proo-card-one-followup__copy {
  font-size: var(--gallery-editorial-copy-size, clamp(32px, 3.5vw, 60px)) !important;
}
html[data-mobile-gallery] .proo-gallery__video-control { z-index: 3; }
html[data-mobile-gallery] .proo-gallery__motion { background: #1b1d20; }
html[data-mobile-gallery] .proo-gallery__motion :is(canvas,.proo-gallery__motion-fallback) { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
html[data-mobile-gallery] .proo-gallery__motion canvas { visibility: hidden; }
html[data-mobile-gallery] .proo-gallery__motion.is-drawn canvas { visibility: visible; }
html[data-mobile-gallery] .proo-gallery__motion.is-drawn .proo-gallery__motion-fallback { display: none; }
html[data-mobile-gallery] .proo-gallery__caption:has(> .proo-gallery__arrow) { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; }
html[data-mobile-gallery] .proo-gallery__caption > .proo-gallery__arrow { width: auto; height: 100%; aspect-ratio: 1; min-width: 44px; }
html[data-mobile-gallery] .proo-gallery__arrow { appearance: none; margin: 0; padding: 0; background: #deddda; color: var(--gallery-ink); cursor: pointer; }
html[data-mobile-gallery][data-hero-theme="dark"] .proo-gallery__arrow { background: #303032; }
html[data-mobile-gallery] .proo-gallery .proo-gallery__caption h2 { font-size: var(--gallery-heading-size, 25px); font-weight: 550; white-space: nowrap; line-height: 1.18; }
html[data-mobile-gallery] .proo-gallery .proo-gallery__caption p { font-size: var(--gallery-detail-size, 19px); white-space: nowrap; }
html[data-mobile-gallery] .proo-gallery__caption { margin-top: 12px; padding-top: 16px; }
html[data-mobile-gallery] .proo-gallery__art--software::after { content: ''; position: absolute; inset: 0; background: #131314; opacity: .2; pointer-events: none; }
html[data-mobile-gallery] .proo-gallery__placeholder { display: grid; place-items: center; background: radial-gradient(ellipse at 50% 40%, #303033, #1c1c1e 75%); }
html[data-mobile-gallery] .proo-gallery__placeholder svg { width: 78%; height: 90%; stroke: #cccac2; stroke-width: 1.3; stroke-linecap: round; fill: none; }
html[data-mobile-gallery] .proo-gallery__placeholder svg [fill] { fill: #cccac2; }
html[data-mobile-gallery] .proo-gallery__item[data-gallery-service="unravel-horizontal"] .proo-gallery__stage { background: #202124; }
html[data-mobile-gallery] .proo-gallery__item[data-gallery-service="specialist-tools"] .proo-gallery__stage { background: #6b6458; }
html[data-mobile-gallery][data-hero-theme="dark"] .proo-gallery__item[data-gallery-service="specialist-tools"] .proo-gallery__stage { background: #26231c; }
html[data-mobile-gallery] .proo-gallery__item:is([data-gallery-service="unravel-horizontal"], [data-gallery-service="specialist-tools"]) .proo-gallery__index { color: #fff; }
html[data-mobile-gallery] .proo-gallery__archive { display: block; overflow: hidden; isolation: isolate; background: #17130f; }
html[data-mobile-gallery] .proo-gallery__archive img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
html[data-mobile-gallery] .proo-gallery__archive::after { content: ''; position: absolute; inset: 0; z-index: 1; box-shadow: inset 0 0 80px rgba(0,0,0,.34); pointer-events: none; }
html[data-mobile-gallery] .proo-gallery__archive--prism img { object-position: 50% 50%; filter: saturate(.75) contrast(1.1) brightness(.85); }
html[data-mobile-gallery] .proo-gallery__archive--instrument img { object-position: 50% 50%; filter: sepia(.08) saturate(.58) contrast(1.16) brightness(.7); }
html[data-mobile-gallery] .proo-process-exterior .posh-grid .posh-col .posh-card::before { display: none !important; }
/* Section 02 must never be hidden behind a completed/stale pixel-exit layer. */
html[data-mobile-gallery] .proo-process-exterior .cinema-pixels { display: none !important; }
html[data-mobile-gallery] .proo-process-exterior .posh-card > .proo-process-photo { display: block !important; position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 47%; opacity: 1 !important; visibility: visible !important; z-index: 0; }
html[data-mobile-gallery] .proo-process-exterior .posh-col:nth-child(4) .proo-process-photo { object-position: center 20%; }
html[data-mobile-gallery] .proo-gallery__detail-mobile { display: none; }
html[data-mobile-gallery] .proo-gallery__caption:has(> .proo-gallery__contact) { flex-wrap: wrap; }
html[data-mobile-gallery] .proo-gallery__caption:has(> .proo-gallery__contact) > div:first-child { flex: 1 1 190px; }
html[data-mobile-gallery] .proo-gallery__contact { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: 0 0 auto; min-height: 36px; padding: 8px 12px; border: 1px solid var(--gallery-border); border-radius: 999px; white-space: nowrap; font: 400 12px/1.2 'Google Sans', Arial, sans-serif; }
html[data-mobile-gallery] .proo-gallery__filters button { background: var(--gallery-filter-fill); font-size: 14px; min-height: 34px; padding-inline: 15px; }
html[data-mobile-gallery] .proo-gallery__more {
  background: var(--gallery-more-fill);
  border-color: var(--gallery-more-fill);
}
html[data-mobile-gallery] .proo-gallery__badge { background: #fff; color: #131314; border-color: #fff; }
html[data-mobile-gallery] .proo-gallery__item[data-gallery-service="software"] .proo-gallery__stage {
  isolation: isolate;
  background:
    radial-gradient(125% 145% at 2% -12%, rgba(126, 96, 43, .48) 0%, rgba(72, 57, 29, .28) 36%, transparent 62%),
    radial-gradient(110% 145% at 108% 112%, rgba(18, 112, 78, .52) 0%, rgba(8, 68, 50, .34) 39%, transparent 67%),
    linear-gradient(135deg, #1a1915 0%, #171b18 52%, #0d1915 100%);
}
html[data-mobile-gallery] .proo-gallery__item[data-gallery-service="software"] .proo-gallery__stage::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.78'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  mix-blend-mode: soft-light;
  opacity: .12;
  filter: grayscale(1) contrast(1.15);
  pointer-events: none;
}
html[data-mobile-gallery] .proo-gallery__item[data-gallery-service="software"] :is(.proo-gallery__art, .proo-gallery__index) { z-index: 1; }
html[data-mobile-gallery] .proo-gallery__item[data-gallery-service="software"] .proo-gallery__index { color: #fff; }
html[data-mobile-gallery] .proo-gallery__item[data-gallery-service="websites"] .proo-gallery__stage { background: #0d3554; }
html[data-mobile-gallery] .proo-gallery__website--visual { background: #061f33; }
html[data-mobile-gallery] .proo-gallery__hands { background: #101012; }
html[data-mobile-gallery] .proo-gallery__item[data-gallery-service="ai"] .proo-gallery__stage { background: #1e1e21; }
html[data-mobile-gallery] .proo-gallery__item[data-gallery-service="eshops"] .proo-gallery__stage { background: #75405d; }
html[data-mobile-gallery][data-hero-theme="dark"] .proo-gallery__item[data-gallery-service="eshops"] .proo-gallery__stage { background: #3c2030; }
html[data-mobile-gallery] .proo-gallery__commerce {
  display: grid;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 50% 48%, rgba(160, 57, 103, .38), transparent 56%),
    linear-gradient(145deg, #321725 0%, #1b0d14 58%, #29121f 100%);
}
html[data-mobile-gallery] .proo-gallery__commerce::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .16;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
  pointer-events: none;
}
html[data-mobile-gallery] .proo-gallery__commerce-cluster {
  position: relative;
  width: 88%;
  height: 86%;
  container-type: size;
  filter: drop-shadow(0 20px 28px rgba(0,0,0,.3));
}
html[data-mobile-gallery] .proo-gallery__commerce-app {
  position: absolute;
  left: var(--app-x);
  top: var(--app-y);
  width: min(24cqi, 38cqb);
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.18), 0 8px 22px rgba(0,0,0,.34);
}
html[data-mobile-gallery] .proo-gallery__commerce-app img { display: block; width: 52%; height: 52%; object-fit: contain; }
html[data-mobile-gallery] .proo-gallery__commerce-app--woocommerce { --app-x: 20%; --app-y: 26%; background: #ad72aa; }
html[data-mobile-gallery] .proo-gallery__commerce-app--woocommerce img { width: 64%; height: 64%; }
html[data-mobile-gallery] .proo-gallery__commerce-app--opencart { --app-x: 50%; --app-y: 26%; background: #1a7998; }
html[data-mobile-gallery] .proo-gallery__commerce-app--opencart img { filter: brightness(0) invert(1); width: 62%; height: 62%; }
html[data-mobile-gallery] .proo-gallery__commerce-app--shopify { --app-x: 80%; --app-y: 26%; background: #65a744; }
html[data-mobile-gallery] .proo-gallery__commerce-app--stripe { --app-x: 20%; --app-y: 74%; background: #726aff; }
html[data-mobile-gallery] .proo-gallery__commerce-app--klarna { --app-x: 50%; --app-y: 74%; background: #ffc0d1; }
html[data-mobile-gallery] .proo-gallery__commerce-app--paypal { --app-x: 80%; --app-y: 74%; background: #1256a6; }
html[data-mobile-gallery] .proo-gallery__commerce-app--klarna img { filter: brightness(0); }
html[data-mobile-gallery] .proo-gallery__item[data-gallery-service="formation"] .proo-gallery__stage { background: #1b1b1e; }
html[data-mobile-gallery][data-hero-theme="dark"] .proo-gallery__item[data-gallery-service="formation"] .proo-gallery__stage { background: #0a0a0b; }
html[data-mobile-gallery][data-hero-theme="dark"] .proo-gallery__item[data-gallery-service="ai"] .proo-gallery__stage { background: #1c1c1e; }
html[data-mobile-gallery] .proo-gallery__item:is([data-gallery-service="websites"], [data-gallery-service="ai"], [data-gallery-service="eshops"], [data-gallery-service="formation"]) .proo-gallery__index { color: #fff; }
html[data-mobile-gallery] .proo-gallery__formation { background: #000; }
html[data-mobile-gallery] .proo-gallery__formation .proo-gallery__earth-photo {
  position: absolute;
  top: -57%;
  right: -26%;
  display: block;
  width: 130%;
  height: auto;
  max-width: none;
  opacity: 1;
  filter: none;
}
html[data-mobile-gallery] .proo-gallery__site-visual { position: absolute; inset: 0; display: grid; place-items: center; background: transparent; }
html[data-mobile-gallery] .proo-gallery__site-mark { display: block; width: 76%; height: 86%; object-fit: contain; transform: translateZ(0) scale(1); transform-origin: 50% 50%; backface-visibility: hidden; }
html[data-mobile-gallery] .proo-gallery__dialog { box-sizing: border-box; width: min(460px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 56px 24px 24px; border: 1px solid var(--gallery-border); border-radius: 20px; background: var(--gallery-surface); color: var(--gallery-ink); font-family: 'Google Sans', Arial, sans-serif; box-shadow: 0 24px 100px #0005; }
html[data-mobile-gallery] .proo-gallery__dialog::backdrop { background: #0008; backdrop-filter: blur(5px); }
html[data-mobile-gallery] .proo-gallery__dialog h2 { margin: 0 0 24px; font: 500 24px/1.3 'Google Sans', Arial, sans-serif; color: inherit; }
html[data-mobile-gallery] .proo-gallery__dialog-close { position: absolute; right: 12px; top: 12px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--gallery-border); color: inherit; font: 400 24px/1 Arial, sans-serif; cursor: pointer; }
html[data-mobile-gallery] .proo-gallery__dialog-options { display: grid; gap: 10px; }
html[data-mobile-gallery] .proo-gallery__dialog-options a { display: flex; align-items: center; justify-content: space-between; padding: 16px; border: 1px solid var(--gallery-border); border-radius: 12px; font-size: 16px; }
html[data-mobile-gallery] .proo-gallery__dialog :is(a,button):is(:hover,:focus-visible) { background: var(--gallery-action-fill); color: var(--gallery-action-ink); }
html[data-mobile-gallery]:has(.proo-gallery__dialog[open]) { overflow: hidden; }
@media (min-width: 1024px) {
  html[data-mobile-gallery] .proo-gallery__grid { row-gap: 35px; }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-gallery__more { margin-top: 64px; }
  html[data-mobile-gallery] .proo-gallery__item[data-gallery-service="ai"] .proo-gallery__stage,
  html[data-mobile-gallery][data-hero-theme="dark"] .proo-gallery__item[data-gallery-service="ai"] .proo-gallery__stage {
    background-color: #242326;
    background-image: url("/wp-content/themes/blocksy-child/proo-new-home/assets/cinema-v3/card-03-dark-marble.svg");
    background-size: cover;
    background-position: center;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .cinema-process-scene + .cmp-wrapper {
    padding-top: calc(clamp(38.5px, 4.95vw, 66px) + 106.8px) !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-proo-card-one-followup] .proo-card-one-followup__title { font-size: var(--gallery-editorial-title-size, clamp(24px, 1.8vw, 28px)) !important; font-weight: 500 !important; color: var(--cinema-muted) !important; }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-proo-card-one-followup] .proo-card-one-followup__title,
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-proo-card-one-followup] .proo-card-one-followup__title > span {
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-proo-card-one-followup] .proo-card-one-followup__title > span {
    display: inline !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-proo-card-one-followup][data-lang="el"] .proo-card-one-followup__copy { font-size: var(--gallery-editorial-copy-size, clamp(32px, 3.5vw, 60px)) !important; }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-proo-card-one-followup] .proo-card-one-followup__title[data-reveal-02="chars"] .char { opacity: 1 !important; }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-static-hero[data-desktop-gallery] { padding-top: 32px !important; }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-static-hero[data-desktop-gallery] .proo-static-hero__join { display: inline-flex !important; }
}
@media (hover: hover) and (pointer: fine) {
  html[data-mobile-gallery] .proo-gallery :is(.proo-gallery__filters button, .proo-gallery__arrow, .proo-gallery__contact, .proo-gallery__formation-links a, .proo-gallery__video-control, .proo-gallery__more):hover {
    background: var(--gallery-action-fill); color: var(--gallery-action-ink); border-color: var(--gallery-action-fill);
  }
}
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  html[data-mobile-gallery] .proo-gallery__art { transform: translateZ(0) scale(1); transform-origin: 50% 50%; transition: transform 600ms cubic-bezier(.22,1,.36,1); will-change: transform; backface-visibility: hidden; }
  html[data-mobile-gallery] .proo-gallery__item:is(:hover, :focus-within) .proo-gallery__art { transform: translateZ(0) scale(1.08); }
  html[data-mobile-gallery] .proo-gallery__site-mark { position: absolute; left: 50%; top: 50%; width: 65.4%; height: auto; transform: translate(-50%, -50%) translateZ(0) scale(1); transition: none; will-change: auto; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-mobile-gallery] .proo-gallery :is(.proo-gallery__art, .proo-gallery__index, button, a) { transition: none !important; }
}
/* A normal vertical gallery on phones and tablets. */
@media (max-width: 1023px) {
  html[data-mobile-gallery] .proo-gallery__item[data-gallery-default-extra][hidden] { display: none !important; }
  html[data-mobile-gallery] .proo-gallery__art--software::after { opacity: .38; }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-proo-card-one-followup] {
    padding-top: clamp(92px, 20vw, 124px) !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-proo-card-one-followup] .proo-card-one-followup__title {
    box-sizing: border-box;
    display: block !important;
    width: min(100%, 560px) !important;
    max-width: none !important;
    min-width: 0 !important;
    font-size: var(--gallery-editorial-title-size, clamp(38px, 10vw, 46px)) !important;
    font-weight: 500 !important;
    line-height: 1.18 !important;
    white-space: nowrap !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-proo-card-one-followup] .proo-card-one-followup__title > span {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-proo-card-one-followup] .proo-card-one-followup__title .line {
    white-space: normal !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-lang="el"] .proo-card-one-followup__title {
    font-size: var(--gallery-editorial-title-size, clamp(36px, 9.4vw, 44px)) !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-proo-card-one-followup] .proo-card-one-followup__copy {
    box-sizing: border-box;
    width: min(100%, 560px) !important;
    max-width: none !important;
    font-size: var(--gallery-editorial-copy-size, clamp(21px, 5.7vw, 30px)) !important;
    line-height: 1.22 !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-lang="en"] .proo-card-one-followup__copy {
    font-size: var(--gallery-editorial-copy-size, clamp(21px, 5.45vw, 28px)) !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-proo-card-one-followup] .proo-card-one-followup__line {
    width: 100% !important;
    max-width: none !important;
    white-space: nowrap !important;
    overflow-wrap: normal;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-static-hero[data-desktop-gallery] {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: clip !important;
    padding: 0 !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-static-hero[data-desktop-gallery] .proo-static-hero__inner {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    transform: none !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-static-hero[data-desktop-gallery] .proo-static-hero__copy {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: clamp(54px, 12vw, 80px) 20px 48px !important;
    transform: none !important;
    opacity: 1 !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-static-hero[data-desktop-gallery] .proo-static-hero__join {
    display: none !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-static-hero[data-desktop-gallery] :is(
    .proo-static-hero__cards, .proo-static-hero__mobile-card-indicator,
    .proo-static-hero__section4-tabs, .proo-static-hero__frosted-stage,
    .proo-static-hero__mobile-final-copy, .proo-service-ring,
    .proo-mobile-service-ring, .proo-mobile-card-chooser
  ) { display: none !important; }
  html[data-mobile-gallery] .proo-gallery { display: block; margin-top: 0; }
  html[data-mobile-gallery] .proo-gallery__grid { grid-template-columns: minmax(0, 1fr); }
  html[data-mobile-gallery] .proo-gallery__item { container-type: inline-size; }
  html[data-mobile-gallery] .proo-gallery__stage { aspect-ratio: 1; height: 100cqi; max-height: 100cqi; min-height: 0; }
  html[data-mobile-gallery] .proo-gallery__art { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; }
  html[data-mobile-gallery] .proo-gallery__index { z-index: 2; color: #fff; mix-blend-mode: difference; }
  html[data-mobile-gallery] .proo-gallery__item[data-gallery-service="websites"] .proo-gallery__index { display: none; }
  html[data-mobile-gallery][data-hero-theme="dark"] .proo-gallery__hands { background: #050506; }
  html[data-mobile-gallery] .proo-gallery__formation .proo-gallery__earth-photo { top: -17%; right: -26%; width: 132%; }
  html[data-mobile-gallery] .proo-gallery__toolbar { display: block; margin: 0 calc(-1 * var(--proo-gallery-gutter)) 10px; }
  html[data-mobile-gallery] .proo-gallery__filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    padding: 4px var(--proo-gallery-gutter);
    scroll-padding-inline: var(--proo-gallery-gutter);
  }
  html[data-mobile-gallery] .proo-gallery__filters::-webkit-scrollbar { display: none; }
  html[data-mobile-gallery] .proo-gallery__filters button { flex: 0 0 auto; min-height: 40px; padding: 9px 16px; font-size: 12px; }
  html[data-mobile-gallery] .proo-gallery__more { min-height: 40px; margin-top: 48px; padding-inline: 20px; font-size: 14px; }
  html[data-mobile-gallery] .proo-gallery .proo-gallery__more:is(:hover, :focus, :focus-visible, :active) {
    background: var(--gallery-more-fill);
    color: var(--gallery-ink);
    border-color: var(--gallery-more-fill);
  }
  html[data-mobile-gallery] .proo-gallery__count {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  html[data-mobile-gallery] .proo-gallery__caption { padding: 16px 10px 0; }
  html[data-mobile-gallery] .proo-gallery__detail-full { display: none; }
  html[data-mobile-gallery] .proo-gallery__detail-mobile { display: inline; white-space: nowrap; }
  html[data-mobile-gallery] .proo-gallery__item[data-gallery-service="formation"] .proo-gallery__caption { padding-right: 10px; }
  html[data-mobile-gallery] .proo-gallery__formation-links { flex-direction: row; align-items: center; gap: 8px; margin: 0; }
  html[data-mobile-gallery] .proo-gallery__formation-links a { min-height: 34px; padding: 7px 10px; font-size: 12px; }
  @container (max-width: 400px) {
    html[data-mobile-gallery] .proo-gallery__item[data-gallery-service="formation"] .proo-gallery__caption { flex-wrap: wrap; }
    html[data-mobile-gallery] .proo-gallery__item[data-gallery-service="formation"] .proo-gallery__caption > div:first-child { flex-basis: 100%; }
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup[data-proo-card-one-followup] {
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    padding: clamp(92px, 20vw, 124px) 20px 80px !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-card-one-followup__group {
    position: relative !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-process-exterior :is(.posh-wrapper, .posh-section, .posh-inner) {
    width: 100% !important;
    max-width: none !important;
    padding-inline: 0 !important;
    margin-inline: 0 !important;
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-process-exterior .posh-grid {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: var(--proo-gallery-gutter) !important;
    gap: 28px !important;
    box-sizing: border-box;
  }
  @media (max-width: 600px) {
    html[data-mobile-gallery] .proo-gallery__commerce-cluster { width: 86%; height: auto; aspect-ratio: 1; }
    html[data-mobile-gallery] .proo-gallery__commerce-app { width: 25cqi; }
    /* Equal 60-degree intervals on a circle of radius 32% of the square. */
    html[data-mobile-gallery] .proo-gallery__commerce-app--woocommerce { --app-x: 22.2872%; --app-y: 34%; }
    html[data-mobile-gallery] .proo-gallery__commerce-app--opencart { --app-x: 50%; --app-y: 18%; }
    html[data-mobile-gallery] .proo-gallery__commerce-app--shopify { --app-x: 77.7128%; --app-y: 34%; }
    html[data-mobile-gallery] .proo-gallery__commerce-app--stripe { --app-x: 22.2872%; --app-y: 66%; }
    html[data-mobile-gallery] .proo-gallery__commerce-app--klarna { --app-x: 50%; --app-y: 82%; }
    html[data-mobile-gallery] .proo-gallery__commerce-app--paypal { --app-x: 77.7128%; --app-y: 66%; }
    html[data-mobile-gallery] .proo-gallery__grid { row-gap: 36px; }
    html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery] .proo-process-exterior .posh-grid { row-gap: 56px !important; }
  }
  @media (min-width: 601px) {
    html[data-mobile-gallery] .proo-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
}