/* SamePose theme + hero art. Layout lives in ../app-page.css. */
:root { --bg: #090909; --ink: #fff; --muted: #aaa; --accent: #fff; --button-bg: #fff; --button-ink: #111; --line: rgba(255,255,255,.16); --section-bg: #f2f2f0; --section-ink: #111; --section-muted: #6b6b6b; --section-accent: #111; --card-bg: #fff; --card-line: rgba(0,0,0,.1); --closing-glow: #262626; }
.wordmark { font-size: 16px; letter-spacing: .24em; }
.hero-image { position: relative; width: min(100%, 520px); margin: 0 auto; }
.hero-image::before { content: ""; position: absolute; inset: -18px; border: 1px solid #333; border-radius: 36px; transform: rotate(3deg); }
.hero-image img { position: relative; display: block; width: 100%; aspect-ratio: 1 / 1.12; object-fit: cover; border-radius: 26px; filter: grayscale(1); }
@media (max-width: 600px) { .hero-image { width: calc(100% - 20px); } }