/* OATHBOUND — Stylesheet fuer Impressum und Datenschutz.
   Schriften liegen lokal, keine Verbindung zu Google. */

@font-face{
  font-family:'Playfair Display';font-style:normal;font-weight:400 700;
  font-display:swap;src:url('fonts/playfair-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Playfair Display';font-style:normal;font-weight:400 700;
  font-display:swap;src:url('fonts/playfair-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Playfair Display';font-style:italic;font-weight:400 700;
  font-display:swap;src:url('fonts/playfair-italic-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Lora';font-style:normal;font-weight:400;
  font-display:swap;src:url('fonts/lora-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Lora';font-style:normal;font-weight:400;
  font-display:swap;src:url('fonts/lora-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --oath-black:#0C0B09;
  --worn-white:#EDE8DF;
  --ash:#7A7670;
  --parchment:#C8BEA8;
  --body-text:#a9a49c;
  --hairline:#26241f;
  --display:'Playfair Display',Georgia,serif;
  --body:Lora,Georgia,serif;
  --meta:Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--oath-black);
  color:var(--body-text);
  font-family:var(--body);
  font-size:15px;
  line-height:1.75;
}
a{color:var(--parchment);text-decoration:none;border-bottom:1px solid rgba(200,190,168,.3)}
a:hover{color:var(--worn-white);border-bottom-color:var(--worn-white)}
:focus-visible{outline:2px solid var(--parchment);outline-offset:3px}

header{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:clamp(18px,3vw,30px) clamp(18px,5vw,64px);
  border-bottom:1px solid var(--hairline);
}
.mark{
  font-family:var(--display);font-weight:700;
  font-size:clamp(13px,1.5vw,15px);letter-spacing:.26em;
  color:var(--worn-white);border:0;
}
.mark:hover{color:var(--parchment)}
.eyebrow{
  font-family:var(--meta);font-size:9px;
  letter-spacing:.3em;text-transform:uppercase;color:var(--ash);
}

main{
  max-width:760px;
  margin:0 auto;
  padding:clamp(48px,8vw,96px) clamp(18px,5vw,64px) clamp(60px,9vw,110px);
}

h1{
  font-family:var(--display);font-weight:700;
  font-size:clamp(30px,5.2vw,48px);line-height:1.1;letter-spacing:.02em;
  color:var(--worn-white);
  margin:0 0 clamp(28px,4vw,44px);
}
h1 + .updated{
  margin-top:-28px;
}
h2{
  font-family:var(--display);font-weight:700;
  font-size:clamp(21px,2.8vw,27px);letter-spacing:.02em;
  color:var(--worn-white);
  margin:clamp(44px,6vw,64px) 0 14px;
  padding-top:clamp(28px,4vw,36px);
  border-top:1px solid var(--hairline);
}
h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
h3{
  font-family:var(--display);font-weight:700;
  font-size:17px;color:var(--worn-white);
  margin:32px 0 10px;
}
h4{
  font-family:var(--meta);font-weight:400;
  font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--parchment);
  margin:24px 0 8px;
}
p{margin:0 0 16px}
ul{margin:0 0 16px;padding-left:20px}
li{margin-bottom:10px}

address{
  font-style:normal;
  color:var(--worn-white);
  margin:0 0 16px;
}

.rights{
  font-size:13.5px;
  line-height:1.7;
  color:var(--ash);
  letter-spacing:.01em;
}

.updated{
  font-family:var(--meta);font-size:10px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--ash);
  margin:0 0 clamp(28px,4vw,44px);
}

footer{
  padding:clamp(34px,5vw,54px) clamp(18px,5vw,64px);
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;
  gap:18px;border-top:1px solid var(--hairline);
  font-family:var(--meta);font-size:9.5px;
  letter-spacing:.26em;text-transform:uppercase;color:var(--ash);
}
footer .mark{font-size:13px;text-transform:none}
.footer-links{display:flex;flex-wrap:wrap;gap:clamp(14px,3vw,30px)}
footer a{border:0}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}