body { background: var(--white); color: var(--black); font-family: var(--font-body); font-size: 18px; line-height: 1.75; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; }

    nav {
      position: sticky; top: 0; left: 0; right: 0; z-index: 100;
      display: flex; align-items: center; justify-content: space-between;
      padding: 0 64px; height: 72px;
      background: rgba(248,248,246,0.96); backdrop-filter: blur(8px);
      border-bottom: 1px solid rgba(199,154,95,0.15);
    }
    .nav-logo img { height: 48px; width: auto; display: block; }
    .nav-back {
      font-family: var(--font-label); font-size: 10.5px; font-weight: 300; letter-spacing: 0.22em;
      text-transform: uppercase; text-decoration: none; color: var(--slate);
      transition: color 0.2s;
    }
    .nav-back:hover { color: var(--gold); }

    .page-hero {
      background: var(--offwhite);
      padding: 72px 64px 56px;
      border-bottom: 1px solid rgba(199,154,95,0.15);
    }
    .page-label {
      font-family: var(--font-label); font-size: 10.5px; font-weight: 300; letter-spacing: 0.26em;
      text-transform: uppercase; color: var(--slate); margin-bottom: 16px;
    }
    .page-title {
      font-family: var(--font-head); font-size: clamp(40px, 5vw, 72px);
      font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase;
      color: var(--black); line-height: 0.95; margin-bottom: 20px;
    }
    .page-date {
      font-family: var(--font-label); font-size: 10px; font-weight: 300; letter-spacing: 0.2em;
      text-transform: uppercase; color: var(--slate); opacity: 0.6;
    }

    .content {
      max-width: 760px; margin: 0 auto; padding: 72px 40px 120px;
    }

    h2 {
      font-family: var(--font-head); font-size: 28px; font-weight: 400;
      letter-spacing: 0.04em; text-transform: uppercase; color: var(--black);
      margin: 56px 0 20px; line-height: 1.1;
    }
    h2:first-child { margin-top: 0; }

    p { color: var(--slate); margin-bottom: 20px; font-size: 17px; line-height: 1.8; }

    ul { color: var(--slate); padding-left: 0; list-style: none; margin-bottom: 20px; }
    ul li { font-size: 17px; line-height: 1.8; padding: 4px 0 4px 20px; position: relative; }
    ul li::before { content: '—'; position: absolute; left: 0; color: var(--gold); }

    .divider { width: 48px; height: 1px; background: var(--gold); margin: 0 0 48px; }

    a { color: var(--gold); text-decoration: none; border-bottom: 1px solid rgba(199,154,95,0.35); }
    a:hover { border-bottom-color: var(--gold); }

    footer {
      background: var(--black); padding: 14px 64px;
      display: flex; align-items: center; justify-content: space-between;
      border-top: 1px solid rgba(248,248,246,0.08);
    }
    .footer-copy {
      font-family: var(--font-label); font-size: 9.5px; letter-spacing: 0.2em;
      text-transform: uppercase; color: rgba(248,248,246,0.35);
    }
    .footer-links {
      display: flex; gap: 24px; list-style: none;
    }
    .footer-links a {
      font-family: var(--font-label); font-size: 9.5px; letter-spacing: 0.2em;
      text-transform: uppercase; text-decoration: none; border-bottom: none;
      color: rgba(248,248,246,0.35); transition: color 0.2s;
    }
    .footer-links a:hover { color: var(--gold); border-bottom: none; }
    footer p { font-size: 9.5px; line-height: 1; margin-bottom: 0; color: rgba(248,248,246,0.35); }
    footer ul { margin-bottom: 0; }
    footer ul li { padding: 0; font-size: inherit; line-height: inherit; }
    footer ul li::before { display: none; }

    .scroll-top {
      position: fixed; bottom: 32px; right: 32px; z-index: 200;
      width: 44px; height: 44px; background: var(--gold);
      border: none; cursor: pointer;
      display: flex; align-items: center; justify-content: center;
      opacity: 0; pointer-events: none;
      transform: translateY(8px); transition: opacity 0.3s, transform 0.3s;
    }
    .scroll-top.visible { opacity: 1; pointer-events: auto; transform: translateY(0); }

    @media (max-width: 700px) {
      nav { padding: 0 24px; }
      .page-hero { padding: 48px 24px 40px; }
      .content { padding: 48px 24px 80px; }
      footer { padding: 16px 24px; flex-direction: column; gap: 12px; text-align: center; }
      .footer-links { justify-content: center; }
      .scroll-top { bottom: 20px; right: 16px; }
    }
  
