/* Only the requested statue composition and extra room above the cards.
   Typography, artwork, card ratios and responsive copy use the current site. */
/* Match section 02's phone card corners on the actual gallery clipping stage. */
@media (max-width: 600px) {
  html[data-mobile-gallery] .statue-clone .proo-gallery__stage {
    border-radius: clamp(18px, 4.6vw, 22px) !important;
    overflow: hidden;
  }
  /* Larger preferred sizes, fitted down to one line by mobile-caption-fit.js. */
  html[data-mobile-gallery] .statue-clone .proo-gallery .proo-gallery__caption h2 {
    font-size: var(--statue-caption-heading, 27.5px) !important;
    font-weight: 650;
    white-space: nowrap;
  }
  html[data-mobile-gallery] .statue-clone .proo-gallery .proo-gallery__caption h2 a {
    font-weight: inherit;
  }
  html[data-mobile-gallery] .statue-clone .proo-gallery .proo-gallery__caption p {
    font-size: var(--statue-caption-detail, 20.9px) !important;
    white-space: nowrap;
  }
  html[data-mobile-gallery] .statue-clone .proo-gallery .proo-gallery__detail-mobile {
    white-space: nowrap;
  }
  html[data-mobile-gallery] .statue-clone .proo-gallery__caption > div:first-child {
    min-width: 0;
  }
}
.statue-clone > .proo-static-hero__inner { isolation: isolate; }
.statue-clone .hero-intro { position: relative; isolation: isolate; }
.statue-clone .hero-statues { pointer-events: none; }
.statue-clone .glyph-figure { display: block; width: 100%; height: 100%; }
.hero-statues--swapped .glyph-figure--left { transform: translateY(-26px); }
.hero-statues--swapped .glyph-figure--right { transform: translateY(6px); }
@media (min-width: 1024px) {
  html[data-mobile-gallery] .statue-clone .proo-gallery .proo-gallery__caption h2 {
    font-size: var(--statue-caption-heading, 27.5px) !important;
    font-weight: 650;
    white-space: nowrap;
  }
  html[data-mobile-gallery] .statue-clone .proo-gallery .proo-gallery__caption p {
    font-size: var(--statue-caption-detail, 20.9px) !important;
    white-space: nowrap;
  }
  /* Scale the entire copy stack around its current center. Keep its layout
     footprint so the sculptures, toolbar and cards retain their positions. */
  html[data-desktop-gallery] .statue-clone[data-desktop-gallery]
  .hero-intro > .proo-static-hero__copy {
    --desktop-copy-scale: .88;
    transform: scale(var(--desktop-copy-scale)) !important;
    transform-origin: 50% 50%;
  }
  /* Raise the copy from exact center, transferring space below it so the
     gallery and sculptures retain their positions. Greek rises 20% more. */
  .statue-clone .hero-intro {
    --desktop-copy-rise: clamp(10px, 1vh, 14px);
    padding-top: calc(clamp(40px, 4vh, 56px) - var(--desktop-copy-rise));
    padding-bottom: calc(clamp(40px, 4vh, 56px) + var(--desktop-copy-rise));
  }
  html:lang(el) .statue-clone .hero-intro {
    --desktop-copy-rise: clamp(12px, 1.2vh, 16.8px);
  }
  .statue-clone .hero-statues {
    /* Continue behind the source toolbar (34px + 8px gap) to the card edge. */
    position: absolute; inset: auto 0 -42px; height: clamp(400px, 28vw, 540px);
    z-index: -1; display: flex; justify-content: space-between;
    padding-inline: 1.5%;
  }
  .statue-clone .glyph-figure { width: 27%; }
  html[data-desktop-gallery] .statue-clone .proo-gallery {
    margin-top: 0;
  }
}
@media (max-width: 1023px) {
  .hero-statues--swapped .glyph-figure--left { transform: translateY(2px); }
  .hero-statues--swapped .glyph-figure--right { transform: translateY(-2px); }
  .hero-intro--swapped { --statue-copy-gap: clamp(28px, calc(10vw - 24px), 48px); }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery][data-wide-mobile-subtitle]
  .proo-static-hero.statue-clone[data-desktop-gallery] .proo-static-hero__copy {
    padding-bottom: var(--statue-copy-gap, clamp(52px, 10vw, 72px)) !important;
    /* Preserve roomy phone layouts, but never let a fixed inherited basis
       make the copy shorter than its text plus padding. */
    min-height: min-content !important;
  }
  .statue-clone .hero-statues {
    position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%; height: clamp(180px, 52vw, 360px);
    margin: 0 auto; padding-inline: 8px;
  }
  /* Paired mobile version only: Athena left, David right, finer lettering. */
  .hero-intro--swapped:not(.hero-intro--single) {
    --statue-copy-gap: clamp(20px, calc(10vw - 32px), 40px);
  }
  .hero-intro--swapped:not(.hero-intro--single) .glyph-figure {
    --glyph-resolution: 220;
    grid-row: 1;
  }
  .hero-intro--swapped:not(.hero-intro--single) .glyph-figure--left {
    grid-column: 1;
    transform: translateY(-4px);
  }
  .hero-intro--swapped:not(.hero-intro--single) .glyph-figure--right { grid-column: 2; }
}
@media (min-width: 601px) and (max-width: 1023px) {
  /* The inherited fixed flex-basis can be shorter than the fitted text. Let
     the copy reserve its real height before the sculpture area begins. */
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery][data-wide-mobile-subtitle]
  .proo-static-hero.statue-clone[data-desktop-gallery] .proo-static-hero__copy {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    justify-content: flex-start !important;
  }
  .statue-clone .hero-intro.hero-intro--single { --statue-copy-gap: 32px; }
  .statue-clone .hero-intro--pair .hero-statues {
    height: clamp(312px, 52vw, 380px);
    align-items: end;
  }
  .statue-clone .proo-static-hero__subtitle-mobile {
    display: flex !important;
    flex-direction: column;
    align-items: center;
  }
}

/* The composed phone artwork; tablet and desktop retain the paired layout. */
.glyph-figure--mobile-group { display: none !important; }
@media (max-width: 600px) {
  .statue-clone .hero-intro--pair .hero-statues {
    display: block;
    height: clamp(145px, 40vw, 210px);
    padding-inline: 0;
  }
  .hero-intro--pair .glyph-figure--left,
  .hero-intro--pair .glyph-figure--right { display: none !important; }
  .hero-intro--pair .glyph-figure--mobile-group {
    display: block !important;
    width: 100%;
    height: 100%;
    transform: none;
    --glyph-resolution: 220;
  }
}

/* Five busts in one width-driven mobile composition. */
@media (max-width: 600px) {
  .statue-clone .hero-intro--swapped.hero-intro--pair {
    --statue-copy-gap: calc(clamp(20px, calc(10vw - 32px), 40px) + 20px);
  }
  .statue-clone .hero-intro--pair .hero-statues {
    height: clamp(96px, 24.5vw, 147px);
    box-sizing: border-box;
    padding-inline: var(--proo-gallery-gutter, 8px);
    /* Explicit space on the statue stage, outside the fitted copy stack. */
    margin-top: 12px;
  }
  .statue-clone .hero-intro--pair .glyph-figure--mobile-group {
    --glyph-resolution: 320;
  }
  html[data-mobile-gallery] .statue-clone .proo-gallery {
    /* Toolbar has 4px inner padding and 10px below: mirror that above. */
    margin-top: 10px;
  }
}

/* Phone uplight with a 1px base curving upward at the card-aligned edges. */
.hero-statue-uplight, .hero-statue-base { display: none; }
@media (min-width: 601px) and (max-width: 1023px) {
  .statue-clone .hero-intro--pair .hero-statues {
    grid-template-rows: minmax(0, 1fr);
  }
  .statue-clone .hero-intro--pair .glyph-figure {
    min-height: 0;
  }
}
@media (max-width: 600px) {
  .statue-clone .hero-intro--pair {
    --statue-base-edge: linear-gradient(to right,
      transparent var(--proo-gallery-gutter, 8px),
      #fff calc(var(--proo-gallery-gutter, 8px) + 20px),
      #fff calc(100% - var(--proo-gallery-gutter, 8px) - 20px),
      transparent calc(100% - var(--proo-gallery-gutter, 8px)));
  }
  .statue-clone .hero-intro--pair .hero-statues {
    overflow: hidden;
    isolation: isolate;
    margin-top: 12px;
    clip-path: inset(0 var(--proo-gallery-gutter, 8px) 0 round 0 0 clamp(18px, 4.6vw, 22px) clamp(18px, 4.6vw, 22px));
  }
  /* Cover the last glyph row's edge with one uninterrupted base, using
     the unselected mobile category pills' theme colors. */
  html[data-mobile-gallery] .statue-clone .hero-intro--pair > .hero-statue-base {
    display: block;
    position: absolute;
    inset: auto var(--proo-gallery-gutter, 8px) 0;
    height: clamp(18px, 4.6vw, 22px);
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    border-top: 0;
    border-radius: 0 0 clamp(18px, 4.6vw, 22px) clamp(18px, 4.6vw, 22px);
    -webkit-mask-image: linear-gradient(to bottom, transparent, #fff 10px);
    mask-image: linear-gradient(to bottom, transparent, #fff 10px);
    clip-path: inset(0 50%);
    z-index: 2;
    pointer-events: none;
  }
  html[data-mobile-gallery][data-hero-theme="dark"] .statue-clone .hero-intro--pair > .hero-statue-base {
    border-color: #2b2b2d;
  }
  /* Subtract the same silhouette and bottom-aligned sizing as the renderer.
     The light stays visible between figures, never through their lettering. */
  .hero-statue-uplight {
    display: block;
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    opacity: 0;
    will-change: opacity;
    /* The rounded stage clips the outer edge; do not erase the inner corners. */
    --uplight-edge: linear-gradient(#fff, #fff);
    -webkit-mask-image: var(--uplight-edge), linear-gradient(#fff, #fff), url("phone-static-silhouette-9885c7600b.webp");
    mask-image: var(--uplight-edge), linear-gradient(#fff, #fff), url("phone-static-silhouette-9885c7600b.webp");
    -webkit-mask-size: 100% 100%, 100% 100%, calc(100% - 2 * var(--proo-gallery-gutter, 8px)) auto;
    mask-size: 100% 100%, 100% 100%, calc(100% - 2 * var(--proo-gallery-gutter, 8px)) auto;
    -webkit-mask-position: center bottom;
    mask-position: center bottom;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-composite: source-in, xor;
    mask-composite: intersect, exclude;
  }
  /* Cast light from the straight base, including the page edges.
     Clip lower spill and horizontal overflow, not the upward falloff. */
  html[data-mobile-gallery] .statue-clone .hero-statue-uplight::before {
    content: "";
    position: absolute;
    inset: auto 0 -10px;
    height: 10px;
    border-radius: 0;
    box-shadow: 0 -1px 3px 0 rgba(70, 64, 53, .20),
                0 -3px 8px 1px rgba(70, 64, 53, .26),
                0 -12px 26px 2px rgba(70, 64, 53, .10);
    clip-path: inset(-60px 0 0 0);
    pointer-events: none;
    z-index: -1;
  }
  html[data-mobile-gallery][data-hero-theme="dark"] .statue-clone .hero-statue-uplight::before {
    box-shadow: 0 -3px 8px 1px rgba(255, 245, 224, .22),
                0 -12px 26px 2px rgba(255, 245, 224, .12);
  }
  /* A soft inner rim follows the same curve, beneath the silhouette mask. */
  .statue-clone .hero-statue-uplight::after {
    content: "";
    position: absolute;
    inset: auto var(--proo-gallery-gutter, 8px) 0;
    height: 48px;
    border-radius: 0 0 clamp(18px, 4.6vw, 22px) clamp(18px, 4.6vw, 22px);
    --rim-color: 70, 64, 53;
    --rim-strength: .30;
    background:
      radial-gradient(ellipse 32px 30px at left bottom, rgba(var(--rim-color), var(--rim-strength)), transparent 100%),
      radial-gradient(ellipse 32px 30px at right bottom, rgba(var(--rim-color), var(--rim-strength)), transparent 100%);
    box-shadow: inset 0 -5px 10px -5px rgba(70, 64, 53, .24);
    pointer-events: none;
  }
  html[data-hero-theme="dark"] .statue-clone .hero-statue-uplight::after {
    --rim-color: 255, 245, 224;
    --rim-strength: .24;
    box-shadow: inset 0 -5px 10px -5px rgba(255, 245, 224, .18);
  }
}

/* Isolated alternatives; the current hero has none of these classes. */
@media (max-width: 600px) {
  html[data-mobile-gallery] .statue-clone.hero-concept-flat-base .proo-gallery__stage {
    border-radius: clamp(20.9952px, 5.36544vw, 25.6608px) !important;
  }
  .statue-clone.hero-concept-flat-base .hero-intro--swapped.hero-intro--pair {
    padding-top: 5px;
    --statue-copy-gap: calc(clamp(20px, calc(10vw - 32px), 40px) + 20px);
  }
  html[data-mobile-gallery] .statue-clone.hero-concept-flat-base .proo-gallery__filters {
    gap: 10.2px;
  }
  html[data-mobile-gallery] .statue-clone.hero-concept-flat-base .proo-gallery__filters button {
    font-weight: 600;
  }
  .statue-clone:is(.hero-concept-flat-base,.hero-concept-sans-heading) .hero-intro--pair .hero-statues {
    clip-path: inset(0 var(--proo-gallery-gutter, 8px));
  }
  html[data-mobile-gallery] .statue-clone:is(.hero-concept-flat-base,.hero-concept-sans-heading) .hero-intro--pair > .hero-statue-base {
    height: 1px;
    border: 0;
    border-bottom: 1px solid #e2e2e2;
    border-radius: 0;
    mask-image: linear-gradient(to right, transparent, #fff 18px, #fff calc(100% - 18px), transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, #fff 18px, #fff calc(100% - 18px), transparent);
  }
  html[data-mobile-gallery][data-hero-theme="dark"] .statue-clone:is(.hero-concept-flat-base,.hero-concept-sans-heading) .hero-intro--pair > .hero-statue-base {
    border-bottom-color: #2b2b2d;
  }
  .statue-clone:is(.hero-concept-flat-base,.hero-concept-sans-heading) .hero-statue-uplight::after {
    display: none;
  }
  .statue-clone:is(.hero-concept-flat-base,.hero-concept-sans-heading) .hero-statue-uplight {
    --uplight-edge: linear-gradient(to right, transparent 8px, #fff 28px, #fff calc(100% - 28px), transparent calc(100% - 8px));
  }
  /* Version 1: full card radius; fade the visible arc early instead of tightening it. */
  .statue-clone.hero-concept-flat-base .hero-intro--pair .hero-statues {
    clip-path: inset(0 var(--proo-gallery-gutter, 8px) 0 round 0 0 clamp(20.9952px, 5.36544vw, 25.6608px) clamp(20.9952px, 5.36544vw, 25.6608px));
  }
  html[data-mobile-gallery] .statue-clone.hero-concept-flat-base .hero-intro--pair > .hero-statue-base {
    height: clamp(20.9952px, 5.36544vw, 25.6608px);
    border: 1px solid #e2e2e2;
    border-top: 0;
    border-radius: 0 0 clamp(20.9952px, 5.36544vw, 25.6608px) clamp(20.9952px, 5.36544vw, 25.6608px);
    mask-image: linear-gradient(to top, #fff 1px, rgba(255,255,255,.55) 4px, transparent 9px);
    -webkit-mask-image: linear-gradient(to top, #fff 1px, rgba(255,255,255,.55) 4px, transparent 9px);
  }
  html[data-mobile-gallery][data-hero-theme="dark"] .statue-clone.hero-concept-flat-base .hero-intro--pair > .hero-statue-base {
    border-color: #2b2b2d;
  }
  .statue-clone.hero-concept-flat-base .hero-statue-uplight::after {
    display: block;
    border-radius: 0 0 clamp(20.9952px, 5.36544vw, 25.6608px) clamp(20.9952px, 5.36544vw, 25.6608px);
  }
  .statue-clone.hero-concept-flat-base .hero-statue-uplight {
    --uplight-edge: linear-gradient(to top, #fff, rgba(255,255,255,.55) 6px, transparent 18px);
  }
  .statue-clone.hero-concept-above-heading .hero-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 48px;
  }
  .statue-clone.hero-concept-above-heading .hero-intro--pair .hero-statues {
    order: -1;
    flex: none;
    width: var(--above-heading-width, 66vw);
    max-width: calc(100% - 32px);
    height: auto;
    aspect-ratio: 2355 / 580;
    padding: 0;
    margin: 0 auto 12px;
    clip-path: none;
    mask-image: linear-gradient(#fff 88%, transparent);
    -webkit-mask-image: linear-gradient(#fff 88%, transparent);
  }
  html:is(#hero-directions,[data-proo-home-release])[data-mobile-gallery][data-wide-mobile-subtitle]
  .proo-static-hero.statue-clone.hero-concept-above-heading[data-desktop-gallery] .proo-static-hero__copy {
    padding-top: 0 !important;
    padding-bottom: 58px !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
  }
  html[data-mobile-gallery] .statue-clone.hero-concept-above-heading .hero-intro--pair > .hero-statue-base,
  .statue-clone.hero-concept-above-heading .hero-statue-uplight { display: none; }
}
/* Font comparison in both languages, retaining the existing two-line fitting. */
html:is(#hero-directions,[data-proo-home-release]) .proo-static-hero.statue-clone.hero-concept-sans-heading .proo-static-hero__title,
html:is(#hero-directions,[data-proo-home-release]) .proo-static-hero.statue-clone.hero-concept-sans-heading .proo-static-hero__title > span {
  font-family: 'Google Sans', Arial, sans-serif !important;
  font-weight: 700 !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}

@media (min-width: 1024px) {
  /* A shorter desktop hero, with the complete enlarged copy stack centered.
     Equal padding replaces the previous language-specific upward offsets. */
  .statue-clone.hero-concept-flat-base .hero-intro {
    padding-block: 12px;
  }
  html[data-desktop-gallery] .statue-clone.hero-concept-flat-base[data-desktop-gallery]
  .hero-intro > .proo-static-hero__copy {
    --desktop-copy-scale: .968;
    justify-content: center;
  }
  .statue-clone.hero-concept-flat-base .hero-statues {
    height: clamp(360px, 25.2vw, 486px);
  }
  .statue-clone.hero-concept-flat-base .glyph-figure {
    width: 24.3%;
  }
  .statue-clone.hero-concept-flat-base { --proo-gallery-radius: 19.11px; }
  html[data-desktop-gallery] .statue-clone.hero-concept-flat-base .proo-gallery__stage {
    border-radius: 19.11px;
  }
  html[data-desktop-gallery] .statue-clone.hero-concept-flat-base .proo-gallery__art {
    border-radius: 8.19px;
    overflow: hidden;
  }
}

/* Solid filters: two-pixel selected bezel with a subtle contrast lift. */
.statue-clone.hero-concept-flat-base .proo-gallery {
  --category-fill: #ececec;
  --category-bezel: #dedede;
  --category-text: #131314;
  --category-active: #ffffff;
  --category-active-text: #262629;
  --category-count: rgba(0,0,0,.14);
  --category-active-count: rgba(0,0,0,.17);
}
html[data-hero-theme="dark"] .statue-clone.hero-concept-flat-base .proo-gallery {
  --category-fill: #2b2b2d;
  --category-bezel: #39393b;
  --category-text: #f7f7f5;
  --category-active: #101011;
  --category-active-text: #f0f0f2;
  --category-count: rgba(255,255,255,.18);
  --category-active-count: rgba(255,255,255,.22);
}
html[data-mobile-gallery] .statue-clone.hero-concept-flat-base .proo-gallery__filters button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: 7px;
  border: 0;
  box-shadow: none;
  background: var(--category-fill);
  color: var(--category-text);
  white-space: nowrap;
}
html[data-mobile-gallery] .statue-clone.hero-concept-flat-base .proo-gallery__filters button[aria-pressed="true"] {
  background: var(--category-active);
  color: var(--category-active-text);
  box-shadow: inset 0 0 0 2px var(--category-bezel);
}
html[data-mobile-gallery] .statue-clone.hero-concept-flat-base .proo-gallery__filters button:not([aria-pressed="true"]):hover {
  background: var(--category-fill);
}
.statue-clone.hero-concept-flat-base .proo-filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 17px;
  height: 17px;
  padding-inline: 4px;
  border-radius: 999px;
  background: var(--category-count);
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.statue-clone.hero-concept-flat-base .proo-gallery__filters button[aria-pressed="true"] .proo-filter-count {
  background: var(--category-active-count);
}

/* Isolated alternative: the craft film belongs to the editorial story. */
.hero-video-story-placeholder { display: block; width: 100%; height: 100%; object-fit: cover; }
html .hero-video-story {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: min(100%, 1600px);
  margin: 0 auto;
  padding: 100px 8px 80px;
  color: var(--cinema-ink, #131314);
}
html .hero-video-story :is(.hero-video-story__title, .hero-video-story__copy) {
  box-sizing: border-box;
  position: static;
  width: min(calc(100% - 24px), 560px);
  margin: 0;
  padding: 0;
  font-family: 'Junicode', Georgia, serif;
  text-align: center;
  letter-spacing: -.012em;
  text-transform: none;
}
html .hero-video-story .hero-video-story__title {
  order: 0;
  font-size: var(--story-title-size, 46px);
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -.018em;
  -webkit-text-stroke: .65px currentColor;
  color: #333336;
}
html[data-hero-theme="dark"] .hero-video-story .hero-video-story__title { color: #dedee0; }
html .hero-video-story .hero-video-story__copy {
  order: 2;
  font-size: var(--story-copy-size, 28px);
  font-weight: 400;
  line-height: 1.22;
  letter-spacing: -.012em;
  -webkit-text-stroke: .65px currentColor;
  color: var(--cinema-muted, #777);
}
html .hero-video-story[data-lang="el"] :is(.hero-video-story__title, .hero-video-story__copy) {
  font-family: 'Noto Serif', Georgia, serif;
}
html .hero-video-story[data-lang="el"] .hero-video-story__title { letter-spacing: -.025em; -webkit-text-stroke: .8px currentColor; }
html .hero-video-story[data-lang="el"] .hero-video-story__copy { letter-spacing: -.01em; }
html .hero-video-story :is(.hero-video-story__title, .hero-video-story__copy) > span {
  display: block;
  white-space: nowrap;
  width: 100%;
}
.hero-video-story__media {
  order: 1;
  position: relative;
  width: min(100%, 1120px);
  aspect-ratio: 16 / 9;
  border-radius: 19.11px;
  overflow: hidden;
  background: #171817;
}
.hero-video-story__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}
.hero-video-story__toggle {
  position: absolute;
  right: 14px;
  bottom: 14px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #ffffff60;
  border-radius: 50%;
  background: #10101199;
  color: white;
  cursor: pointer;
  font: 14px/1 Arial, sans-serif;
}
.hero-video-story__toggle:focus-visible { outline: 2px solid white; outline-offset: 3px; }
/* Extra separation after the process pair, only in this alternative. */
html:has(.hero-video-story) #tech-main-wrapper { margin-top: 32px !important; }
@media (min-width: 1024px) {
  html:has(.hero-video-story) #section-02 { padding-block: 24px !important; }
  html .hero-video-story { padding-block: 200px 180px; }
  html .hero-video-story :is(.hero-video-story__title, .hero-video-story__copy) {
    width: min(calc(100% - 24px), 840px);
  }
}
@media (max-width: 1023px) {
  html .hero-video-story { padding-top: calc(clamp(92px, 20vw, 124px) + 32px); padding-bottom: 112px; gap: 24px; }
  html .hero-video-story .hero-video-story__title { width: min(calc(104% - 24.96px), 582.4px); }
  html[data-mobile-gallery] .hero-video-story-variant .proo-gallery__item:is([data-gallery-service="software"], [data-gallery-service="websites"]) .proo-gallery__index {
    display: block;
    z-index: 3;
    top: 15px;
    left: 16px;
    color: #fff;
    mix-blend-mode: normal;
    text-shadow: 0 1px 4px #0009;
    pointer-events: none;
  }
  .hero-video-story__media { order: -1; aspect-ratio: 4 / 3; margin-bottom: 8px; }
}
@media (max-width: 600px) {
  .hero-video-story__media { border-radius: clamp(20.9952px, 5.36544vw, 25.6608px); }
}

@media(max-width:600px){html .hero-video-story .hero-video-story__title{margin-bottom:0!important}html .hero-video-story .hero-video-story__copy{margin-top:-6px!important}html .hero-video-story{row-gap:24px}}


/* Desktop process pair: contained composition with softer matching corners. */
@media (min-width:1024px){
 html:has(.hero-video-story) #section-02 .posh-grid{width:86%!important;max-width:1320px!important;margin-inline:auto!important}
 html:has(.hero-video-story) #section-02 .posh-grid .posh-col{border-radius:30px!important}
 html:has(.hero-video-story) #section-02 .posh-grid .posh-col .posh-card{border-radius:30px 30px 0 0!important}
}
@media(min-width:1024px){html .hero-video-story{padding-bottom:212px!important}}

.process-editorial, .proo-gallery__arrow-ring { display: none; }
@media (min-width: 1024px) {
  html .statue-clone .proo-gallery {
    --pair-scale: 1.5;
    --pair-heading: clamp(28.8px, 2.8125vw, 40.5px);
    --pair-detail: clamp(21.76px, 2.125vw, 30.6px);
  }
  html[lang="el"] .statue-clone .proo-gallery {
    --pair-detail: clamp(16.5px, calc(2.5vw - 9.1px), 30.6px);
  }
  html .statue-clone .proo-gallery .proo-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 8px !important;
    row-gap: calc(35px * var(--pair-scale)) !important;
  }
  html .statue-clone .proo-gallery .proo-gallery__stage {
    border-radius: calc(19.11px * var(--pair-scale)) !important;
  }
  html .statue-clone .proo-gallery .proo-gallery__art { border-radius: calc(6px * var(--pair-scale)) !important; }
  html .statue-clone .proo-gallery .proo-gallery__caption {
    margin-top: calc(12px * var(--pair-scale)) !important;
    padding: calc(16px * var(--pair-scale)) calc(16px * var(--pair-scale)) 0 !important;
    gap: calc(12px * var(--pair-scale)) !important;
    align-items: center !important;
  }
  html .statue-clone .proo-gallery .proo-gallery__caption > div:first-child { min-width: 0; gap: calc(4px * var(--pair-scale)) !important; }
  html .statue-clone.hero-video-story-variant .proo-gallery .proo-gallery__caption h2 { font-size: var(--pair-heading) !important; }
  html .statue-clone.hero-video-story-variant .proo-gallery .proo-gallery__caption p { font-size: var(--pair-detail) !important; }
  html .statue-clone .proo-gallery .proo-gallery__index { top: calc(15px * var(--pair-scale)); left: calc(16px * var(--pair-scale)); font-size: calc(12px * var(--pair-scale)); }
  html .statue-clone .proo-gallery .proo-gallery__badge { margin-left: calc(8px * var(--pair-scale)); padding: calc(3px * var(--pair-scale)) calc(7px * var(--pair-scale)); font-size: calc(10px * var(--pair-scale)); }
  html .statue-clone .proo-gallery .ai-card-beta { font-size: calc(clamp(16px,1.4vw,24px) * var(--pair-scale)); }
  html .statue-clone .proo-gallery .ai-card-logos { gap: calc(clamp(10px,1.2vw,20px) * var(--pair-scale)); }
  html .statue-clone .proo-gallery .ai-card-logos img { width: calc(clamp(18px,1.55vw,26px) * var(--pair-scale)); height: calc(clamp(18px,1.55vw,26px) * var(--pair-scale)); }

  html .statue-clone .proo-gallery .proo-gallery__caption > .proo-gallery__arrow {
    position: relative; display: grid; place-items: center;
    width: calc(64px * var(--pair-scale)) !important;
    height: calc(64px * var(--pair-scale)) !important;
    min-width: 0 !important; padding: 0 !important; aspect-ratio: 1;
    border: 1px solid #333335; border-radius: 50%; overflow: hidden;
    background: #19191b; color: #f4f2ed; box-shadow: 0 0 0 4px #fff;
  }
  html[data-hero-theme="dark"] .statue-clone .proo-gallery .proo-gallery__caption > .proo-gallery__arrow {
    background: #e8e5dc; color: #1d1e20; border-color: #f4f1e9; box-shadow: 0 0 0 4px #131314;
  }
  html .statue-clone .proo-gallery .proo-gallery__arrow > svg:not(.proo-gallery__arrow-ring) {
    width: 26% !important; height: 26% !important; stroke-width: 2.2 !important;
  }
  html .statue-clone .proo-gallery .proo-gallery__arrow > svg.proo-gallery__arrow-ring {
    display: block !important; position: absolute; inset: 0;
    width: 100% !important; height: 100% !important; max-width: none !important;
    fill: currentColor !important; stroke: none !important; pointer-events: none;
  }
  html .statue-clone .proo-gallery .proo-gallery__arrow-ring text {
    font: 700 8.5px/1 'Google Sans', Arial, sans-serif; letter-spacing: .7px;
    fill: currentColor !important; stroke: none !important;
  }
  html .statue-clone .proo-gallery .proo-gallery__arrow:is(:hover,:focus-visible) { background: #303033; color: #fff; }
  html[data-hero-theme="dark"] .statue-clone .proo-gallery .proo-gallery__arrow:is(:hover,:focus-visible) { background: #fff; color: #18181a; }

  html .statue-clone .proo-gallery .proo-gallery__arrow { transition: background-color .2s ease, color .2s ease !important; }
  html .statue-clone .proo-gallery .proo-gallery__arrow-ring {
    transform-origin: center; transition: transform .7s cubic-bezier(.22,.61,.36,1) !important;
  }
  @media (hover: hover) and (pointer: fine) {
    html .statue-clone .proo-gallery .proo-gallery__item:hover .proo-gallery__arrow-ring,
    html .statue-clone .proo-gallery .proo-gallery__arrow:is(:hover,:focus-visible) .proo-gallery__arrow-ring { transform: rotate(180deg); }
  }
  @media (prefers-reduced-motion: reduce) {
    html .statue-clone .proo-gallery .proo-gallery__arrow-ring { transition-duration: 0s !important; }
  }

  html #section-02 .process-editorial {
    display: grid; grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: start; column-gap: clamp(80px,10vw,160px);
    width: 84%; max-width: 1240px; margin: 0 auto;
    color: #202022; font-family: 'Google Sans',Arial,sans-serif;
  }
  html[data-hero-theme="dark"] #section-02 .process-editorial { color: #ebeae6; }
  .process-editorial article:nth-child(2) { margin-top: clamp(120px,12vw,190px); }
  html #section-02 .process-editorial h3 {
    display: flex; align-items: baseline; gap: 14px; margin: 0 24px 16px; padding: 0;
    font: 400 clamp(30px,2.84625vw,40.986px)/1.15 Junicode,Georgia,serif;
    letter-spacing: -.018em; font-stretch: 90%; white-space: nowrap;
    -webkit-text-stroke: .77px currentColor; color: inherit;
  }
  html[lang="el"] #section-02 .process-editorial h3 {
    font-family: 'Noto Serif',Georgia,serif;
    font-size: clamp(26px,2.45vw,36px); letter-spacing: -.04em;
    transform: scaleX(.9); transform-origin: left center;
    -webkit-text-stroke: 1px currentColor;
  }
  .process-editorial h3 span {
    flex: none; font: 650 .5em/1 'Google Sans',Arial,sans-serif;
    letter-spacing: -.025em; -webkit-text-stroke: 0;
  }
  html #section-02 .process-editorial img {
    display: block; position: static; width: 100%; height: auto; aspect-ratio: 1;
    object-fit: cover; object-position: center 42%; border-radius: 30px;
  }
  html #section-02 .process-editorial article:nth-child(2) img { object-position: center 24%; }
  html #section-02 .process-editorial p {
    margin: 16px 24px 0; padding: 0; color: #646467;
    font: 400 clamp(14px,1.15vw,18px)/1.5 'Google Sans',Arial,sans-serif; letter-spacing: -.015em;
  }
  html[data-hero-theme="dark"] #section-02 .process-editorial p { color: #b0b0b2; }
}

/* The process pair keeps the desktop editorial order on phone and tablet. */
@media (max-width: 1023px) {
html #section-02 .process-editorial {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px;
  width: min(calc(100% - 32px), 640px); margin-inline: auto;
  color: #202022; font-family: 'Google Sans', Arial, sans-serif;
}
html[data-hero-theme="dark"] #section-02 .process-editorial { color: #ebeae6; }
html #section-02 .process-editorial article { min-width: 0; margin: 0; }
html #section-02 .process-editorial h3 {
  display: flex; align-items: baseline; gap: 10px; margin: 0 14px 14px; padding: 0;
  font: 400 clamp(25px, 8.145vw, 32.729px)/1.15 Junicode, Georgia, serif;
  letter-spacing: -.018em; white-space: nowrap;
  -webkit-text-stroke: .65px currentColor; color: inherit;
}
html[lang="el"] #section-02 .process-editorial h3 {
  font-family: 'Noto Serif', Georgia, serif; font-size: clamp(23px, 7.288vw, 29.288px);
  letter-spacing: -.022em; -webkit-text-stroke: .8px currentColor;
}
html #section-02 .process-editorial h3 span {
  flex: none; font: 650 .5em/1 'Google Sans', Arial, sans-serif;
  letter-spacing: -.025em; -webkit-text-stroke: 0;
}
html #section-02 .process-editorial img {
  display: block; position: static; width: 100%; height: auto; aspect-ratio: 1;
  object-fit: cover; object-position: center 42%; border-radius: 18px;
}
html #section-02 .process-editorial article:nth-child(2) img { object-position: center 24%; }
html #section-02 .process-editorial p {
  margin: 14px 14px 0; padding: 0; color: #646467;
  font: 400 clamp(15px, 3.8vw, 18px)/1.5 'Google Sans', Arial, sans-serif;
  letter-spacing: -.015em; white-space: normal; overflow-wrap: normal;
}

html[data-hero-theme="dark"] #section-02 .process-editorial p { color: #b0b0b2; }
}

@media (max-width: 600px) {
  html #section-02 .process-editorial h3 {
    font-size: clamp(27px, 8.8vw, 35px);
    font-stretch: 80%; gap: 6px; white-space: nowrap;
  }
  html[lang="el"] #section-02 .process-editorial h3 {
    font-size: clamp(25px, 7.95vw, 32px);
    letter-spacing: -.055em;
    transform: scaleX(.85); transform-origin: left center;
  }
}

@media (min-width: 601px) and (max-width: 1023px) {
  html #section-02 .process-editorial img { border-radius: 14px; }
  html[lang="el"] #section-02 .process-editorial h3 { -webkit-text-stroke: 1px currentColor; }
}

@media (max-width: 1023px) {
  html .statue-clone.hero-video-story-variant .proo-gallery .proo-gallery__caption > .proo-gallery__arrow {
    position: relative; display: grid; place-items: center;
    width: 68px !important; height: 68px !important; min-width: 68px !important;
    padding: 0 !important; aspect-ratio: 1; border: 1px solid #333335 !important;
    border-radius: 50% !important; overflow: hidden;
    background: #19191b !important; color: #f4f2ed !important;
    box-shadow: 0 0 0 3px #fff;
  }
  html[data-hero-theme="dark"] .statue-clone.hero-video-story-variant .proo-gallery .proo-gallery__caption > .proo-gallery__arrow {
    background: #e8e5dc !important; color: #1d1e20 !important;
    border-color: #f4f1e9 !important; box-shadow: 0 0 0 3px #131314;
  }
  html .statue-clone.hero-video-story-variant .proo-gallery .proo-gallery__arrow > svg:not(.proo-gallery__arrow-ring) {
    width: 28% !important; height: 28% !important; stroke-width: 2.2 !important;
  }
  html .statue-clone.hero-video-story-variant .proo-gallery .proo-gallery__arrow > svg.proo-gallery__arrow-ring {
    display: block !important; position: absolute; inset: 0;
    width: 100% !important; height: 100% !important; max-width: none !important;
    fill: currentColor !important; stroke: none !important; pointer-events: none;
  }
  html .statue-clone.hero-video-story-variant .proo-gallery .proo-gallery__arrow-ring text {
    font: 700 11px/1 'Google Sans', Arial, sans-serif; letter-spacing: .55px;
    fill: currentColor !important; stroke: none !important;
  }
}

/* Selected build: three gallery cards per row from the first desktop paint. */
/* The coming-soon button blends 10% into the page in either theme. */
html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="ai"] .proo-gallery__arrow {
  opacity: .9;
  cursor: pointer;
  background: #19191b !important;
  color: #f4f2ed !important;
}
html[data-hero-theme="dark"] .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="ai"] .proo-gallery__arrow { background: #e8e5dc !important; color: #1d1e20 !important; }
html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="ai"],
html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="ai"] .proo-gallery__stage {
  cursor: default;
}
/* A nonmodal status message; keep it outside the caption sizing system. */
.proo-gallery__soon-popover {
  display: none;
  position: fixed;
  inset: auto;
  z-index: 100000;
  box-sizing: border-box;
  width: min(380px, calc(100vw - 24px));
  grid-template-columns: minmax(0, 1fr) 36px;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 16px;
  border: 0;
  border-radius: 12px;
  /* Opaque match for the SOON circle's 90% fill over the page background. */
  background: #303032;
  color: #f4f2ed;
  box-shadow: none;
  font: 400 13.5px/1.5 'Google Sans', Arial, sans-serif;
  text-align: left;
}
.proo-gallery__soon-popover:popover-open { display: grid; }
.proo-gallery__soon-popover.is-open { display: grid; }
.proo-gallery__soon-copy { min-width: 0; }
.proo-gallery__soon-popover .proo-gallery__soon-title {
  margin: 0;
  padding-right: 0;
  color: inherit;
  font: 700 14px/1.4 'Google Sans', Arial, sans-serif;
}
.proo-gallery__soon-popover .proo-gallery__soon-detail {
  margin: 8px 0 0;
  color: #d3d2cd;
  font: 400 var(--soon-detail-size, 13.5px)/1.5 'Google Sans', Arial, sans-serif;
}
.proo-gallery__soon-detail > span { display: block; white-space: nowrap; }
.proo-gallery__soon-popover .proo-gallery__soon-contact {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  align-self: end;
  margin: 0;
  border: 0;
  border-radius: 50%;
  background: #f4f2ed;
  color: #19191b;
  text-decoration: none;
}
.proo-gallery__soon-contact svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.proo-gallery__soon-popover .proo-gallery__soon-close {
  position: absolute;
  top: 6px;
  right: 6px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  min-height: 0;
  padding: 4px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  box-shadow: none;
  cursor: pointer;
}
.proo-gallery__soon-close svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; }
html[data-hero-theme="dark"] .proo-gallery__soon-popover { background: #d3d0c8; color: #1d1e20; }
html[data-hero-theme="dark"] .proo-gallery__soon-popover .proo-gallery__soon-detail { color: #4d4d4b; }
html[data-hero-theme="dark"] .proo-gallery__soon-popover .proo-gallery__soon-contact { background: #1d1e20; color: #f4f2ed; }
/* With section 02 removed, the video story hands directly to technology. */
html:has(.proo-gallery[data-desktop-columns="3"]) .hero-video-story { padding-bottom: 64px !important; }
html:has(.proo-gallery[data-desktop-columns="3"]) #tech-main-wrapper { margin-top: 0 !important; }
@media (max-width: 1023px) {
  html:has(.proo-gallery[data-desktop-columns="3"]) .hero-video-story { padding-bottom: 48px !important; }
}
/* Business intelligence artwork belongs to this selected build only. */
html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="unravel-horizontal"] .business-insights-scene {
  overflow: hidden;
  background: #211914;
}
html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="unravel-horizontal"] .business-insights-scene img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}
html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="unravel-horizontal"] .proo-gallery__index { color: #fff; }
/* Computer vision: supplied photograph inside a desktop-only sky frame. */
html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="computer-vision"] .computer-vision-scene {
  overflow: hidden;
  background: #8dacca;
}
html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="computer-vision"] .computer-vision-scene img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1023px) {
  html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="computer-vision"] .computer-vision-scene {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
  }
  html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="computer-vision"] .computer-vision-scene img {
    object-position: 20% center;
  }
  html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="computer-vision"] .proo-gallery__index {
    color: #fff;
    text-shadow: 0 1px 3px #0008;
  }
}
@media (min-width: 1024px) {
  html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="unravel-horizontal"] .proo-gallery__stage {
    background: #422717 url("card06-quiet-background-v2.webp") center / cover no-repeat !important;
  }
  html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="computer-vision"] .proo-gallery__stage {
    background: #8dacca url("card09-sky-background-v1.webp") center / cover no-repeat !important;
  }
  html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="computer-vision"] .proo-gallery__index { color: #202022; }
  /* Reduce every outer background after the first by 30%, without filtering
     the stage itself or any inner artwork. Existing photo layers stay intact. */
  html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="eshops"] .proo-gallery__stage::before { filter: saturate(.455); }
  html .statue-clone .proo-gallery[data-desktop-columns="3"] [data-gallery-service="formation"] .proo-gallery__stage::before { filter: saturate(.574); }
  html .statue-clone .proo-gallery[data-desktop-columns="3"] :is([data-gallery-service="ai"], [data-gallery-service="software"], [data-gallery-service="unravel-horizontal"], [data-gallery-service="computer-vision"]) .proo-gallery__stage {
    isolation: isolate;
  }
  html .statue-clone .proo-gallery[data-desktop-columns="3"] :is([data-gallery-service="ai"], [data-gallery-service="software"], [data-gallery-service="unravel-horizontal"], [data-gallery-service="computer-vision"]) .proo-gallery__stage::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: inherit;
    filter: saturate(.7);
    pointer-events: none;
  }
}
html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__caption {
  align-items: center !important;
}
html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__caption > div:first-child {
  align-self: center;
  justify-content: center;
}
html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__caption h2,
html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__caption h2 a {
  font-weight: 700 !important;
  -webkit-text-stroke-width: 0.5px !important;
  -webkit-text-stroke-color: currentColor !important;
  white-space: nowrap !important;
}
html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__caption p {
  white-space: nowrap !important;
}
html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__caption p {
  transform: scaleX(1.1);
  transform-origin: left center;
}
@media (max-width: 600px) {
  html[data-mobile-gallery] .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__caption h2 {
    font-size: var(--statue-caption-heading, 34.485px) !important;
  }
  html[data-mobile-gallery] .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__caption p {
    font-size: var(--statue-caption-detail, 23.826px) !important;
  }
}
@media (min-width: 601px) and (max-width: 1023px) {
  html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__caption h2 {
    font-size: var(--statue-caption-heading, 33.275px) !important;
  }
  html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__caption p {
    font-size: var(--statue-caption-detail, 22.99px) !important;
  }
}
@media (max-width: 1023px) {
  html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__caption > .proo-gallery__arrow {
    width: var(--selected-mobile-circle-size, clamp(48px, calc(78px * var(--pair-caption-fit, 1)), 78px)) !important;
    height: var(--selected-mobile-circle-size, clamp(48px, calc(78px * var(--pair-caption-fit, 1)), 78px)) !important;
    min-width: var(--selected-mobile-circle-size, clamp(48px, calc(78px * var(--pair-caption-fit, 1)), 78px)) !important;
  }
}
@media (max-width: 600px) {
  html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__caption > .proo-gallery__arrow {
    width: var(--selected-mobile-circle-size, clamp(50px, calc(82px * var(--pair-caption-fit, 1)), 82px)) !important;
    height: var(--selected-mobile-circle-size, clamp(50px, calc(82px * var(--pair-caption-fit, 1)), 82px)) !important;
    min-width: var(--selected-mobile-circle-size, clamp(50px, calc(82px * var(--pair-caption-fit, 1)), 82px)) !important;
  }
}
@media (min-width: 1024px) {
  html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__caption > div:first-child {
    gap: clamp(4.5px, calc(var(--pair-detail) * .26), 8.5px) !important;
  }
  html .statue-clone .proo-gallery[data-desktop-columns="3"] {
    --pair-scale: 1;
    --pair-circle-base: clamp(60px, calc(7.7vw - 14.85px), 96px);
    --pair-heading: clamp(25.5552px, 2.495625vw, 33.88px);
    --pair-detail: clamp(17.545px, 1.714207vw, 23.276px);
  }
  html[lang="el"] .statue-clone .proo-gallery[data-desktop-columns="3"] {
    --pair-detail: clamp(17.545px, 1.714207vw, 23.276px);
  }
  html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__caption > .proo-gallery__arrow {
    width: clamp(48px, calc(var(--pair-circle-base) * var(--pair-caption-fit, 1)), 96px) !important;
    height: clamp(48px, calc(var(--pair-circle-base) * var(--pair-caption-fit, 1)), 96px) !important;
    min-width: clamp(48px, calc(var(--pair-circle-base) * var(--pair-caption-fit, 1)), 96px) !important;
  }
  html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__arrow-ring text {
    font-size: 10px;
    letter-spacing: .45px;
  }
  html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__filters button {
    padding-right: 8px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__grid {
    row-gap: 18px !important;
  }
  html .statue-clone .proo-gallery[data-desktop-columns="3"] .proo-gallery__caption {
    margin-top: 6px !important;
    padding-top: 8px !important;
  }
}
@media (min-width: 1024px) and (max-height: 650px) {
  html .statue-clone.hero-video-story-variant .hero-intro > .proo-static-hero__copy {
    height: auto !important;
    min-height: 0 !important;
    flex-basis: auto !important;
  }
}

.hero-video-story-variant .proo-gallery__art--software::after{display:none!important}
.hero-video-story-variant .proo-gallery__art--software{overflow:hidden}
.code-loom{position:absolute;inset:0;background:#201b13}
.code-loom>img{display:block;width:100%;height:100%;object-fit:cover}
.hero-video-story-variant .proo-gallery__stage:has(.code-loom){background:radial-gradient(ellipse at 60% 20%,#443321,#17150f 75%)!important}
.hero-video-story-variant .proo-gallery__arrow svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:1024px){
 html:has(.hero-video-story) #section-02 .posh-card::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(transparent 35%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.78));pointer-events:none}
}
@media(max-width:600px){
 html:has(.hero-video-story) #tech-main-wrapper .tech-inner{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;margin-inline:auto!important}
 html:has(.hero-video-story) #tech-main-wrapper .tech-inventory{width:100%!important;max-width:100%!important;margin-inline:0!important;box-sizing:border-box}
}
/* Static software composition; separate stone/olive surfaces retain contrast in either theme. */
.code-loom.software-study{background:#d8d8cd}
.code-loom.software-study>svg{display:block;width:100%;height:100%;object-fit:contain}
.code-loom.software-study text{stroke:none!important;stroke-width:0!important}
.hero-video-story-variant .proo-gallery__stage:has(.software-study){background:#596359!important}
.code-loom.software-study>svg{max-width:none!important;max-height:none!important;border:0!important;box-shadow:none!important;stroke:none!important}
.code-loom.software-study rect,.code-loom.software-study circle{stroke:none!important}
.hero-video-story-variant .proo-gallery__stage:has(.craft-still){background:#695b49!important}
.craft-still img{object-position:center center}
@media(min-width:1024px){.craft-still img{object-position:center 15%}}
.hero-video-story-variant .website-portrait{position:absolute;inset:0;background:#0f4b63}
.hero-video-story-variant .website-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
.hero-video-story-variant .proo-gallery__website--visual::before,.hero-video-story-variant .proo-gallery__website--visual::after{display:none!important}
.hero-video-story-variant [data-gallery-service="websites"] .proo-gallery__stage{background:#24576b!important}
@media(min-width:1024px){.hero-video-story-variant .website-portrait img{object-position:center 72%}}
/* Desktop frames pick up the artwork palette, with quiet depth rather than flat fills. */
@media(min-width:1024px){
 .hero-video-story-variant [data-gallery-service="ai"] .proo-gallery__stage{
  background:#b5a99c url("card03-fresco-background-v1.webp") center / cover no-repeat!important;
 }
 .hero-video-story-variant .proo-gallery__stage:has(.craft-still){
  background:#a3967d url("card01-marble-background-v3.webp") center / cover no-repeat!important;
 }
 .hero-video-story-variant [data-gallery-service="websites"] .proo-gallery__stage{
  background:#87928f!important;isolation:isolate;
 }
 .hero-video-story-variant [data-gallery-service="websites"] .proo-gallery__stage::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:url("card02-coastal-background-v2.webp") center / cover no-repeat;
  filter:saturate(1.2);
 }
 .hero-video-story-variant [data-gallery-service="formation"] .proo-gallery__stage{background:#285548!important;isolation:isolate}
 .hero-video-story-variant [data-gallery-service="formation"] .proo-gallery__stage::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:url("card05-harbour-background-v1.webp") center / cover no-repeat;
  filter:saturate(.82);
 }
}
.hero-video-story-variant .formation-portrait{background:#073c2b;overflow:hidden}
.hero-video-story-variant .formation-portrait img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 60%}
@media(min-width:1024px){
 .hero-video-story-variant .formation-portrait img{object-position:center 30%}
}


/* E-shop: digital still life inside, docked merchant ship on the desktop frame. */
.hero-video-story-variant .eshop-still-life { overflow:hidden; background:#8a5943; }
.hero-video-story-variant .eshop-still-life img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; }
@media(min-width:1024px) {
  .hero-video-story-variant [data-gallery-service="eshops"] .proo-gallery__stage { background:#31585c!important;isolation:isolate; }
  .hero-video-story-variant [data-gallery-service="eshops"] .proo-gallery__stage::before {
    content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
    background:url("eshop-docked-ship-v1.webp") center / cover no-repeat;
    filter:saturate(.65);
  }
  .hero-video-story-variant .eshop-still-life img { object-position:center 52%; }
}
.hero-video-story-variant .ai-card-beta { position:absolute; z-index:2; top:12%; left:0; right:0; text-align:center; color:#eeeae3; font-family:'Google Sans',Arial,sans-serif; font-size:clamp(20px,5.8vw,28px); font-weight:500; letter-spacing:-.02em; line-height:1.2; }
.hero-video-story-variant .ai-card-logos { position:absolute; z-index:2; bottom:12%; left:12%; right:12%; display:flex; align-items:center; justify-content:center; gap:clamp(12px,4vw,22px); }
.hero-video-story-variant .ai-card-logos img { display:block; flex:none; width:26px; height:26px; object-fit:contain; max-width:none; }

@media(min-width:1024px) {
  .hero-video-story-variant .ai-card-beta { top:10%; font-size:clamp(16px,1.4vw,24px); }
  .hero-video-story-variant .ai-card-logos { bottom:10%; gap:clamp(10px,1.2vw,20px); }
  .hero-video-story-variant .ai-card-logos img { width:clamp(18px,1.55vw,26px); height:clamp(18px,1.55vw,26px); }
}


/* Preserve the original sculptor crop. */
@media(min-width:1024px){.hero-video-story-variant .craft-still img{object-position:center 15%}}
.hero-video-story-variant .ai-card-beta{left:50%;right:auto;width:max-content;max-width:90%;transform:translateX(-50%);font-weight:700;letter-spacing:0;white-space:nowrap}



/* Selected three-column release: preserve desktop geometry and free all
   statue space below the existing desktop breakpoint. Parsed before paint. */
@media (max-width: 1023px) {
  html .statue-clone .hero-intro[data-desktop-statues-only] > .hero-statues,
  html .statue-clone .hero-intro[data-desktop-statues-only] > .hero-statue-base {
    display: none !important;
  }
}