/* Curated Our Work page — scoped to body.wk-page */
.wk-page .wk-main { max-width: 1240px; margin: 0 auto; padding: 130px 28px 40px; }
.wk-eyebrow { font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--cyan, #8de8f5); font-weight: 600; }
.wk-intro { max-width: 820px; margin: 0 auto 56px; text-align: center; }
.wk-intro h1 { font-size: clamp(34px, 5.2vw, 62px); line-height: 1.08; margin: 16px 0 18px; letter-spacing: -.02em; }
.wk-intro h1 em { font-style: normal; background: linear-gradient(90deg, var(--cyan, #8de8f5), var(--violet, #b9a2e9)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.wk-intro p { color: #c4cde0; font-size: clamp(16px, 1.6vw, 19px); line-height: 1.65; margin: 0 auto; max-width: 680px; }

.wk-flagship-card, .wk-card {
  display: block; color: inherit; text-decoration: none;
  background: linear-gradient(180deg, rgba(18,16,38,.78), rgba(8,9,20,.88));
  border: 1px solid rgba(185,162,233,.18); border-radius: 20px; overflow: hidden;
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.wk-flagship-card:hover, .wk-card:hover, .wk-flagship-card:focus-visible, .wk-card:focus-visible {
  transform: translateY(-5px); border-color: rgba(141,232,245,.55);
  box-shadow: 0 24px 60px rgba(0,0,0,.55), 0 0 36px rgba(141,232,245,.12); outline: none;
}
.wk-flagship-card:focus-visible, .wk-card:focus-visible { outline: 2px solid var(--cyan, #8de8f5); outline-offset: 3px; }
.wk-flagship-visual, .wk-card-visual { background: #060813; aspect-ratio: 16 / 9; overflow: hidden; }
.wk-flagship-visual img, .wk-card-visual img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform .6s ease; }
.wk-flagship-card:hover img, .wk-card:hover img { transform: scale(1.02); }

.wk-flagship { margin-bottom: 36px; }
.wk-flagship-card { display: grid; grid-template-columns: 1.45fr 1fr; align-items: stretch; }
.wk-flagship-body { padding: 44px 40px; display: flex; flex-direction: column; justify-content: center; gap: 14px; }
.wk-flagship-body h2 { font-size: clamp(32px, 3.6vw, 48px); margin: 0; line-height: 1.1; }

.wk-tagline { color: var(--cyan, #8de8f5); font-weight: 500; margin: 0; font-size: 15px; }
.wk-summary { color: #c4cde0; line-height: 1.6; margin: 0; font-size: 15px; }
.wk-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.wk-chip { display: inline-block; align-self: flex-start; font-size: 12px; font-weight: 600; padding: 5px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); color: #dfe6f5; background: rgba(255,255,255,.04); }
.wk-chip.is-founder { border-color: rgba(185,162,233,.5); color: #d9c9fb; }
.wk-chip.is-client { border-color: rgba(110,231,183,.45); color: #a9f0d1; }
.wk-chip.is-concept { border-color: rgba(141,232,245,.45); color: #bff3fa; }
.wk-chip.is-sample { border-color: rgba(245,158,11,.45); color: #f8cf88; }
.wk-cta { margin-top: auto; padding-top: 6px; color: #fff; font-weight: 600; font-size: 15px; }
.wk-flagship-body .wk-cta { margin-top: 10px; }
.wk-card:hover .wk-cta, .wk-flagship-card:hover .wk-cta { color: var(--cyan, #8de8f5); }

.wk-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.wk-card { display: flex; flex-direction: column; }
.wk-card-body { padding: 22px 24px 26px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.wk-card-body h3 { margin: 4px 0 0; font-size: 24px; }

.wk-final-cta { text-align: center; margin: 90px auto 50px; max-width: 760px; padding: 54px 32px; border-radius: 24px; border: 1px solid rgba(185,162,233,.2); background: radial-gradient(circle at 50% 0, rgba(141,232,245,.1), transparent 65%), rgba(10,10,24,.7); }
.wk-final-cta h2 { font-size: clamp(26px, 3.4vw, 38px); line-height: 1.2; margin: 0 0 14px; }
.wk-final-cta p { color: #c4cde0; line-height: 1.65; margin: 0 0 28px; }
.wk-cta-button { display: inline-block; padding: 14px 32px; border-radius: 999px; background: linear-gradient(90deg, var(--cyan, #8de8f5), var(--violet, #b9a2e9)); color: #070812; font-weight: 700; text-decoration: none; transition: transform .25s ease, box-shadow .25s ease; }
.wk-cta-button:hover, .wk-cta-button:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(141,232,245,.3); }

@media (max-width: 1100px) {
  .wk-flagship-card { grid-template-columns: 1fr; }
  .wk-flagship-body { padding: 30px 28px 34px; }
}
@media (max-width: 1100px) { .wk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .wk-page .wk-main { padding: 110px 16px 30px; }
  .wk-grid { grid-template-columns: 1fr; gap: 22px; }
  .wk-intro { margin-bottom: 36px; }
  .wk-final-cta { margin-top: 60px; padding: 38px 20px; }
}
@media (prefers-reduced-motion: reduce) { .wk-flagship-card, .wk-card, .wk-card img, .wk-cta-button { transition: none; } }