:root{
  color-scheme: dark;
  --bg:#11100e; --surface:#1b1a17; --ink:#ece6da; --muted:#a39b8d; --sand:#d8ccb3; --sand-ink:#151310;
  --display:"Bellefair","Frank Ruhl Libre",Georgia,serif;
  --text:"Assistant","Segoe UI",Arial,sans-serif;
  --margin:clamp(20px,5.5vw,96px);
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--text);font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem);line-height:1.7;-webkit-font-smoothing:antialiased}
::selection{background:var(--sand);color:var(--sand-ink)}
:focus-visible{outline:2px solid var(--sand);outline-offset:3px}
a{color:var(--ink);text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--ink) 45%,transparent)}
a:hover{text-decoration-color:var(--ink)}
.wrap{padding-left:max(var(--margin),env(safe-area-inset-left,0px));padding-right:max(var(--margin),env(safe-area-inset-right,0px))}
.skip{position:fixed;z-index:10;top:12px;inset-inline-start:16px;padding:12px 18px;background:var(--sand);color:var(--sand-ink);border-radius:99px;font-weight:600;text-decoration:none;transform:translateY(-200%)}
.skip:focus{transform:none}
.bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:22px}
.home{font-family:var(--display);font-size:1.375rem;text-decoration:none;line-height:1}
.lang{font:inherit;font-size:.875rem;color:var(--ink);background:none;border:1px solid color-mix(in srgb,var(--ink) 45%,transparent);border-radius:99px;padding:6px 14px;min-height:40px;cursor:pointer}
.lang:hover{background:var(--ink);color:var(--bg)}
main{padding-block:clamp(40px,7vw,110px) clamp(70px,9vw,140px)}
article{max-width:68ch}
h1{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,1.4rem + 4.6vw,5rem);line-height:1;margin:0 0 18px;text-wrap:balance}
h2{font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);line-height:1.15;margin:clamp(40px,5vw,60px) 0 12px}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-inline-start:1.2em}
li{margin-bottom:6px}
.meta{color:var(--muted);font-size:.9375rem;margin-bottom:28px}
.contact{background:var(--surface);padding:22px 24px;margin:16px 0}
.contact p{margin:0 0 4px}
.contact b{font-weight:600}
[dir="ltr"] .num{direction:ltr}
.num{unicode-bidi:isolate;direction:ltr}
footer{color:var(--muted);font-size:.875rem;padding-block:0 40px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}