:root {
  --blush: #F4EAE9;
  --rose: #B97C77;
  --ink: #464A4E;
  --ink-strong: #33363A;
  --muted: #8C8789;
  --soft-line: #E6D9D7;
  --sky: #D7E1ED;
  --denim: #4F6F96;
  --head: "Raleway", system-ui, sans-serif;
  --body: "Inter", system-ui, sans-serif;
  --gutter: clamp(16px, 3.2vw, 48px);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #fff; color: var(--ink); font-family: var(--body); font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; }
a { color: inherit; }
.lbl { font-family: var(--head); font-size: 12px; font-weight: 600; letter-spacing: .28em; text-transform: uppercase; }

header { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px var(--gutter); border-bottom: 1px solid var(--soft-line); }
.logo { font-family: var(--head); font-size: clamp(24px, 2vw, 30px); letter-spacing: -.035em; line-height: 1; color: var(--ink-strong); text-decoration: none; white-space: nowrap; }
.logo .lg-c { font-style: italic; font-weight: 600; color: #A0645E; }
.logo .lg-m { font-weight: 800; }
.back { text-decoration: none; color: var(--ink-strong); }
.back:hover { color: var(--rose); }

main { max-width: 760px; margin: 0 auto; padding: clamp(56px, 8vw, 110px) 16px clamp(70px, 9vw, 120px); }
main > .lbl { color: var(--rose); display: block; margin-bottom: 16px; }
h1 { font-family: var(--head); font-weight: 600; color: var(--ink-strong); font-size: clamp(38px, 5vw, 64px); line-height: 1.02; letter-spacing: -.03em; margin-bottom: 48px; }
h2 { font-family: var(--head); font-weight: 600; color: var(--ink-strong); font-size: clamp(20px, 1.8vw, 24px); letter-spacing: -.01em; line-height: 1.3; margin: 44px 0 12px; padding-top: 28px; border-top: 1px solid var(--soft-line); }
h2:first-of-type { margin-top: 0; }
h3 { font-family: var(--head); font-weight: 600; color: var(--ink-strong); font-size: 17px; margin: 22px 0 6px; }
p, ul { margin-bottom: 12px; }
ul { padding-left: 20px; }
li { margin-bottom: 4px; }
address { font-style: normal; margin-bottom: 12px; }
main a { color: var(--rose); text-underline-offset: 3px; }
main a:hover { color: var(--rose); }
.stand { color: var(--muted); font-size: 14px; margin-top: 44px; }

footer { background: var(--sky); padding: 20px var(--gutter) 24px; color: var(--ink); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
footer .lbl { font-size: 10.5px; }
footer a { text-decoration: none; }
footer a:hover, footer a[aria-current] { color: var(--rose); }