/* ═════════════════════════════════════
   FOVEA v3 — Workers page
   Human. Warm. Generous whitespace.
   ═════════════════════════════════════ */

/* ── HERO ────────────────────────────────────────────── */
.w-hero {
  position: relative;
  padding-top: clamp(5rem, 12vw, 9rem);
  padding-bottom: clamp(3rem, 7vw, 6rem);
  overflow: hidden;
}

/* Documentary image fills the right column */
.w-hero .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: var(--s12);
  position: relative;
  z-index: 1;
}

/* Warm ambient glow */
.w-hero__orb {
  position: absolute;
  top: -10%;
  left: -15%;
  width: 70vw;
  height: 70vw;
  max-width: 800px;
  max-height: 800px;
  background: radial-gradient(ellipse at 30% 40%,
    rgba(200,134,10,0.1) 0%,
    rgba(200,134,10,0.04) 40%,
    transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* ── Left: text content ── */
.w-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.w-hero__h1 {
  font-size: var(--text-3xl);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.05;
  color: var(--text);
  margin-bottom: var(--s5);
}
.w-hero__accent { color: var(--warm); }

.w-hero__sub {
  font-size: var(--text-lg);
  color: var(--text-2);
  line-height: 1.65;
  font-weight: 300;
  max-width: 46ch;
  margin-bottom: var(--s8);
}

/* ── Right: documentary photo ── */
.w-hero__photo {
  position: relative;
  border-radius: var(--r-xl);
  overflow: hidden;
  aspect-ratio: 4/3;
  box-shadow: 0 20px 60px rgba(15,17,23,0.12);
}
.w-hero__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.85) brightness(0.98);
  transition: filter 0.6s;
}
.w-hero__photo:hover img { filter:saturate(1) brightness(1); }

/* Overlay caption */
.w-hero__photo-caption {
  position: absolute;
  bottom: var(--s4);
  left: var(--s4);
  right: var(--s4);
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(12px);
  border-radius: var(--r-md);
  padding: var(--s3) var(--s4);
  display: flex;
  align-items: center;
  gap: var(--s3);
}
.w-hero__photo-rec {
  font-family: var(--f-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.1em;
  color: var(--red, #DC2626);
  display: flex;
  align-items: center;
  gap: var(--s2);
}
.w-hero__photo-rec::before {
  content:'';
  width:7px; height:7px; border-radius:50%;
  background:var(--red, #DC2626);
  animation: pulse-anim 1.4s ease-in-out infinite;
}
.w-hero__photo-label {
  font-family: var(--f-mono);
  font-size: var(--text-xs);
  color: var(--text-2);
  letter-spacing: 0.06em;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.w-hero__photo-timer {
  font-family: var(--f-mono);
  font-size: var(--text-xs);
  color: var(--text-3);
  letter-spacing: 0.08em;
}

/* Mobile: stack vertically */
@media (max-width:820px) {
  .w-hero .container { grid-template-columns:1fr; }
  .w-hero__photo { max-width:480px; }
}

/* ── HOW TO EARN ──────────────────────────────────────── */
.w-how {
  padding-block: var(--section-pad);
  background: var(--bg-3);
}

.w-how .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s16);
  align-items: start;
}

.w-how__copy { }
.w-how__title { font-size:var(--text-2xl); font-weight:700; letter-spacing:-0.03em; margin-bottom:var(--s4); }
.w-how__intro { font-size:var(--text-base); color:var(--text-2); line-height:1.7; font-weight:300; max-width:46ch; }

@media (max-width:820px) {
  .w-how .container { grid-template-columns:1fr; }
}

/* ── PHOTO COLLAGE — second image ─────────────────────── */
.w-collage {
  padding-block: var(--section-pad);
}
.w-collage .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s12);
  align-items: center;
}
.w-collage__photo {
  position: relative;
  border-radius: var(--r-xl);
  overflow: hidden;
  aspect-ratio: 4/3;
  box-shadow: 0 16px 48px rgba(15,17,23,0.1);
}
.w-collage__photo img {
  width:100%; height:100%; object-fit:cover;
  filter:saturate(0.8) brightness(0.98);
}
.w-collage__copy {}
.w-collage__title { font-size:var(--text-xl); font-weight:700; letter-spacing:-0.025em; margin-bottom:var(--s4); }
.w-collage__body  { font-size:var(--text-base); color:var(--text-2); line-height:1.75; font-weight:300; max-width:44ch; }

@media (max-width:820px) {
  .w-collage .container { grid-template-columns:1fr; }
}

/* ── FEATURE GRID ────────────────────────────────────── */
.w-features { padding-block:var(--section-pad); }
.w-features__title { font-size:var(--text-2xl); font-weight:700; letter-spacing:-0.03em; margin-bottom:var(--s4); }
.w-features__intro { font-size:var(--text-base); color:var(--text-2); font-weight:300; margin-bottom:var(--s10); line-height:1.7; max-width:52ch; }

.w-features__grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--s5);
  align-items: stretch;
}
.w-feature-card {
  background: var(--bg-2);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  padding: var(--s7, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: var(--s3);
  transition: border-color var(--t), transform var(--t), box-shadow var(--t);
}
.w-feature-card:hover { transform:translateY(-2px); border-color:rgba(200,134,10,0.3); box-shadow:0 8px 32px rgba(15,17,23,0.07); }
.w-feature-card__icon {
  width:36px; height:36px; border-radius:var(--r-md);
  background:var(--warm-light);
  display:flex; align-items:center; justify-content:center;
  color:var(--warm); flex-shrink:0;
}
.w-feature-card__title { font-family:var(--f-display); font-size:var(--text-base); font-weight:600; color:var(--text); }
.w-feature-card__body  { font-size:var(--text-sm); color:var(--text-2); line-height:1.7; flex:1; }

@media (max-width:720px) { .w-features__grid { grid-template-columns:1fr; } }

/* ── EARNINGS PREVIEW ────────────────────────────────── */
.w-earnings {
  padding-block: var(--section-pad);
  background: var(--bg-dark);
  overflow: hidden;
}
.w-earnings .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s12);
  align-items: center;
}
.w-earnings__copy { color:var(--text-inv); }
.w-earnings__copy h2 { font-size:var(--text-2xl); font-weight:700; letter-spacing:-0.03em; margin-bottom:var(--s4); }
.w-earnings__copy p  { font-size:var(--text-base); color:rgba(245,246,248,0.6); line-height:1.75; font-weight:300; max-width:44ch; margin-bottom:var(--s8); }

/* Earnings card */
.w-earnings__card {
  background: rgba(245,246,248,0.05);
  border: 1px solid rgba(245,246,248,0.1);
  border-radius: var(--r-xl);
  padding: var(--s8);
}
.w-earnings__card-header {
  font-family: var(--f-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(245,246,248,0.35);
  margin-bottom: var(--s6);
  display:flex; align-items:center; gap:var(--s2);
}
.w-earnings__amount {
  font-family: var(--f-display);
  font-size: var(--text-hero);
  font-weight: 700;
  color: var(--warm-mid);
  letter-spacing: -0.05em;
  line-height: 1;
  margin-bottom: var(--s2);
}
.w-earnings__period {
  font-family: var(--f-mono);
  font-size: var(--text-sm);
  color: rgba(245,246,248,0.35);
  letter-spacing: 0.06em;
  margin-bottom: var(--s6);
}
.w-earnings__breakdown { display:flex; flex-direction:column; gap:var(--s3); }
.w-earnings__row {
  display:flex; justify-content:space-between; align-items:center;
  padding:var(--s3) var(--s4);
  background:rgba(245,246,248,0.03); border-radius:var(--r-md);
  font-size:var(--text-sm);
}
.w-earnings__row-label { color:rgba(245,246,248,0.5); }
.w-earnings__row-val { font-family:var(--f-mono); color:rgba(245,246,248,0.8); font-weight:500; }

@media (max-width:820px) {
  .w-earnings .container { grid-template-columns:1fr; }
}

/* ── WAITLIST FORM ───────────────────────────────────── */
.w-waitlist {
  padding-block: var(--section-pad);
  background: var(--bg-3);
}
.w-waitlist__inner {
  max-width: 560px;
  margin-inline: auto;
  text-align: center;
}
.w-waitlist__title { font-size:var(--text-2xl); font-weight:700; letter-spacing:-0.03em; margin-bottom:var(--s3); }
.w-waitlist__sub   { font-size:var(--text-base); color:var(--text-2); line-height:1.7; font-weight:300; margin-bottom:var(--s8); }
.w-waitlist__form  {
  background:var(--bg-2); border:1px solid var(--border);
  border-radius:var(--r-xl); padding:var(--s8);
  text-align:left;
}
.w-waitlist__fields { display:flex; flex-direction:column; gap:var(--s4); margin-bottom:var(--s4); }
.w-waitlist__row { display:grid; grid-template-columns:1fr 1fr; gap:var(--s4); }
.w-waitlist__hint { font-family:var(--f-mono); font-size:var(--text-xs); letter-spacing:0.06em; color:var(--text-3); text-align:center; margin-top:var(--s3); }

@media (max-width:540px) { .w-waitlist__row { grid-template-columns:1fr; } }