/* Policy and contact pages: the home page's paper, ink and brass, set for reading. */
:root{
  --bg:#efeeea; --bg2:#e6e4df; --ink:#18191b; --muted:#5f6163; --line:#d4d2cc; --brass:#8c6d33; --onink:#f4f3ef; --card:#f8f7f4;
  --serif:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --sans:Jost, "Helvetica Neue", Arial, system-ui, sans-serif;
  color-scheme:light; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){:root{
  --bg:#121314; --bg2:#191a1c; --ink:#ecebe6; --muted:#9a9b9c; --line:#2c2d2f; --brass:#cdae72; --onink:#121314; --card:#1c1d1f; color-scheme:dark }}
*{box-sizing:border-box}
body{margin:0; background:var(--bg); color:var(--ink); font:300 17px/1.7 var(--sans); -webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--brass); outline-offset:3px}
.wrap{max-width:1180px; margin:0 auto; padding-left:max(16px, env(safe-area-inset-left, 0px)); padding-right:max(16px, env(safe-area-inset-right, 0px))}
header{border-bottom:1px solid var(--line)}
header .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px; height:74px}
.mark{display:inline-flex; line-height:0}
.mark i{display:block; height:44px; aspect-ratio:700/199; background:var(--ink); -webkit-mask:url(img/logo.png) center/contain no-repeat; mask:url(img/logo.png) center/contain no-repeat}
header nav{display:flex; gap:22px; font-size:15px}
header nav a{text-decoration:none; color:var(--muted)} header nav a:hover,header nav a[aria-current="page"]{color:var(--ink)}
main{padding-block:clamp(48px,7vw,90px) clamp(60px,8vw,110px)}
.doc{max-width:720px}
.eyebrow{font:400 12px/1 var(--sans); letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin:0 0 16px}
h1{font:400 clamp(40px,6vw,64px)/1.02 var(--serif); letter-spacing:-.01em; margin:0 0 14px; text-wrap:balance}
h1 em{font-style:italic; color:var(--brass)}
.updated{color:var(--muted); font-size:14px; margin:0 0 40px}
h2{font:400 28px/1.15 var(--serif); margin:44px 0 10px}
p,li{max-width:66ch}
ul{padding-left:20px}
li{margin-bottom:6px}
.note{border-left:2px solid var(--brass); padding:4px 0 4px 16px; color:var(--muted); font-size:15px}
.cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; margin:34px 0 10px}
.card{background:var(--card); border:1px solid var(--line); padding:24px; display:grid; gap:6px}
.card span{font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--brass)}
.card > a{font:400 22px/1.25 var(--sans); text-decoration:none; word-break:break-word; font-variant-numeric:lining-nums}
.card small{color:var(--muted); font-size:14px}
.card small a{font:inherit; color:var(--ink)}
form{display:grid; gap:16px; max-width:560px; margin-top:28px}
.field{display:grid; gap:6px}
label{font-size:13px; color:var(--muted)}
input,textarea{font:300 16px/1.3 var(--sans); color:var(--ink); background:transparent; border:0; border-bottom:1px solid var(--line); padding:12px 0; border-radius:0; width:100%}
textarea{min-height:120px; resize:vertical}
input:focus,textarea:focus{outline:0; border-color:var(--ink)}
.btn{display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 26px; background:var(--ink); color:var(--onink); font:400 15px/1 var(--sans); letter-spacing:.04em; border:0; cursor:pointer; text-decoration:none}
.btn[disabled]{opacity:.6}
.msg{font-size:15px; border-left:2px solid var(--brass); padding-left:14px}
footer{border-top:1px solid var(--line); padding-block:28px; font-size:14px; color:var(--muted)}
footer .wrap{display:flex; flex-wrap:wrap; gap:8px 22px; align-items:center}
footer a{color:var(--muted); text-decoration:none} footer a:hover{color:var(--ink)}
@media (max-width:640px){ header nav{display:none} .mark i{height:36px} }