.phil{
  max-width:var(--container-max);
  margin:0 auto;
  padding:0 var(--container-x) 140px;
}

.phil-hero{
  margin:64px 0 110px;
  display:grid;
  grid-template-columns:minmax(320px, .9fr) minmax(0, 1.1fr);
  gap:clamp(44px, 6vw, 96px);
  align-items:center;
}
.phil-hero-media{
  overflow:hidden;
  background:var(--bg-2);
  aspect-ratio:5/4;
}
.phil-hero-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
.phil-hero h1{
  font-family:'Manrope',sans-serif;
  font-weight:300;
  font-size:clamp(48px, 6vw, 92px);
  letter-spacing:-.028em;
  line-height:1.02;
  color:var(--ink);
  margin:0 0 30px;
}
.phil-hero h1 em{font-style:italic;color:var(--gold);font-weight:400}
.phil-hero p{
  font-family:'Manrope',sans-serif;
  font-weight:300;
  font-size:clamp(19px, 1.65vw, 24px);
  line-height:1.55;
  color:var(--text);
  margin:0;
  letter-spacing:-.005em;
  max-width:660px;
}

.phil-grid{
  display:grid;
  gap:0;
  border-top:1px solid var(--line);
}
.phil-card{
  display:grid;
  grid-template-columns:minmax(220px, .58fr) minmax(0, 1fr);
  gap:clamp(28px, 5vw, 88px);
  align-items:start;
  padding:clamp(44px, 6vw, 78px) 0;
  border-bottom:1px solid var(--line);
}
.phil-card:nth-child(even){
  grid-template-columns:minmax(0, 1fr) minmax(220px, .58fr);
}
.phil-card:nth-child(even) .phil-card-head{grid-column:2}
.phil-card:nth-child(even) p{grid-column:1;grid-row:1}
.phil-card-head{
  position:sticky;
  top:calc(var(--nav-height) + 28px);
}
.phil-num{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:20px;
}
.phil-card h2{
  font-family:'Manrope',sans-serif;
  font-weight:400;
  font-size:clamp(32px, 4vw, 58px);
  letter-spacing:-.025em;
  line-height:1.02;
  color:var(--ink);
  margin:0;
}
.phil-card h2 em{font-style:italic;color:var(--gold);font-weight:400}
.phil-card p{
  font-family:'Manrope',sans-serif;
  font-weight:300;
  font-size:clamp(18px, 1.45vw, 22px);
  line-height:1.7;
  color:var(--text);
  margin:0;
  letter-spacing:-.005em;
  max-width:700px;
}

.phil-pledge{
  margin-top:84px;
  padding:clamp(50px, 7vw, 92px) 0 0;
}
.phil-pledge p{
  font-family:'Manrope',sans-serif;
  font-weight:300;
  font-size:clamp(28px, 4vw, 56px);
  letter-spacing:-.025em;
  line-height:1.16;
  color:var(--ink);
  margin:0;
  max-width:1040px;
}
.phil-pledge p::before{
  content:"";
  display:block;
  width:72px;
  height:2px;
  background:var(--gold);
  margin-bottom:30px;
}

@media (max-width:880px){
  .phil-hero{
    grid-template-columns:1fr;
    gap:34px;
    margin-bottom:78px;
  }
  .phil-card,
  .phil-card:nth-child(even){
    grid-template-columns:1fr;
    gap:22px;
  }
  .phil-card:nth-child(even) .phil-card-head,
  .phil-card:nth-child(even) p{
    grid-column:auto;
    grid-row:auto;
  }
  .phil-card-head{position:static}
}