@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Newsreader:ital,opsz,wght@1,6..72,500&display=swap";:root{color:#17382f;font-synthesis:none;background:#f5f1e8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}header{background:#faf8f2;border-bottom:1px solid #d9d3c6;align-items:center;gap:40px;height:78px;padding:0 max(5vw,24px);display:flex}.brand{margin-right:auto;font-size:22px;font-weight:600}.brand i{color:#d06443;font-family:Newsreader,serif;font-weight:500}nav{gap:32px;font-size:14px;display:flex}.submit,.primary{color:#fff;background:#d96947;border:0;border-radius:3px;padding:13px 18px}.hero{background:radial-gradient(circle at 86% 35%,#e7d4b1 0 13%,#0000 14%),linear-gradient(115deg,#f7f3e9 55%,#dde7db);min-height:690px;padding:92px max(7vw,24px);position:relative;overflow:hidden}.hero:after{content:"学";color:#2453430b;font-family:serif;font-size:520px;line-height:1;position:absolute;top:45px;right:7vw}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#c65d3e;margin-bottom:22px;font-size:11px;font-weight:600}.hero h1{letter-spacing:-.05em;max-width:850px;margin:0;font-size:clamp(54px,7vw,92px);font-weight:500;line-height:.94}.hero h1 em,.method h2{color:#d06443;font-family:Newsreader,serif}.hero>p{color:#52625d;max-width:620px;margin:30px 0;font-size:18px;line-height:1.65}.primary{display:inline-block}.primary span{margin-left:28px}.sample{z-index:1;background:#fffdf8;width:390px;padding:24px;position:absolute;bottom:50px;right:7vw;box-shadow:0 18px 55px #17382f1a}.sample>span{letter-spacing:.18em;font-size:9px}.scale{align-items:center;gap:15px;margin:16px 0;display:flex}.scale>b{color:#d06443;font-family:Newsreader;font-size:50px}.scale div{display:grid}.scale small{color:#78837f;margin-top:4px}.meter{background:#e6e1d6;height:5px}.meter i{background:#d06443;width:32%;height:100%;display:block}.sample footer{color:#818986;justify-content:space-between;margin-top:20px;font-size:10px;display:flex}.sample footer span{gap:5px;display:grid}.sample footer b{color:#17382f}.catalogue{background:#faf8f2;padding:90px max(7vw,24px)}.catalogue h2,.method h2{margin:0 0 40px;font-size:48px}.filters{justify-content:flex-end;gap:15px;margin-top:-95px;margin-bottom:50px;margin-left:auto;display:flex}.filters label{text-transform:uppercase;letter-spacing:.1em;gap:7px;font-size:10px;display:grid}.filters input,.filters select{background:#fff;border:1px solid #d4cfc3;width:210px;padding:12px}.cards{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.cards article{background:#fff;border:1px solid #e4dfd5}.thumb{background:linear-gradient(135deg,#b7c8bd,#d8bba0);place-items:center;height:180px;display:grid;position:relative}.thumb>span{background:#fff;padding:5px 8px;font-size:10px;position:absolute;top:12px;left:12px}.thumb i{background:#fff9;border-radius:50%;padding:13px;font-style:normal}.thumb small{color:#fff;background:#17382f;padding:4px;position:absolute;bottom:10px;right:10px}.cardBody{padding:18px}.band{color:#d06443;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:9px;font-size:11px;display:flex}.band b{font-family:Newsreader;font-size:28px}.cardBody h3{margin:13px 0 6px;font-size:18px}.cardBody p,.cardBody small{color:#77817e}.cardBody hr{border:0;border-top:1px solid #ece8df;margin:18px 0}.empty{grid-column:1/-1}.method{color:#f8f3e9;background:#17382f;padding:100px max(7vw,24px)}.method h2{color:#f8f3e9}.method>p{color:#b7c8c1;max-width:570px;line-height:1.7}.method>div:last-child{gap:25px;margin-top:45px;display:flex}.method span{border-top:1px solid #577069;min-width:210px;padding-top:16px}.method span b{color:#df805f;margin-right:10px}.siteFooter{color:#9cb0a9;background:#102d26;justify-content:space-between;padding:30px max(5vw,24px);font-size:12px;display:flex}.siteFooter b{color:#fff}@media (width<=800px){header nav{display:none}.submit{font-size:12px}.hero{min-height:800px;padding-top:65px}.hero h1{font-size:55px}.sample{width:auto;left:24px;right:24px}.catalogue{padding-top:70px}.catalogue h2{font-size:39px}.filters{margin:0 0 30px;display:grid}.filters input,.filters select{width:100%}.cards{grid-template-columns:1fr}.method>div:last-child{display:grid}.siteFooter{flex-direction:column;gap:20px}}