:root{
    --green:#ADD786;
    --dark:#290611;
    --white:#ffffff;
    --text-muted:#6b6b6b;
  }
  *{box-sizing:border-box;}
  body{margin:0;font-family:'Segoe UI',Arial,sans-serif;background:#f5f5f2;}
 .hw-heading{ text-align:center; position:relative; z-index:3; margin-bottom:60px;}
.hw-heading .eyebrow{
  font-family:'Space Mono',monospace;
  font-size:clamp(.85rem, .78rem + .25vw, 1.05rem);
  letter-spacing:.12em;
  color:var(--green);
  display:block;
  margin-bottom:10px;
}
.hw-heading .eyebrow::before{ content:"// "; opacity:.7; }
.hw-heading h2{
  font-family:'Playfair Display',serif;
  font-weight:900;
  font-size:clamp(2.2rem, 1.6rem + 2.4vw, 4.6rem);
  color:var(--white);
  margin:0 0 8px;
}
.hw-heading p{
  color:var(--white);
  margin:0;
  font-size:clamp(.9rem, .82rem + .3vw, 1.2rem);
  font-family:'Space Mono',monospace;
}
 
  .container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* ===== HOW WE WORK ===== */
#how-we-work { background: radial-gradient(
    ellipse 55% 160% at 50% 50%,
    #290611 20%,
    #4A3A2E 40%,
    #6B6F4C 60%,
    #8CA369 80%,
    #ADD786 100%
  ); padding: 90px 0 0; }
#how-we-work .container.heading-wrap{ padding-bottom:50px; }
.hw-heading{ text-align:center; position:relative; z-index:3; margin-bottom:60px;}
.hw-heading .eyebrow{
  font-family:'Space Mono',monospace;
  font-size:clamp(.85rem, .78rem + .25vw, 1.05rem);
  letter-spacing:.12em;
  color:var(--green);
  display:block;
  margin-bottom:10px;
}
.hw-heading .eyebrow::before{ content:"// "; opacity:.7; }
.hw-heading h2{
  font-family:'Playfair Display',serif;
  font-weight:900;
  font-size:clamp(2.2rem, 1.6rem + 2.4vw, 4.6rem);
  color:var(--white);
  margin:0 0 8px;
}
.hw-heading p{
  color:var(--white);
  margin:0;
  font-size:clamp(.9rem, .82rem + .3vw, 1.2rem);
  font-family:'Space Mono',monospace;
}
  
 
.work-row{
  display:flex;
  min-height:560px;
  width:100%;
}
.work-row:nth-child(odd){ flex-direction:row; background:var(--dark); }
.work-row:nth-child(even){ flex-direction:row-reverse; background:var(--green); }

.work-media{
  flex:0 0 42%;
  width:42%;
  max-width:42%;
  flex-shrink:0;
  position:relative;
  overflow:hidden;
}
.work-media-inner{
  aspect-ratio: 1/1;
  width:100%;
  height:100%;
  position:relative;
}
.work-media-inner img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:contain;
  transition:transform .5s ease;
}
.work-row:hover .work-media-inner img{ transform:scale(1.06); }

.work-media::after{
  content:"";
  position:absolute; inset:0;
}
.work-row:nth-child(odd) .work-media::after{
  background:linear-gradient(to right, transparent 70%, var(--dark) 100%);
}
.work-row:nth-child(even) .work-media::after{
  background:linear-gradient(to left, transparent 70%, var(--green) 100%);
}

.work-content{
  flex:1;
  display:flex;
  align-items:center;
  padding:40px 60px;
  gap:26px;
}
.work-row:nth-child(even) .work-content{ flex-direction:row-reverse; text-align:right; }

.work-num{
  flex:0 0 auto;
  width:clamp(64px, 3.2vw, 90px);
  height:clamp(64px, 3.2vw, 90px);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:'Playfair Display',serif;
  font-weight:700;
  font-size:clamp(1.6rem, 1.3rem + .8vw, 2.4rem);
  border:2px solid currentColor;
}
.work-row:nth-child(odd) .work-num{ color:var(--white); }
.work-row:nth-child(even) .work-num{ color:var(--dark); }

.work-text h3{
  margin:0 0 8px;
  font-size:clamp(2.2rem, 1.7rem + 1.6vw, 3.8rem);
  font-weight:700;
}
.work-text p{
  margin:0;
  font-size:clamp(1rem, 0.95rem + 0.4vw, 1.3rem);
  line-height:1.6;
  max-width:auto;
}
.work-row:nth-child(odd) .work-text h3,
.work-row:nth-child(odd) .work-text p{ color:var(--white); }
.work-row:nth-child(even) .work-text h3,
.work-row:nth-child(even) .work-text p{ color:var(--dark); }
.work-row:nth-child(odd) .work-text p{ color:rgba(255,255,255,.75); }
.work-row:nth-child(even) .work-text p{ color:var(--dark); }


 @media (max-width: 860px){
  
  .work-row,
  .work-row:nth-child(odd),
  .work-row:nth-child(even){
    flex-direction:column;
    min-height:auto;
  }
  .work-media{
    flex:0 0 auto;
    width:100%;
    max-width:100%;
    height:auto;
  }
  .work-media-inner{
    aspect-ratio: 1/1;
    width:100%;
    height:auto;
  }
  .work-media::after{ display:none; }
  .work-content,
  .work-row:nth-child(odd) .work-content,
  .work-row:nth-child(even) .work-content{
    flex:1 1 auto;
    flex-direction:row;
    text-align:left;
    padding:26px 24px;
  }
  .work-text{ text-align:left !important; }
  .work-text h3{font-size: 2rem;}
  .work-text p{font-size: 1.2rem;font-weight:500;}
  .work-num{ width:52px; height:52px; font-size:1.3rem; }
}

@media (max-width: 480px){
 
  .work-content,
  .work-row:nth-child(odd) .work-content,
  .work-row:nth-child(even) .work-content{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
}