:root { --berry:#e2546b; --mint:#5fc9a8; --cream:#fff7ee; --ink:#4a2b22; --soft:#8a6457;
  --card:#ffffff; --line:#f1dccd; --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; font-family:var(--sans); font-size:18px; line-height:1.6; color:var(--ink);
  background:linear-gradient(#fde9e4, var(--cream) 420px); -webkit-font-smoothing:antialiased; }
a { color:var(--berry); text-underline-offset:3px; }
img { max-width:100%; height:auto; display:block; }
.wrap { width:min(100% - 2.5rem, 980px); margin-inline:auto; }
.narrow { width:min(100% - 2.5rem, 720px); margin-inline:auto; }
header { padding:1rem 0; }
header .wrap { display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; gap:.6rem; align-items:center; font-weight:800; color:var(--ink); text-decoration:none; font-size:1.15rem; }
.brand img { width:36px; height:36px; border-radius:9px; }
nav a { margin-left:1rem; font-weight:600; text-decoration:none; }
h1 { font-size:clamp(2rem,5vw,3rem); line-height:1.1; margin:.4em 0; }
h2 { font-size:1.4rem; margin:1.6em 0 .4em; }
.hero { text-align:center; padding:2rem 0 1rem; }
.hero img.icon { width:120px; height:120px; border-radius:27px; margin:0 auto; box-shadow:0 10px 30px rgba(226,84,107,.25); }
.lead { font-size:1.2rem; color:var(--soft); max-width:36rem; margin:0 auto 1.5rem; }
.badge { display:inline-block; background:var(--berry); color:#fff; padding:.75rem 1.4rem; border-radius:999px; font-weight:700; text-decoration:none; }
.shots { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1rem; margin:2rem 0; }
.shots img { border-radius:22px; box-shadow:0 8px 24px rgba(74,43,34,.15); }
.sheet { background:var(--card); border:1px solid var(--line); border-radius:22px; padding:1.5rem 2rem 2rem; margin:1rem auto 3rem; }
.stand { color:var(--soft); }
footer { text-align:center; color:var(--soft); font-size:.9rem; padding:2rem 0 3rem; }
footer a { margin:0 .5rem; }