/* ===== The Kitchen — offset portrait grid, sage accent ===== */

body{background:var(--sand-deep)}

.team{padding-block:clamp(3.5rem,8vw,7rem)}
.team__intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:end;margin-bottom:clamp(3rem,6vw,5rem)}
.team__intro .eyebrow{color:var(--sage)}

.people{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,2.6rem)}
.person{position:relative}
.person:nth-child(3n+2){transform:translateY(clamp(1.5rem,4vw,4rem))}
.person__art{aspect-ratio:3/4;position:relative;overflow:hidden;background-color:var(--ink)}
.person__art::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,transparent 45%,rgba(21,18,16,.85));
  opacity:.9;transition:opacity .5s var(--ease)
}
.person:hover .person__art::before{opacity:1}
.person__tag{
  position:absolute;z-index:2;left:1.4rem;bottom:1.4rem;right:1.4rem;color:var(--paper)
}
.person__tag h3{font-size:1.7rem}
.person__tag span{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.person__bio{
  position:absolute;inset:0;z-index:3;background:rgba(21,18,16,.93);color:var(--sand);
  padding:2rem;display:flex;flex-direction:column;justify-content:center;gap:.8rem;
  opacity:0;transition:opacity .45s var(--ease)
}
.person:hover .person__bio,.person:focus-within .person__bio{opacity:1}
.person__bio p{font-size:.9rem;color:rgba(246,240,231,.75);margin:0}
.person__bio b{font-family:var(--display);font-size:1.5rem;color:var(--paper);font-weight:500}
.person__bio ul{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.35rem;
  font-size:.75rem;letter-spacing:.1em;color:var(--gold)}

/* philosophy strip */
.phil{background:var(--sage);color:var(--paper)}
.phil__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.phil h2{color:var(--paper)}
.phil .eyebrow{color:rgba(255,253,249,.75)}
.phil p{color:rgba(255,253,249,.85)}
.phil__num{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.5rem}
.phil__num b{display:block;font-family:var(--display);font-size:2.6rem;line-height:1}
.phil__num span{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;opacity:.8}

/* day in the kitchen */
.day{background:var(--paper)}
.day__list{margin-top:3rem;border-top:1px solid var(--line)}
.day__row{display:grid;grid-template-columns:7rem 1fr;gap:clamp(1.5rem,4vw,3rem);
  padding:1.6rem 0;border-bottom:1px solid var(--line);align-items:baseline}
.day__row time{font-family:var(--display);font-size:1.5rem;color:var(--clay)}
.day__row h3{font-size:1.25rem;margin-bottom:.3rem}
.day__row p{margin:0;color:var(--ink-soft);font-size:.94rem;max-width:70ch}

/* join us */
.join{background:var(--ink);color:var(--sand);text-align:center}
.join h2{color:var(--paper)}
.join p{color:rgba(246,240,231,.7)}
.join__roles{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:2.4rem 0}
.join__roles span{border:1px solid var(--line-dark);border-radius:999px;padding:.5rem 1.2rem;
  font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(246,240,231,.7)}

@media (max-width:1000px){
  .people{grid-template-columns:1fr 1fr}
  .person:nth-child(3n+2){transform:none}
  .person:nth-child(even){transform:translateY(2.5rem)}
}
@media (max-width:820px){
  .team__intro,.phil__grid{grid-template-columns:1fr}
  .day__row{grid-template-columns:5rem 1fr}
}
@media (max-width:600px){
  .people{grid-template-columns:1fr}
  .person:nth-child(even){transform:none}
  .person__bio{opacity:1;position:static;background:var(--ink);padding:1.6rem}
}