/* ============================================================
   IPHOLIC — Shared Design System  |  assets/css/style.css
   Base CSS variables + reset utilities
   Each page has additional styles in assets/css/<page>.css
============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:        #FFFFFF;
  --bg-soft:   #F5F4F1;
  --text:      #141414;
  --text-mid:  #6E6E6E;
  --text-soft: #9B9B9B;
  --line:      #E7E6E2;
  --error:     #C0392B;
  --ease:      cubic-bezier(0.16, 1, 0.3, 1);
}

html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
img  { display: block; max-width: 100%; }
a    { color: inherit; text-decoration: none; }
.en  { font-family: "Noto Sans JP", sans-serif; font-weight: 300; letter-spacing: 0.32em; }
.reveal { opacity: 0; transform: translateY(28px); transition: opacity 1.1s var(--ease), transform 1.1s var(--ease); }
.reveal.is-visible { opacity: 1; transform: none; }