*{box-sizing:border-box}
:root{--page:#d8cdb7;--paper:#f7eedb;--soft:#efe2c8;--ink:#2d261f;--muted:#6f6251;--accent:#7b4a2e;--dark:#4f2f1d;--line:rgba(91,67,42,.24);--shadow:0 20px 55px rgba(55,39,24,.22)}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;padding:30px 0;color:var(--ink);background:var(--page) url('parchment-background.jpg') repeat;background-size:700px auto;background-attachment:fixed;font-family:Georgia,'Times New Roman',serif;line-height:1.7}
.site-shell{width:min(1120px,calc(100% - 28px));margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:rgba(247,238,219,.96);box-shadow:var(--shadow)}
.site-header{padding:24px 30px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.35),transparent),var(--soft);text-align:center}
.site-logo{display:block;width:min(620px,92%);height:auto;margin:0 auto}
.site-subtitle{margin:4px 0 0;color:var(--muted);font:700 .92rem Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.site-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.site-nav a{display:inline-block;padding:10px 18px;border:1px solid rgba(101,75,45,.34);border-radius:999px;color:var(--dark);background:rgba(255,255,255,.45);font:700 1rem Arial,sans-serif;text-decoration:none;transition:.16s}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current=page]{color:#fff;background:var(--accent);transform:translateY(-1px)}
main{padding:clamp(26px,5vw,58px)}
.hero,.chapter-header{max-width:820px;margin:0 auto;text-align:center}
.eyebrow{margin:0 0 8px;color:var(--accent);font:700 .78rem Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
h1,h2,h3{color:var(--dark);line-height:1.15}h1{margin:0;font-size:clamp(2.6rem,7vw,5rem)}h2{margin:0;font-size:clamp(2rem,4.5vw,3.5rem)}
.hero p,.chapter-header p{color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem)}
.primary-button{display:inline-block;margin-top:14px;padding:13px 24px;border-radius:999px;color:#fff;background:var(--accent);font:700 1rem Arial,sans-serif;text-decoration:none}
.primary-button:hover{background:var(--dark)}
.feature-grid,.link-grid,.latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:46px}
.feature-card,.link-card,.latest-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.42);box-shadow:0 10px 24px rgba(64,46,28,.10)}
.feature-card h3,.link-card h3,.latest-card h3{margin:0 0 8px;font-size:1.4rem}.feature-card p,.link-card p,.latest-card p{margin:0;color:var(--muted)}.link-card a{color:var(--accent);font:700 1rem Arial,sans-serif}
.story-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:center;gap:clamp(28px,5vw,56px);margin:42px 0 64px}
.story-copy{font-size:clamp(1.06rem,1.8vw,1.22rem)}.story-copy p{margin:0 0 1.25rem}.drop-cap::first-letter{float:left;margin:.07em .12em 0 0;color:var(--accent);font-size:3.6em;font-weight:700;line-height:.8}
.photo-card{margin:0;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.52);box-shadow:0 12px 28px rgba(68,50,31,.16)}
.photo-card img,.latest-card img{display:block;width:100%;height:auto;object-fit:cover;border-radius:12px}.photo-card figcaption{padding:12px 6px 4px;color:var(--dark);text-align:center;font-weight:700}
.milestone{margin:18px 0 54px;padding:22px 26px;border-left:5px solid var(--accent);border-radius:10px;background:rgba(123,74,46,.08);color:var(--dark);font-size:clamp(1.1rem,2vw,1.35rem);font-style:italic}
.chapter{margin-top:64px;padding-top:42px;border-top:1px solid var(--line)}
.site-footer{padding:18px 24px 28px;color:var(--muted);font: .9rem Arial,sans-serif;text-align:center}.mail-link{display:inline-block;margin-top:22px;color:var(--accent);font:700 1rem Arial,sans-serif}
@media(max-width:860px){.feature-grid,.link-grid,.latest-grid{grid-template-columns:1fr 1fr}.story-grid{grid-template-columns:1fr}.photo-card{order:-1}}
@media(max-width:560px){body{padding:7px 0;background-attachment:scroll}.site-shell{width:min(100% - 14px,1120px);border-radius:16px}.site-header,main{padding-left:18px;padding-right:18px}.feature-grid,.link-grid,.latest-grid{grid-template-columns:1fr}.site-nav{display:grid;grid-template-columns:1fr 1fr}}