/* ZEN-TEA shared design tokens */
:root{
  --ink:#181512;
  --charcoal:#26211d;
  --green:#173f31;
  --green-2:#0f2d23;
  --green-3:#0a1f18;
  --ivory:#f6efe2;
  --paper:#fbf6eb;
  --paper-2:#f1e9d6;
  --gold:#b6904b;
  --gold-2:#d7bd7c;
  --gold-3:#e8d39a;
  --muted:#756f64;
  --line:rgba(38,33,29,.14);
  --shadow:0 24px 80px rgba(17,30,22,.16);
  --shadow-sm:0 6px 20px rgba(17,30,22,.08);
  --serif:'Noto Serif JP','Yu Mincho',serif;
  --sans:'Noto Sans JP',system-ui,-apple-system,sans-serif;
  --latin:'Cormorant Garamond',serif;
  --label:'Cormorant Garamond',serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  font-family:var(--sans);
  background:var(--paper);
  line-height:1.75;
  overflow-x:hidden;
  font-feature-settings:"palt";
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;border:0;background:none;cursor:pointer;color:inherit}

/* Grain overlay */
.grain{position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:0;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}

/* Eyebrow */
.eyebrow{font-family:var(--latin);text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-weight:600;font-size:11px;margin:0 0 12px}

/* Reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s ease}
.reveal.show{opacity:1;transform:none}
.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}