:root { --paper:#f4eadb; --paper2:#ecdfc9; --ink:#2b2420; --soft:#6d6055; --edge:#dccbb4; --accent:#3b5f8a; --warm:#c8743a; --night:#2a2438; }
* { box-sizing:border-box }
html { scroll-behavior:smooth }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Georgia,'Times New Roman',serif; line-height:1.55; -webkit-text-size-adjust:100% }
a { color:var(--accent) }
.wrap { max-width:1040px; margin:0 auto; padding:0 20px }
.bar { display:flex; align-items:center; justify-content:space-between; padding:14px 0; gap:12px; flex-wrap:wrap }
.bar b { font-size:20px; letter-spacing:.01em }
.bar nav { display:flex; gap:18px; font-size:15px }
.bar nav a { text-decoration:none; padding:10px 0 }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 24px; border-radius:999px; font:inherit; font-size:17px; text-decoration:none; cursor:pointer; border:1px solid var(--edge); background:transparent; color:var(--accent) }
.btn.primary { background:var(--accent); color:#fff; border-color:var(--accent) }
.btn:hover { filter:brightness(.96) }
h1,h2,h3 { font-weight:normal; line-height:1.15; margin:0 }
h1 { font-size:clamp(34px,6.4vw,58px); letter-spacing:-.01em }
h2 { font-size:clamp(26px,4.4vw,36px); margin-bottom:14px }
.eyebrow { text-transform:uppercase; letter-spacing:.12em; font-size:12.5px; color:var(--soft) }
.card { background:var(--paper2); border-radius:14px; box-shadow:0 6px 18px rgba(70,45,20,.16) }
.scene { aspect-ratio:3/4; border-radius:10px; overflow:hidden; box-shadow:0 8px 24px rgba(70,45,20,.22); background:#e7d7bf }
.scene canvas { display:block; width:100%; height:100% }
.chip { display:inline-block; padding:2px 10px; border-radius:999px; background:var(--paper2); border:1px solid var(--edge); font-size:13px; margin:2px 4px 2px 0 }
footer { margin-top:70px; padding:28px 0 40px; border-top:1px solid var(--edge); color:var(--soft); font-size:14px }
footer p { margin:.4em 0; max-width:70ch }
.sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto } }