.architecture-faq { padding-top:76px; padding-bottom:96px; }
.architecture-faq-hero { display:grid; grid-template-columns:.72fr 1.08fr; column-gap:40px; align-items:end; padding-bottom:54px; }
.architecture-faq-hero .eyebrow { grid-column:1; }
.architecture-faq-hero h1 { grid-column:1; margin:0; max-width:560px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.7rem,5vw,5rem); line-height:.98; letter-spacing:-.055em; font-weight:500; }
.architecture-faq-hero>p:last-child { grid-column:2; grid-row:1 / span 2; max-width:610px; margin:0 0 7px; color:var(--muted); font-size:1.02rem; line-height:1.6; }
.architecture-faq-list { border-top:1px solid var(--line); }
.architecture-faq-item { display:grid; grid-template-columns:90px minmax(0,1fr); gap:28px; padding:34px 0 38px; border-bottom:1px solid var(--line); }
.architecture-faq-item>span { padding-top:6px; color:var(--muted); font-size:.72rem; letter-spacing:.12em; }
.architecture-faq-item>div { display:grid; grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr); gap:42px; }
.architecture-faq-item h2 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.45rem,2.2vw,2.15rem); line-height:1.08; letter-spacing:-.035em; font-weight:500; }
.architecture-faq-item p { margin:0; max-width:720px; color:#4d4841; font-size:.96rem; line-height:1.62; }
@media (max-width:820px) {
  .architecture-faq { padding-top:48px; padding-bottom:70px; }
  .architecture-faq-hero { display:block; padding-bottom:38px; }
  .architecture-faq-hero>p:last-child { margin-top:22px; }
  .architecture-faq-item { grid-template-columns:44px minmax(0,1fr); gap:14px; padding:26px 0 30px; }
  .architecture-faq-item>div { display:block; }
  .architecture-faq-item h2 { margin-bottom:14px; }
}