/* Drasenas — design tokens. Shared by every page. */

    /* Hallmark · macrostructure: Scroll Narrative / Marquee Hero · nav: N1a-minimal (DNA) · footer: statement-ink
     * theme: studied-DNA (source: トップページ_メニューなし.png + drasenas-c1-scroll-motion.html — user's own work)
     * paper #f3f2ed · ink #101512 · panel #153b2d · accent lime #afe63c ~8% · secondary #3d745b
     * display: Helvetica Neue系 w400 negative-tracking · label: ui-monospace .14em+
     * globe: 88svh diameter, lens overlap = 0.5 × diameter (measured from reference)
     * studied: yes · DNA-source: local reference image (user's own work)
     * content: 構成書 2026-08-27 確定版（NEWS削除・BUSINESS実2事業・会社概要確定値）
     * Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4 */

    :root {
      --color-paper: #f3f2ed;
      --color-ink: #101512;
      --color-panel: #153b2d;
      --color-lime: #afe63c;
      --color-green: #3d745b;
      --color-rule: rgba(36, 75, 58, .48);
      --color-rule-light: rgba(243, 242, 237, .28);
      --color-rule-faint: rgba(243, 242, 237, .22);
      --color-ink-soft: rgba(16, 21, 18, .62);
    --color-ink-soft-lime: rgba(16, 21, 18, .70);  /* ライム面ではAAに届かないため専用 */
      --color-paper-soft: rgba(243, 242, 237, .78);
      --color-paper-dim: rgba(243, 242, 237, .6);
      --font-body: "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Yu Gothic", Arial, sans-serif;
      --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
      --ease-out: cubic-bezier(.16, 1, .3, 1);
      --dur-reveal: 700ms;
      --inset-x: 1.5%;
      --pad-x: clamp(22px, 3vw, 62px);
      --header-h: clamp(72px, 9svh, 132px);
      --globe: min(88svh, 86vw);
      --globe-cx: 62%;
      /* Horizontal gap between the two sphere centres, as a fraction of the
         diameter. 0.5 reproduces the reference's half-diameter multiply lens. */
      --globe-lens: .5;
      --text-label: clamp(10px, 1.15vw, 17px);
    }

    /* ---------- Act 1 · sticky scroll stage ---------- */

    /* flipped by script whenever a dark-ground section sits under the bar */

    /* multiply stays on the outer box: it has to blend with the lime sibling,
       not with its own child */

    /* the two spheres drift out of phase, so the multiply lens between them
       widens and narrows by ~52px over the cycle */

    /* nothing to animate once the stage has scrolled away */

    /* ---------- Act 2 · flow sections ---------- */

    /* ---------- Contact ---------- */

    /* ---------- Footer ---------- */

    /* ---------- Reveal ---------- */

    /* ---------- Mobile ---------- */

@media (max-width: 760px) {
      .dz {
        --pad-x: max(20px, env(safe-area-inset-left));
      --inset-x: 8px;  /* 1.5%だとパネル同士で端数がずれ、継ぎ目に段差が出る */
        --header-h: 68px;
        --globe: min(74svh, 138vw);
        --globe-cx: 58%;
        /* Narrower lens on phones: at this globe-to-viewport ratio a half-diameter
           overlap would sit under the vision copy and drop it below 4.5:1. */
        --globe-lens: .72;
        /* 10px mono was below the practical floor for Japanese labels on a phone. */
        --text-label: 12px;
      }
}