.peace-page{--pe-accent:#c6f23b;--pe-muted:#b3bab7;background:#101414;color:#f0f2ed}
.peace-page header{color:#252524}
.peace-page .project-breadcrumb{border-color:#323b38;color:#b3bab7}
.peace-page .project-breadcrumb>a,.peace-page .section-head .small{color:var(--pe-accent)}
.pe-hero{padding:48px 4.5% 30px}
.pe-title-row{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:end;padding:0 2.8% 36px}
.pe-title-row .small{color:var(--pe-accent)}
.pe-title-row h1{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(36px,4.4vw,68px);font-weight:500;line-height:1.3;margin:22px 0 0;letter-spacing:-.03em}
.pe-title-row h1 span{display:block;color:#b3bab7}
.pe-title-row p{font-size:17px;line-height:1.9;margin:0 0 20px}
.pe-title-row dl div{border-color:#38433c;grid-template-columns:95px 1fr}
.pe-title-row dt{color:#a8b2aa}
.pe-hero figure{margin:0}.pe-hero img{display:block;width:100%;height:auto}
.peace-page figcaption{font-size:14px;line-height:1.75;color:var(--pe-muted)}
.pe-hero figcaption{margin:12px 2.8% 0}
.peace-page .project-menu{background:#101414ed;border-color:#344039;color:#dce2d8;font-size:14px}
.peace-page .project-menu a:hover{color:var(--pe-accent)}
.peace-page h2{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-weight:400}
.pe-section .section-copy{max-width:820px;color:#bcc5bd}
.pe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 28px;align-items:start}
.pe-grid figure{margin:0;min-width:0}.pe-grid img,.pe-feature img{display:block;width:100%;height:auto;background:#090b0b}
.pe-feature{margin:0 0 36px}.pe-feature figure{margin:0}
.pe-disclosure{margin-top:38px;border-top:1px solid #39453d;padding-top:22px}
.pe-disclosure>summary{cursor:pointer;font-size:16px;color:#dde4d8;padding-bottom:3px}
.pe-disclosure[open]>summary{margin-bottom:26px}
.pe-disclosure summary:focus-visible{outline-color:var(--pe-accent)}
.pe-journey-note{font-size:16px;line-height:1.9;max-width:820px;color:#bdc6be;margin:26px 0 0}
#pe-spaces{background:#17201c}
.pe-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:34px}
.pe-tabs button{background:transparent;border:1px solid #576353;color:#d4dcd0;padding:16px 12px;text-align:left;font-size:16px;line-height:1.5;min-width:0}
.pe-tabs button>span:first-child{display:block;font-size:13px;color:#acba9c;margin-bottom:6px;font-variant-numeric:tabular-nums}
.pe-tabs button[aria-selected="true"]{color:#172014;border-color:var(--pe-accent);background:var(--pe-accent)}
.pe-tabs button[aria-selected="true"]>span:first-child{color:#36462a}
.pe-tabs button:focus-visible,.peace-page .zoom:focus-visible{outline-color:var(--pe-accent)}
.pe-panel:focus-visible{outline:3px solid var(--pe-accent);outline-offset:8px}
.pe-panel-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:8%;margin:0 0 32px;align-items:start}
.pe-panel-intro h3{font-size:29px;line-height:1.5}.pe-panel-intro p{margin:0;color:#bdc7b7;font-size:17px;line-height:1.85}
.pe-installation-copy{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin:38px 0 28px;padding-top:28px;border-top:1px solid #39453d}
.pe-installation-copy h3{font-size:26px}.pe-installation-copy p{font-size:17px;line-height:1.85;color:#bdc7b7;margin:0}
#pe-materials{background:#f0f1ec;color:#252d27}
#pe-materials .small{color:#566728}
#pe-materials .section-copy{color:#586355}
#pe-materials .pe-installation-copy p{color:#586355}
#pe-materials figcaption{color:#59654f}
#pe-materials .pe-disclosure{border-color:#bcc4b5}
#pe-materials .pe-disclosure>summary{color:#35402f}
.pe-table-wrap{overflow-x:auto;margin:0 0 40px}
.pe-table{width:100%;border-collapse:collapse;font-size:16px;min-width:460px;text-align:left}
.pe-table th,.pe-table td{padding:17px 20px;border-bottom:1px solid #bcc4b5;vertical-align:top}
.pe-table th{font-weight:400}.pe-table thead{background:#263326;color:#f0f4e8}
.pe-table .pe-amount{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.pe-table td:last-child{font-size:14px;color:#62705a;white-space:nowrap}
.pe-source-note{font-size:14px;line-height:1.9;margin:36px 0 0;color:#606e55;border-top:1px solid #bdc6b5;padding-top:24px}
.peace-page .project-pagination{border-color:#38433c}
.peace-page .project-all{color:var(--pe-accent);border-color:var(--pe-accent)}
.peace-page .project-position{color:#bac5b2}
.peace-page dialog{color:#252524}
.peace-page #peace-scale{right:calc(3vw + 56px);width:auto;padding:0 16px;border-radius:24px;font-size:15px}
.peace-page dialog.native-size{width:95vw;height:95vh}
.peace-page dialog.native-size img{max-width:none;max-height:none;width:auto;height:auto}
.peace-page dialog.native-size .lightbox-frame{margin:0}
.peace-page dialog.native-size>p{position:sticky;left:0}
@media(max-width:1000px){.pe-title-row{gap:5%;align-items:start}.pe-title-row h1{font-size:45px}.pe-panel-intro{gap:5%;grid-template-columns:1fr 1.25fr}}
@media(max-width:700px){
 .pe-hero{padding:30px 6% 26px}.pe-title-row{grid-template-columns:1fr;gap:27px;padding:0 0 28px}.pe-title-row h1{font-size:38px;margin-top:18px}.pe-title-row p{font-size:16px}
 .pe-hero figcaption{margin-left:0}.pe-grid{grid-template-columns:1fr;gap:29px}.pe-feature{margin-bottom:29px}
 .pe-tabs{display:flex;overflow-x:auto;gap:8px;padding:4px 4px 12px;margin-left:-4px;margin-right:-4px;scroll-snap-type:x proximity}
 .pe-tabs button{flex:0 0 135px;padding:13px;font-size:15px;scroll-snap-align:start}
 .pe-panel-intro{grid-template-columns:1fr;gap:17px}.pe-panel-intro h3{font-size:26px}.pe-panel-intro p{font-size:16px}
 .pe-installation-copy{grid-template-columns:1fr;gap:17px}.pe-installation-copy h3{font-size:24px}.pe-installation-copy p{font-size:16px}
 .pe-table th,.pe-table td{padding:15px 12px}.pe-section .section-copy{margin-bottom:34px}
}