:root{--ink:#051b32;--muted:#6b7785;--red:#961a22;--line:#dadfe3}
*{box-sizing:border-box;margin:0}
body{font:300 16px/1.8 Lato,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}a:hover{color:var(--red)}
.page{max-width:880px;margin:auto;padding:14vh 32px 48px;min-height:100vh;display:flex;flex-direction:column}
header{text-align:center;margin-bottom:10vh}
h1{font:400 clamp(34px,5vw,52px)/1.1 'Old Standard TT',Georgia,serif;letter-spacing:.5px}
.sub{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-top:12px}
.tag{font:italic 18px 'Old Standard TT',Georgia,serif;color:var(--ink);margin-top:28px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:72px;flex:1}
h4{font:400 12px Lato;letter-spacing:3px;text-transform:uppercase;margin-bottom:14px}
.muted{color:var(--muted);font-size:14px;margin-top:10px}
form{display:grid;gap:14px;align-content:start}
input,textarea{font:300 15px Lato;color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:8px 0;background:none;width:100%;resize:vertical}
input:focus,textarea:focus{outline:0;border-color:var(--red)}
button{justify-self:start;margin-top:8px;font:400 12px Lato;letter-spacing:3px;text-transform:uppercase;background:none;border:1px solid var(--ink);padding:10px 28px;cursor:pointer}
button{background:var(--ink);color:#fff;border-color:var(--ink)}button:hover{background:var(--red);border-color:var(--red);color:#fff}
.hp{display:none}
footer{text-align:center;font-size:12px;color:var(--muted);margin-top:12vh}
@media(max-width:700px){.page{padding:10vh 24px 32px}.cols{grid-template-columns:1fr;gap:48px}.info{text-align:center}header{margin-bottom:8vh}}
.logo{display:block;width:260px;height:auto;margin:auto}header .sub{margin-top:20px}@media(max-width:700px){.logo{width:190px}}
.since{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--muted);margin-top:8px}
.single{display:block;text-align:center;flex:1}.single .info{text-align:center}