:root {
        --black: #000;
        --white: #fff;
        --soft-white: rgba(255,255,255,.84);
        --faint-white: rgba(255,255,255,.62);
        --gutter: clamp(20px, 5vw, 64px);
        --max-width: 760px;
      }

      * { box-sizing: border-box; }
      html { background: var(--black); }
      body {
        margin: 0;
        background: var(--black);
        color: var(--white);
        font-family: Arial, Helvetica, sans-serif;
        font-size: 17px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      a { color: inherit; }
      button { font: inherit; }
      .subpage-drawer {
        min-height: 100vh;
        padding: 52px var(--gutter) 72px;
        background: var(--black);
        scrollbar-width: none;
      }
      .subpage-drawer::-webkit-scrollbar,
      html::-webkit-scrollbar,
      body::-webkit-scrollbar { width: 0; height: 0; }
      .subpage-inner {
        width: min(var(--max-width), 100%);
        margin: 0;
      }
      .subpage-close {
        position: fixed;
        top: 25px;
        right: var(--gutter);
        z-index: 2;
        display: block;
        border: 0;
        padding: 0;
        background: transparent;
        color: var(--faint-white);
        font-size: 36px;
        line-height: 1;
        text-decoration: none;
        cursor: pointer;
      }
      .subpage-close:hover,
      .subpage-close:focus-visible { color: var(--white); }
      .subpage-video {
        display: block;
        width: 100%;
        margin: 0 0 42px;
        aspect-ratio: 16 / 9;
        background: #111;
        filter: grayscale(1) contrast(1.08);
        object-fit: cover;
      }
      .subpage-section-label {
        margin-bottom: 18px;
        color: var(--faint-white);
        font-size: 15px;
        font-weight: 700;
      }
      .subpage-title {
        margin: 0 0 24px;
        color: var(--white);
        font-size: clamp(34px, 6vw, 56px);
        line-height: 1;
        letter-spacing: -.04em;
      }
      .subpage-intro {
        max-width: 620px;
        margin: 0 0 34px;
        color: var(--soft-white);
        font-size: 17px;
        line-height: 1.8;
      }
      .shop-list {
        display: grid;
        gap: 34px;
        background: transparent;
      }
      .shop-item {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 24px;
        padding: 0;
        background: var(--black);
      }
      .shop-item h2 {
        margin: 0 0 9px;
        color: var(--white);
        font-size: 22px;
        line-height: 1.25;
      }
      .shop-item p {
        max-width: 540px;
        margin: 0;
        color: var(--soft-white);
        font-size: 17px;
        line-height: 1.7;
      }
      .shop-item-actions {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        min-width: 170px;
      }
      .shop-price {
        color: var(--white);
        font-size: 17px;
        font-weight: 700;
        line-height: 1.4;
        text-align: right;
        white-space: nowrap;
      }
      @media (max-width: 620px) {
        .subpage-drawer { padding-top: 28px; }
        .subpage-video { margin-bottom: 32px; }
        .shop-item {
          grid-template-columns: 1fr;
          gap: 16px;
          padding: 22px 18px;
        }
        .shop-item-actions {
          align-items: flex-start;
          justify-content: flex-start;
          min-width: 0;
        }
        .shop-price { text-align: left; }
      }