/*
Theme Name: Aspirations
Theme URI: https://www.aspirations.vc
Author: Aspirations BV
Description: Minimalistisch one-page thema voor Aspirations BV. Teksten aanpasbaar via Weergave > Customizer > Aspirations.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: aspirations
*/
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; }
  :root {
    --paper: #FBFBF9;
    --ink: #22252B;
    --muted: #8A8F98;
    --rule: #D9DBDF;
    --mark: #6E7480;
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --paper: #15171B; --ink: #E7E6E1; --muted: #8E939C; --rule: #2E3238; --mark: #A9AEB7;
      color-scheme: dark;
    }
  }
  :root[data-theme="dark"] {
    --paper: #15171B; --ink: #E7E6E1; --muted: #8E939C; --rule: #2E3238; --mark: #A9AEB7;
    color-scheme: dark;
  }

  body {
    background: var(--paper);
    color: var(--ink);
    font-family: "EB Garamond", "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    line-height: 1.55;
    padding: 0 20px;
    -webkit-font-smoothing: antialiased;
  }
  main {
    max-width: 40rem;
    margin: 0 auto;
    padding-block: clamp(4rem, 12vh, 8rem) 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 3.25rem;
  }

  header { display: flex; flex-direction: column; align-items: center; gap: 1rem; }
  h1 {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 300;
    font-size: clamp(2.8rem, 9vw, 4.75rem);
    line-height: 1.02;
    letter-spacing: 0.01em;
    margin: 0;
    text-wrap: balance;
  }
  .tagline {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-style: italic;
    font-size: 1.6rem;
    margin: 0;
  }
  .places {
    font-size: 0.8rem;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: var(--muted);
    margin: 0;
  }

  .rule { width: 3rem; height: 1px; background: var(--rule); border: 0; margin: 0; }

  section { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; }
  h2 {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 500;
    font-size: 0.85rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--muted);
    margin: 0;
  }
  address { font-style: normal; }
  ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.35rem; }
  a {
    color: var(--ink);
    text-decoration: none;
    border-bottom: 1px solid var(--rule);
    transition: border-color .2s ease;
  }
  a:hover, a:focus-visible { border-color: var(--ink); outline: none; }
  .sector { color: var(--muted); font-style: italic; }

  .emblem { width: min(180px, 50vw); height: auto; color: var(--mark); }

  footer {
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
    display: flex; flex-wrap: wrap; justify-content: center; gap: 0.25rem 1.25rem;
  }

  @media (prefers-reduced-motion: no-preference) {
    main > * { animation: rise .9s ease both; }
    main > *:nth-child(2) { animation-delay: .08s; }
    main > *:nth-child(3) { animation-delay: .16s; }
    main > *:nth-child(4) { animation-delay: .24s; }
    main > *:nth-child(5) { animation-delay: .32s; }
    @keyframes rise { from { transform: translateY(6px); } to { transform: none; } }
  }