@font-face { font-family: Nunito; src: url(fonts/Nunito-Regular.ttf); font-weight: 400; }
@font-face { font-family: Nunito; src: url(fonts/Nunito-ExtraBold.ttf); font-weight: 800; }
:root { --paper: #FFF8EE; --ink: #4A3B32; --soft: #8C7A6B; --yellow: #F6D365; --card: #FFFFFF; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 18px/1.6 Nunito, system-ui, sans-serif; }
main, footer { max-width: 880px; margin: 0 auto; padding: 0 16px; }
header.hero { background: var(--yellow); padding: 40px 16px 32px; }
header.hero .inner { max-width: 880px; margin: 0 auto; display: flex; gap: 28px; align-items: center; flex-wrap: wrap; }
header.hero img { width: 128px; height: 128px; border-radius: 28px; box-shadow: 0 6px 20px rgba(74,59,50,.25); }
h1 { font-weight: 800; font-size: 44px; line-height: 1.1; margin: 0 0 8px; }
h2 { font-weight: 800; font-size: 24px; margin: 40px 0 8px; }
.tagline { font-size: 20px; margin: 0; }
.button { display: inline-block; margin-top: 16px; padding: 12px 22px; border-radius: 999px; background: var(--ink);
  color: var(--paper); text-decoration: none; font-weight: 800; }
.shots { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin: 32px 0; }
.shots img { width: 100%; border-radius: 16px; box-shadow: 0 4px 14px rgba(74,59,50,.18); }
.description { white-space: pre-line; }
footer { padding: 32px 16px 48px; color: var(--soft); font-size: 15px; }
footer a { color: var(--soft); margin-right: 16px; }
.legal { padding-top: 24px; }
a { color: var(--ink); }