:root{--ink:#3b2a14;--cream:#fff7d6;--sun:#ffd23f;--sky1:#5bb8f5;--sky2:#d8f0ff;--muted:#6b5a3e}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--sky1),var(--sky2) 70%,#eaf7ff);color:var(--ink);font:16px/1.55 "Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif}
a{color:inherit}
.wrap{max-width:860px;margin:0 auto;padding:28px 16px 40px}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.brand{display:flex;white-space:nowrap;align-items:center;gap:10px;font-weight:800;font-size:20px;text-decoration:none;color:#fff;text-shadow:0 2px 0 rgba(59,42,20,.35)}
.brand img{width:40px;height:40px;border-radius:10px;border:3px solid var(--ink)}
nav a{color:#fff;font-weight:700;text-decoration:none;margin-left:14px;text-shadow:0 1px 0 rgba(59,42,20,.35)}
.card{background:var(--cream);border:4px solid var(--ink);border-radius:26px;box-shadow:0 6px 0 var(--ink);padding:28px 26px;margin-bottom:24px}
.hero{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.hero img{width:120px;height:120px;border-radius:28px;border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink)}
h1{font-size:38px;line-height:1.1;margin:0 0 8px;overflow-wrap:anywhere;hyphens:auto}
h2{font-size:22px;margin:22px 0 6px}
h2:first-child{margin-top:0}
p{margin:0 0 10px}
.lead{font-size:18px;color:var(--muted);margin:0}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.badge{display:inline-block;background:var(--sun);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:999px;padding:9px 18px;font-weight:800;text-decoration:none}
.badge.off{background:#fff;color:var(--muted)}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.shots img{width:100%;border-radius:18px;border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);display:block}
.feat{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 22px;padding:0;margin:0;list-style:none}
.feat li::before{content:"🐦 "}
footer{text-align:center;font-size:14px;color:var(--muted)}
footer a{margin:0 8px}
.small{font-size:14px;color:var(--muted)}
@media (max-width:600px){.hero{grid-template-columns:1fr;text-align:center}.hero img{margin:0 auto}.badges{justify-content:center}.shots{grid-template-columns:1fr 1fr}.shots img:last-child{display:none}.feat{grid-template-columns:1fr}h1{font-size:28px}nav a{margin-left:10px;font-size:15px}.brand{font-size:18px}.card{padding:22px 18px}}
.mt{margin-top:24px}
@media (max-width:600px){header{flex-wrap:wrap}.brand{font-size:17px}nav a{margin-left:0;margin-right:12px}body{overflow-x:hidden}}