@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#171918;--paper:#f7f4ee;--accent:#c8e777;--muted:#6d716b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,sans-serif}.notice{background:#171918;color:#f7f4ee;padding:11px 20px;text-align:center;font:10px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.notice a{color:var(--accent)}.nav,.wrap{max-width:1200px;margin:auto;padding-left:30px;padding-right:30px}.nav{height:85px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:18px;font-weight:800;letter-spacing:-.06em}.brand span{color:#86ad24}.nav a{font-size:12px;color:inherit;text-decoration:none;font-weight:700}.hero{max-width:1200px;margin:auto;padding:90px 30px 55px;min-height:570px;position:relative;overflow:hidden}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:.04em;text-transform:uppercase}.hero h1{max-width:850px;font-size:clamp(53px,8vw,108px);line-height:.9;letter-spacing:-.09em;margin:70px 0 35px}.hero h1 i{font-family:'DM Serif Display',Georgia,serif;font-weight:400}.hero p{max-width:390px;line-height:1.75;font-size:15px}.hero:after{content:'';position:absolute;width:320px;height:320px;border-radius:50%;right:3%;top:90px;background:radial-gradient(circle at 30% 30%,#fff 0 4%,var(--accent) 5%,#789d43 65%,#456730);filter:blur(.4px);z-index:-1}.hero-mark{position:absolute;right:8%;bottom:45px;font-size:110px;font-family:'DM Serif Display',Georgia,serif;color:#ffffffa6}.strip{background:var(--accent);overflow:hidden;white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:.05em;padding:18px 0}.strip div{width:max-content;animation:slide 25s linear infinite}.strip b{padding:0 30px;color:#476626}@keyframes slide{to{transform:translateX(-50%)}}.intro,.services,.contact{max-width:1200px;margin:auto;padding:120px 30px}.intro{display:grid;grid-template-columns:1fr 1.35fr;gap:55px}.intro h2,.services h2,.contact h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.08em;line-height:.97;margin:15px 0}.intro h2 i,.contact h2 i{font-family:'DM Serif Display',Georgia,serif;font-weight:400}.intro p{line-height:1.8;color:var(--muted);align-self:end;font-size:16px}.showcase{background:#252c25;margin-top:5px;padding:30px;min-height:400px;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;color:#f7f4ee}.showcase .card{background:#e8ebd9;color:#1a271b;min-height:310px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.showcase .card strong{font-size:43px;line-height:.9;letter-spacing:-.08em}.showcase .card p{font-size:12px;line-height:1.6;max-width:185px}.showcase>div:last-child{padding:35px}.showcase h3{font-size:30px;line-height:1;letter-spacing:-.07em;margin:0 0 70px}.showcase small{font:10px 'DM Mono',monospace}.services{padding-top:135px}.service-grid{border-top:1px solid #a8aba4;margin-top:62px}.service{padding:26px 0;display:grid;grid-template-columns:80px 1fr 1.2fr;gap:25px;border-bottom:1px solid #c9cbc5}.service span{font:11px 'DM Mono',monospace}.service h3{font-size:20px;margin:0;letter-spacing:-.05em}.service p{font-size:13px;margin:0;color:var(--muted);line-height:1.7}.contact{background:#1a201b;color:#f7f4ee;max-width:none;padding-left:max(30px,calc((100% - 1140px)/2));padding-right:max(30px,calc((100% - 1140px)/2));}.contact h2{font-size:clamp(48px,7vw,90px)}.contact p{color:#b9bdb5;max-width:390px;line-height:1.7;margin:35px 0}.contact a{color:var(--accent);font-size:19px;text-decoration:none;border-bottom:1px solid #a8c55d;padding-bottom:5px}.footer{max-width:1200px;margin:auto;padding:24px 30px;color:#71756e;display:flex;justify-content:space-between;font:10px 'DM Mono',monospace}@media(max-width:700px){.nav,.wrap{padding-left:20px;padding-right:20px}.hero{padding:65px 20px 45px;min-height:500px}.hero:after{width:190px;height:190px;right:-55px;top:145px}.hero h1{margin-top:60px}.intro{padding:80px 20px;display:block}.intro p{margin-top:35px}.showcase{grid-template-columns:1fr;padding:18px;min-height:520px}.showcase>div:last-child{padding:20px 5px}.services{padding:85px 20px}.service{grid-template-columns:42px 1fr;gap:12px}.service p{grid-column:2}.contact{padding:80px 20px}.footer{padding:22px 20px;gap:15px}.hero-mark{font-size:80px;right:3%}}
