
body.atb-archetype{--ap-ivory:#f7f3e9;--ap-ink:#082d39;--ap-deep:#092934;--ap-brass:#825323;--ap-line:#b8a386;--ap-serif:Baskerville,'Times New Roman',serif;--ap-sans:Arial,sans-serif;--ap-pad:clamp(24px,3.5vw,64px);--ap-gap:clamp(22px,2.5vw,46px);margin:0;background:var(--ap-ivory);color:var(--ap-ink);font-family:var(--ap-serif);font-size:clamp(17px,1.35vw,21px);line-height:1.38}

html[lang='zh-CN'] body.atb-archetype{--ap-serif:'Songti SC','Noto Serif CJK SC',serif;line-height:1.65;font-size:clamp(17px,1.25vw,20px)}

.atb-archetype *{box-sizing:border-box}
.atb-archetype #app{width:100%;max-width:1800px;margin:auto}
.atb-archetype main{padding:0;margin:0;max-width:none}
.atb-archetype figure,.atb-archetype p,.atb-archetype h1,.atb-archetype h2,.atb-archetype h3{margin:0}
.atb-archetype a{color:inherit;text-underline-offset:5px}
.atb-archetype a:hover{text-decoration:underline}
.atb-archetype :focus-visible{outline:3px solid #c78e42;outline-offset:5px}
.atb-archetype img{display:block;max-width:100%;height:auto}
.atb-archetype h1,.atb-archetype h2{font-weight:400;letter-spacing:-.045em;line-height:1.03}
.atb-archetype h1{font-size:clamp(46px,5.5vw,88px)}
.atb-archetype h2{font-size:clamp(32px,3.15vw,50px)}
.atb-archetype p+p{margin-top:16px}
.atb-archetype small,.atb-archetype figcaption{font-size:12px;line-height:1.5}
.ap-section{padding:38px var(--ap-pad)}
.ap-kicker{font:600 12px/1.5 var(--ap-sans);text-transform:uppercase;letter-spacing:.19em;color:var(--ap-brass);margin-bottom:13px!important}
.ap-note{font-size:14px;line-height:1.4;color:#625d54}
.ap-coin{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 7px #0003)}
.ap-skip{position:fixed;left:20px;top:-100px;z-index:20;padding:12px;background:var(--ap-ivory);color:var(--ap-ink)!important}
.ap-skip:focus{top:12px}


.ap-hero{position:relative;isolation:isolate;padding:20px var(--ap-pad) 32px;min-height:560px;background:var(--ap-deep);color:var(--ap-ivory)}

.ap-header{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}
.ap-brand{font:16px var(--ap-serif);text-transform:uppercase;letter-spacing:.16em;display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap}
.ap-brand span{display:grid;place-items:center;border:1px solid;border-radius:50%;width:29px;height:34px;font-size:19px}
.ap-header nav{display:flex;align-items:center;gap:26px;font:11px var(--ap-sans);letter-spacing:.07em;text-transform:uppercase}
.ap-header nav a{text-decoration:none;padding:8px 0}
.ap-locale{border-left:1px solid #a7a394;padding-left:18px!important}
.ap-breadcrumb{position:relative;z-index:1;font:10px/1.5 var(--ap-sans);text-transform:uppercase;letter-spacing:.2em;margin-top:17px!important;display:flex;justify-content:space-between;gap:20px}
.ap-breadcrumb span{letter-spacing:.09em}

.ap-hero-layout{position:relative;display:grid;grid-template-columns:1.07fr 1fr .55fr;align-items:center;gap:var(--ap-gap);padding-top:35px}
.ap-hero-copy{max-width:550px;position:relative;z-index:1}
.ap-deck{font-size:clamp(21px,2vw,29px);line-height:1.2;margin-top:16px!important}
.ap-intro{font-size:clamp(16px,1.3vw,20px);max-width:34em;margin-top:23px!important}
.ap-text-link{display:inline-block;margin-top:25px;font:10px/1.6 var(--ap-sans);text-transform:uppercase;letter-spacing:.18em;border-top:1px solid;padding-top:13px;text-decoration:none}
.ap-hero-coin{width:100%;max-width:460px;justify-self:center;align-self:center}
.ap-hero-coin figcaption{font:9px/1.5 var(--ap-sans);letter-spacing:.1em;text-transform:uppercase;text-align:center;margin-top:14px}
.ap-reading p{font-style:italic;font-size:clamp(20px,1.9vw,28px);line-height:1.25}
.ap-reading small{display:block;margin-top:18px;text-transform:uppercase;font:9px/1.4 var(--ap-sans);letter-spacing:.16em}
.ap-hero-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%!important;object-fit:cover}
.ap-photo{object-fit:cover}
.ap-hero:has(.ap-photo):after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#062631e8,#06263170 45%,#06263118)}

.ap-facts{display:grid;grid-template-columns:repeat(6,1fr);background:var(--ap-deep);color:var(--ap-ivory);padding:14px var(--ap-pad);gap:16px}
.ap-facts>div{display:flex;align-items:center;gap:14px;border-right:1px solid #ffffff40;padding-right:12px}
.ap-facts>div:last-child{border:0}
.ap-facts svg{width:32px;flex:0 0 32px}
.ap-facts span{display:block;text-transform:uppercase;font:8px/1.5 var(--ap-sans);letter-spacing:.15em}
.ap-facts strong{display:block;font-weight:400;font-size:clamp(14px,1.25vw,19px);line-height:1.2}

.ap-anatomy{display:grid;grid-template-columns:1fr .96fr 1fr;align-items:center;gap:var(--ap-gap)}
.ap-design-copy h2{margin-bottom:22px}
.ap-design-copy .ap-lead{font-size:clamp(18px,1.5vw,22px)}
.ap-whole{max-width:400px;justify-self:center;width:100%}
.ap-whole figcaption{margin-top:15px;color:#625d54;text-align:center}
.ap-details{display:grid;gap:20px}
.ap-detail-row{display:grid;grid-template-columns:108px 1fr;gap:20px;align-items:center}
.ap-window{position:relative;width:108px;height:108px;border:1px solid var(--ap-brass);border-radius:50%;overflow:hidden;background:#e7e4da}
.ap-window img{position:absolute;width:calc(var(--z)*100%);max-width:none;left:calc(50% - var(--x)*var(--z)*1%);top:calc(50% - var(--y)*var(--z)*1%);height:auto;filter:none}
.ap-detail-copy{position:relative}
.ap-detail-copy>span{float:left;margin-right:10px;color:var(--ap-brass);font-size:15px}
.ap-detail-copy h3{font:600 10px/1.4 var(--ap-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ap-brass);margin-bottom:8px}
.ap-detail-copy p{font-size:15px;line-height:1.3}

.ap-place{position:relative;isolation:isolate;background:var(--ap-deep);color:var(--ap-ivory);padding:40px var(--ap-pad) 24px;min-height:385px}
.ap-place-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;align-items:center}
.ap-place h2{margin-bottom:20px}
.ap-place .ap-kicker{color:#e4cfab}
.ap-place-copy{max-width:610px}
.ap-place-copy p:not(.ap-kicker){font-size:clamp(17px,1.4vw,21px);line-height:1.4}
.ap-place-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%!important}
.ap-place:has(.ap-photo):after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#092934e8,#092934b8 45%,#09293440)}
.ap-chronology{padding:28px 25px;margin:0;list-style:none;display:flex;gap:20px;background:#071f29cf;border-top:1px solid #d9c2a7a6;border-bottom:1px solid #d9c2a766}
.ap-chronology li{flex:1;border-right:1px solid #ffffff40;padding-right:14px}
.ap-chronology li:last-child{border:0;padding:0}
.ap-chronology b{font-size:clamp(24px,2.7vw,42px);font-weight:400;display:block;line-height:1.2}
.ap-chronology span{display:block;font:11px/1.6 var(--ap-sans);margin-top:10px}
.ap-credit{font:10px/1.5 var(--ap-sans);margin-top:25px!important;color:#efdfc9;max-width:85em}

.ap-scale-cohort{display:grid;grid-template-columns:1.6fr 1fr;gap:6vw;align-items:center}
.ap-scale{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;align-items:center}
.ap-scale>.ap-kicker{grid-column:1/-1;margin-bottom:0!important}
.ap-scale h2{grid-column:1;font-size:clamp(30px,2.8vw,42px)}
.ap-scale>p:not(.ap-kicker){grid-column:1;font-size:17px}
.ap-scale>.ap-note{grid-column:1/-1!important;font-size:12px!important;margin-top:6px!important}
.ap-size-story{grid-column:2;grid-row:2/4;display:flex;align-items:center;justify-content:center;gap:10px;--bullion-size:clamp(125px,12vw,190px)}
.ap-size-story figure{flex-shrink:0}
.ap-quarter{width:calc(var(--bullion-size)*24.26/76.2)}
.ap-quarter-outline{width:100%;aspect-ratio:1;border:1px solid var(--ap-brass);border-radius:50%;background:transparent}
.ap-bullion{width:var(--bullion-size)}
.ap-size-story figcaption{text-align:center;font-size:11px;line-height:1.3;margin-top:12px;min-width:82px;position:relative;left:50%;transform:translateX(-50%)}
.ap-size-story figcaption b{display:block;font-size:16px;font-weight:400;margin-bottom:5px;white-space:nowrap}
.ap-size-arrow{flex-shrink:0;text-align:center;font-size:22px;color:var(--ap-brass)}
.ap-size-arrow small{display:block;font-size:11px}
.ap-cohort>a,.ap-cohort>div{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:11px 13px;border:1px solid #c8bfa966;border-bottom:0;text-decoration:none;font-size:14px;line-height:1.25}
.ap-cohort>a:last-of-type{border-bottom:1px solid #c8bfa966}
.ap-cohort b{font-weight:400}
.ap-cohort span{font-size:12px;color:var(--ap-brass)}
.ap-cohort [aria-current]{color:white;background:var(--ap-deep)}
.ap-cohort [aria-current] span{color:#e7d0a4}
.ap-cohort .ap-note{font-size:12px;margin-top:14px}

.ap-collect{display:grid;grid-template-columns:1.5fr 1fr;gap:6vw;background:var(--ap-deep);color:var(--ap-ivory)}
.ap-collect .ap-kicker{color:#e4cfab}
.ap-collect h2{font-size:30px;float:left;margin:0 30px 15px 0}
.ap-collect p{font-size:17px}
.ap-firewall{display:grid;grid-template-columns:1fr 1fr;gap:28px;clear:both;margin:24px 0 0;border-top:1px solid #ffffff4d;padding-top:20px}
.ap-firewall dt{font-size:20px;margin-bottom:8px}
.ap-firewall dd{margin:0;font-size:14px;line-height:1.45}
.ap-neighbors{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-left:1px solid #ffffff70;padding-left:25px;align-content:center}
.ap-neighbors>a:not(.ap-all),.ap-neighbors>div{border-top:1px solid #ffffff4d;padding-top:12px;text-decoration:none}
.ap-neighbors small,.ap-neighbors span,.ap-neighbors b{display:block}
.ap-neighbors small{font:9px/1.5 var(--ap-sans);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.ap-neighbors span{color:#e4cfab;margin-bottom:6px}
.ap-neighbors b{font-size:19px;font-weight:400}
.ap-all{grid-column:1/-1;font-size:12px;text-decoration:none;margin-top:16px}
.ap-sources{padding-top:18px;padding-bottom:18px;border-bottom:6px solid var(--ap-deep);font-size:15px}
.ap-sources summary{cursor:pointer;font:12px/1.5 var(--ap-sans);padding:6px 0}
.ap-sources details[open]>p{margin-top:18px;max-width:82em}
.ap-sources li{margin:10px 0;overflow-wrap:anywhere}


.ap-window img{left:50%;top:50%;transform:translate(calc(var(--x)*-1%),calc(var(--y)*-1%))}

.atb-archetype h2.ap-kicker{font:600 12px/1.5 var(--ap-sans);letter-spacing:.19em}

.ap-sources{background:var(--ap-ivory);color:var(--ap-ink)}

.ap-hero-layout>*{min-width:0}


.ap-civic .ap-hero{background:var(--ap-ivory);color:var(--ap-ink)}
.ap-civic .ap-hero-photo{left:68%;width:32%;object-position:50% 50%;opacity:.85}
.ap-civic .ap-hero:after{background:linear-gradient(90deg,var(--ap-ivory) 60%,#f7f3e930 85%)}
.ap-civic .ap-hero-layout{grid-template-columns:1fr 1fr .65fr}
.ap-civic .ap-reading{align-self:end;border-top:1px solid;padding-top:18px;background:#f7f3e9ed;padding:20px}
.ap-civic .ap-window{border-radius:0;width:92px;height:118px}
.ap-civic .ap-detail-row{grid-template-columns:92px 1fr}
.ap-civic .ap-place{background:#e7e0d1;color:var(--ap-ink)}
.ap-civic .ap-place-photo{left:58%;width:42%;object-position:50% 54%}
.ap-civic .ap-place:after{background:linear-gradient(90deg,#e7e0d1 50%,#e7e0d110 75%)}
.ap-civic .ap-place-layout{grid-template-columns:1.3fr 1fr;gap:5vw}
.ap-civic .ap-place-copy{padding-right:20px}
.ap-civic .ap-place .ap-kicker,.ap-civic .ap-credit{color:var(--ap-brass)}
.ap-civic .ap-chronology{align-self:end;margin-top:200px;color:var(--ap-ivory);padding:20px 16px}

.ap-monument .ap-hero-layout{grid-template-columns:1fr 1fr;gap:2vw 5vw}
.ap-monument .ap-hero-coin{grid-column:2;grid-row:1/3;max-width:435px}
.ap-monument .ap-hero h1{font-size:clamp(46px,5vw,82px)}
.ap-monument .ap-reading{border-top:1px solid #b8a38670;padding-top:17px;max-width:540px}
.ap-monument .ap-reading p{font-size:23px}
.ap-monument .ap-reading small{margin-top:8px}
.ap-monument .ap-place{background:#e5dfd2;color:var(--ap-ink);border-top:1px solid var(--ap-line)}
.ap-monument .ap-place .ap-kicker,.ap-monument .ap-credit{color:var(--ap-brass)}
.ap-monument .ap-chronology{background:none;flex-direction:column;border:0;padding:0 0 0 35px;border-left:1px solid var(--ap-brass)}
.ap-monument .ap-chronology li{display:flex;align-items:center;gap:35px;border:0;border-bottom:1px solid #b8a3867d;padding:15px 0}
.ap-monument .ap-chronology span{margin:0}
.ap-monument .ap-chronology b{min-width:90px}
.ap-monument .ap-window{border-radius:48% 48% 0 0}

.ap-forest .ap-hero-layout{grid-template-columns:1.05fr 1fr;gap:2vw 6vw}
.ap-forest .ap-hero-coin{grid-column:2;grid-row:1/3;max-width:420px}
.ap-forest .ap-hero-photo{object-position:50% 58%}
.ap-forest .ap-hero:after{background:linear-gradient(180deg,#082d3999,transparent 130px),linear-gradient(90deg,#082d39ed,#082d39a0 48%,#082d3920)}
.ap-forest .ap-reading{max-width:520px}
.ap-forest .ap-reading p{font-size:22px}
.ap-forest .ap-reading small{margin-top:9px}
.ap-forest .ap-anatomy{grid-template-columns:1.1fr 1fr;gap:25px 5vw}
.ap-forest .ap-design-copy{grid-column:2;grid-row:1}
.ap-forest .ap-whole{grid-column:1;grid-row:1/3;max-width:455px}
.ap-forest .ap-details{grid-column:2;grid-template-columns:repeat(3,1fr);gap:18px}
.ap-forest .ap-detail-row{display:block}
.ap-forest .ap-window{width:92px;height:116px;border-radius:0;margin-bottom:13px}
.ap-forest .ap-detail-copy p{font-size:14px}
.ap-forest .ap-place{background:#143832;min-height:400px}
.ap-forest .ap-place-photo{left:55%;width:45%;object-position:22% 50%}
.ap-forest .ap-place:after{background:linear-gradient(90deg,#143832 51%,#14383214 76%)}
.ap-forest .ap-chronology{margin-top:170px}

.ap-geology{--ap-brass:#89502a;--ap-deep:#392d28!important}
.ap-geology .ap-hero{min-height:550px}
.ap-geology .ap-hero-layout{grid-template-columns:1fr .85fr 1.1fr}
.ap-geology .ap-hero-coin{grid-column:1;grid-row:1;max-width:420px}
.ap-geology .ap-hero-copy{grid-column:3;grid-row:1}
.ap-geology .ap-reading{grid-column:2;grid-row:1;align-self:end;padding-bottom:30px}
.ap-geology .ap-hero:after{background:linear-gradient(90deg,#31211940,#31211965 40%,#241e1aea 77%)}
.ap-geology .ap-anatomy{grid-template-columns:1fr 1.1fr 1fr}
.ap-geology .ap-window{border-radius:50% 50% 8px 8px}
.ap-geology .ap-place:after{background:linear-gradient(90deg,#281c16ed,#281c16a0 52%,#281c1630)}
.ap-geology .ap-chronology{background:#281c16cc}
.ap-geology .ap-facts,.ap-geology .ap-collect{background:#162e33}

.ap-gesture .ap-hero{background:var(--ap-ivory);color:var(--ap-ink);border-bottom:1px solid var(--ap-line)}
.ap-gesture .ap-hero-layout{grid-template-columns:1fr 1.08fr;gap:20px 6vw}
.ap-gesture .ap-hero-coin{grid-column:1;grid-row:1/3;max-width:435px}
.ap-gesture .ap-hero-copy{grid-column:2;grid-row:1}
.ap-gesture .ap-reading{grid-column:2;grid-row:2;border-top:1px solid var(--ap-line);padding-top:15px}
.ap-gesture .ap-reading p{font-size:24px}
.ap-gesture .ap-reading small{margin-top:10px}
.ap-gesture .ap-anatomy{grid-template-columns:1fr 1fr}
.ap-gesture .ap-details{grid-column:1/-1;grid-template-columns:repeat(3,1fr);border-top:1px solid #b8a38670;padding-top:24px}
.ap-gesture .ap-whole{max-width:360px}
.ap-gesture .ap-window{border-radius:0}
.ap-gesture .ap-place-layout{grid-template-columns:1.1fr 1fr}
.ap-gesture .ap-chronology{display:block;padding:0 0 0 30px;border:0;border-left:1px solid #b8a386}
.ap-gesture .ap-chronology li{display:flex;align-items:center;gap:30px;padding:15px 0;border:0}
.ap-gesture .ap-chronology b{min-width:100px}
.ap-gesture .ap-chronology span{margin:0}

html[lang='zh-CN'] .atb-archetype h1{font-size:clamp(45px,5vw,77px);line-height:1.13;letter-spacing:-.035em}
html[lang='zh-CN'] .atb-archetype h2{line-height:1.15;letter-spacing:-.025em}
html[lang='zh-CN'] .ap-detail-copy p{line-height:1.5}
html[lang='zh-CN'] .ap-hero-layout{padding-top:35px}
html[lang='zh-CN'] .ap-intro{line-height:1.6}

@media(min-width:1600px){.ap-hero-layout{padding-top:50px;padding-bottom:20px}
.ap-hero{min-height:620px}
}

@media(max-width:1100px){.ap-header nav{gap:18px}
.ap-hero{min-height:490px}
.ap-hero-layout{gap:20px}
.ap-facts{gap:10px;padding-top:14px;padding-bottom:14px}
.ap-facts>div{gap:7px;padding-right:6px}
.ap-facts svg{width:25px;flex-basis:25px}
.ap-anatomy{gap:24px;grid-template-columns:.95fr .9fr 1.1fr}
.ap-detail-row{grid-template-columns:82px 1fr;gap:13px}
.ap-window{width:82px;height:82px}
.ap-detail-copy p{font-size:13px}
.ap-scale-cohort{grid-template-columns:1.7fr 1fr;gap:30px}
.ap-scale{grid-template-columns:1fr}
.ap-scale h2,.ap-scale>p{grid-column:1}
.ap-size-story{grid-column:1;grid-row:auto;--bullion-size:160px}
.ap-size-story figcaption{font-size:12px}
.ap-civic .ap-window{width:76px;height:102px}
.ap-civic .ap-detail-row{grid-template-columns:76px 1fr}
.ap-chronology{gap:12px;padding:20px 12px}
.ap-chronology li{padding-right:7px}
.ap-chronology b{font-size:28px}
.ap-forest .ap-details{gap:12px}
.ap-forest .ap-window{width:80px;height:100px}
.ap-forest .ap-detail-copy p{font-size:13px}
}

@media(max-width:850px){.ap-hero-layout,.ap-civic .ap-hero-layout,.ap-geology .ap-hero-layout{grid-template-columns:1fr 1fr}
.ap-geology .ap-hero-copy{grid-column:1}
.ap-geology .ap-hero-coin{grid-column:2}
.ap-reading,.ap-geology .ap-reading{grid-column:1/-1!important;grid-row:auto!important;padding:10px 0 0;align-self:auto}
.ap-reading p{font-size:20px!important}
.ap-reading small{margin-top:8px}
.ap-civic .ap-reading{padding:12px;background:#f7f3e9e0}
.ap-breadcrumb{flex-direction:column;gap:8px}
.ap-facts{grid-template-columns:repeat(3,1fr);gap:18px}
.ap-facts>div:nth-child(3){border:0}
.ap-anatomy,.ap-geology .ap-anatomy{grid-template-columns:1fr 1fr}
.ap-details{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}
.ap-detail-row{display:block}
.ap-window{margin-bottom:13px}
.ap-forest .ap-details{grid-column:1/-1}
.ap-forest .ap-whole{grid-row:1}
.ap-gesture .ap-details{grid-template-columns:repeat(3,1fr)}
.ap-place-layout,.ap-gesture .ap-place-layout,.ap-civic .ap-place-layout{gap:30px;grid-template-columns:1.1fr 1fr}
.ap-place-copy p:not(.ap-kicker){font-size:16px}
.ap-chronology{display:block}
.ap-chronology li{border:0;padding:10px 0!important}
.ap-chronology span{margin-top:4px}
.ap-civic .ap-chronology,.ap-forest .ap-chronology{margin-top:110px}
.ap-monument .ap-chronology li,.ap-gesture .ap-chronology li{display:block}
.ap-collect{gap:30px}
.ap-firewall{grid-template-columns:1fr;gap:16px}
.ap-neighbors{grid-template-columns:1fr}
.ap-neighbors b{font-size:19px}
.ap-scale-cohort{grid-template-columns:1.2fr 1fr}
.ap-scale h2{font-size:32px}
}

@media(max-width:600px){body.atb-archetype{font-size:18px}
.ap-section{padding:32px 23px}
.ap-hero{padding:16px 23px 30px;min-height:0}
.ap-header{align-items:flex-start;flex-wrap:wrap;gap:16px}
.ap-brand{font-size:13px;letter-spacing:.12em}
.ap-brand span{width:24px;height:28px;font-size:16px}
.ap-header nav{gap:22px;width:100%;justify-content:space-between;font-size:10px}
.ap-header nav a{padding:9px 0}
.ap-breadcrumb{font-size:9px;letter-spacing:.1em;margin-top:15px!important;gap:6px}
.ap-hero-layout,.ap-civic .ap-hero-layout,.ap-monument .ap-hero-layout,.ap-forest .ap-hero-layout,.ap-geology .ap-hero-layout,.ap-gesture .ap-hero-layout{display:flex;flex-direction:column;padding-top:30px;gap:27px}
.ap-hero-copy{width:100%;max-width:none}
.atb-archetype h1,.ap-monument .ap-hero h1{font-size:48px;line-height:1.02}
.ap-hero-coin,.ap-monument .ap-hero-coin,.ap-forest .ap-hero-coin,.ap-geology .ap-hero-coin,.ap-gesture .ap-hero-coin{width:85%;max-width:320px;order:1}
.ap-reading,.ap-geology .ap-reading,.ap-gesture .ap-reading{order:2;width:100%;padding:15px 0 0;max-width:none;border-top:1px solid #b8a38680}
.ap-hero-coin figcaption{font-size:9px}
.ap-deck{font-size:24px}
.ap-intro{font-size:17px;margin-top:17px!important}
.ap-text-link{margin-top:20px}
.ap-hero-photo{object-position:50% 50%}
.ap-forest .ap-hero:after{background:linear-gradient(#082d39f0,#082d39d0 46%,#082d3940)}
.ap-geology .ap-hero:after{background:linear-gradient(#281c16ed,#281c16aa 50%,#281c1660)}
.ap-civic .ap-hero-photo{left:0;top:43%;width:100%;height:57%!important;opacity:.4}
.ap-civic .ap-hero:after{background:linear-gradient(var(--ap-ivory) 38%,#f7f3e980 60%,var(--ap-ivory))}
.ap-civic .ap-reading{background:none;padding:15px 0 0}
.ap-facts{padding:20px 23px;grid-template-columns:1fr 1fr;gap:20px 14px}
.ap-facts>div{border:0!important;padding:0;gap:12px}
.ap-facts svg{flex-basis:28px;width:28px}
.ap-facts span{font-size:8px}
.ap-facts strong{font-size:16px;line-height:1.35}
.ap-anatomy,.ap-forest .ap-anatomy,.ap-geology .ap-anatomy,.ap-gesture .ap-anatomy{display:flex;flex-direction:column;align-items:stretch;gap:26px}
.atb-archetype h2{font-size:35px}
.ap-design-copy h2{margin-bottom:18px}
.ap-design-copy .ap-lead{font-size:19px}
.ap-whole,.ap-forest .ap-whole,.ap-gesture .ap-whole{width:90%;max-width:335px;align-self:center}
.ap-whole figcaption{font-size:11px}
.ap-details,.ap-forest .ap-details,.ap-gesture .ap-details{display:grid;grid-template-columns:1fr;gap:23px;padding-top:0;border:0}
.ap-detail-row,.ap-forest .ap-detail-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:18px}
.ap-window,.ap-forest .ap-window,.ap-civic .ap-window{width:100px;height:100px;margin:0}
.ap-civic .ap-detail-row{grid-template-columns:100px 1fr}
.ap-detail-copy p,.ap-forest .ap-detail-copy p{font-size:16px;line-height:1.4}
.ap-detail-copy h3{font-size:11px}
.ap-place{padding:32px 23px 24px}
.ap-place-layout,.ap-gesture .ap-place-layout,.ap-civic .ap-place-layout{display:block}
.ap-place-copy p:not(.ap-kicker){font-size:18px;line-height:1.45}
.ap-civic .ap-place-photo,.ap-forest .ap-place-photo{position:relative;inset:auto;width:calc(100% + 46px);max-width:none;height:235px!important;margin:-32px -23px 30px;object-position:center;z-index:0}
.ap-civic .ap-place:after,.ap-forest .ap-place:after{display:none}
.ap-civic .ap-place-copy{padding-right:0}
.ap-chronology,.ap-civic .ap-chronology,.ap-forest .ap-chronology{margin-top:27px;display:flex;gap:12px;padding:20px 14px}
.ap-chronology b{font-size:25px}
.ap-chronology span{font-size:10px}
.ap-chronology li{border:0}
.ap-monument .ap-chronology,.ap-gesture .ap-chronology{display:block;padding:0 0 0 22px}
.ap-monument .ap-chronology li,.ap-gesture .ap-chronology li{display:flex;gap:22px}
.ap-monument .ap-chronology b,.ap-gesture .ap-chronology b{min-width:76px;font-size:34px}
.ap-monument .ap-chronology span,.ap-gesture .ap-chronology span{font-size:12px}
.ap-credit{font-size:10px;margin-top:24px!important}
.ap-scale-cohort{display:flex;flex-direction:column;align-items:stretch;gap:35px}
.ap-scale{display:block}
.ap-scale h2{font-size:34px;margin:12px 0 18px}
.ap-scale>p:not(.ap-kicker){font-size:18px}
.ap-size-story{--bullion-size:170px;gap:17px;margin:30px 0 25px}
.ap-size-story figcaption{font-size:12px}
.ap-size-arrow{font-size:23px}
.ap-scale>.ap-note{font-size:13px!important}
.ap-cohort>a,.ap-cohort>div{font-size:16px;padding:13px}
.ap-cohort>.ap-kicker{font-size:12px}
.ap-collect{display:block}
.ap-collect h2{float:none;margin:0 0 20px}
.ap-firewall{grid-template-columns:1fr}
.ap-firewall dt{font-size:22px}
.ap-firewall dd{font-size:16px}
.ap-neighbors{margin-top:30px;padding:25px 0 0;border-left:0;border-top:1px solid #ffffff70;grid-template-columns:1fr 1fr;gap:25px}
.ap-neighbors b{font-size:18px}
.ap-neighbors small{font-size:10px}
.ap-sources{padding-top:16px;padding-bottom:16px}
.ap-sources summary{font-size:12px;line-height:1.7}
html[lang='zh-CN'] .atb-archetype h1{font-size:46px;line-height:1.2}
html[lang='zh-CN'] .atb-archetype h2{font-size:33px}
html[lang='zh-CN'] .ap-intro{font-size:18px}
html[lang='zh-CN'] .ap-place-copy p:not(.ap-kicker){line-height:1.65}
html[lang='zh-CN'] .ap-detail-copy p{font-size:16px;line-height:1.6}
html[lang='zh-CN'] .ap-hero-layout{padding-top:27px}
}

@media(prefers-reduced-motion:reduce){.atb-archetype *{scroll-behavior:auto!important;transition:none!important}
}


html[lang='zh-CN'] .atb-archetype h2.ap-kicker{font:600 12px/1.5 var(--ap-sans);letter-spacing:.12em}
