/* Aura IA Deployment 3.3 — Overview: How I Work
   Scope: content presentation only. Preserves D3.2 baseline and existing site architecture. */

.overview-how-i-work{
  background:var(--paper);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  display:grid;
  grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);
  gap:8vw;
  padding:110px 7vw;
}

.overview-how-heading{align-self:start}
.overview-how-heading .eyebrow{color:var(--gold);margin-bottom:18px}
.overview-how-heading h2{
  color:var(--forest-deep);
  letter-spacing:-.045em;
  margin:0;
  font-size:clamp(48px,5vw,76px);
  line-height:.96;
}

.overview-how-copy{max-width:820px}
.overview-how-copy>p{
  color:var(--ink);
  margin:0 0 24px;
  font-size:15px;
  line-height:1.85;
}
.overview-how-copy .overview-how-lead{
  color:var(--forest);
  font:600 clamp(27px,2.7vw,39px)/1.18 "Cormorant Garamond",serif;
  letter-spacing:-.02em;
  margin-bottom:34px;
}
.overview-how-question{
  border-left:3px solid var(--gold);
  background:var(--cream);
  margin:40px 0;
  padding:28px 32px;
}
.overview-how-question>p{
  color:var(--olive);
  margin:0 0 17px;
  font-size:13px;
  line-height:1.75;
}
.overview-how-question blockquote{
  color:var(--forest-deep);
  margin:0;
  font:600 clamp(28px,3vw,43px)/1.08 "Cormorant Garamond",serif;
  letter-spacing:-.025em;
}

@media (max-width:950px){
  .overview-how-i-work{grid-template-columns:1fr;gap:42px;padding:90px 7vw}
  .overview-how-copy{max-width:none}
}

@media (max-width:600px){
  .overview-how-i-work{gap:32px;padding:76px 24px}
  .overview-how-heading h2{font-size:48px}
  .overview-how-copy>p{font-size:15px;line-height:1.78;margin-bottom:22px}
  .overview-how-copy .overview-how-lead{font-size:30px;line-height:1.17;margin-bottom:30px}
  .overview-how-question{margin:32px 0;padding:24px 20px}
  .overview-how-question blockquote{font-size:31px}
}