.wonder-introduction{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center;margin-bottom:70px}
.wonder-introduction .archive-image img{height:auto;max-height:none}
.wonder-introduction figcaption{padding-top:0}
.wonder-introduction-copy>.eyebrow{font-size:11px;color:#84642e;margin-bottom:18px}
.wonder-introduction-copy h2{font:400 clamp(35px,3.8vw,54px)/1.08 var(--serif);margin:0 0 24px}
.wonder-introduction-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 20px}
.wonder-collection>h2{font:400 clamp(34px,3.7vw,52px)/1.1 var(--serif);margin:0 0 30px}
.wonder-list{list-style:none;padding:0;margin:0;border-top:1px solid #b3955b66}
.wonder-list>li{display:grid;grid-template-columns:44px 1fr 1fr;gap:28px;padding:32px 0;border-bottom:1px solid #b3955b66;scroll-margin-top:24px}
.wonder-number{font-size:12px;letter-spacing:.12em;color:#84642e;padding-top:5px}
.wonder-name .eyebrow{font-size:11px;color:#84642e;margin:0 0 12px}
.wonder-name h3{font:500 clamp(29px,2.8vw,38px)/1.15 var(--serif);margin:0 0 12px}
.wonder-year{font-size:14px;color:var(--muted);margin:0}
.wonder-description p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 12px}
.wonder-description .wonder-architect{font-size:14px;font-weight:600;color:var(--deep)}
@media(max-width:760px){.wonder-introduction{grid-template-columns:1fr;gap:28px;margin-bottom:45px}.wonder-introduction-copy h2{font-size:38px}.wonder-list>li{grid-template-columns:28px 1fr;gap:18px;padding:28px 0}.wonder-description{grid-column:2}.wonder-collection>h2{font-size:36px}.wonder-name h3{font-size:32px}}