/* Dhimit — inner pages (about / contact / privacy): classic paper & ink */
:root {
  --ink: #14122b;
  --paper: #f7f1e3;
  --fire: #f59e0b;
  --fire-hot: #fb5607;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: "Lora", Georgia, serif;
  line-height: 1.8;
}
.page {
  max-width: 680px;
  margin: 0 auto;
  padding: clamp(48px, 8vw, 90px) 24px 90px;
}
.page-back {
  display: inline-block;
  color: var(--fire-hot);
  text-decoration: none;
  font-size: .95rem;
  margin-bottom: 42px;
}
.page-back:hover { text-decoration: underline; }
.page-kicker {
  font-family: "Yatra One", serif;
  color: var(--fire-hot);
  letter-spacing: .12em;
  margin-bottom: 10px;
}
h1 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600;
  font-size: clamp(2.1rem, 5.5vw, 3.2rem);
  line-height: 1.1;
  margin-bottom: 12px;
}
h1::after {
  content: "";
  display: block;
  width: 72px; height: 5px;
  margin-top: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 5'%3E%3Cpath d='M1 3.5 C 16 1.5, 30 4.5, 44 2.5 S 66 3.5, 71 2' fill='none' stroke='%23fb5607' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;
}
h2 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600;
  font-size: 1.35rem;
  margin: 40px 0 10px;
}
p { margin: 16px 0; color: rgba(20,18,43,.85); }
a { color: var(--fire-hot); }
strong { color: var(--ink); }
.page-date { font-size: .85rem; color: rgba(20,18,43,.55); }
.page-card {
  background: #fffdf6;
  border: 1.6px solid rgba(20,18,43,.2);
  border-radius: 14px 5px 16px 6px / 6px 15px 5px 14px; /* hand-cut corners */
  padding: 22px 26px;
  margin: 26px 0;
}
.page-sign { margin-top: 44px; font-style: italic; color: rgba(20,18,43,.65); }

/* contact form — same hand-cut paper language */
.contact-form { margin: 30px 0 34px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 560px) { .form-row { grid-template-columns: 1fr; } }
.contact-form label {
  display: block;
  margin: 14px 0;
  font-size: .9rem;
  font-weight: 600;
  color: var(--ink);
}
.contact-form .opt { font-weight: 400; color: rgba(20,18,43,.5); }
.contact-form input,
.contact-form textarea {
  display: block;
  width: 100%;
  margin-top: 7px;
  padding: 12px 14px;
  font: inherit;
  font-weight: 400;
  color: var(--ink);
  background: #fffdf6;
  border: 1.6px solid rgba(20,18,43,.3);
  border-radius: 12px 5px 13px 6px / 6px 13px 5px 12px;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
  resize: vertical;
}
.contact-form input:focus,
.contact-form textarea:focus {
  border-color: var(--fire-hot);
  box-shadow: 0 0 0 3px rgba(251,86,7,.14);
}
.contact-form ::placeholder { color: rgba(20,18,43,.38); }
.form-btn {
  display: inline-block;
  margin-top: 8px;
  padding: 13px 30px;
  font: inherit;
  font-weight: 600;
  color: var(--paper);
  background: var(--ink);
  border: none;
  border-radius: 999px;
  cursor: pointer;
  transition: background .25s, transform .15s;
}
.form-btn:hover { background: var(--fire-hot); transform: translateY(-1px); }
.form-note { font-size: .82rem; color: rgba(20,18,43,.55); margin-top: 12px; }