*{box-sizing:border-box}body{margin:0;background:#f5f2ec;color:#282b29;font:16px/1.8 Arial,"Malgun Gothic",sans-serif}main,header,footer{max-width:1160px;margin:auto;padding:40px 24px}header{display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid #d6cdbf}a{color:inherit;text-underline-offset:5px}.brand{text-decoration:none;font-size:30px;letter-spacing:5px}.brand small{display:block;font-size:11px;letter-spacing:1px}nav{display:flex;flex-wrap:wrap;gap:18px}h1{font-size:clamp(30px,5vw,58px);font-weight:400;line-height:1.25;margin:25px 0}h2{font-weight:400}.eyebrow{color:#927548;letter-spacing:4px;margin-top:60px}.lead{font-size:21px;color:#62675f}.hero{width:100%;max-height:650px;object-fit:cover;margin:24px 0}.body{padding:36px 0;min-height:180px;overflow-wrap:anywhere}article{background:#fff;padding:24px;margin:18px 0;border:1px solid #e0d9cd}form{margin:24px 0;max-width:850px}label{display:block;margin:15px 0}input:not([type=checkbox]),textarea,select{display:block;width:100%;padding:12px;border:1px solid #c8c1b6;background:#fff;font:inherit;border-radius:3px}button{padding:12px 24px;background:#343e35;color:white;border:0;font:inherit;cursor:pointer}button:hover{background:#59644f}.preview{max-width:350px;max-height:250px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;padding:20px}footer{border-top:1px solid #d6cdbf;margin-top:60px}footer a{font-size:24px}@media(max-width:720px){header{display:block}nav{margin-top:20px;font-size:14px}main{padding-top:20px}}