:root{font-family:system-ui,sans-serif;color:#11251a;background:#faf7ef;--green:#073e20;--orange:#ff781b}*{box-sizing:border-box}body{margin:0}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px max(5vw,18px);background:white}header img{display:block}nav{display:flex;gap:20px;flex-wrap:wrap}nav a, .button{text-decoration:none;font-weight:750}.button{display:inline-block;background:var(--orange);color:#19160f;padding:13px 19px;border-radius:8px}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:white;align-items:stretch}.hero>div{padding:clamp(32px,6vw,100px) 5vw}.hero figure{margin:0;background:white;display:grid;place-items:center;border-radius:18% 0 0 18%;padding:24px}.hero img{width:min(100%,680px)}h1{font-size:clamp(2.5rem,5.5vw,5.5rem);line-height:1;letter-spacing:-.055em;margin:.22em 0}h2{font-size:clamp(1.65rem,3vw,2.75rem);line-height:1.1;letter-spacing:-.035em;margin:.3em 0 .65em}p{line-height:1.55}small{font-weight:800;letter-spacing:.14em}.wrap{max-width:1320px;margin:auto;padding:48px 5vw}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}article,details,aside{background:white;border:1px solid #e4e3d9;border-radius:12px;padding:20px}article h3{font-size:1.35rem;margin:.5em 0}article p,aside p{margin:0}.num{color:#923700;font-weight:850}.models,.process,footer{background:var(--green);color:white}.process article{color:#11251a}aside{margin-top:16px;border-left:5px solid var(--orange)}.tags{display:flex;gap:12px;flex-wrap:wrap}.tags span{background:#e5eddf;padding:10px 16px;border-radius:20px;font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}details{margin-bottom:8px}summary{cursor:pointer;font-weight:750}.contact{background:var(--green);color:white;border-radius:12px;padding:28px}footer{padding:25px 5vw;display:flex;justify-content:space-between;gap:16px}@media(max-width:740px){header{flex-wrap:wrap}nav{order:3;width:100%;gap:12px}.hero,.grid,.split{grid-template-columns:1fr}.hero figure{border-radius:0}.hero img{max-width:420px}.wrap{padding:35px 5vw}}
