.astate{ max-width:1000px; margin:0 auto; text-align:center }
.astate h1{ font-family:'Instrument Serif',serif; font-size:clamp(26px,3.6vw,42px); line-height:1.3; margin:0; font-weight:400 }
.astate em{ color:var(--teal) }
.kyle{ display:grid; grid-template-columns:300px minmax(0,1fr); gap:56px; align-items:center;
       background:rgba(255,255,255,.55); border:1px solid var(--line); border-radius:28px; padding:44px }
.kyle-media{ position:relative; cursor:pointer }
.kyle-media img{ width:300px; height:340px; object-fit:cover; object-position:60% 30%; border-radius:20px; display:block }
.kyle blockquote{ font-family:'Instrument Serif',serif; font-size:clamp(24px,2.4vw,32px); line-height:1.3; margin:0 0 20px }
.kyle blockquote em{ color:var(--teal) }
.cred{ font-size:15px; font-weight:700 }
.cred em{ font-style:normal; color:var(--teal) }
.photos{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px }
.photos img{ width:100%; height:360px; object-fit:cover; border-radius:22px; display:block }
.vals{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px }
.vals .card{ padding:28px }
.vals .hd{ font-family:'Instrument Serif',serif; font-size:24px; margin-bottom:8px; color:var(--teal) }
.vals p{ font-size:14px; color:var(--muted); line-height:1.6; margin:0 }
@media (max-width:980px){
  .kyle{ grid-template-columns:1fr; gap:26px; padding:28px }
  .kyle-media img{ width:100%; height:300px }
  .photos{ grid-template-columns:1fr } .photos img{ height:240px }
  .vals{ grid-template-columns:1fr }
}