:root{--bg:#f4f2ee;--ink:#1a1a18;--grey:#6b6a66;--line:#d6d3cc;--accent:#e8590c;--u:8px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:Inter,"Helvetica Neue",Helvetica,Arial,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.page{min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:repeat(12,1fr);column-gap:calc(var(--u)*3);padding:calc(var(--u)*5) calc(var(--u)*8);max-width:1440px;margin:0 auto}
.top,.main,.foot{grid-column:1/-1}
.brand{display:inline-flex;align-items:center;gap:calc(var(--u)*1.5);font-weight:600;font-size:15px;letter-spacing:.01em;text-decoration:none}
.brand:hover{color:var(--ink)}
.mark{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink);position:relative}
.mark::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--accent)}
.main{grid-column:1/span 8;align-self:center;padding:calc(var(--u)*12) 0}
.statement{font-weight:500;font-size:clamp(28px,4.2vw,56px);line-height:1.12;letter-spacing:-.02em;max-width:18ch}
.status{margin-top:calc(var(--u)*5);display:inline-flex;align-items:center;gap:calc(var(--u)*1.5);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.foot{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;column-gap:calc(var(--u)*6);border-top:1px solid var(--line);padding-top:calc(var(--u)*2.5);font-size:13px;color:var(--grey)}
.prose{grid-column:1/span 7;align-self:start;padding-top:calc(var(--u)*12)}
.prose h1{font-weight:500;font-size:clamp(28px,3.5vw,44px);letter-spacing:-.02em;line-height:1.15;margin-bottom:calc(var(--u)*1)}
.prose .meta{font-size:13px;color:var(--grey);margin-bottom:calc(var(--u)*5)}
.prose p{max-width:60ch;margin-bottom:calc(var(--u)*2)}
@media (max-width:720px){
 .page{padding:calc(var(--u)*3);column-gap:var(--u)}
 .main,.prose{grid-column:1/-1;padding:calc(var(--u)*10) 0}
 .foot{grid-template-columns:1fr;row-gap:calc(var(--u)*.5)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.form{display:grid;row-gap:calc(var(--u)*3);max-width:560px;margin-top:calc(var(--u)*2)}
.field{display:grid;row-gap:var(--u)}
.field label{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.field input,.field textarea{font:inherit;color:var(--ink);background:#fbfaf7;border:1px solid #b9b5ac;border-radius:2px;padding:calc(var(--u)*1.5);width:100%}
.field textarea{resize:vertical;min-height:144px}
.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--ink)}
.form button{justify-self:start;font:inherit;font-size:14px;font-weight:500;letter-spacing:.02em;color:#fbfaf7;background:var(--ink);border:0;border-radius:2px;padding:calc(var(--u)*1.5) calc(var(--u)*3);cursor:pointer}
.form button:hover{background:var(--accent)}
.form button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.notice{max-width:560px;padding:calc(var(--u)*1.5) calc(var(--u)*2);border-left:3px solid var(--ink);background:#fbfaf7}
.notice.err{border-left-color:var(--accent)}