:root{--paper:#f5f1e9;--ink:#292720;--green:#315f45;--moss:#71806b;--wood:#a9784e;--line:#d8d0c4;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.skip{position:fixed;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:#fff;padding:10px}.demo{height:30px;background:#26352c;color:#fff;display:flex;align-items:center;justify-content:center;gap:16px;font-size:11px;letter-spacing:.13em}.demo span{opacity:.7}.header{height:86px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:30px;padding:0 4vw;background:rgba(245,241,233,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;line-height:1.2}.brand b{font-family:"Yu Mincho",serif;font-size:22px;letter-spacing:.08em}.brand small{font-size:9px;letter-spacing:.22em;color:#7d7469;margin-top:6px}.nav{display:flex;justify-content:center;gap:26px;font-size:12px;font-weight:700}.nav a{padding:9px 0;border-bottom:1px solid transparent}.nav a:hover{border-color:var(--green)}.cta.compact{background:var(--green);color:#fff;padding:12px 18px;font-size:11px;font-weight:700}.menu-btn,.mobile{display:none}.hero{min-height:680px;display:grid;grid-template-columns:.82fr 1.18fr;position:relative;max-width:1500px;margin:auto;background:#efe8dc}.hero-copy{padding:110px 5vw 120px;display:flex;flex-direction:column;justify-content:center;z-index:2}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:800;color:var(--green)}.hero h1,.intro h2,.section h2,.contact h2,.company h2{font-family:"Yu Mincho",serif;font-weight:500;letter-spacing:.03em}.hero h1{font-size:clamp(42px,5.2vw,76px);line-height:1.32;margin:18px 0 28px}.hero-copy>p:not(.eyebrow){font-size:14px;color:#5b554d}.hero-photo{margin:0;min-height:680px;overflow:hidden}.hero-photo img{object-position:center}.hero-data{position:absolute;left:5vw;bottom:42px;display:flex;gap:10px}.hero-data span{background:#fff;border:1px solid var(--line);padding:8px 12px;font-size:10px;letter-spacing:.08em}.actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;min-width:160px;padding:13px 19px;border:1px solid var(--ink);font-size:11px;font-weight:800;letter-spacing:.07em}.btn.dark{background:var(--green);border-color:var(--green);color:#fff}.btn.line{background:transparent}.intro,.section{max-width:var(--max);margin:auto;padding:110px 6vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:11vw;align-items:end}.intro h2,.section h2,.company h2{font-size:clamp(36px,4.2vw,58px);line-height:1.4;margin:14px 0 0}.intro>div:last-child{font-size:14px;color:#5e574f}.values{max-width:var(--max);margin:0 auto 100px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.values article{padding:38px 35px;border-right:1px solid var(--line)}.values article:last-child{border:0}.values b{font-family:"Yu Mincho",serif;font-size:18px}.values p,.section-head>p,.work p,.flow-grid p,.company p{font-size:12px;color:#6c635a}.section-head{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:45px}.section-head>p{max-width:400px}.work-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:22px}.work{background:#fff}.work.large{grid-row:span 2}.photo{height:250px;background-size:cover;background-repeat:no-repeat;background-position:center}.large .photo{height:520px}.p1{background-image:url('images/work-1.webp');background-position:center}.p2{background-image:url('images/work-2.webp');background-position:center}.p3{background-image:url('images/work-3.webp');background-position:center}.work>div:last-child{padding:22px 25px}.work small{font-size:9px;letter-spacing:.18em;color:var(--green)}.work h3{font-family:"Yu Mincho",serif;font-size:22px;margin:8px 0}.flow{padding-top:50px}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.flow-grid article{padding:30px 25px;border-right:1px solid var(--line)}.flow-grid article:last-child{border:0}.flow-grid b{font-family:"Yu Mincho",serif;font-size:18px}.voice{min-height:450px;background:linear-gradient(90deg,rgba(22,45,31,.9),rgba(22,45,31,.55)),url('images/work-1.webp') center/cover;display:grid;place-items:center;color:#fff;text-align:center;padding:70px 8vw}.voice div{max-width:820px}.kicker.light{color:#d5e1d8}.voice blockquote{font-family:"Yu Mincho",serif;font-size:clamp(26px,3vw,42px);line-height:1.7;margin:28px 0}.voice p:last-child{font-size:11px;opacity:.72}.company{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:start}.company dl{margin:0}.company dl div{display:grid;grid-template-columns:110px 1fr;border-top:1px solid var(--line);padding:18px 0;font-size:12px}.company dl div:last-child{border-bottom:1px solid var(--line)}.company dt{font-weight:800}.company dd{margin:0;color:#625b53}.contact{background:var(--green);color:#fff;padding:100px 8vw;text-align:center}.contact h2{font-size:clamp(36px,5vw,65px);line-height:1.45;margin:18px 0 20px}.contact>p:not(.kicker){font-size:13px;opacity:.8}.actions.center{justify-content:center}.btn.light{background:#fff;border-color:#fff;color:var(--green)}.btn.outline-light{border-color:rgba(255,255,255,.65);color:#fff}.contact small{display:block;margin-top:22px;opacity:.55}footer{background:#20251f;color:#fff;padding:45px 5vw;display:flex;align-items:end;justify-content:space-between;gap:30px;font-size:10px}.brand.inverse small{color:#b8b9b2}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:50;background:#171914;color:#fff;padding:12px 18px;font-size:12px;box-shadow:0 8px 30px #0003}
@media(max-width:900px){.header{grid-template-columns:1fr auto;height:74px}.nav,.cta.compact{display:none}.menu-btn{display:block;border:0;background:none;width:42px;height:42px;position:relative}.menu-btn span{display:block;width:24px;height:1px;background:#222;margin:6px auto}.menu-btn i{font-size:0}.mobile{position:fixed;top:104px;left:0;right:0;z-index:30;background:#f5f1e9;padding:18px 6vw;border-bottom:1px solid var(--line)}.mobile:not([hidden]){display:grid}.mobile a{padding:12px;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 7vw 55px}.hero-photo{min-height:380px;grid-row:1}.hero-copy{grid-row:2}.hero-data{display:none}.intro,.company{grid-template-columns:1fr;gap:30px}.values{grid-template-columns:1fr}.values article{border-right:0;border-bottom:1px solid var(--line)}.work-grid{grid-template-columns:1fr}.work.large{grid-row:auto}.large .photo,.photo{height:65vw;max-height:520px}.section-head{align-items:start;flex-direction:column;gap:10px}.flow-grid{grid-template-columns:1fr 1fr}.flow-grid article:nth-child(2){border-right:0}.flow-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}footer{flex-direction:column;align-items:flex-start}.demo span{display:none}}
@media(max-width:560px){.demo{font-size:9px}.intro,.section{padding:80px 6vw}.hero h1{font-size:11vw}.flow-grid{grid-template-columns:1fr}.flow-grid article{border-right:0!important;border-bottom:1px solid var(--line)}.actions{flex-direction:column}.btn{width:100%}}