main:has(>.architects){background:#f5f5ef}.architects{width:100%;max-width:var(--container-width);padding:80px var(--container-pad);margin:0 auto}.architects__intro{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:720px;margin:0 auto 56px;display:flex}.architects__intro h2,.architects__intro p{margin:0}.architects__intro .badge{background:#fff}.architects__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.architects__grid>li{display:flex}.architects__card{width:100%;color:inherit;background:#fff;border-radius:24px;flex-direction:column;padding:12px;text-decoration:none;transition:box-shadow .25s,transform .25s;display:flex;box-shadow:0 1px 2px #0000000a}.architects__card:hover,.architects__card:focus-visible{transform:translateY(-4px);box-shadow:0 16px 36px #0000001a}.architects__photos{aspect-ratio:4/3;border-radius:16px;gap:8px;display:grid;overflow:hidden}.architects__photos--2{grid-template-columns:2fr 1fr}.architects__photos--3{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr}.architects__photos--3 .architects__photo:first-child{grid-row:span 2}.architects__photo{background:#e9e9e1;border-radius:12px;position:relative;overflow:hidden}.architects__photo img{transition:transform .5s}.architects__card:hover .architects__photo img{transform:scale(1.04)}.architects__placeholder{color:#b3b3a8;background:#ecece4;border-radius:12px;justify-content:center;align-items:center;font-size:3rem;display:flex}.architects__placeholder i{height:1em}.architects__content{flex-direction:column;flex:1;padding:20px 12px 12px;display:flex}.architects__name{margin:0;font-size:clamp(1.2rem,1rem + .6vw,1.45rem);font-weight:600}.architects__count{color:var(--muted);margin:6px 0 0;font-size:.95rem}.architects__more{align-items:center;gap:10px;margin-top:auto;padding-top:18px;font-weight:600;display:flex}.architects__more i{height:1em;transition:transform .2s}.architects__card:hover .architects__more i{transform:translate(2px,-2px)}.architects__load-more{justify-content:center;margin-top:48px;display:flex}.architects__load-more .btn{cursor:pointer;border:none;font-family:inherit}@media (max-width:1024px){.architects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.architects{padding:48px var(--container-pad)}.architects__intro{margin-bottom:40px}}@media (max-width:640px){.architects__grid{grid-template-columns:1fr;gap:24px}}