About

<style>
  .ma-about{
    --ma-ink:#1B1B16;
    --ma-paper:#FFFFFF;
    --ma-matcha:#41563A;
    --ma-matcha-deep:#2C3B27;
    --ma-matcha-pale:#AEC08E;
    --ma-kinako:#C7A06B;
    --ma-sumi:#5B584E;
    --ma-line:#D9D4C4;
    background:var(--ma-paper);
    color:var(--ma-ink);
    font-family:'Zen Kaku Gothic New', sans-serif;
    line-height:1.9;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  .ma-about *{ box-sizing:border-box; }
  .ma-serif{ font-family:'Shippori Mincho', serif; }
  .ma-about img{ max-width:100%; display:block; }

  .ma-photo{ position:relative; overflow:hidden; }
  .ma-photo img{ width:100%; height:100%; object-fit:cover; display:block; }

  .ma-ph{
    position:relative; width:100%; height:100%;
    background:linear-gradient(180deg, var(--ma-matcha-pale) 0%, #C9D4B4 100%);
    display:flex; align-items:center; justify-content:center; text-align:center;
    overflow:hidden;
  }
  .ma-ph::before{
    content:"";
    position:absolute; inset:0;
    background-image:repeating-linear-gradient(45deg, rgba(27,27,22,0.045) 0 2px, transparent 2px 14px);
  }
  .ma-ph span{
    position:relative; z-index:1;
    font-size:12px; letter-spacing:.08em; color:var(--ma-matcha-deep);
    background:rgba(255,255,255,.85);
    padding:8px 16px; border:0.5px solid rgba(44,59,39,.35);
  }

  .ma-wrap{ max-width:1440px; margin:0 auto; padding:0 40px; }
  @media (max-width:720px){ .ma-wrap{ padding:0 22px; } }

  .ma-eyebrow{
    display:flex; align-items:center; gap:10px;
    font-size:12px; letter-spacing:.16em;
    color:var(--ma-matcha-deep);
    margin-bottom:22px;
    text-transform:uppercase;
  }
  .ma-eyebrow::before{
    content:"";
    width:7px; height:7px; border-radius:50% 50% 50% 0;
    background:var(--ma-matcha);
    transform:rotate(-45deg);
    flex:none;
  }
  .ma-eyebrow.ma-center{ justify-content:center; }

  .ma-hero{ position:relative; padding:64px 0 60px; overflow:hidden; }
  .ma-hero-top{ text-align:center; padding-bottom:40px; }
  .ma-hero-copy{
    max-width:760px; margin:0 auto;
    font-family:'Shippori Mincho', serif; font-weight:500;
    font-size:clamp(25px,4.2vw,42px); line-height:1.65; color:var(--ma-ink);
  }
  .ma-hero-copy em{ font-style:normal; color:var(--ma-matcha-deep); }
  .ma-hero-media{ height:62vh; min-height:420px; }

  .ma-story{ position:relative; padding:100px 0; }
  .ma-story .ma-wrap{ position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:64px; align-items:center; }
  .ma-story-text p{ font-size:16px; color:var(--ma-sumi); margin:0 0 20px; max-width:46ch; }
  .ma-story-text h2{
    font-family:'Shippori Mincho', serif; font-weight:500;
    font-size:clamp(22px,2.6vw,30px); line-height:1.7; margin:0 0 28px; color:var(--ma-ink);
  }
  .ma-story-media{ aspect-ratio:4/5; }
  @media (max-width:860px){
    .ma-story .ma-wrap{ grid-template-columns:1fr; }
    .ma-story-img{ order:-1; }
  }

  .ma-kodawari{ position:relative; padding:20px 0; }
  .ma-k-row{ display:grid; grid-template-columns:1fr 1fr; gap:0; align-items:stretch; border-top:0.5px solid var(--ma-line); }
  .ma-k-row.ma-last{ border-bottom:0.5px solid var(--ma-line); }
  .ma-k-row.ma-rev .ma-k-text{ order:2; }
  .ma-k-row.ma-rev .ma-k-img{ order:1; }
  .ma-k-media{ height:100%; min-height:440px; }
  .ma-k-text{ display:flex; flex-direction:column; justify-content:center; padding:64px; }
  .ma-k-num{ font-family:'Shippori Mincho', serif; font-size:13px; color:var(--ma-kinako); letter-spacing:.1em; margin-bottom:18px; }
  .ma-k-text h3{
    font-family:'Shippori Mincho', serif; font-weight:500;
    font-size:clamp(20px,2.2vw,26px); margin:0 0 18px; line-height:1.6;
  }
  .ma-k-text p{ font-size:15px; color:var(--ma-sumi); margin:0 0 10px; max-width:44ch; }
  @media (max-width:860px){
    .ma-k-row{ grid-template-columns:1fr; }
    .ma-k-row.ma-rev .ma-k-text{ order:0; }
    .ma-k-row.ma-rev .ma-k-img{ order:0; }
    .ma-k-text{ padding:44px 24px; }
  }

  .ma-founder{ position:relative; padding:120px 0; background:var(--ma-paper); border-top:0.5px solid var(--ma-line); border-bottom:0.5px solid var(--ma-line); overflow:hidden; }
  .ma-founder .ma-wrap{ position:relative; }
  .ma-founder-head{ text-align:center; max-width:680px; margin:0 auto 64px; }
  .ma-founder-head h2{
    font-family:'Shippori Mincho', serif; font-weight:500;
    font-size:clamp(24px,3vw,32px); line-height:1.7; margin:0;
  }
  .ma-founder-grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; align-items:start; }
  .ma-founder-media{ aspect-ratio:3/4; }
  .ma-founder-quote{
    font-family:'Shippori Mincho', serif; font-size:16px; line-height:1.9; color:var(--ma-ink); margin:0 0 34px;
  }
  .ma-founder-name{ font-size:15px; font-weight:700; margin:0 0 2px; }
  .ma-founder-role{ font-size:12px; color:var(--ma-sumi); letter-spacing:.05em; margin:0 0 26px; }
  .ma-founder-bio{ font-size:14px; color:var(--ma-sumi); border-top:0.5px solid var(--ma-line); padding-top:26px; }
  .ma-founder-bio p{ margin:0 0 14px; }
  .ma-founder-bio p:last-child{ margin-bottom:0; }
  @media (max-width:860px){ .ma-founder-grid{ grid-template-columns:1fr; gap:40px; } }
</style>
<div class="ma-about">
<section class="ma-hero">
<div class="ma-wrap ma-hero-top">
<h2 class="ma-hero-copy">Layering the flavours of Japan onto matcha. Fermentation and traditional Japanese notes interweave in countless layers, where old and new come together to create a fresh landscape of taste.<br>
</h2>
</div>
</section>
<section class="ma-story">
<div class="ma-wrap">
<div class="ma-story-text">
<div class="ma-eyebrow">Our story</div>
<h2 class="ma-serif">A matcha brand built on the philosophy of "Matcha × Japanese Umami".</h2>
<p>As a brand born in Japan, we blend rich, full-bodied premium matcha with fermented Japanese foods and traditional ingredients — miso, amazake, kinako, yuzu, cherry blossom, black sesame and more — to create an entirely new kind of matcha latte, one that carries genuine Japanese flavour alongside a truly authentic tasting experience.</p>
</div>
<div class="ma-story-img">
<div class="ma-photo ma-story-media"><img src="https://cdn.shopify.com/s/files/1/0704/4163/1973/files/IMG_10272.jpg?v=1775399694" alt="MATCHA&amp; pouring matcha"></div>
</div>
</div>
</section>
<section class="ma-kodawari">
<div class="ma-k-row">
<div class="ma-k-img">
<div class="ma-photo ma-k-media"><img src="https://cdn.shopify.com/s/files/1/0704/4163/1973/files/1D521288-3447-4D44-95C9-4CB068610AFD.jpg?v=1762435981" alt="MATCHA&amp; matcha tin and whisk"></div>
</div>
<div class="ma-k-text">
<div class="ma-k-num">01</div>
<h3 class="ma-serif">A deep, rich matcha as our foundation.</h3>
<p>It's only because of matcha of genuine quality that we can confidently pair it with the distinctive character of fermented foods and traditional Japanese flavours. We use carefully selected, richly flavoured premium matcha as the foundation of every product. Layering delicate sweetness over the umami of fermented ingredients and the subtle bitterness of Japanese flavours creates a taste everyone can enjoy — a new expression of matcha, crafted by MATCHA& through countless rounds of development.</p>
</div>
</div>
<div class="ma-k-row ma-rev ma-last">
<div class="ma-k-img">
<div class="ma-photo ma-k-media"><img src="https://cdn.shopify.com/s/files/1/0704/4163/1973/files/powder.jpg?v=1762909168" alt="MATCHA&amp; fermented foods and superfoods"></div>
</div>
<div class="ma-k-text">
<h3 class="ma-serif">Reflecting Japan's rich food culture in a single cup.</h3>
<p>We combine matcha not only with fermented foods and traditional umami, but also with the superfoods and fruits Japan is proud of. From fermented staples like miso and amazake to seasonal touches such as yuzu and cherry blossom — with matcha at its heart, each cup condenses the whole of Japan's food culture, delivering a taste that rewrites matcha's history, from Japan out into the world.</p>
</div>
</div>
</section>
<section class="ma-founder">
<div class="ma-wrap">
<div class="ma-founder-head">
<h2 class="ma-serif">Using matcha as a lens to share the umami of Japan.</h2>
</div>
<div class="ma-founder-grid">
<div class="ma-founder-body">
<p>Statement -<br><br>Matcha, handed down since ancient times; the flavours of Japan; and the blessings of fermentation. We want the depth of these Japanese colours to be felt not as something special, but casually, woven into everyday life.<br><br>MATCHA& combines matcha with Japanese ingredients and umami, reshaping tradition into a form that fits today's lifestyle. Precisely because the times keep changing, we carry Japanese flavour forward into the future. A new matcha experience — stepping out of the tea room, from the street into everyday life around the world.<br><br></p>
<p class="ma-founder-quote ma-serif"><strong>Mitsunori Sakano</strong><br></p>
<p class="ma-founder-role" style="margin-top: 26px;">Representative / Creative Director<br><br></p>
<p><img height="218" width="218" alt="MATCHA&amp; Founder Mitsunori Sakano" src="https://cdn.shopify.com/s/files/1/0704/4163/1973/files/IMG_7482.jpg?v=1783765815"></p>
<div class="ma-founder-bio">
<p>Having studied art at a London art college, Sakano returned to Japan and began presenting work themed around customs and culture passed down through local communities, while also leading projects that connect art with clothing, food and living. Prompted by the pandemic, he developed a renewed interest in ways of eating and living suited to Japan's natural climate, and in 2022 launched MISONOMI, a soup brand built around fermentation. Fusing the rich umami of fermented foods with superfoods from around the world, he brought a distinctive worldview — "edible landscape paintings" evoking scenery and seasons from across the globe — to how people engage with miso in daily life. Drawing on that experience, he began to feel that matcha, too, could become something enjoyed more freely and more casually as part of everyday life, and in 2024 he launched MATCHA&. Through a free-spirited approach and aesthetic sensibility that brings together matcha, Japanese ingredients and the blessings of fermentation, he continues to share a distinctive matcha culture with the world.</p>
</div>
</div>
</div>
</div>
</section>
</div>