.ap-culture .ap-hero{background:var(--ap-ivory);color:var(--ap-ink);min-height:580px}
.ap-culture .ap-hero-coin{max-width:480px}
.ap-culture .ap-reading{border-top:1px solid var(--ap-brass);padding-top:20px}
.ap-culture .ap-reading p{font-size:24px}
.ap-culture .ap-hero h1{font-size:clamp(50px,6vw,88px)}
.ap-culture .ap-hero figcaption{letter-spacing:.08em}
.ap-culture .ap-anatomy{padding-top:55px;padding-bottom:55px}
.ap-culture .ap-details{gap:28px}
.ap-culture .ap-detail-copy p{font-size:16px;line-height:1.4}
.ap-culture .ap-window{border-radius:0;background:#ede9df}
.ap-culture .ap-whole{max-width:480px}
.ap-culture .ap-design-copy .ap-note{margin-top:20px}
.ap-culture .ap-place{display:grid;grid-template-columns:1fr 1.05fr;gap:35px 7vw;padding:55px var(--ap-pad) 30px;background:#e9e2d4;color:var(--ap-ink)}
.cp-context-heading{align-self:start}
.cp-context-heading>p:not(.ap-kicker){font-size:21px;line-height:1.5;max-width:33em}
.ap-culture .ap-place .ap-kicker{color:var(--ap-brass)}
.cp-context-panels{display:grid;gap:30px}
.cp-context-panels article{position:relative;border-top:1px solid var(--ap-brass);padding:22px 0 0 54px}
.cp-index{position:absolute;left:0;top:14px;font-size:32px;color:var(--ap-brass);font-style:italic}
.cp-context-panels h3{font-size:28px;font-weight:400;line-height:1.16;margin-bottom:15px}
.cp-context-panels p{font-size:19px;line-height:1.5}
.cp-source{font:11px/1.7 var(--ap-sans);display:inline-block;margin-top:18px;max-width:100%}
.ap-culture .ap-chronology{grid-column:1/-1;color:var(--ap-ink);background:transparent;border:0;border-top:1px solid #a8957b;padding:28px 0 0;gap:35px}
.ap-culture .ap-chronology li{border-right:1px solid #a8957b;padding-right:24px}
.ap-culture .ap-chronology li:last-child{border:0}
.ap-culture .ap-chronology b{font-size:clamp(44px,5vw,76px);letter-spacing:-.035em}
.ap-culture .ap-chronology span{font-size:13px;margin-top:5px}
.cp-boundary{grid-column:1/-1;font:12px/1.6 var(--ap-sans);max-width:90em;border-top:1px solid #a8957b80;padding-top:18px}


.ap-settlement .ap-hero-layout{grid-template-columns:1fr 1.08fr;gap:24px 8vw}
.ap-settlement .ap-hero-coin{grid-column:2;grid-row:1/3}
.ap-settlement .ap-reading{max-width:540px}
.ap-settlement .ap-anatomy{grid-template-columns:1fr 1fr;background:#fffaf0}
.ap-settlement .ap-design-copy{max-width:560px}
.ap-settlement .ap-whole{max-width:375px}
.ap-settlement .ap-details{grid-column:1/-1;grid-template-columns:repeat(3,1fr);padding-top:28px;border-top:1px solid var(--ap-line)}
.ap-settlement .ap-detail-row{grid-template-columns:125px 1fr}
.ap-settlement .ap-window{width:125px;height:145px}
.ap-settlement .ap-place{grid-template-columns:.9fr 1.1fr}


.ap-earthwork .ap-hero{background:#e9ede4}
.ap-earthwork .ap-hero-layout{grid-template-columns:1fr 1.15fr .55fr}
.ap-earthwork .ap-hero-coin{max-width:490px}
.ap-earthwork .ap-reading p{font-size:22px}
.ap-earthwork .ap-anatomy{grid-template-columns:1.13fr 1fr;gap:25px 6vw}
.ap-earthwork .ap-design-copy{grid-column:2}
.ap-earthwork .ap-whole{grid-column:1;grid-row:1/3;max-width:540px}
.ap-earthwork .ap-details{grid-column:2}
.ap-earthwork .ap-detail-row{grid-template-columns:130px 1fr}
.ap-earthwork .ap-window{width:130px;height:100px}
.ap-earthwork .ap-place{background:#163d37;color:var(--ap-ivory)}
.ap-earthwork .ap-place .ap-kicker,.ap-earthwork .cp-index{color:#dfc89f}
.ap-earthwork .ap-chronology{color:var(--ap-ivory)}
.ap-earthwork .cp-context-panels article{border-color:#c4b290}


.ap-symbols .ap-hero-layout{grid-template-columns:1fr 1.05fr .65fr}
.ap-symbols .ap-anatomy{grid-template-columns:1fr 1.15fr 1fr;gap:35px 30px}
.ap-symbols .ap-design-copy{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 10vw}
.ap-symbols .ap-design-copy .ap-kicker{grid-column:1}
.ap-symbols .ap-design-copy h2{grid-column:1;grid-row:2/4}
.ap-symbols .ap-design-copy .ap-lead{grid-column:2;grid-row:1/3}
.ap-symbols .ap-design-copy .ap-note{grid-column:2;margin-top:10px}
.ap-symbols .ap-whole{grid-column:2;grid-row:2/4;max-width:470px}
.ap-symbols .ap-details{display:contents}
.ap-symbols .ap-detail-row{display:block}
.ap-symbols .ap-detail-row:nth-child(1){grid-column:1;grid-row:2}
.ap-symbols .ap-detail-row:nth-child(2){grid-column:3;grid-row:2}
.ap-symbols .ap-detail-row:nth-child(3){grid-column:1;grid-row:3}
.ap-symbols .ap-detail-row:nth-child(4){grid-column:3;grid-row:3}
.ap-symbols .ap-window{width:130px;height:130px;margin-bottom:16px}
.ap-symbols .ap-detail-copy p{max-width:21em}
.ap-symbols .ap-place{grid-template-columns:1fr}
.ap-symbols .cp-context-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 8vw}
.ap-symbols .cp-context-heading .ap-kicker{grid-column:1}
.ap-symbols .cp-context-heading h2{grid-column:1;grid-row:2}
.ap-symbols .cp-context-heading>p:not(.ap-kicker){grid-column:2;grid-row:1/3}
.ap-symbols .cp-context-panels{grid-template-columns:1fr 1fr;gap:8vw}


.ap-stewardship .ap-hero{background:#163d37;color:var(--ap-ivory)}
.ap-stewardship .ap-hero-layout{grid-template-columns:1fr 1.15fr;gap:20px 6vw}
.ap-stewardship .ap-hero-coin{grid-column:1;grid-row:1/3;max-width:450px}
.ap-stewardship .ap-hero-copy{grid-column:2;grid-row:1;max-width:none}
.ap-stewardship .ap-hero h1{font-size:clamp(46px,5vw,75px)}
.ap-stewardship .ap-reading{grid-column:2;grid-row:2}
.ap-stewardship .ap-anatomy{grid-template-columns:.95fr 1.05fr 1fr}
.ap-stewardship .ap-window{border-radius:50%}
.ap-stewardship .ap-place{grid-template-columns:1.4fr .6fr}
.ap-stewardship .cp-context-heading{grid-column:1}
.ap-stewardship .cp-context-panels{grid-column:1;grid-template-columns:1fr 1fr;gap:32px}
.ap-stewardship .cp-context-panels article{padding-left:0}
.ap-stewardship .cp-index{position:static;display:block;margin-bottom:14px}
.ap-stewardship .ap-chronology{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;justify-content:space-around;padding:0 0 0 38px;border-top:0;border-left:1px solid var(--ap-brass)}
.ap-stewardship .ap-chronology li{border:0}
html[lang='zh-CN'] .ap-culture .cp-context-heading>p:not(.ap-kicker){font-size:20px;line-height:1.75}
html[lang='zh-CN'] .cp-context-panels p{font-size:18px;line-height:1.75}
html[lang='zh-CN'] .cp-context-panels h3{font-size:26px;line-height:1.4}
html[lang='zh-CN'] .ap-culture .ap-reading p{line-height:1.5}
html[lang='zh-CN'] .ap-culture .ap-hero h1{font-size:clamp(46px,5vw,74px);line-height:1.2}

@media(max-width:1100px){
 .ap-culture .ap-hero{min-height:0}
 .ap-culture .ap-hero-layout{gap:24px}
 .ap-culture .ap-reading p{font-size:20px}
 .ap-culture .ap-anatomy{gap:25px}
 .ap-culture .ap-detail-copy p{font-size:15px}
 .ap-settlement .ap-detail-row{display:block}
 .ap-settlement .ap-window{margin-bottom:16px}
 .ap-culture .ap-place{gap:30px}
 .cp-context-panels p{font-size:17px}
 .cp-context-heading>p:not(.ap-kicker){font-size:19px}
 .ap-stewardship .ap-anatomy{grid-template-columns:1fr 1fr}
 .ap-stewardship .ap-details{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}
 .ap-stewardship .ap-detail-row{display:block}
 .ap-stewardship .ap-window{margin-bottom:16px}
}
@media(max-width:850px){
 .ap-culture .ap-hero-layout{grid-template-columns:1fr 1fr}
 .ap-culture .ap-reading{grid-column:1/-1;grid-row:auto}
 .ap-culture .ap-hero-coin{grid-row:1}
 .ap-stewardship .ap-hero h1{font-size:43px}
 .ap-culture .ap-anatomy{grid-template-columns:1fr 1fr}
 .ap-earthwork .ap-design-copy{grid-column:1/-1}
 .ap-earthwork .ap-whole{grid-row:2;grid-column:1}
 .ap-earthwork .ap-details{grid-column:2;grid-template-columns:1fr}
 .ap-symbols .ap-whole{grid-row:2;grid-column:1/-1;max-width:370px}
 .ap-symbols .ap-details{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:24px}
 .ap-symbols .ap-detail-row:nth-child(n){grid-column:auto;grid-row:auto;display:grid;grid-template-columns:110px 1fr;gap:18px}
 .ap-symbols .ap-window{width:110px;height:110px;margin:0}
 .ap-culture .ap-place{grid-template-columns:1fr}
 .ap-culture .cp-context-heading{display:block;grid-column:1}
 .ap-culture .cp-context-panels{grid-template-columns:1fr 1fr;gap:30px;grid-column:1}
 .ap-culture .ap-chronology{grid-column:1;grid-row:auto;flex-direction:row;display:flex;gap:24px;border:0;border-top:1px solid #a8957b;padding:24px 0 0}
 .ap-culture .ap-chronology b{font-size:48px}
}
@media(max-width:600px){
 .ap-culture .ap-hero-layout{display:flex;gap:28px;padding-top:30px}
 .ap-culture .ap-hero-copy{order:0}
 .ap-culture .ap-hero h1{font-size:48px}
 .ap-stewardship .ap-hero h1{font-size:41px;letter-spacing:-.04em}
 .ap-culture .ap-hero-coin{order:1;width:90%;max-width:335px}
 .ap-culture .ap-reading{order:2;padding-top:18px}
 .ap-culture .ap-reading p{font-size:22px!important}
 .ap-culture .ap-anatomy{display:flex;padding:36px 23px;gap:26px}
 .ap-culture .ap-design-copy{display:block}
 .ap-culture .ap-whole{width:96%;max-width:335px}
 .ap-culture .ap-details{display:grid;grid-template-columns:1fr;border-top:1px solid var(--ap-line);padding-top:24px;gap:24px}
 .ap-culture .ap-detail-row,.ap-symbols .ap-detail-row:nth-child(n){display:grid;grid-template-columns:110px 1fr;gap:18px}
 .ap-culture .ap-window{width:110px;height:110px;margin:0}
 .ap-earthwork .ap-window{height:94px}
 .ap-culture .ap-detail-copy p{font-size:16px;line-height:1.45}
 .ap-culture .ap-place{padding:36px 23px 28px;gap:30px}
 .cp-context-heading>p:not(.ap-kicker){font-size:19px}
 .ap-culture .cp-context-panels{display:grid;grid-template-columns:1fr;gap:30px}
 .cp-context-panels article{padding:22px 0 0 38px}
 .cp-context-panels h3{font-size:26px}
 .cp-context-panels p{font-size:18px;line-height:1.55}
 .cp-index{font-size:27px}
 .cp-source{font-size:12px;line-height:1.6}
 .ap-culture .ap-chronology{display:block;border-top:1px solid #a8957b;padding-top:12px}
 .ap-culture .ap-chronology li{display:grid;grid-template-columns:118px 1fr;align-items:center;gap:16px;border:0;border-bottom:1px solid #a8957b70;padding:18px 0!important}
 .ap-culture .ap-chronology b{font-size:43px}
 .ap-culture .ap-chronology span{font-size:13px;margin:0}
 .cp-boundary{font-size:13px;line-height:1.6}
 html[lang='zh-CN'] .ap-culture .ap-hero h1{font-size:43px}
 html[lang='zh-CN'] .ap-stewardship .ap-hero h1{font-size:36px}
 html[lang='zh-CN'] .ap-culture .cp-context-heading>p:not(.ap-kicker){font-size:19px}
 html[lang='zh-CN'] .ap-culture .ap-detail-copy p{font-size:16px;line-height:1.65}
}