:root{--paper:#eee9df;--ink:#11110f;--quiet:#716c63;--gold:#9a7b45;--line:#d4ccbd}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
header{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(238,233,223,.95);backdrop-filter:blur(12px);z-index:5}
.mark{font:700 .92rem Georgia,serif;letter-spacing:.2em}
nav{display:flex;gap:28px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.hero{min-height:82vh;padding:13vh 7vw 9vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}
.overline,.tag{font-size:.68rem;letter-spacing:.22em;font-weight:700;color:var(--gold)}
h1{font:400 clamp(3.7rem,8vw,8.5rem)/.88 Georgia,serif;letter-spacing:-.055em;margin:24px 0 34px}
h1 i{font-weight:400;color:var(--gold)}
.hero>p{max-width:680px;font:400 1.2rem/1.7 Georgia,serif;color:var(--quiet)}
.actions{display:flex;gap:12px;margin-top:30px}
.actions a,button{border:1px solid var(--ink);padding:15px 22px;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;background:var(--ink);color:white}
.actions .ghost{background:transparent;color:var(--ink)}
.manifesto{padding:95px 12vw;text-align:center;border-bottom:1px solid var(--line)}
.manifesto p{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}
.manifesto h2{font:400 clamp(2rem,4vw,4.6rem)/1.05 Georgia,serif;max-width:1100px;margin:25px auto}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;padding:105px 7vw;border-bottom:1px solid var(--line)}
.split h2,.standards h2{font:400 clamp(2.5rem,5vw,5.4rem)/.98 Georgia,serif;letter-spacing:-.04em;margin:18px 0 25px}
.split p{color:var(--quiet);font:400 1.05rem/1.7 Georgia,serif}
.inverse{background:#151512;color:#eee9df}.inverse p{color:#aaa49a}.inverse .tag{color:#c5a56d}
form{display:grid;gap:17px;border:1px solid var(--line);padding:30px}
.inverse form{border-color:#39362f;background:#1b1b17}
label{display:grid;gap:7px;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}
input,textarea{padding:14px 13px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;font:400 1rem Georgia,serif;outline:none}
.inverse input,.inverse textarea{border-color:#49453e}
button{cursor:pointer;font-family:inherit}.inverse button{background:#eee9df;color:#151512;border-color:#eee9df}
output{min-height:18px;font-size:.78rem;color:var(--gold)}
.standards{padding:105px 7vw}
.grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:50px}
.grid article{min-height:180px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}
.grid b{font:400 1.35rem Georgia,serif}.grid span{color:var(--quiet);margin-top:8px;line-height:1.5;font-size:.87rem}
footer{padding:35px 7vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-family:Georgia,serif}
footer span{letter-spacing:.15em}footer small{color:var(--quiet)}
@media(max-width:800px){nav{display:none}.split{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.hero{min-height:70vh}footer{gap:20px;flex-direction:column}}