@media (max-width: 780px) .content-grid grid-template-columns: 1fr; gap: 2rem; h1 font-size: 2.2rem; .hero padding: 1rem 0 1.5rem;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>Bones & Tales: The Manor — Official Release & Download</title> <meta name="description" content="Download 'Bones- Tales- The Manor.zip', the latest eerie interactive tale from the studio. Unravel the secrets of the haunted manor. Free demo and full game available."> <style> * margin: 0; padding: 0; box-sizing: border-box; DOWNLOAD FILE - Bones- Tales- The Manor.zip
.main-article p margin-bottom: 1.2rem; color: #dbd2c6; @media (max-width: 780px)
.download-card background: #141217; border-radius: 2rem; border: 1px solid #2f2a2a; padding: 1.8rem 2rem; margin: 2rem 0 2.5rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; backdrop-filter: blur(2px); box-shadow: 0 20px 35px -12px rgba(0,0,0,0.5); h1 font-size: 2.2rem
/* dark gothic / manor aesthetic */ .blog-container max-width: 1280px; margin: 0 auto; padding: 2rem 1.5rem 4rem;
.note font-size: 0.8rem; color: #b9aa97; background: #1f1b1a; display: inline-block; padding: 0.2rem 0.8rem; border-radius: 30px;
/* content grid */ .content-grid display: grid; grid-template-columns: 2fr 1fr; gap: 2.2rem; margin: 2rem 0 3rem;