@font-face{font-family:"Cinzel";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/cinzel-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+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/cinzel-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}

:root{
  --bg:#F6F5F2;--ink:#2E2A27;--logo:#3F3A36;--muted:#6B655F;--faint:#9A938B;--line:#E4E0DA;--accent:#55633D;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mark:"Cinzel","Trajan Pro",Georgia,serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#151412;--ink:#ECE8E3;--logo:#E6E1DA;--muted:#A8A199;--faint:#7A736C;--line:#34302C;--accent:#AEBD8C;color-scheme:dark}
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}


.yz-land{min-height:100%;display:flex;flex-direction:column;padding-inline:24px;padding-top:env(safe-area-inset-top,0px)}
.yz-centre{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding-block:48px}
.yz-logo{display:block;width:min(440px,84vw);height:auto;color:var(--logo)}
.yz-enter{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:11px 24px;text-decoration:none;font-weight:500;font-size:15px;letter-spacing:.02em;color:var(--ink);transition:border-color .2s}
.yz-enter:hover{border-color:var(--logo)}
.yz-enter svg{width:16px;height:16px}
.yz-foot{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;padding-block:18px calc(26px + env(safe-area-inset-bottom,0px));font-size:12.5px;color:var(--faint)}
.yz-foot a{color:var(--faint);text-decoration:none}
.yz-foot a:hover{color:var(--muted)}
@media (prefers-reduced-motion:no-preference){
  .yz-logo,.yz-enter{animation:yz-in .9s ease-out both}
  .yz-enter{animation-delay:.25s}
  @keyframes yz-in{from{opacity:.001;transform:translateY(6px)}to{opacity:1;transform:none}}
}


.yz-page{max-width:720px;margin:0 auto;padding:28px 24px 64px}
.yz-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.yz-home{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--logo)}
.yz-mark{width:44px;height:auto;display:block}
.yz-home span{font-family:var(--mark);letter-spacing:.24em;font-size:15px}
.yz-page h1{font-family:var(--mark);font-weight:400;letter-spacing:.06em;font-size:28px;line-height:1.25;margin:0 0 20px}
.yz-page h2{font-size:18px;margin:32px 0 8px}
.yz-content p,.yz-content li{max-width:65ch}
.yz-page .yz-foot{justify-content:flex-start;padding-inline:0;margin-top:48px;border-top:1px solid var(--line)}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.yz-page p,.yz-page li{color:var(--ink)}.yz-page h2{font-family:var(--mark);font-weight:400;letter-spacing:.04em;font-size:18px;margin:28px 0 8px}.yz-page a{color:var(--accent)}