:root{--paper:#f5f1e8;--ink:#17231d;--muted:#637068;--red:#8b382f;--line:#d8d0c1;--card:#fffdf8;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC","Songti SC",STSong,serif;line-height:1.85}img{display:block;width:100%;height:auto}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.6rem 1rem;z-index:20}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem max(5vw,24px);background:rgba(245,241,232,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,35,29,.1)}.brand{text-decoration:none;display:flex;flex-direction:column;font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;font-weight:700;letter-spacing:.08em}.brand small{font-weight:400;color:var(--muted);font-size:.7rem;letter-spacing:.04em}.site-header nav{display:flex;gap:1.2rem;flex-wrap:wrap}.site-header nav a{text-decoration:none;font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:.9rem;color:#34453c}.site-header nav a:hover{color:var(--red)}main{max-width:var(--max);margin:auto;padding:clamp(2rem,5vw,5rem) max(4vw,20px)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,6rem);align-items:center;min-height:72vh}.hero h1,.page-intro h1,.split h1,.article-hero h1{font-size:clamp(2.45rem,6vw,5.4rem);line-height:1.15;letter-spacing:-.03em;margin:.5rem 0 1.5rem}.hero p,.lead,.article-hero p{font-size:clamp(1.05rem,1.8vw,1.35rem);color:#46534c}.hero-image{margin:0;position:relative}.hero-image:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid var(--red);z-index:-1}.hero-image img{box-shadow:0 28px 70px rgba(27,38,32,.18)}.eyebrow{font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--red);font-size:.78rem;font-weight:700}.actions{display:flex;gap:1.2rem;align-items:center;margin-top:2rem}.button{background:var(--ink);color:#fff;text-decoration:none;padding:.85rem 1.3rem}.text-link{text-decoration:none;border-bottom:1px solid}.statement{margin:7rem auto;padding:4rem max(5vw,2rem);background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.statement blockquote{font-size:clamp(1.8rem,4vw,3.2rem);margin:0 0 1rem}.statement p{max-width:760px;margin:auto;color:var(--muted)}.section-heading{margin:0 0 2rem}.section-heading h2,.three-columns h2{font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.35;margin:.2rem 0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery-grid a{overflow:hidden;background:#ddd}.gallery-grid img{aspect-ratio:3/4;object-fit:cover;transition:transform .35s ease}.gallery-grid a:hover img{transform:scale(1.025)}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:7rem 0 2rem}.three-columns article{padding:2rem;background:var(--card);border:1px solid var(--line)}.page-intro,.article-hero{max-width:950px;margin:2rem auto 5rem;text-align:center}.gallery-full{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.gallery-full figure{margin:0;background:var(--card);padding:1rem}.gallery-full figcaption{text-align:right;color:var(--muted);font-family:monospace;padding-top:.5rem}.split{display:grid;grid-template-columns:1fr .82fr;gap:clamp(2rem,7vw,7rem);align-items:center;min-height:65vh}.split.reverse{grid-template-columns:.9fr 1.1fr}.split.reverse figure{order:-1}.split figure{margin:0}.split blockquote{font-size:1.6rem;margin:2rem 0;border-left:3px solid var(--red);padding-left:1rem}.split dl{margin:2rem 0}.split dl div{display:grid;grid-template-columns:7rem 1fr;border-top:1px solid var(--line);padding:.7rem 0}.split dt{color:var(--muted)}.split dd{margin:0}.closing{font-size:1.35rem;color:var(--red)}.longform main{max-width:1080px}.article-section{display:grid;grid-template-columns:1.1fr .7fr;gap:4rem;align-items:start;padding:4rem 0;border-top:1px solid var(--line)}.article-section:nth-of-type(even){grid-template-columns:.7fr 1.1fr}.article-section:nth-of-type(even) figure{order:-1}.article-section h2{font-size:clamp(1.7rem,3.8vw,3rem);line-height:1.3;margin:0 0 1.5rem}.article-section figure{margin:0}.article-section img{box-shadow:0 18px 45px rgba(20,34,27,.14)}.note{margin:4rem 0;padding:1.4rem 1.6rem;background:#ebe4d8;color:#4c574f}.faq{max-width:850px;margin:auto}.faq details{background:var(--card);border-top:1px solid var(--line);padding:1.2rem 1.5rem}.faq summary{font-size:1.2rem;font-weight:700;cursor:pointer}.faq p{color:var(--muted)}footer{max-width:var(--max);margin:5rem auto 0;padding:2.5rem max(4vw,20px);border-top:1px solid var(--line);display:flex;gap:1.2rem;justify-content:space-between;color:var(--muted);font-size:.9rem}footer strong{color:var(--ink)}:focus-visible{outline:3px solid var(--red);outline-offset:3px}
@media(max-width:900px){.site-header{align-items:flex-start}.site-header nav{display:none}.hero,.split,.split.reverse,.article-section,.article-section:nth-of-type(even){grid-template-columns:1fr}.split.reverse figure,.article-section:nth-of-type(even) figure{order:initial}.hero{min-height:auto}.gallery-grid{grid-template-columns:repeat(2,1fr)}.three-columns{grid-template-columns:1fr}.article-section{gap:2rem}.gallery-full{grid-template-columns:1fr}footer{flex-direction:column}.hero h1,.page-intro h1,.split h1,.article-hero h1{font-size:clamp(2.25rem,11vw,3.7rem)}}