@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&family=Inter:wght@400;500&display=swap');
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:'Cardo',Georgia,serif;color:#1f1f1f;background:#faf9f5;line-height:1.75}
nav,header nav,.kicker{font-family:'Inter',system-ui,sans-serif}
.masthead{display:flex;justify-content:space-between;align-items:baseline;padding:32px 48px;border-bottom:1px solid #d4d4d0}
.masthead .brand{font-weight:700;font-size:22px;letter-spacing:.02em}
.masthead nav{font-size:14px}
.masthead nav a{color:#5a5a55;text-decoration:none;padding:0 4px}
.masthead nav a.active{color:#8b4513;border-bottom:1px solid #8b4513}
.masthead .sep{color:#aaa;margin:0 6px}
main{max-width:680px;margin:0 auto;padding:64px 24px}
main h1{font-size:48px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}
.kicker{color:#7a7a72;font-style:italic;margin:0 0 24px}
hr{border:none;border-top:1px solid #d4d4d0;margin:32px 0}
section h2{font-size:20px;margin:0 0 12px;font-variant:small-caps;letter-spacing:.04em}
section p{margin:0 0 14px;line-height:1.7}
.contact-button{display:inline-flex;align-items:baseline;gap:6px;margin-top:14px;padding:8px 0;color:#8b4513;text-decoration:none;font-style:italic;border-bottom:1px solid #8b4513;transition:letter-spacing .3s}
.contact-button:hover{letter-spacing:.04em;color:#8b4513;text-decoration:none}
.contact-button .cb-arrow{transition:transform .3s}
.contact-button:hover .cb-arrow{transform:translateX(8px)}
/* Scroll reveal — медленное проявление как печать в журнале */
.reveal{opacity:0;transform:translateY(40px);transition:opacity 1.1s ease,transform 1.1s ease}
.reveal.in{opacity:1;transform:translateY(0)}
hr.reveal{opacity:0;transform:scaleX(0);transform-origin:left;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
hr.reveal.in{opacity:1;transform:scaleX(1)}
.features{list-style:none;padding:0;margin:8px 0 0}
.features li{padding:10px 0;border-bottom:1px dotted #d4d4d0;font-style:italic}
.features li::before{content:"§ ";color:#8b4513;font-weight:700}
a{color:#8b4513}
.prose h1{font-size:42px;margin:0 0 4px}
.prose h2{font-size:22px;margin:32px 0 10px;font-variant:small-caps;letter-spacing:.04em}
.prose h3{font-size:17px;margin:20px 0 6px;color:#3a3a35}
footer{border-top:1px solid #d4d4d0;text-align:center;padding:24px;color:#7a7a72;font-size:13px;font-style:italic;margin-top:64px}