:root { --ink: #291c14; --paper: #f6eedb; --card: #e8ddc7; --rim: #9e8a6b; --cream: #f2e0bf; --jarrah: #732b24; }
@font-face { font-family: Spectral; src: url(/gift/fonts/spectral-regular-latin.woff2) format("woff2"); font-weight: 400; }
@font-face { font-family: Spectral; src: url(/gift/fonts/spectral-light-latin.woff2) format("woff2"); font-weight: 300; }
@font-face { font-family: Caveat; src: url(/gift/fonts/caveat-latin.woff2) format("woff2"); }
* { box-sizing: border-box; }
body { margin: 0; font-family: Spectral, Georgia, serif; color: var(--ink); background: var(--paper); line-height: 1.55; }
a { color: var(--jarrah); }
.hero { min-height: 92vh; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center;
  background: url(/img/lookout.jpg) center / cover no-repeat; color: var(--cream); padding: 9vh 20px 40px; }
.hero img.word { width: min(78vw, 420px); filter: drop-shadow(0 4px 10px rgba(0,0,0,.25)); }
.hero .sub { font-family: Caveat, cursive; font-size: 32px; margin: 0 0 30vh; text-shadow: 1.5px 1.5px 0 #663330, 0 1px 6px rgba(0,0,0,.4); }
.btn { display: inline-block; margin: 6px; padding: 14px 26px; border-radius: 14px; background: var(--card); color: var(--ink);
  border: 1.5px solid var(--rim); text-decoration: none; font-size: 18px; box-shadow: 0 3px 6px rgba(0,0,0,.25); }
.btn.main { background: var(--jarrah); color: var(--cream); border-color: rgba(41,28,20,.5); }
.soon { font-family: Caveat, cursive; font-size: 24px; text-shadow: 0 1px 5px rgba(0,0,0,.5); }
main.page { max-width: 680px; margin: 0 auto; padding: 40px 22px 60px; }
main.page h1 { font-weight: 300; font-size: 34px; margin-bottom: 4px; }
main.page h2 { font-weight: 400; font-size: 22px; margin-top: 32px; }
main.page h3 { font-weight: 400; font-size: 18px; margin: 22px 0 6px; }
main.page ul, main.page ol { padding-left: 22px; }
main.page li { margin-bottom: 6px; }
footer { text-align: center; font-size: 14px; padding: 26px; color: #6f604f; }
footer a { margin: 0 8px; }