*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
:root{
  color-scheme: light;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  --ground:#EDEAE4;
  --ink:#2A2724;
  --ink-soft:#6B655C;
  --line:#D3CDC3;
  --line-strong:#B8B1A5;
  --mark:#7D7466;
  --todo-bg:#F6E2C8;
  --todo-ink:#5C3A11;
  --todo-line:#D8A863;
  --logo-filter:none;
  --serif:"Bodoni Moda",Georgia,"Times New Roman",serif;
  --sans:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme: dark;
    --ground:#1B1917;
    --ink:#EDEAE4;
    --ink-soft:#A39B8F;
    --line:#33302C;
    --line-strong:#47433D;
    --mark:#A99D8A;
    --todo-bg:#332512;
    --todo-ink:#F0D8B4;
    --todo-line:#6B4C1E;
    --logo-filter:invert(1);
  }
}
:root[data-theme="dark"]{
  color-scheme: dark;
  --ground:#1B1917;
  --ink:#EDEAE4;
  --ink-soft:#A39B8F;
  --line:#33302C;
  --line-strong:#47433D;
  --mark:#A99D8A;
  --todo-bg:#332512;
  --todo-ink:#F0D8B4;
  --todo-line:#6B4C1E;
  --logo-filter:invert(1);
}

body{
  margin:0;
  background:var(--ground);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;}
.wrap{max-width:660px;margin:0 auto;padding-inline:24px;}

.masthead{display:flex;justify-content:center;padding-block:48px 0;}
.masthead img{width:min(210px,54vw);height:auto;filter:var(--logo-filter);}

h1{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(27px,6vw,36px);line-height:1.18;
  margin:44px 0 0;text-wrap:balance;
}
h2{
  font-family:var(--sans);font-size:10.5px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--mark);
  margin:44px 0 0;
}
p,ul{margin:12px 0 0;}
ul{padding-left:20px;}
li{margin-top:4px;}
address{font-style:normal;}
a{color:var(--ink);}

.nowrap{white-space:nowrap;}

footer{
  margin-top:64px;padding-top:22px;padding-bottom:40px;
  border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:8px 22px;align-items:baseline;
  font-size:13.5px;color:var(--ink-soft);
}
footer a{color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:1px;}
footer a:hover{color:var(--ink);}
.company{margin-left:auto;}
@media (max-width:560px){.company{margin-left:0;}}