@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Newsreader:opsz,wght@6..72,400;6..72,500&display=swap");
:root{
  --bg:#f6f4ef;
  --paper:#fffdf8;
  --ink:#1a1916;
  --muted:#6b675f;
  --line:#e4dfd6;
  --ember:#c45c26;
  --btn:#1a1916;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}
body{min-height:100vh;display:flex;flex-direction:column}
a{color:var(--ink);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{width:min(720px,calc(100% - 48px));margin:0 auto}
header{
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 0 18px;border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);letter-spacing:.16em;font-size:11px;font-weight:600;text-transform:uppercase;text-decoration:none}
.brand img{width:24px;height:24px}
nav{display:flex;gap:22px;font-size:13px}
nav a{color:var(--muted);text-decoration:none}
nav a.on,nav a:hover{color:var(--ink)}
main{flex:1;padding:64px 0 80px}
h1{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(28px,4.4vw,36px);letter-spacing:-.02em;line-height:1.22;margin:0 0 14px}
.lede{color:var(--muted);font-size:16px;line-height:1.6;max-width:34rem;margin:0}
.section{margin-top:56px}
.section-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-weight:600}
.brand-row{
  display:flex;flex-direction:column;gap:8px;padding:4px 0 4px 18px;
  border-left:3px solid var(--ember)
}
.brand-row .name{font-family:Newsreader,Georgia,serif;font-size:22px;font-weight:400;margin:0;color:var(--ink)}
.brand-row p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.brand-row a{font-size:14px;color:var(--ember)}
.brand-row a:hover{color:#9a4318}
.hint{margin-top:14px;color:var(--muted);font-size:13px}
.copy{font-size:16px;line-height:1.7;max-width:36rem;color:var(--ink)}
.copy p{margin:0}
form{max-width:32rem}
label{display:block;margin:16px 0 6px;color:var(--muted);font-size:12px}
input,textarea{
  width:100%;background:var(--paper);border:1px solid var(--line);color:var(--ink);
  padding:11px 12px;font:15px Inter,sans-serif;border-radius:2px
}
textarea{min-height:140px;resize:vertical}
button{
  margin-top:18px;background:var(--btn);color:#fff;border:0;padding:10px 18px;
  font:600 13px Inter,sans-serif;cursor:pointer
}
footer{
  border-top:1px solid var(--line);padding:28px 0 40px;color:var(--muted);
  font-size:12px;line-height:1.8;text-align:center
}
footer a{color:var(--muted)}
@media(max-width:640px){
  header{flex-direction:column;align-items:flex-start;gap:14px}
  main{padding:44px 0 60px}
}