@font-face {
  font-family: "Allura";
  src: url("fonts/Allura-Regular.woff") format("woff"), url("fonts/Allura-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("fonts/CormorantGaramond-SemiBold.woff") format("woff"), url("fonts/CormorantGaramond-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("fonts/Inter-Regular.woff") format("woff"), url("fonts/Inter_18pt-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("fonts/Inter-SemiBold.woff") format("woff"), url("fonts/Inter_18pt-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --green: #4f573b;
  --rose: #b8636b;
  --gold: #d39a32;
  --paper: #faf8f3;
  --text: #2f302b;
}

* { box-sizing: border-box; }
html { background: #eeeae2; }
body { margin: 0; color: var(--text); font-family: "Cormorant Garamond", Georgia, serif; }

.legal-page {
  width: min(100%, 900px);
  min-height: 100vh;
  margin: 0 auto;
  padding: 42px clamp(24px, 7vw, 80px) 56px;
  background: var(--paper);
}

.legal-header { text-align: center; }
.legal-header img { width: 150px; height: auto; }
.legal-header h1 { margin: 24px 0 6px; color: var(--green); font-size: clamp(38px, 7vw, 56px); line-height: 1; }
.legal-header .script { margin: 0; color: var(--rose); font-family: "Allura", cursive; font-size: 34px; }
.legal-line { display: flex; align-items: center; justify-content: center; gap: 10px; width: 190px; margin: 25px auto 42px; }
.legal-line span { width: 76px; height: 1px; background: var(--gold); }
.legal-line i { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }

.notice {
  margin: 0 0 34px;
  padding: 18px 20px;
  border: 1px solid rgba(211,154,50,.7);
  background: #fffdf8;
  font-family: "Inter", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
}

.legal-content h2 { margin: 34px 0 10px; color: var(--green); font-size: 27px; line-height: 1.2; }
.legal-content h3 { margin: 26px 0 8px; color: var(--green); font-size: 21px; }
.legal-content p, .legal-content li, address { font-size: 18px; line-height: 1.55; }
.legal-content p { margin: 0 0 14px; }
.legal-content ul { padding-left: 22px; }
address { font-style: normal; }
.placeholder { color: #9b3e48; font-family: "Inter", Arial, sans-serif; font-size: .82em; font-weight: 600; }
.legal-content a { color: var(--rose); }

.back-link { display: inline-block; margin-top: 42px; color: var(--green); font-family: "Inter", Arial, sans-serif; font-size: 14px; text-decoration: none; }
.back-link:hover, .back-link:focus-visible { text-decoration: underline; }
.legal-bottom { margin-top: 44px; padding-top: 18px; border-top: 1px solid rgba(211,154,50,.45); color: var(--green); font-family: "Inter", Arial, sans-serif; font-size: 11px; text-align: center; }

@media (max-width: 600px) {
  .legal-page { padding-top: 28px; }
  .legal-header img { width: 120px; }
  .legal-content p, .legal-content li, address { font-size: 17px; }
}