* { margin: 0; padding: 0; box-sizing: border-box; }

    body {
      font-family: 'EB Garamond', serif;
      background: #f5f0e8;
      color: #1a1a1a;
      min-height: 100vh;
      text-align: center;
    }

    /* ── DESKTOP ── */
    @media (min-width: 601px) {
      body {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
      }

      .pills-top, .pills-bottom { display: contents; }

      .pill {
        position: absolute;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #f0e822;
        border: 1.5px solid #1a1a1a;
        border-radius: 999px;
        height: 56px;
        padding: 10px 18px;
      }
      .pill img { height: 28px; width: auto; display: block; }

      .p1 { top: 8%;     left: 18%;  }
      .p2 { top: 3%;     right: 12%; }
      .p3 { top: 18%;    left: 5%;   }
      .p4 { top: 22%;    right: 4%;  }
      .p5 { top: 44%;    left: 3%;   }
      .p6 { top: 58%;    right: 6%;  }
      .p7 { bottom: 18%; left: 10%;  }
      .p8 { bottom: 8%;  right: 18%; }
      .p9 { bottom: 5%;  left: 38%;  }

      a {
      margin-right: 0.5rem;
      margin-left:0.5rem;
      }
    }

    /* ── MOBILE ── */
    @media (max-width: 600px) {
      body {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1.5rem;
        padding: 2rem 1rem;
      }

      .pills-top, .pills-bottom {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
      }

      .pill {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #f0e822;
        border: 1.5px solid #1a1a1a;
        border-radius: 999px;
        height: 40px;
        padding: 7px 12px;
      }
      
      .pill img { height: 18px; width: auto; display: block; }
    }

    #main-content {
      margin-top:2rem;
      margin-bottom:2rem;
    }

    /* ── SHARED TEXT STYLES ── */
    h1 {
      font-size: clamp(2.5rem, 8vw, 6rem);
      font-weight: 400;
      line-height: 0.9;
      max-width: 14ch;
      margin-bottom: 2.5rem;
    }

    .coming-soon {
      font-size: clamp(1rem, 2.5vw, 1.25rem);
      font-style: italic;
      margin-bottom: 2.5rem;
      opacity: 0.7;
    }

    a {
      font-family: 'EB Garamond', serif;
      font-size: clamp(0.85rem, 1.8vw, 1rem);
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #1a1a1a;
      text-decoration: none;
      border-bottom: 1px solid #1a1a1a;
      padding-bottom: 2px;
      margin-right: 0.5rem;
      margin-left: 0.5rem;
    }
    a:hover { opacity: 0.5; }