:root{
  --nav-ink:#1B1916; --nav-ink2:#26231E; --nav-fg:#F2EFE8; --nav-fg2:#C6C0B5;
  --nav-mut:#9C968B; --nav-hair:rgba(242,239,232,.16); --nav-acc:#D98A3C;
}


.burger{appearance:none;background:none;border:0;padding:5px 0;font:inherit;font-size:13.5px;color:inherit;cursor:pointer;
  display:inline-flex;align-items:center;gap:9px;position:relative;white-space:nowrap;transition:color .3s cubic-bezier(.32,.72,0,1)}
.burger .bars{display:inline-flex;flex-direction:column;gap:4px;width:16px}
.burger .bars i{display:block;height:1px;background:currentColor}

.burger .bars i:nth-child(2){width:10px;margin-inline-start:auto}
.burger .lbl{white-space:nowrap}
@media (max-width:640px){.burger .lbl{display:none}}


.sitemenu{position:fixed;inset:0;z-index:200;background:var(--nav-ink);overflow:hidden;
  opacity:0;pointer-events:none;transition:opacity .36s cubic-bezier(.32,.72,0,1);
  color:var(--nav-fg);font-family:inherit}
.sitemenu.on{opacity:1;pointer-events:auto}
.sitemenu[hidden]{display:none!important}
.mplate{position:absolute;inset:0;background-size:cover;background-position:center 40%;opacity:.36;
  transform:scale(1.04);transition:transform 1.4s cubic-bezier(.32,.72,0,1),opacity .6s}
.sitemenu.on .mplate{transform:none}
.mplate::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(27,25,22,.55) 0%,rgba(27,25,22,.3) 45%,rgba(27,25,22,.82) 100%)}
.mwrap{position:relative;max-width:1400px;margin:0 auto;height:100%;overflow:auto;
  padding:clamp(18px,3.4vh,36px) clamp(22px,4vw,64px);display:flex;flex-direction:column}
.mhd{display:flex;align-items:center;gap:16px;padding-bottom:clamp(14px,2.4vh,22px);
  border-bottom:1px solid var(--nav-hair)}
.mhd .mk{font-family:'Amiri',serif;font-size:27px;line-height:1;color:var(--nav-fg)}
.mhd .mt{font-size:12.5px;color:var(--nav-mut);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mhd .mno{display:none}
.mhd .mx{margin-inline-start:auto;appearance:none;background:none;cursor:pointer;border:0;padding:5px 0;
  font:inherit;font-size:13.5px;color:var(--nav-fg2);display:inline-flex;align-items:center;gap:10px;position:relative}
.mhd .mx::before{content:"";width:14px;height:14px;
  background:linear-gradient(currentColor,currentColor) center/100% 1px no-repeat,linear-gradient(currentColor,currentColor) center/1px 100% no-repeat;
  transform:rotate(45deg);opacity:.85}
.mhd .mx::after{content:"";position:absolute;bottom:0;inset-inline:0;height:1px;background:currentColor;opacity:.55;
  transform:scaleX(0);transform-origin:var(--o0,left) center;transition:transform .34s cubic-bezier(.32,.72,0,1)}
html[dir="rtl"] .mhd .mx::after{--o0:right}
.mhd .mx:hover{color:var(--nav-fg)}
.mhd .mx:hover::after{transform:scaleX(1)}

.mcols{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:clamp(28px,4.4vw,88px);
  padding-block:clamp(28px,5.5vh,64px) clamp(20px,4vh,40px);flex:1;align-content:start}

.mcols.two{grid-template-columns:.9fr 1fr 1fr}.mcols.two .mcol{grid-column:2/4;max-width:760px}

.mid{display:flex;flex-direction:column;min-height:100%}
.mid .mk3{font-family:'Amiri',serif;font-size:clamp(54px,5.6vw,84px);line-height:1;color:var(--nav-fg);margin:-.08em 0 22px}
.mid .mfor{font-size:11px;color:var(--nav-mut);display:block;margin-bottom:6px}
.mid .mfirm{font-size:clamp(16px,1.5vw,19px);font-weight:450;line-height:1.5;color:var(--nav-fg);max-width:22ch}
.mid .mdoc{display:block;margin-top:18px;font-size:12px;line-height:1.7;color:var(--nav-mut)}
.mid .mdoc bdi{color:var(--nav-fg2)}
.mid .mask{margin-top:auto;padding-top:clamp(24px,5vh,56px);font-size:13px;line-height:1.75;color:var(--nav-mut);max-width:34ch}
.mid .mask a{display:inline-block;margin-top:8px;color:var(--nav-fg);text-decoration:none;border-bottom:1px solid var(--nav-acc);padding-bottom:1px;font-size:14px}
.mcol .mk2{display:block;font-size:11px;color:var(--nav-mut);letter-spacing:0;
  padding-bottom:12px;border-bottom:1px solid var(--nav-hair);margin-bottom:4px}
.mcol ul{list-style:none;margin:0;padding:0}
.mcol a{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:baseline;
  padding:13px 0;text-decoration:none;color:var(--nav-fg2);
  border-bottom:1px solid var(--nav-hair);transition:color .2s,padding .34s cubic-bezier(.32,.72,0,1)}
.mcol li:last-child a{border-bottom:0}
.mcol a:hover,.mcol a:focus-visible{color:var(--nav-fg);outline:none;padding-inline-start:8px}
.mcol a:focus-visible .t{box-shadow:0 1px 0 var(--nav-acc)}

.mcol a .n{font-family:'Amiri',serif;font-size:19px;color:var(--nav-mut);transition:color .2s}
html[lang="en"] .mcol a .n,html[dir="ltr"] .mcol a .n{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:13px}
.mcol a .t{font-size:clamp(17px,1.55vw,22px);font-weight:450;line-height:1.4;color:var(--nav-fg)}
.mcol a:hover .n{color:var(--nav-fg)}

.mcol a.here .n{color:var(--nav-fg)}
.mcol a.here .t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.28em;text-decoration-color:var(--nav-fg2)}

.mft{padding-top:clamp(14px,2.4vh,22px);border-top:1px solid var(--nav-hair);
  font-size:12px;line-height:1.7;color:var(--nav-mut);display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between}
.mft .mcta{color:var(--nav-fg2);text-decoration:none;border-bottom:1px solid var(--nav-hair);padding-bottom:1px;margin-inline-start:6px}
.mft .mcta:hover{color:var(--nav-fg);border-color:var(--nav-fg2)}


@media (max-width:1040px){.mcols{grid-template-columns:1fr 1fr}
  .mid{grid-column:1/-1;order:3;min-height:0;padding-top:22px;border-top:1px solid var(--nav-hair)}
  .mid .mk3{font-size:44px;margin-bottom:14px}.mid .mask{margin-top:18px;padding-top:0}}
@media (max-width:820px){.mcols{grid-template-columns:1fr;gap:22px}
  .mhd .mt{display:none}.mplate{background-position:center}}
@media (prefers-reduced-motion: reduce){.sitemenu,.mplate,.mcol a{transition:none}.mplate{transform:none}}