* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', -apple-system, sans-serif; background-color: #faf9f7; color: #1c1b1a; line-height: 1.7; -webkit-font-smoothing: antialiased; } .container { max-width: 900px; margin: 0 auto; padding: 0 24px; } .brand-bar { padding: 32px 0 16px; text-align: center; border-bottom: 1px solid rgba(28,27,26,0.05); } .brand-bar .logo { font-size: 22px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase; color: #1c1b1a; text-decoration: none; } .brand-bar .logo span { font-weight: 300; color: #a09b94; } .page { padding: 48px 0 60px; } .page h1 { font-family: 'Playfair Display', serif; font-weight: 400; font-size: 40px; letter-spacing: 2px; color: #1c1b1a; margin-bottom: 8px; text-align: center; } .page .divider { width: 60px; height: 2px; background: #c9a96e; margin: 12px auto 32px; } .page h2 { font-family: 'Playfair Display', serif; font-weight: 600; font-size: 22px; letter-spacing: 0.5px; color: #1c1b1a; margin-top: 36px; margin-bottom: 10px; } .page p { font-size: 16px; font-weight: 300; color: #4a4743; margin-bottom: 14px; } .page ul { font-size: 16px; font-weight: 300; color: #4a4743; padding-left: 24px; margin-bottom: 14px; } .page ul li { margin-bottom: 6px; } .page strong { font-weight: 500; color: #1c1b1a; } .contact-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin: 20px 0 30px; } .contact-info-grid .card { background: #f3f1ed; padding: 28px 24px; border-radius: 8px; text-align: center; } .contact-info-grid .card h3 { font-family: 'Playfair Display', serif; font-weight: 600; font-size: 18px; letter-spacing: 1px; color: #1c1b1a; margin-bottom: 6px; } .contact-info-grid .card p { font-size: 15px; font-weight: 300; color: #4a4743; margin-bottom: 0; } .contact-info-grid .card a { color: #1c1b1a; text-decoration: none; border-bottom: 1px dotted #c9a96e; } .contact-info-grid .card a:hover { border-bottom: 1px solid #1c1b1a; } .contact-policy { background: #f3f1ed; padding: 40px 0 50px; margin-top: 20px; border-top: 1px solid rgba(28,27,26,0.06); } .contact-policy .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; text-align: center; } .contact-policy .item h4 { font-family: 'Playfair Display', serif; font-weight: 600; font-size: 18px; letter-spacing: 1px; color: #1c1b1a; margin-bottom: 6px; } .contact-policy .item p { font-size: 15px; font-weight: 300; color: #4a4743; line-height: 1.6; } .contact-policy .item p a { color: #1c1b1a; text-decoration: none; border-bottom: 1px dotted #c9a96e; } .contact-policy .item p a:hover { border-bottom: 1px solid #1c1b1a; } .site-footer { padding: 30px 0 24px; background: #faf9f7; text-align: center; font-size: 13px; font-weight: 300; color: #8a8680; } .site-footer a { color: #1c1b1a; text-decoration: none; } @media (max-width: 768px) { .page h1 { font-size: 32px; } .contact-info-grid { grid-template-columns: 1fr; gap: 20px; } .contact-policy .grid { grid-template-columns: 1fr; gap: 24px; } } @media (max-width: 480px) { .page h1 { font-size: 26px; } .container { padding: 0 16px; } }