/* Works page, sized against supplied Wix screenshots */
.works-main{width:min(630px,calc(100% - 36px));margin:0 auto;padding:62px 0 112px}.works-section h1,.works-heading{font-size:36px;line-height:1.2;letter-spacing:-.7px;font-weight:800;margin:0 0 36px}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:23px;row-gap:44px}.works-image{display:block;width:100%;aspect-ratio:1;overflow:hidden;background:#eee}.works-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.works-image:hover img{transform:scale(1.035)}.works-meta{font-size:12px;letter-spacing:2px;line-height:1.45;margin:11px 0 2px;color:#333}.works-meta span{color:#4b2cff;letter-spacing:1px}.case-card{display:flex;flex-direction:column;align-items:flex-start}.case-card h2,.other-card h3{font-size:16px;line-height:1.3;margin:0 0 14px;font-weight:800}.works-description{font-size:11px;line-height:1.65;color:#4a4a4a;margin:0 0 24px;flex:1}.works-button{background:#4b2cff;color:#fff;border-radius:5px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-block}.works-button:hover{background:#6b4bff}.works-other{margin-top:100px}.works-other .works-heading{margin-bottom:34px}.other-card h3{margin-bottom:0}.works-page footer{margin-top:0}@media(min-width:1100px){.works-main{width:630px}}@media(max-width:720px){.works-main{padding:45px 0 75px;width:min(560px,calc(100% - 36px))}.works-section h1,.works-heading{font-size:30px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.works-other{margin-top:65px}}@media(max-width:440px){.works-grid{grid-template-columns:1fr;gap:36px}.works-main{max-width:330px}.works-description{font-size:13px}.works-meta{font-size:12px}.case-card h2,.other-card h3{font-size:18px}.works-button{font-size:13px}}

/* v2 — match Wix Works proportions relative to existing header */
@media (min-width: 721px) {
  .works-main { width: min(900px, calc(100% - 64px)); padding-top: 62px; }
  .works-grid { column-gap: 32px; row-gap: 48px; }
  .works-section h1, .works-heading { font-size: 38px; font-weight: 650; letter-spacing: -0.55px; }
  .case-card h2, .other-card h3 { font-size: 20px; font-weight: 650; }
  .works-meta { font-size: 14px; }
  .works-description { font-size: 14px; line-height: 1.65; }
  .works-button { font-size: 13px; padding: 10px 16px; }
}
@media (max-width: 720px) {
  .works-section h1, .works-heading { font-weight: 650; }
  .case-card h2, .other-card h3 { font-weight: 650; }
}

/* HD thumbnail crops: retain originals, crop only in square display frame */
.works-image img{object-fit:cover;object-position:center center}
.works-image img[src="works-temptation-hd.jpg"],.works-image img[src="works-botched-hd.jpg"],.works-image img[src="works-giannis-hd.png"]{object-position:center 38%}
.works-image img[src="works-gudbois-animated.gif"]{object-position:center center}

/* Optimized animated GUDBOIS tile */
.works-image video.works-loop{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}


/* v14 — Wix-matched Works page type scale and spacing.
   Scoped exclusively to Works; retains cards, hover zoom, links and site footer. */
@media (min-width: 721px) {
  .works-page .works-main {
    width: min(950px, calc(100% - 64px));
    padding-top: 72px;
  }
  .works-page .works-grid {
    column-gap: 32px;
    row-gap: 50px;
  }
  .works-page .works-section h1,
  .works-page .works-heading {
    font-size: clamp(42px, 2.9vw, 49px);
    font-weight: 750;
    letter-spacing: -0.65px;
    line-height: 1.15;
    margin-bottom: 42px;
  }
  .works-page .works-meta {
    font-size: 14px;
    letter-spacing: 2.4px;
    line-height: 1.5;
    margin-top: 14px;
    margin-bottom: 4px;
  }
  .works-page .works-meta span {
    letter-spacing: 1.4px;
  }
  .works-page .case-card h2,
  .works-page .other-card h3 {
    font-size: 20px;
    letter-spacing: .05px;
    font-weight: 700;
    line-height: 1.3;
  }
  .works-page .works-description {
    font-size: 14px;
    line-height: 1.72;
    letter-spacing: .07px;
  }
  .works-page .works-button {
    font-size: 13px;
    letter-spacing: .1px;
  }
  .works-page .works-other {
    margin-top: 110px;
  }
}
@media (max-width: 720px) {
  .works-page .works-section h1,
  .works-page .works-heading {
    font-size: clamp(31px, 6.6vw, 38px);
    font-weight: 750;
    letter-spacing: -.4px;
  }
  .works-page .works-meta {letter-spacing: 1.4px;}
}

/* v15: lighter Wix-style section headings; keep v14 layout/cards */
.works-page .works-section h1,
.works-page .works-heading {
  font-weight: 600 !important;
  letter-spacing: -0.35px !important;
}
@media (min-width:721px) {
  .works-page .works-section h1,
  .works-page .works-heading {font-size: 40px !important;}
}
@media (max-width:720px) {
  .works-page .works-section h1,
  .works-page .works-heading {font-size:clamp(30px,6.4vw,37px) !important;}
}


/* v19 — same section-heading typography as homepage Featured Works. */
.works-page .works-section h1,
.works-page .works-heading {
  font-family: Metropolis, Arial, sans-serif !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  letter-spacing: -0.4px !important;
  line-height: 1.18 !important;
}
@media (max-width: 720px) {
  .works-page .works-section h1,
  .works-page .works-heading {
    font-size: clamp(30px, 7vw, 36px) !important;
  }
}

/* v31 — exact still-image interaction: fixed square, content-only zoom.
   No transform on .works-image frame; overflow stays clipped. */
.works-image:has(> video.works-loop) {
  transform: none !important;
  transition: none !important;
  overflow: hidden;
}
.works-image video.works-loop {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1) !important;
  transform-origin: center center;
  transition: transform .35s ease !important;
  backface-visibility: hidden;
  pointer-events: none;
}
.works-image:hover video.works-loop,
.works-image:focus-visible video.works-loop {
  transform: scale(1.035) !important;
}
@media (prefers-reduced-motion: reduce) {
  .works-image video.works-loop { transition: none !important; }
}

/* v32: animated WebP image uses same fixed-frame image zoom as still thumbnails.
   The video workaround above is unused; no scaling is applied to the square frame. */
.works-image > img[src="works-gudbois-animated-hover-v32.webp"] {
  display:block; width:100%;height:100%;object-fit:cover;
  transform:translateZ(0) scale(1);
  transition:transform .35s ease;
  transform-origin:center;
  backface-visibility:hidden;
}
.works-image:hover > img[src="works-gudbois-animated-hover-v32.webp"],
.works-image:focus-visible > img[src="works-gudbois-animated-hover-v32.webp"] {
  transform:translateZ(0) scale(1.12);
}
@media (prefers-reduced-motion:reduce) {
 .works-image > img[src="works-gudbois-animated-hover-v32.webp"] {transition:none;}
}


/* v33: Wix-inspired Works section headings + breathing room under navigation.
   Only the Works page is affected; card layouts, text and images remain unchanged. */
@media (min-width: 721px) {
  .works-page .works-main {
    padding-top: 108px; /* v32: 72px; adds 36px below header */
  }
  .works-page .works-section h1,
  .works-page .works-heading {
    font-size: 50px !important; /* v32: 42px */
  }
}