:root{--paper: #f2e6cc;--ink: #28231e;--accent: #743c2c;--night: #1d3039;--gold: #8b6832}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:radial-gradient(ellipse at 80% 10%,#d3bd883a,transparent 55%),var(--paper);color:var(--ink);font:1.1rem/1.7 Georgia,serif}a{color:var(--accent);text-underline-offset:.25em}header,main,footer{max-width:1180px;margin:auto;padding:2rem}header{display:flex;justify-content:space-between;gap:1.5rem;border-bottom:1px solid var(--gold);align-items:center}nav{display:flex;gap:1.2rem;flex-wrap:wrap}.brand{font-size:1.6rem;font-weight:700;color:var(--ink);text-decoration:none}.hero{display:grid;grid-template-columns:3fr 1fr;align-items:center;gap:3rem;min-height:70vh;padding:4rem 0}h1{font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.1;font-weight:400;letter-spacing:-.035em}h1 em{color:var(--accent)}h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;line-height:1.2}.eyebrow{font:.75rem/1.5 monospace;letter-spacing:.18em;text-transform:uppercase}.button{display:inline-block;background:var(--night);color:var(--paper);padding:.8rem 1.4rem;margin-top:1rem;text-decoration:none}.compass{text-align:center;border:double 5px var(--gold);border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;padding:1rem;transform:rotate(-6deg)}.compass span{font-size:2rem;line-height:1.2}.compass p{font-size:.8rem}.divider{text-align:center;color:var(--gold);letter-spacing:1rem}.entry{padding:3rem 0;border-bottom:1px solid #8b683250}details{max-width:70ch;background:#ffffff35;border-left:3px solid var(--gold);padding:1rem}summary,button{cursor:pointer}footer{font-size:.9rem}button{font:inherit;background:transparent;color:var(--ink);border:1px solid var(--gold);padding:.6rem 1rem}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:var(--paper);padding:1rem}@media (max-width: 760px){header{align-items:start;flex-direction:column}.hero{grid-template-columns:1fr;min-height:auto;padding:2rem 0}.compass{max-width:220px;justify-self:center}header,main,footer{padding:1.25rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}@media print{nav,button,.compass,.skip{display:none}body{background:#fff;color:#000}.hero{min-height:auto}header,main,footer{padding:0}.entry{break-inside:avoid}}