:root{--bg:#08080A;--fg:#F2EFE9;--dim:#9C988E;--dim2:#5F5C56;--acc:#F5C242;
  --rule:rgba(242,239,233,.13);
  --cond:'Archivo Narrow',Arial Narrow,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --serif:'Newsreader',Georgia,serif}
*{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--serif);
  font-weight:300;font-size:16px;line-height:1.6}
a{color:inherit}
.wrap{max-width:760px;margin:0 auto;padding:0 clamp(18px,5vw,32px)}
header.top{border-bottom:1px solid var(--rule);padding:18px 0}
header.top .in{max-width:760px;margin:0 auto;padding:0 clamp(18px,5vw,32px);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--dim)}
header.top a{text-decoration:none;display:flex;align-items:center;gap:9px;color:var(--fg)}
header.top svg{width:26px;height:19px;display:block}
main{padding:clamp(40px,8vh,80px) 0 clamp(60px,12vh,120px)}
h1{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;
  font-size:clamp(1.9rem,6vw,3.2rem);line-height:1;margin:0 0 8px}
.sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--dim2);margin:0 0 44px}
h2{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.01em;
  font-size:1.05rem;margin:40px 0 10px;color:var(--fg)}
h3{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dim);margin:26px 0 6px}
p{margin:0 0 14px;color:#DAD6CE}
ul{margin:0 0 14px;padding-left:20px;color:#DAD6CE}
li{margin-bottom:6px}
address{font-style:normal;color:#DAD6CE;margin-bottom:14px}
.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;line-height:1.7}
.mono a{color:var(--acc)}
.hint{border-left:2px solid var(--acc);padding:10px 0 10px 16px;margin:22px 0;
  font-size:14.5px;color:var(--dim)}
footer{border-top:1px solid var(--rule);padding:22px 0 44px;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--dim2)}
footer .in{max-width:760px;margin:0 auto;padding:0 clamp(18px,5vw,32px);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
footer a{text-decoration:none}
footer a:hover,header.top a:hover{color:var(--acc)}
::selection{background:var(--acc);color:#0A0B0D}
