
:root{--ink:#2c261f;--muted:#786d61;--line:#ded4c5;--paper:#f7f1e8;--paper2:#eee4d5;--accent:#8b6f4d;--deep:#17130f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Serif SC","Songti SC",serif;background:var(--paper);color:var(--ink);line-height:1.9}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:#d8c7ad}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;background:rgba(247,241,232,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand-logo,.footer-logo{letter-spacing:.16em;font-weight:600}.brand-logo span,.footer-logo span{font-size:26px}.brand-logo em,.footer-logo em{font-style:normal;margin-left:8px;font-size:13px;border-left:1px solid var(--ink);padding-left:9px}.main-nav{display:flex;gap:2vw;font-size:14px;color:var(--muted)}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--ink);transition:.5s}.main-nav a:hover:after{width:100%}.search-below{padding:16px 5vw 22px;border-bottom:1px solid var(--line);background:#faf6ef}.search-box{display:flex;max-width:720px;margin:auto;border:1px solid var(--line);background:#fffaf3}.search-box input{flex:1;border:0;background:transparent;padding:14px 18px;font-size:15px;outline:0;color:var(--ink)}.search-box button{border:0;border-left:1px solid var(--line);background:transparent;padding:0 26px;color:var(--accent);cursor:pointer}.search-below p{text-align:center;margin:8px 0 0;color:var(--muted);font-size:13px}.hero{min-height:88vh;position:relative;display:grid;place-items:center;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,19,15,.68),rgba(23,19,15,.22),rgba(247,241,232,.1))}.hero-media img{width:100%;height:100%;object-fit:cover}.grain{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:soft-light}.hero-copy{position:relative;width:min(1120px,90vw);color:#fffaf0;padding-right:28vw}.eyebrow,.chapter-mark{display:inline-block;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-size:12px;margin-bottom:22px}.hero-copy h1{font-size:clamp(42px,6vw,86px);line-height:1.08;font-weight:400;margin:0 0 26px}.hero-copy p{font-size:18px;max-width:680px;color:#efe5d6}.btn{display:inline-flex;margin-top:24px;border:1px solid currentColor;padding:12px 28px;border-radius:999px;transition:.55s}.btn:hover{transform:translateY(-3px);background:rgba(255,255,255,.12)}.scroll-note{position:absolute;bottom:28px;left:5vw;color:#eadfce;font-size:13px;letter-spacing:.2em}.chapter{padding:110px 8vw;border-bottom:1px solid var(--line)}.chapter h2{font-size:clamp(30px,4vw,56px);line-height:1.18;font-weight:400;margin:0 0 38px;letter-spacing:.04em}.split,.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}.split p,.chapter p{color:var(--muted)}blockquote{margin:40px 0;padding:24px 0 24px 32px;border-left:1px solid var(--accent);font-size:20px;color:#5a4938}figcaption{font-size:12px;color:var(--muted);margin-top:12px}.vertical-essays{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.vertical-essays article{background:var(--paper);padding:42px;display:grid;grid-template-columns:70px 1fr;gap:20px}.vertical-essays span{font-size:38px;color:#c1ad91}.vertical-essays h3{margin:0;font-weight:400;font-size:24px}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px}.feature-card{position:relative;background:#fffaf3;border:1px solid var(--line);padding:18px;min-height:360px;transition:.6s}.feature-card.large{grid-row:span 2}.feature-card img{width:100%;height:330px;object-fit:cover;filter:saturate(.86)}.feature-card.large img{height:560px}.feature-card h3{font-size:24px;font-weight:400}.meta{font-size:13px;color:#9a7d57}.video-card .play{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) scale(.88);width:62px;height:62px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:rgba(23,19,15,.36);color:#fff;opacity:0;transition:.45s;cursor:pointer}.video-card:hover .play{opacity:1;transform:translate(-50%,-50%) scale(1)}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.timeline article{background:#f9f3ea;padding:44px}.timeline b{font-size:44px;color:#c9b798;font-weight:400}.timeline h3{font-size:24px;font-weight:400}.mag-list{display:grid;gap:16px}.mag-list a{display:grid;grid-template-columns:70px 1fr 1fr;gap:28px;padding:28px 0;border-top:1px solid var(--line);align-items:baseline}.mag-list span{color:#b69d78}.mag-list h3{font-size:26px;font-weight:400;margin:0}.quote-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.quote-grid blockquote{font-size:16px;background:#fffaf3;margin:0;padding:26px;border:1px solid var(--line)}cite{display:block;margin-top:16px;color:var(--muted);font-size:13px;font-style:normal}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:20px}.visit-card{background:#18140f;color:#f9efe0;padding:70px;position:relative;overflow:hidden}.visit-card:before{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.visit-card p{color:#d9cbb8}.inner-hero{padding:120px 8vw 70px;background:#eee4d5;border-bottom:1px solid var(--line)}.inner-hero h1{font-size:clamp(42px,7vw,88px);font-weight:400;margin:0}.essay-card,.longread{max-width:980px;margin:auto;background:#fffaf3;border:1px solid var(--line);padding:44px}.site-footer{padding:70px 5vw;background:#17130f;color:#f4eadc}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;border-top:1px solid rgba(255,255,255,.18);margin-top:26px;padding-top:24px;color:#d9cbb8}.qr-row{display:flex;gap:16px;margin-top:30px}.qr-row span{border:1px solid rgba(255,255,255,.22);width:120px;height:120px;display:grid;place-items:center;font-size:12px;color:#d9cbb8}.reveal{animation:fadeUp 1.1s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media(max-width:900px){.site-header{display:block}.main-nav{overflow:auto;white-space:nowrap;padding-top:14px}.hero-copy{padding-right:0}.chapter{padding:72px 6vw}.split,.two-col,.feature-grid,.timeline,.quote-grid,.footer-grid{grid-template-columns:1fr}.mag-list a{grid-template-columns:1fr;gap:8px}.feature-card.large img,.feature-card img{height:260px}.vertical-essays article{grid-template-columns:1fr}.visit-card{padding:42px 26px}.search-box{max-width:100%}}
