.architecture-section { padding-top:18px; }
.architecture-head { display:grid; grid-template-columns:.72fr 1.08fr; column-gap:40px; align-items:end; }
.architecture-head .eyebrow { grid-column:1; }
.architecture-head h2 { grid-column:1; margin-bottom:0; }
.architecture-head>p:last-child { grid-column:2; grid-row:1 / span 2; align-self:end; max-width:620px; margin:0 0 4px; color:var(--muted); font-size:1rem; line-height:1.55; }
.architecture-grid { display:grid; grid-template-columns:1.08fr .96fr .96fr; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.architecture-block { min-height:330px; padding:30px 30px 34px; border-left:1px solid var(--line); }
.architecture-block:first-child { border-left:0; padding-left:0; padding-right:40px; }
.architecture-number { margin:0 0 54px; color:var(--muted); font-size:.72rem; letter-spacing:.12em; }
.architecture-block h3 { margin:0 0 24px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.45rem,2vw,2rem); line-height:1.08; letter-spacing:-.03em; font-weight:500; }
.architecture-block ul { list-style:none; margin:0; padding:0; }
.architecture-block li { position:relative; margin:0; padding:11px 0 11px 16px; border-top:1px solid var(--line); color:#4d4841; font-size:.88rem; line-height:1.45; }
.architecture-block li::before { content:""; position:absolute; left:0; top:18px; width:4px; height:4px; border-radius:50%; background:var(--accent); }
@media (max-width:820px) {
  .architecture-head { display:block; }
  .architecture-head>p:last-child { margin-top:18px; }
  .architecture-grid { grid-template-columns:1fr; }
  .architecture-block,
  .architecture-block:first-child { min-height:0; padding:26px 0 30px; border-left:0; border-top:1px solid var(--line); }
  .architecture-block:first-child { border-top:0; }
  .architecture-number { margin-bottom:26px; }
}