@font-face{font-family:LocalSong;src:local("Songti SC"),local("Noto Serif CJK SC"),local("Source Han Serif SC")}:root{--ink:#173429;--gold:#cda969;--paper:#f0eee5;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible{outline:2px solid #c08d46;outline-offset:3px}.skip-link{position:absolute;top:-80px;left:20px;padding:10px;background:#fff}.skip-link:focus{top:12px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:76px;padding:10px clamp(20px,4vw,65px);background:#102b21;color:#f4eedd}header a{text-decoration:none}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand>span{display:grid;place-items:center;width:37px;height:37px;border:1px solid #dfbd80;border-radius:50%;color:#dfbd80;font:500 22px LocalSong,serif}.brand strong{font:500 19px LocalSong,serif}.brand small{display:block;margin-top:4px;color:#d7bd8a;font:600 8px Arial,sans-serif;letter-spacing:.2em}header nav{display:flex;gap:26px;font-size:12px}.back{white-space:nowrap;font-size:11px;border-bottom:1px solid #b8c6a9;padding-bottom:5px}
.about-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:650px;background:#183a2b;color:#f4eee1}.about-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:75px clamp(30px,5vw,85px)}.about-hero-copy>span,.section-heading>span,.about-materials>div>span,.about-end>span{color:#dcbd80;font-size:11px;letter-spacing:.16em}.about-hero h1,.section-heading h2,.about-materials h2,.about-end h2{font:500 clamp(47px,5vw,75px)/1.2 LocalSong,serif}.about-hero h1{margin:30px 0}.about-hero h1 em{font-style:normal;color:#dab777}.about-hero-copy p{max-width:590px;color:#dae6d8;font-size:15px;line-height:2}.about-hero-copy>div{display:flex;gap:24px;flex-wrap:wrap;margin-top:25px}.about-hero-copy a{font-size:13px;color:#f1daaa;text-decoration:none;border-bottom:1px solid #a0a98c;padding-bottom:7px}.about-map{position:relative;min-height:500px;overflow:hidden;background:#d1c6a8}.about-map:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,42,29,.2),transparent)}.about-map img{width:100%;height:100%;object-fit:cover;object-position:center}.about-map small{position:absolute;right:20px;bottom:20px;z-index:1;padding:8px 12px;background:rgba(16,43,32,.85);font-size:10px;color:#f0e7d6}
.about-index{display:grid;grid-template-columns:repeat(4,1fr);padding:35px clamp(22px,5vw,85px);background:#dfdfd3}.about-index div{display:flex;flex-direction:column;gap:5px;align-items:center;border-right:1px solid #abb9a6}.about-index div:last-child{border:0}.about-index strong{font:400 54px Georgia,serif;color:#9c7951}.about-index span{font-size:11px;color:#596f5d}
.about-path{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,110px);padding:110px clamp(25px,5vw,90px)}.section-heading h2{margin:22px 0;color:#1d3b2b}.section-heading p{max-width:350px;font-size:13px;line-height:1.95;color:#667967}.path-list{border-top:1px solid #aab9a8}.path-list a{display:grid;grid-template-columns:55px 1fr 20px;gap:17px;padding:26px 0;text-decoration:none;border-bottom:1px solid #aab9a8}.path-list a>span{font:400 26px Georgia,serif;color:#b18e58}.path-list h3{margin:0 0 7px;font:500 27px LocalSong,serif}.path-list p{margin:0;color:#637666;font-size:12px;line-height:1.8}.path-list b{font-weight:400}.path-list a:hover h3{color:#9a7443}
.about-materials{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;padding:110px clamp(25px,5vw,90px);background:#e4e7db}.about-materials h2{margin:22px 0}.about-materials p{max-width:650px;color:#607560;font-size:13px;line-height:2}.about-materials a{display:inline-block;margin-top:20px;padding-bottom:7px;border-bottom:1px solid #879a81;text-decoration:none;font-size:13px}.about-materials aside{padding:35px;background:#eff0e6;border:1px solid #b2c3b0}.about-materials h3{margin:0 0 20px;font:500 28px LocalSong,serif}.about-materials ul{margin:0;padding-left:20px;color:#57705c;font-size:12px;line-height:2.8}
.about-end{text-align:center;padding:90px 20px 100px;background:#183a2b;color:#f6eddf}.about-end h2{margin:22px 0 28px}.about-end div{display:flex;justify-content:center;gap:25px}.about-end a{font-size:13px;color:#ead1a0;text-decoration:none;border-bottom:1px solid #b5aa85;padding-bottom:6px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px clamp(25px,5vw,90px);background:#102b21;color:#b8cab7;font-size:11px}footer a{color:#dcc28e;text-decoration:none}
@media(max-width:850px){header{flex-wrap:wrap}header nav{order:3;width:100%;justify-content:space-between}.about-hero,.about-path,.about-materials{grid-template-columns:1fr}.about-map{min-height:400px}.about-index{grid-template-columns:repeat(2,1fr);gap:20px}.about-index div:nth-child(2){border:0}.about-path,.about-materials{padding:75px 25px}.section-heading p{max-width:600px}.about-materials{gap:25px}}
@media(max-width:580px){header nav{gap:13px;overflow-x:auto;white-space:nowrap}.back{display:none}.about-hero-copy{padding:65px 25px}.about-hero h1{font-size:46px}.about-map{min-height:330px}.about-index strong{font-size:43px}.about-end h2{font-size:42px}.about-end div{flex-wrap:wrap}footer{flex-wrap:wrap}}