* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Georgia', 'Times New Roman', serif; background: #fbf8f3; color: #3a332d; line-height: 1.8; }
        
header { background: #ffffff; padding: 25px 20px 15px; text-align: center; position: relative; border-bottom: 1px solid #eae3d9; }
.logo-box img { max-width: 160px; height: auto; display: block; margin: 0 auto; }

nav { background: #1a1a1a; padding: 12px 10px; text-align: center; }
nav ul { list-style: none; display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin: 0; padding: 0; }
nav a { color: #d1d1d1; text-decoration: none; font-family: sans-serif; font-size: 0.8rem; letter-spacing: 1.5px; text-transform: uppercase; padding: 4px 8px; transition: color 0.2s; }
nav a:hover, nav a.active { color: #b89753; border-bottom: 1px solid #b89753; }

.hero { position: relative; background-color: #2c2520; background-position: center 30%; background-size: cover; background-repeat: no-repeat; padding: 80px 15px; display: flex; justify-content: center; align-items: center; min-height: 550px; }
.hero-card { background: rgba(253, 251, 247, 0.95); max-width: 440px; width: 100%; padding: 45px 25px; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.15); border: 1px solid #eae3d9; }
.hero-card h1 { font-family: 'Georgia', serif; font-size: 1.75rem; color: #3a332d; font-weight: 300; line-height: 1.35; margin-bottom: 22px; letter-spacing: 0.5px; }
.hero-card p { font-size: 0.95rem; color: #665f57; margin-bottom: 20px; line-height: 1.7; }
.hero-card .subtitle { font-style: italic; color: #8c8278; margin-bottom: 25px; font-size: 0.95rem; }

.page-title { text-align: center; font-family: 'Georgia', serif; font-size: 2.2rem; color: #3a332d; margin: 50px 0 20px; font-weight: 300; }
.page-subtitle { text-align: center; color: #8c8278; font-style: italic; margin-bottom: 50px; }

.btn-main { display: inline-block; background: #4a4038; color: #ffffff; padding: 14px 30px; text-decoration: none; font-family: sans-serif; font-size: 0.75rem; letter-spacing: 2px; text-transform: uppercase; transition: background 0.2s; border: none; }
.btn-main:hover { background: #b89753; }

.content-section { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 40px; max-width: 1000px; margin: 60px auto; padding: 0 20px; }
.img-block { flex: 1; min-width: 300px; }
.img-block img { width: 100%; height: auto; display: block; box-shadow: 0 8px 25px rgba(0,0,0,0.08); border-radius: 4px; }
.text-block { flex: 1; min-width: 300px; text-align: center; padding: 20px; }
.text-block p { font-size: 1.05rem; color: #554e46; line-height: 1.8; margin-bottom: 25px; }

footer { text-align: center; padding: 45px 20px 30px; background: #fbf8f3; color: #776f66; font-size: 0.85rem; border-top: 1px solid #eae3d9; font-family: sans-serif; margin-top: 60px;}
.socials { margin-bottom: 15px; font-size: 0.9rem; }
.socials a { color: #3a332d; text-decoration: none; margin: 0 10px; }