@font-face{font-family:Instrument;src:url('/assets/instrument-sans.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{font-family:Instrument,sans-serif;color:#242923;background:#f7f7f2;font-synthesis:none;scroll-behavior:smooth;scrollbar-color:#a5ada1 #f7f7f2}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:#526749}a:focus-visible{outline:2px solid #526749;outline-offset:6px}::selection{background:#d6e2c9;color:#242923}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;padding-block:30px;border-bottom:1px solid #d9ddd2}.wordmark{font-size:32px;font-weight:650;letter-spacing:-.04em;text-decoration:none}.wordmark span{color:#6c815c}nav{display:flex;gap:36px;font-size:14px}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;padding-block:86px 72px;gap:50px}h1{font-size:clamp(64px,7.8vw,96px);font-weight:500;line-height:.98;letter-spacing:-.04em;margin:0;text-wrap:balance}.intro{padding-bottom:4px}.intro p{font-size:25px;line-height:1.3;margin:0 0 20px}.intro .secondary{font-size:17px;line-height:1.5;color:#596253}.button{display:inline-flex;align-items:center;gap:42px;background:#293e2a;color:#fff;padding:14px 20px;text-decoration:none;font-size:15px;border-radius:5px;transition:background .18s}.button:hover{background:#40563a;color:white}.product{scroll-margin-top:24px}figure{margin-block:0}figure img{width:100%;height:auto;display:block;border:1px solid #d2d7cc;border-radius:7px}figure>a{display:block}figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:15px;font-size:13px;color:#5b6457}.principles{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding-block:110px 76px}h2{font-size:40px;line-height:1.12;letter-spacing:-.03em;font-weight:500;margin:0;text-wrap:balance}dl{margin:0}dl div{border-top:1px solid #d2d7cc;padding:22px 0}dt{font-size:20px;font-weight:550;margin-bottom:8px}dd{margin:0;font-size:16px;line-height:1.6;color:#596253;max-width:52ch}.detail{width:min(850px,calc(100% - 112px));margin-right:max(56px,calc((100% - 1200px)/2));}.start{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding-block:105px 80px}.start h2{font-size:58px}.start p{font-size:21px;line-height:1.45;margin:0 0 23px}.start .fine{max-width:48ch;font-size:13px;color:#596253;line-height:1.6;margin:20px 0 0}footer{display:flex;align-items:center;gap:24px;padding-block:25px;border-top:1px solid #d2d7cc}footer p{font-size:13px;color:#596253;flex:1}footer>a:last-child{font-size:14px;text-decoration:none}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:12px}.skip:focus{top:10px;z-index:2}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}@media(max-width:700px){.wrap,.detail{width:calc(100% - 40px);margin-inline:auto}header{padding-block:20px}.wordmark{font-size:28px}nav{gap:20px;font-size:12px}.hero{grid-template-columns:1fr;gap:30px;padding-block:52px 40px}h1{font-size:72px}.intro p{font-size:22px}.intro .secondary{font-size:16px}.desktop-break{display:none}figcaption{font-size:11px;line-height:1.5;gap:16px}.principles,.start{grid-template-columns:1fr;gap:32px;padding-block:60px 40px}h2{font-size:34px}.start h2{font-size:48px}footer{flex-wrap:wrap;gap:16px}footer p{order:3;flex-basis:100%;margin:0}footer>a:last-child{margin-left:auto}}