@charset "UTF-8";
/* Post-route editorial spread adapts Formwork Atelier's horizontal folio layout (MIT). */
:root{--edition-paper:#eee9df;--edition-ink:#1d302a;--edition-line:#c7c0b2;--edition-accent:#9a7646}
.edition-intro,.folio-gallery,.archive-index,.project-outro{color:var(--edition-ink)}
.edition-intro{background:var(--edition-paper);padding:42px 0 96px}
.edition-topline,.edition-bottomline{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.edition-topline{padding:0 0 18px;border-bottom:1px solid #5e6d60;color:#53665a}
.edition-topline span:nth-child(2){color:var(--edition-accent)}
.edition-intro-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:clamp(45px,7vw,120px);padding:78px 0 68px}
.edition-eyebrow,.folio-kicker,.archive-kicker,.project-outro-grid>div:first-child>p{margin:0;color:var(--edition-accent);font-size:11px;font-weight:700;letter-spacing:.22em}
.edition-intro h2{margin:28px 0 25px;font:500 clamp(56px,6.4vw,102px)/1.14 var(--serif);letter-spacing:.015em}
.edition-intro h2 em{font-style:normal;color:#a78350}
.edition-intro-copy{max-width:650px;margin:0;color:#617064;font-size:15px;line-height:2.05;letter-spacing:.025em}
.edition-lines{border-top:1px solid #77877a;align-self:center}
.edition-lines>div{min-height:77px;display:grid;grid-template-columns:40px 1fr 44px;align-items:center;gap:18px;border-bottom:1px solid var(--edition-line)}
.edition-lines span{color:#9b8058;font-size:11px}
.edition-lines strong{font:500 clamp(19px,1.7vw,25px)/1.35 var(--serif);letter-spacing:.03em}
.edition-lines small{text-align:right;color:#819084;font-size:11px}
.edition-bottomline{padding-top:17px;border-top:1px solid #5e6d60;color:#657467}
.edition-bottomline a{color:#304b3d;white-space:nowrap}
.edition-bottomline a span{display:inline-block;margin-left:10px;font-size:17px;transition:transform .25s}
.edition-bottomline a:hover span{transform:translateY(4px)}

.folio-gallery{background:var(--edition-paper);padding:80px 0 86px;border-top:1px solid #d7d0c3;overflow:hidden}
.folio-gallery-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.folio-gallery h2{margin:14px 0 0;font:500 clamp(50px,5.4vw,82px)/1.15 var(--serif);letter-spacing:.06em}
.folio-gallery-tools{display:flex;align-items:end;gap:32px}
.folio-gallery-tools p{max-width:180px;margin:0 0 8px;color:#7d897e;font-size:11px;line-height:1.65;letter-spacing:.05em}
.folio-buttons{display:flex;gap:8px}
.folio-buttons button{width:43px;height:43px;border:1px solid #899a88;background:transparent;color:#315245;cursor:pointer;font-size:20px;transition:background .2s,color .2s,border-color .2s}
.folio-buttons button:hover:not(:disabled){background:#315245;color:#fff;border-color:#315245}
.folio-buttons button:disabled{opacity:.35;cursor:default}
.folio-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;touch-action:pan-x;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.folio-viewport::-webkit-scrollbar{display:none}
.folio-viewport.is-dragging{cursor:grabbing;scroll-snap-type:none}
.folio-viewport.is-dragging,.folio-viewport.is-dragging *{user-select:none}
.folio-track{display:flex;width:max-content;gap:clamp(16px,2.4vw,34px);height:clamp(520px,70vh,690px);padding-inline:max(44px,calc((100vw - 1440px)/2))}
.folio-plate{position:relative;isolation:isolate;display:flex;flex-direction:column;flex:0 0 auto;width:clamp(310px,63vw,770px);height:100%;overflow:hidden;padding:clamp(27px,3.2vw,48px);background:#1c3d35;color:#f5eee2;scroll-snap-align:start;border:1px solid rgba(13,31,26,.22)}
.folio-plate-bg{position:absolute;inset:-8%;z-index:-3;background:radial-gradient(110% 80% at 83% 13%,rgba(245,238,226,.17),transparent 48%),linear-gradient(144deg,var(--plate-a),var(--plate-b));will-change:transform}
.folio-plate:before{content:"";position:absolute;z-index:-2;inset:0;opacity:.24;background-image:repeating-radial-gradient(ellipse at 58% 43%,transparent 0,transparent 34px,rgba(245,238,226,.18) 35px,transparent 36px);pointer-events:none}
.folio-plate:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(9,23,20,.68) 0%,transparent 62%);pointer-events:none}
.folio-plate-pingcheng{--plate-a:#193c34;--plate-b:#718d79}
.folio-plate-stone{--plate-a:#243d45;--plate-b:#829699}
.folio-plate-field{--plate-a:#4f583d;--plate-b:#aa9b6e}
.folio-plate-luoyang{--plate-a:#563c2b;--plate-b:#b08e61}
.folio-ghost{position:absolute;top:4%;left:7%;font:500 clamp(270px,37vw,510px)/1 var(--serif);color:rgba(249,243,230,.1);white-space:nowrap;pointer-events:none}
.folio-year{position:absolute;right:-.03em;top:16%;font:400 clamp(180px,26vw,340px)/1 Georgia,serif;letter-spacing:-.09em;color:rgba(250,245,234,.13);pointer-events:none}
.folio-plate-top{display:flex;justify-content:space-between;gap:18px;position:relative;z-index:1;color:#eee9dc;font-size:10px;font-weight:700;letter-spacing:.19em}
.folio-plate-content{position:relative;z-index:1;margin-top:auto;max-width:580px;will-change:transform}
.folio-year-caption{margin:0 0 13px;color:#edc995;font-size:11px;font-weight:700;letter-spacing:.16em}
.folio-plate h3{margin:0;font:500 clamp(42px,5.3vw,76px)/1.2 var(--serif);letter-spacing:.04em}
.folio-plate-content>p:not(.folio-year-caption){max-width:490px;margin:15px 0 18px;color:#f3eee4;font-size:14px;line-height:1.85;text-shadow:0 1px 4px rgba(0,0,0,.18)}
.folio-plate-content>a{display:inline-flex;align-items:center;gap:25px;max-width:100%;padding:7px 0;border-bottom:1px solid rgba(246,238,220,.78);font-size:11px;font-weight:600;letter-spacing:.1em}
.folio-plate-content>a:hover{color:#f6d19a;border-color:#f6d19a}
.folio-plate-content>a span{font-size:17px}
.folio-progress{display:flex;align-items:center;gap:18px;padding-top:25px;color:#6b7b6f;font:500 14px/1 var(--serif)}
.folio-progress [data-folio-index]{color:#9b7648;font-size:21px}
.folio-progress-rail{display:block;flex:1;height:1px;background:#b7b5a8}
.folio-progress-rail i{display:block;width:100%;height:2px;transform:scaleX(.25);transform-origin:left;background:#9a7646;transition:transform .3s ease}

.artifact-gallery{background:#e5dfd2;color:var(--edition-ink);padding:104px 0 91px}
.artifact-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:39px}
.artifact-kicker{margin:0;color:#96754a;font-size:11px;font-weight:700;letter-spacing:.22em}
.artifact-head h2{display:flex;align-items:baseline;gap:15px;margin:17px 0 0;font:500 clamp(49px,5vw,78px)/1.2 var(--serif);letter-spacing:.05em}
.artifact-head h2 span{color:#7f8b7f;font:500 13px/1.4 var(--sans);letter-spacing:.1em;white-space:nowrap}
.artifact-head>p{max-width:380px;margin:0 0 6px;color:#5c6b5e;font-size:14px;line-height:1.9}
.artifact-mobile-hint{display:none}
.artifact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.artifact-entry{min-width:0;margin:0}
.artifact-media{aspect-ratio:4/4.55;display:block;padding:14px;border:1px solid #bbb5a8;background:var(--artifact-mat);overflow:hidden}
.artifact-entry-green{--artifact-mat:#c9d0c1;--artifact-edge:#829783}
.artifact-entry-slate{--artifact-mat:#cad1ce;--artifact-edge:#81959a}
.artifact-entry-ochre{--artifact-mat:#d3c7b6;--artifact-edge:#a59071}
.artifact-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#e9e5dd}
.artifact-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end;width:100%;height:100%;padding:0 18px 27px;overflow:hidden;border:1px solid var(--artifact-edge);background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.28),transparent 39%),repeating-linear-gradient(135deg,transparent 0,transparent 38px,rgba(60,78,64,.035) 39px,transparent 40px)}
.artifact-placeholder:before,.artifact-placeholder:after{content:"";position:absolute;width:34px;height:34px;opacity:.6}
.artifact-placeholder:before{left:14px;top:14px;border-left:1px solid var(--artifact-edge);border-top:1px solid var(--artifact-edge)}
.artifact-placeholder:after{right:14px;bottom:14px;border-right:1px solid var(--artifact-edge);border-bottom:1px solid var(--artifact-edge)}
.artifact-placeholder>span{position:absolute;top:22px;left:25px;color:#617363;font-size:10px;font-weight:700;letter-spacing:.18em}
.artifact-placeholder b{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);color:rgba(56,79,64,.16);font:400 clamp(140px,17vw,260px)/1 Georgia,serif;letter-spacing:-.09em}
.artifact-placeholder strong{position:relative;color:#40594b;font:500 24px/1.35 var(--serif);letter-spacing:.08em}
.artifact-placeholder small{position:relative;margin-top:6px;color:#738274;font-size:10px;letter-spacing:.07em}
.artifact-entry figcaption{display:flex;flex-direction:column;min-height:150px;padding:20px 0 0}
.artifact-entry figcaption span{color:#94764d;font-size:10px;font-weight:700;letter-spacing:.15em}
.artifact-entry figcaption h3{margin:11px 0 4px;font:500 clamp(23px,2vw,30px)/1.4 var(--serif)}
.artifact-entry figcaption p{margin:0;color:#69776c;font-size:12px;line-height:1.5}
.artifact-entry figcaption small{margin-top:auto;padding-top:11px;color:#899285;font-size:10px}
.artifact-footnote{display:flex;gap:21px;margin:29px 0 0;padding-top:17px;border-top:1px solid #b3b7a9;color:#657466;font-size:11px;line-height:1.7}
.artifact-footnote span{flex:0 0 auto;color:#99794e;font-size:10px;font-weight:700;letter-spacing:.16em}

.editorial-note{background:#193a33;color:#f0eee3;padding:85px 0 80px}
.editorial-note-inner{display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:70px;align-items:start}
.editorial-note span{padding-top:14px;color:#d7ad70;font-size:10px;font-weight:700;letter-spacing:.21em}
.editorial-note p{margin:0;font:400 clamp(38px,4.5vw,70px)/1.42 var(--serif);letter-spacing:.035em}
.editorial-note em{font-style:normal;color:#d7ad70}
.editorial-note small{grid-column:2;margin-top:30px;color:#c2cec2;font-size:12px;line-height:1.8;letter-spacing:.05em}

.archive-index{background:#f6f2e9;padding:108px 0 116px}
.archive-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:51px}
.archive-head h2{margin:15px 0 0;font:500 clamp(47px,5vw,77px)/1.2 var(--serif);letter-spacing:.055em}
.archive-head>p{max-width:365px;margin:0 0 9px;color:#657568;font-size:14px;line-height:1.95}
.archive-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(265px,330px);gap:clamp(32px,5vw,80px);align-items:start}
.archive-list-label{display:flex;justify-content:space-between;gap:20px;padding:13px 8px 13px 0;border-top:1px solid #63796a;color:#839082;font-size:10px;font-weight:700;letter-spacing:.18em}
.archive-list{margin:0;padding:0;list-style:none;border-bottom:1px solid #aeb8a9}
.archive-list li{border-top:1px solid #b8c1b2}
.archive-list a{min-height:94px;display:grid;grid-template-columns:38px minmax(0,1fr) 178px 20px;align-items:center;gap:14px;padding:14px 8px 14px 0;transition:background .22s,padding .22s}
.archive-list a:hover{background:#eaece3;padding-left:8px}
.archive-list span{color:#a28254;font-size:11px;font-weight:700}
.archive-list strong{font:500 clamp(18px,1.7vw,24px)/1.45 var(--serif)}
.archive-list small{color:#657669;font-size:11px;line-height:1.5}
.archive-list i{font-size:17px;font-style:normal;text-align:right;color:#99784e}
.archive-aside{min-height:500px;display:flex;flex-direction:column;padding:29px 30px 31px;background:#e9e2d4;border:1px solid #d0c8b9}
.archive-aside>span{color:#88704d;font-size:11px;font-weight:700;letter-spacing:.17em}
.archive-map-mark{position:relative;height:155px;margin:30px 0 19px;overflow:hidden;border-top:1px solid #c1bba9;border-bottom:1px solid #c1bba9}
.archive-map-mark:before{content:"";position:absolute;left:9%;right:8%;top:52%;height:2px;background:linear-gradient(90deg,#5b9073 0%,#5b9073 70%,#b28b54 70%,#b28b54 100%);transform:rotate(-18deg)}
.archive-map-mark i{position:absolute;z-index:1;top:48%;width:12px;height:12px;border-radius:50%;background:#e9e2d4;border:2px solid #5b9073}
.archive-map-mark i:nth-child(1){left:12%;top:69%}.archive-map-mark i:nth-child(2){left:51%;top:41%}.archive-map-mark i:nth-child(3){left:87%;top:20%;border-color:#b28b54}
.archive-aside>p{margin:0;color:#57685b;font:400 19px/1.85 var(--serif)}
.archive-aside>div:last-child{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:30px;color:#6b796b}
.archive-aside strong{font-size:11px;letter-spacing:.11em}
.archive-aside small{font-size:10px;letter-spacing:.08em}

.project-outro{background:#dfd2b9;padding:100px 0 105px}
.project-outro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:clamp(50px,8vw,140px)}
.project-outro h2{margin:24px 0 0;font:500 clamp(46px,4.9vw,75px)/1.35 var(--serif)}
.project-outro-grid>div:last-child>p{max-width:520px;margin:11px 0 28px;color:#4f6357;font-size:14px;line-height:2}
.outro-links{border-top:1px solid #829382}
.outro-links>span{display:block;padding:15px 0 0;color:#997a4f;font-size:11px;font-weight:700;letter-spacing:.15em}
.outro-links a{min-height:64px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a9b3a1;font:500 24px/1.3 var(--serif);transition:padding .2s,color .2s}
.outro-links a:hover{padding-left:8px;color:#805d31}
.outro-links i{font-size:18px;font-style:normal}

@media(max-width:1000px){.edition-intro-grid{grid-template-columns:1fr 330px;gap:45px}.archive-list a{grid-template-columns:30px minmax(0,1fr) 135px 18px}.archive-aside{padding:24px}.editorial-note-inner{grid-template-columns:150px 1fr;gap:40px}}
@media(max-width:740px){
  .edition-intro{padding:25px 0 66px}.edition-topline{font-size:8px;letter-spacing:.1em}.edition-topline span:nth-child(2){display:none}
  .edition-intro-grid{display:block;padding:49px 0 46px}.edition-intro h2{margin:21px 0;font-size:clamp(48px,10vw,68px)}.edition-intro-copy{font-size:13px;line-height:1.95}.edition-lines{margin-top:37px}.edition-lines>div{min-height:62px;grid-template-columns:28px 1fr 33px;gap:9px}.edition-lines strong{font-size:19px}.edition-lines small{font-size:10px}.edition-bottomline{font-size:9px}
  .folio-gallery{padding:65px 0 66px}.folio-gallery-head{align-items:end;margin-bottom:25px}.folio-gallery h2{font-size:48px}.folio-gallery-tools{display:block}.folio-gallery-tools p{display:none}.folio-buttons button{width:36px;height:36px;font-size:17px}.folio-track{height:min(66vh,570px);min-height:485px;padding-inline:17px;gap:15px}.folio-plate{width:min(85vw,550px);padding:25px}.folio-ghost{font-size:270px}.folio-year{font-size:180px;top:29%}.folio-plate h3{font-size:clamp(42px,8vw,59px)}.folio-plate-content>p:not(.folio-year-caption){font-size:12px;line-height:1.75}.folio-plate-content>a{font-size:10px;gap:8px}.folio-progress{padding-top:18px}
  .artifact-gallery{padding:69px 0 64px}.artifact-head{display:block;margin-bottom:15px}.artifact-head h2{display:block;font-size:49px}.artifact-head h2 span{display:block;margin-top:7px;font-size:12px}.artifact-head>p{margin:19px 0 0;font-size:13px}.artifact-mobile-hint{display:block;margin:0 0 17px;color:#809081;font-size:11px;letter-spacing:.06em}.artifact-mobile-hint span{margin-left:5px}.artifact-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(78vw,400px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:14px}.artifact-entry{scroll-snap-align:start}.artifact-media{aspect-ratio:4/4.1}.artifact-placeholder b{font-size:180px}.artifact-entry figcaption{min-height:139px}.artifact-footnote{display:block;margin-top:18px;font-size:10px}.artifact-footnote span{display:block;margin-bottom:5px}
  .editorial-note{padding:65px 0}.editorial-note-inner{display:block}.editorial-note span{display:block;padding:0 0 22px}.editorial-note p{font-size:clamp(35px,7.5vw,49px)}.editorial-note small{display:block;margin-top:23px;font-size:11px}
  .archive-index{padding:69px 0 75px}.archive-head{display:block;margin-bottom:30px}.archive-head h2{font-size:51px}.archive-head>p{margin:15px 0 0;font-size:13px}.archive-layout{display:block}.archive-list a{min-height:88px;grid-template-columns:25px 1fr 18px;gap:10px}.archive-list strong{font-size:19px}.archive-list small{grid-column:2;grid-row:2;font-size:10px}.archive-list i{grid-column:3;grid-row:1/3}.archive-aside{min-height:0;margin-top:38px;padding:25px}.archive-map-mark{height:105px;margin:22px 0}.archive-aside>p{font-size:17px}.archive-aside>div:last-child{padding-top:22px}
  .project-outro{padding:69px 0}.project-outro-grid{display:block}.project-outro h2{font-size:clamp(43px,8.4vw,57px)}.project-outro-grid>div:last-child>p{margin-top:24px;font-size:13px}.outro-links a{font-size:23px}
}
@media(max-width:390px){.folio-gallery h2{font-size:42px}.folio-plate{width:88vw}.folio-plate-content>p:not(.folio-year-caption){font-size:11px}.folio-plate-content>a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.folio-progress-rail i{transition:none}.folio-plate-bg,.folio-plate-content{will-change:auto}}