:root {
      --bg: #ffffff;
      --card: #ffffff;
      --text: #111111;
      --muted: #5f6368;
      --line: #e9eaee;
      --soft: #f7f7f8;
      --accent: #ff0a78;
      --accent-dark: #cf005f;
      --shadow: 0 18px 48px rgba(17, 17, 17, 0.08);
      --radius: 24px;
      --max: 980px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      background:
        radial-gradient(circle at top left, rgba(255, 10, 120, 0.08), transparent 28%),
        radial-gradient(circle at bottom right, rgba(255, 10, 120, 0.06), transparent 24%),
        var(--bg);
      color: var(--text);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;
      line-height: 1.55;
      min-height: 100vh;
    }

    .page {
      width: min(100% - 32px, var(--max));
      margin: 0 auto;
      padding: 56px 0 48px;
    }

    .card {
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      overflow: hidden;
    }

    .hero {
      display: grid;
      grid-template-columns: 140px 1fr;
      gap: 28px;
      align-items: center;
      padding: 42px 42px 28px;
    }

    
.mark-wrap {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 140px;
      height: 140px;
      aspect-ratio: 1 / 1;
      border-radius: 28px;
      overflow: hidden;
      background: linear-gradient(180deg, #ffffff 0%, #fff4fa 100%);
      border: 1px solid rgba(255, 10, 120, 0.14);
      flex-shrink: 0;
    }

    .mark {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      display: block;
    }

    h1 {
      margin: 0 0 10px;
      font-size: clamp(2.1rem, 4.8vw, 3.6rem);
      line-height: 1.02;
      letter-spacing: -0.04em;
    }

    .eyebrow {
      display: inline-block;
      margin-bottom: 14px;
      padding: 6px 12px;
      border-radius: 999px;
      background: #fff2f8;
      color: var(--accent-dark);
      font-size: 0.88rem;
      font-weight: 700;
      letter-spacing: 0.02em;
    }

    .subhead {
      margin: 0 0 12px;
      color: var(--muted);
      font-size: 1.06rem;
    }

    .summary {
      margin: 0;
      max-width: 62ch;
      color: #222;
      font-size: 1rem;
    }

    .section {
      padding: 0 42px 42px;
    }

    .section-title {
      margin: 0 0 14px;
      font-size: 1rem;
      font-weight: 700;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }

    .links {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
    }

    .links a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 46px;
      padding: 0 16px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: var(--soft);
      color: var(--text);
      text-decoration: none;
      font-weight: 600;
      transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
    }

    .links a.primary {
      background: var(--accent);
      border-color: var(--accent);
      color: #ffffff;
    }

    .links a:hover {
      transform: translateY(-1px);
      border-color: #d7d9df;
      background: #f0f1f4;
    }

    .links a.primary:hover {
      background: var(--accent-dark);
      border-color: var(--accent-dark);
    }

    .footer {
      padding: 0 42px 42px;
      color: var(--muted);
      font-size: 0.95rem;
    }

    .footer p {
      margin: 0;
    }

    @media (max-width: 760px) {
      .page { padding-top: 24px; }
      .hero {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 22px;
        padding: 32px 24px 20px;
      }
      .mark-wrap {
        width: 112px;
        height: 112px;
        margin: 0 auto;
      }
      .section,
      .footer {
        padding-left: 24px;
        padding-right: 24px;
      }
      .links a {
        width: 100%;
      }
    }

/* Multi-page sitemap deploy additions */
.skip-link{position:absolute;left:16px;top:-48px;z-index:100;padding:10px 14px;border-radius:999px;background:#111;color:#fff;text-decoration:none;font-weight:700;transition:top .15s ease}.skip-link:focus{top:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:10px 2px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:850;letter-spacing:-.02em}.brand img{width:34px;height:34px;object-fit:contain;display:block}.topnav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:14px;color:#3f444a;font-size:.94rem;font-weight:650}.topnav a{text-decoration:none;border-bottom:1px solid transparent}.topnav a:hover{border-bottom-color:#ff0a78;color:#111}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;border-radius:999px;border:1px solid #e8e9ee;background:#f6f7f9;color:#111;text-decoration:none;font-weight:750}.button.primary{background:#ff0a78;border-color:#ff0a78;color:#fff}.section-heading{max-width:82ch;margin-bottom:22px}.section-kicker{margin:0 0 6px;color:#ca005c;font-size:.82rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.bio{max-width:84ch;color:#25272a;font-size:1.025rem}.bio p{margin:0 0 18px}.bio p:last-child{margin-bottom:0}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px;padding:24px 2px 0;color:#5f6368;font-size:.94rem}.site-footer p{margin:0}.site-footer a{color:inherit}.link-url{display:block;color:#5f6368;font-size:.86rem;overflow-wrap:anywhere}@media(max-width:900px){.topbar{align-items:flex-start;flex-direction:column}.topnav{justify-content:flex-start}.actions a{width:100%}}