:root{color:#173c32;font-synthesis:none;background:#f6f3e9;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:0 48px}header{border-bottom:1px solid #d7ddd2;justify-content:space-between;align-items:center;padding:30px 0;display:flex}.wordmark{letter-spacing:-1px;color:inherit;font-size:23px;font-weight:750;text-decoration:none}.wordmark span{font-weight:400}.status{background:#e2e8da;border:1px solid #c5d2bd;border-radius:30px;padding:5px 12px;font-size:12px}.hero{padding:92px 0 78px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#526348;font-size:11px;font-weight:700}h1{letter-spacing:-3px;margin:20px 0 28px;font-family:Georgia,serif;font-size:clamp(42px,6.7vw,80px);font-weight:400;line-height:1.08}.intro{color:#48584d;max-width:510px;font-size:18px}.notice{color:#526348;border-left:3px solid #a7b695;max-width:500px;margin-top:32px;padding-left:15px;font-size:14px}.cards{display:flex;position:absolute;top:148px;right:36px;transform:rotate(9deg)}.card{background:#fffcf4;border:1px solid #d1d7c9;border-radius:13px;width:128px;height:177px;padding:12px 18px;font:38px Georgia,serif;box-shadow:0 20px 38px #133c3212}.card span{text-align:center;font-size:72px;display:block}.card:first-child{margin-right:-18px;transform:rotate(-19deg)}.card:last-child{margin-top:20px}.red{color:#a33c30}.dark{color:#173c32}.principles{border-top:1px solid #d7ddd2;grid-template-columns:repeat(3,1fr);gap:42px;padding:34px 0 50px;display:grid}.principles article>span{letter-spacing:1px;color:#61745b;font-size:11px}h2{margin:10px 0;font-size:17px;font-weight:600}article p{color:#526348;margin:0;font-size:14px}footer{color:#526348;border-top:1px solid #d7ddd2;justify-content:space-between;padding:23px 0;font-size:12px;display:flex}a:focus-visible{outline-offset:6px;outline:3px solid #173c32}@media (width<=850px){.cards{opacity:.25;top:120px;right:0}.hero{padding:65px 0}.intro,.notice,h1,.eyebrow{z-index:1;position:relative}.principles{gap:24px}}@media (width<=600px){main{padding:0 24px}header{gap:16px}.wordmark{font-size:20px}.status{font-size:10px}h1{letter-spacing:-1.5px}.hero{padding:50px 0}.intro{font-size:17px}.cards{display:none}.principles{grid-template-columns:1fr;gap:26px}footer{flex-direction:column;gap:6px}}