:root{--paper:#f4f1e8;--ink:#193b2b;--orange:#b54024;--line:#b7c0af;--pale:#e5e9dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.55}button,input,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:white;z-index:10;padding:12px}header{max-width:1500px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.wordmark{font-size:49px;font-weight:800;letter-spacing:-4px;line-height:.9;display:inline-block}.brand-period{color:var(--orange)}.wordmark small{display:block;font-family:monospace;font-size:9px;font-weight:400;letter-spacing:2px;margin:14px 0 0 4px}nav{display:flex;gap:36px;align-items:center;font-size:13px}nav .nav-sample{border-bottom:1px solid var(--orange);padding-bottom:7px;color:var(--orange);font-weight:600}nav span{margin-left:25px}main,footer{max-width:1500px;margin:auto}p,h1,h2,h3{margin-top:0}.label,.origin,.note-head,.note-bottom,.index,.tag,.section-top,.product dt,.catalogue-foot>span,.about-sign span,.footer-bottom{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:10px;font-weight:400;letter-spacing:1px}.intro{padding:28px 5% 72px}.intro-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px}.intro-top p{margin:0}.intro-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:10%;align-items:center;padding-top:58px}h1{font-size:clamp(48px,5.6vw,84px);letter-spacing:-4px;line-height:1.04;font-weight:600;margin-bottom:26px}h1 span{color:var(--orange)}.intro-copy{max-width:420px;line-height:1.7;margin-bottom:30px;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--orange);color:#fffaf2;border:1px solid var(--orange);padding:16px 21px;font-size:13px;font-weight:600;border-radius:3px}.button:hover{background:#97371f}.supply-note{background:var(--pale);border:1px solid var(--ink);padding:25px 28px;transform:rotate(2deg)}.note-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:15px;font-size:9px}.note-head>span:last-child{font-size:20px}.note-title{font-size:34px;line-height:1.1;letter-spacing:-1px;margin:27px 0;font-weight:500}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:9px 0;font-size:12px}dt{color:#536551}dd{margin:0;text-align:right}.note-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);padding-top:19px;margin-top:10px;line-height:1.7;font-size:9px}.note-bottom>span{font-size:38px;line-height:1}.catalogue{padding:0 5% 65px}.section-top{display:flex;justify-content:space-between;padding:21px 0;border-top:1px solid var(--ink);text-transform:uppercase}.section-top p{margin:0}.catalogue-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin:22px 0 40px}h2{font-size:clamp(29px,3.1vw,45px);line-height:1.15;letter-spacing:-1.7px;font-weight:500;margin-bottom:0}.catalogue-head>p{max-width:320px;font-size:14px;margin:0}.product{display:grid;grid-template-columns:1fr 1.25fr .65fr;gap:45px;padding:32px 0;border-top:1px solid var(--line);align-items:center}.product-name{position:relative;padding-left:35px}.index{position:absolute;left:0;top:8px;color:var(--orange)}h3{font-size:31px;letter-spacing:-1px;line-height:1.2;font-weight:550;margin-bottom:12px}.tag{font-size:9px;letter-spacing:.7px}.product-detail>p{font-size:14px;margin-bottom:18px;max-width:370px}.product-detail dl>div{font-size:11px;padding:6px 0}.product dt{font-size:9px;letter-spacing:0}.product-action{background:none;border:0;color:var(--orange);font-size:12px;text-align:left;padding:14px 0;border-bottom:1px solid var(--orange);display:flex;justify-content:space-between;gap:15px;font-weight:600}.catalogue-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--ink);padding-top:25px}.catalogue-foot p{font-size:12px;max-width:390px;margin:0}.text-link{padding:3px 0;border:0;border-bottom:1px solid var(--orange);background:transparent;color:var(--orange);font-size:12px;white-space:nowrap}.about{padding:60px 5%;display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--line);background:#e9e6dc}.about .label{margin-bottom:28px}.about-copy p{font-size:16px;line-height:1.7}.about-sign{font-size:19px!important;margin:30px 0 0;letter-spacing:-.5px}.about-sign span{display:block;margin-top:4px;letter-spacing:0;font-size:10px}.practical{padding:60px 5%;display:grid;grid-template-columns:1fr 2fr;gap:7%}.answers details{border-top:1px solid var(--line);padding:20px 0}.answers details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:16px}summary::-webkit-details-marker{display:none}summary span{font-size:19px;color:var(--orange)}details[open] summary span{transform:rotate(45deg)}details p{max-width:620px;font-size:14px;margin:17px 30px 0 0;line-height:1.7;color:#52614f}.sample-section{background:var(--ink);color:var(--paper);padding:65px 5%;display:grid;grid-template-columns:1fr 1.35fr;gap:10%}.sample-heading h2{font-size:53px;margin:32px 0 24px;letter-spacing:-2px}.sample-heading>p:not(.label){font-size:17px;line-height:1.7}.sample-arrow{font-size:80px;font-weight:300;color:#e7ae8b;display:block;margin-top:42px;line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label,legend{font-size:11px;display:block}input:not([type=radio]),textarea{width:100%;border:0;border-bottom:1px solid #7a907c;background:transparent;border-radius:0;color:var(--paper);padding:11px 0;font-size:15px;outline-offset:4px}textarea{resize:vertical}textarea::placeholder{color:#bdc7b6;font-size:13px}fieldset{border:0;padding:0;margin:28px 0}legend{margin-bottom:12px}.grade-options{display:flex;gap:10px;flex-wrap:wrap}.grade-options label{border:1px solid #7a907c;padding:9px 12px;display:flex;align-items:center;gap:6px;cursor:pointer}.grade-options input{accent-color:#f0bd9c;margin:0}.grade-options label:has(input:checked){background:#e8c4a9;color:#193b2b;border-color:#e8c4a9}.form-note{font-size:11px;line-height:1.7;color:#c7d0bf;margin:20px 0}.sample-section .button{background:#e8c4a9;border-color:#e8c4a9;color:var(--ink)}.sample-section .button:hover{background:#f2d9c5}#status{font-size:12px;margin:15px 0 0}footer{padding:35px 5% 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:35px}.footer-top p{font-size:12px;margin:0}.footer-top>a:last-child{font-size:12px;color:var(--orange)}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:0}.footer-bottom button{font:inherit;padding:0;border:0;background:none;color:inherit}dialog{max-width:520px;background:var(--paper);color:var(--ink);padding:35px;border:1px solid var(--ink)}dialog::backdrop{background:#193b2bbb}dialog h2{margin-bottom:25px}#privacy-close{float:right;border:0;background:none;color:inherit;font-size:25px}@media(max-width:900px){.intro-grid{gap:6%}h1{font-size:58px;letter-spacing:-3px}.supply-note{padding:20px}.note-title{font-size:29px}.product{gap:25px;grid-template-columns:1fr 1.2fr .75fr}h3{font-size:26px}.product-name{padding-left:25px}.catalogue-head>p{max-width:260px}.catalogue-foot{gap:20px}.sample-section{gap:7%}.grade-options{gap:6px}.grade-options label{padding:8px}.sample-heading h2{font-size:44px}}
@media(max-width:600px){header{padding:22px 6%}.wordmark{font-size:42px}nav{gap:0}nav>a:not(.nav-sample){display:none}.nav-sample{font-size:12px}nav span{margin-left:10px}.intro{padding:22px 6% 45px}.intro-top .label{max-width:210px;font-size:8px}.origin{font-size:8px;white-space:nowrap}.intro-grid{grid-template-columns:1fr;padding-top:35px;gap:40px}h1{font-size:51px;letter-spacing:-2.7px;line-height:1.07}.intro-copy{font-size:15px;max-width:360px}.supply-note{transform:none;padding:22px 25px}.note-title{font-size:28px}.supply-note dl>div{font-size:13px}.catalogue{padding:0 6% 40px}.section-top{font-size:8px;gap:20px}.section-top .label{font-size:9px}.catalogue-head{display:block;margin:15px 0 27px}h2{font-size:31px;letter-spacing:-1.2px}.catalogue-head>p{max-width:100%;margin-top:20px;font-size:14px}.product{grid-template-columns:1fr;gap:20px;padding:28px 0}.product-name{padding-left:29px}.product-name h3{font-size:30px;margin-bottom:8px}.product-detail>p{max-width:none}.product-action{justify-self:start;gap:35px;padding-top:0}.catalogue-foot{display:block}.catalogue-foot>span{font-size:10px}.catalogue-foot p{margin:10px 0 15px}.about{padding:38px 6%;grid-template-columns:1fr;gap:25px}.about .label{margin-bottom:20px}.about-copy p{font-size:15px}.practical{padding:40px 6%;display:block}.practical>.label{margin-bottom:24px}summary{font-size:15px}.sample-section{padding:40px 6%;grid-template-columns:1fr;gap:30px}.sample-heading h2{font-size:43px;margin:20px 0}.sample-heading>p:not(.label){font-size:15px}.sample-arrow{display:none}.form-grid{gap:18px;grid-template-columns:1fr}.grade-options{gap:8px}.grade-options label{font-size:10px;padding:9px}footer{padding:30px 6% 20px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top>a:last-child{width:100%}.footer-bottom{flex-wrap:wrap;gap:13px}.footer-bottom>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Matcha green local design study. */
:root{--paper:#f9fbf6;--ink:#203e2b;--orange:#44672d;--line:#bdcab4;--pale:#eaf0e1}
.wordmark{position:relative;padding-left:60px;font-family:Georgia,"Times New Roman",serif;font-size:39px;font-weight:400;letter-spacing:3px;line-height:1;text-transform:uppercase}
.wordmark::before{content:"";position:absolute;left:0;top:0;width:46px;height:46px;background:url("assets/mark.svg") center/contain no-repeat}
.brand-period{display:none}
.wordmark small{font-size:8px;letter-spacing:3px;margin:10px 0 0 2px}
.button{color:#f5f9ef;background:#44672d;border-color:#44672d}
.button:hover{background:#304d20;border-color:#304d20}
.supply-note{background:#eaf0e1;box-shadow:9px 12px 0 #f1f5eb}
.about{background:#f2f6ed}
.sample-section{background:#203e2b;color:#e8efdf}
.sample-arrow{color:#bfd18d}
.grade-options input{accent-color:#c5d99b}
.grade-options label:has(input:checked){background:#c5d99b;color:#203e2b;border-color:#c5d99b}
.sample-section .button{background:#c5d99b;border-color:#c5d99b;color:#203e2b}
.sample-section .button:hover{background:#d6e7b4}
@media(max-width:600px){.wordmark{font-size:28px;padding-left:43px;letter-spacing:2px}.wordmark::before{width:33px;height:33px}.wordmark small{font-size:7px;letter-spacing:2px;margin-top:8px}.supply-note{box-shadow:6px 7px 0 #edf2e5}}