@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-greek-ext-400-normal.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-greek-ext-400-italic.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/eb-garamond-greek-ext-700-normal.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-greek-400-normal.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-greek-400-italic.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/eb-garamond-greek-700-normal.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:'EB Garamond';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/eb-garamond-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-latin-400-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/eb-garamond-latin-400-italic.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/eb-garamond-latin-700-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#0b0b0d; --bone:#ece4d2; --gold:#c9a54a; --gold-dim:#8f7637; --royal:#2a3f9d;
  --paper:#f6f1e5; --paper-ink:#1b1a17; --rule:#d8cdb4;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--bone);
  font-family:"EB Garamond",Garamond,"Times New Roman",serif;font-size:19px;line-height:1.5;
  font-kerning:normal;text-rendering:optimizeLegibility}
a{color:inherit}
header{border-bottom:1px solid #22201b}
.langs{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;padding:12px 16px;max-width:1100px;margin:0 auto}
.langs a{font-size:15px;letter-spacing:.06em;text-decoration:none;color:#b9b09c;padding:2px 0;border-bottom:1px solid transparent}
.langs a:hover{color:var(--bone);border-bottom-color:var(--gold-dim)}
.langs a[aria-current]{color:var(--gold);border-bottom-color:var(--gold)}
main{padding:0 16px}

/* home */
.home main{min-height:calc(100vh - 52px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:28px;padding-bottom:48px}
.arms{margin:0}
.arms img{display:block;width:min(440px,82vw);height:auto}
.docs{list-style:none;margin:34px 0 0;padding:0;text-align:center}
.docs li+li{margin-top:2px}
.docs a{display:inline-block;padding:10px 6px;font-size:23px;letter-spacing:.04em;text-decoration:none;color:var(--bone);
  border-bottom:1px solid transparent}
.docs a:hover,.docs a:focus-visible{color:var(--gold);border-bottom-color:var(--gold-dim)}
.docs li:not(:last-child)::after{content:"";display:block;width:36px;height:1px;background:var(--gold-dim);margin:2px auto 0;opacity:.7}

/* documents */
.doc main{padding-top:26px;padding-bottom:56px}
.crest{display:block;width:96px;margin:0 auto 22px}
.crest img{display:block;width:100%;height:auto}
.paper{background:var(--paper);color:var(--paper-ink);max-width:820px;margin:0 auto;
  padding:clamp(28px,6vw,72px) clamp(20px,7vw,84px);box-shadow:0 1px 0 #000,0 18px 50px rgba(0,0,0,.55);
  font-size:18.5px;line-height:1.58;hyphens:auto;-webkit-hyphens:auto}
.paper p{margin:0 0 .7em}
.paper .title{font-size:1.32em;font-weight:700;text-align:center;margin:0 0 1.1em;line-height:1.25}
.paper .para,.paper .section{text-align:justify}

/* Proclamation */
.proclamation .subtitle{font-style:italic;margin-bottom:1.2em}
.proclamation .head{margin-top:1.2em}

/* Declaration */
.declaration .subtitle_bold{font-weight:700;text-align:justify;font-size:.96em;margin-bottom:1.2em}
.declaration .grievance{text-align:left}

/* Protocol */
.protocol .quote{margin:0 1.6em .5em 2.4em;text-align:justify;font-size:.95em}
.protocol .attribution{text-align:right;margin:0 1.6em 1.6em 0;font-size:.95em}
.protocol .framework{font-style:italic;margin:0 1.6em 1em 2.4em;text-align:justify}
.protocol .framework+.para{margin-top:1.6em}
.protocol .ihead{font-style:italic;margin-top:1.6em;text-align:justify}
.protocol .bhead{font-weight:700;margin-top:1.2em}
.protocol .signed{font-weight:700;margin-top:2.2em}
.protocol .behalf{font-style:italic;margin-bottom:.2em}

.more ul{list-style:none;margin:30px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px;max-width:820px}
.more a{font-size:17px;letter-spacing:.04em;text-decoration:none;color:#b9b09c;border-bottom:1px solid transparent}
.more a:hover{color:var(--gold);border-bottom-color:var(--gold-dim)}
.more a[aria-current]{color:var(--gold)}

@media (max-width:600px){
  body{font-size:18px}
  .paper{font-size:17px;line-height:1.55}
  .paper .para,.paper .section,.declaration .subtitle_bold,.protocol .quote,.protocol .framework,.protocol .ihead{text-align:left}
  .protocol .quote,.protocol .framework{margin-left:1em;margin-right:.6em}
  .protocol .attribution{margin-right:.6em}
  .docs a{font-size:21px}
}
