@charset "UTF-8";

/* A deliberately empty archival worktable; generated scenery, not a historical object. */
.about-materials-v43{background:#f0ede4;color:#122a23}
.about-materials-stage{display:grid;grid-template-rows:minmax(0,1fr) 84px;width:100%;height:100%;min-height:570px;background:#f0ede4}
.about-materials-story{display:grid;grid-template-columns:56% 44%;min-height:0}
.about-materials-visual{position:relative;min-height:0;overflow:hidden;border-right:1px solid #c7b690;background:#d9ceb6 url("../assets/about-materials-background-v43.png") 54% center/cover no-repeat}
.about-materials-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,32,25,.19),transparent 42%);pointer-events:none}
.about-materials-visual-note{position:absolute;z-index:1;bottom:30px;left:43px;display:flex;align-items:center;gap:14px;padding:12px 17px;background:rgba(17,42,33,.87);color:#eee6d6;font-size:11px;letter-spacing:.12em;backdrop-filter:blur(4px)}
.about-materials-visual-note i{display:block;width:23px;height:1px;background:#d8b67c}
.about-materials-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:35px clamp(42px,5.1vw,73px) 42px}
.about-materials-eyebrow{color:#9e7744;font-size:11px;font-weight:700;letter-spacing:.23em;white-space:nowrap}
.about-materials-copy h2{margin:25px 0 0;color:#122a23;font:400 clamp(43px,4.05vw,55px)/1.25 "Songti SC","STSong","Noto Serif CJK SC",serif;letter-spacing:.045em;white-space:nowrap}
.about-materials-copy h2 span{display:block}
.about-materials-copy-rule{width:78px;height:2px;margin:25px 0 20px;background:#b58b50}
.about-materials-copy p{max-width:455px;margin:0;color:#596c5e;font-size:13px;line-height:1.9;letter-spacing:.025em}
.about-materials-cta{display:flex;align-items:center;justify-content:space-between;width:224px;min-height:48px;margin-top:24px;padding:0 17px;background:#122a23;color:#f6eddc;font-size:12px;letter-spacing:.1em;text-decoration:none}
.about-materials-cta span{color:#dfbd81;font-size:19px}
.about-materials-cta:hover{background:#214739}
.about-materials-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:84px;padding:0 43px;border-top:1px solid #c3b7a5;background:#e5dfd2}
.about-materials-rail-item{display:flex;align-items:center;gap:15px;min-width:0;padding:0 21px;border-left:1px solid #c6baaa}
.about-materials-rail-item:first-child{padding-left:0;border-left:0}
.about-materials-rail-item b{align-self:center;color:#ad8653;font:400 25px/1 Georgia,serif}
.about-materials-rail-item div{display:flex;flex-direction:column;gap:4px;min-width:0}
.about-materials-rail-item strong{color:#203a2d;font-size:13px;font-weight:600;letter-spacing:.08em;white-space:nowrap}
.about-materials-rail-item small{color:#718072;font-size:10px;letter-spacing:.06em;white-space:nowrap}
.about-preface-page[data-horizontal-current="2"] .site-guide-launcher{display:none}

@media(max-width:900px){
  .about-materials-copy{padding:25px 33px}
  .about-materials-copy h2{font-size:42px;letter-spacing:0}
  .about-materials-eyebrow{font-size:10px;letter-spacing:.12em}
  .about-materials-rail{padding:0 25px}
  .about-materials-rail-item{gap:9px;padding:0 11px}
  .about-materials-rail-item strong{font-size:11px}
  .about-materials-rail-item small{font-size:9px}
}
@media(max-width:600px){
  .about-materials-stage{grid-template-rows:minmax(0,1fr) 124px;min-height:700px}
  .about-materials-story{grid-template-columns:1fr;grid-template-rows:42% 58%}
  .about-materials-visual{border-right:0;border-bottom:1px solid #c7b690;background-position:55% center}
  .about-materials-visual-note{bottom:15px;left:18px;padding:9px 11px;font-size:9px}
  .about-materials-copy{padding:18px 25px 20px}
  .about-materials-eyebrow{font-size:9px;letter-spacing:.1em}
  .about-materials-copy h2{margin-top:12px;font-size:32px;line-height:1.2}
  .about-materials-copy-rule{width:55px;margin:14px 0 12px}
  .about-materials-copy p{font-size:11px;line-height:1.7}
  .about-materials-cta{width:190px;min-height:42px;margin-top:14px;font-size:11px}
  .about-materials-rail{grid-template-columns:repeat(2,minmax(0,1fr));height:124px;padding:0 17px}
  .about-materials-rail-item{min-height:61px;gap:8px;padding:0 7px}
  .about-materials-rail-item:nth-child(3){border-left:0}
  .about-materials-rail-item b{font-size:18px}
  .about-materials-rail-item strong{font-size:11px}
  .about-materials-rail-item small{font-size:8px}
}