*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--paper:#EBE8E1;--ink:#0E0E0D;--ink2:#5E5B55;--rule:rgba(14,14,13,.16);--red:#E54224;--g:clamp(16px,2vw,32px)}
body{background:var(--paper);color:var(--ink);font-family:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
.mono{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.bar{display:flex;justify-content:space-between;align-items:center;padding:16px var(--g);border-bottom:1px solid var(--rule)}
.bar a{text-decoration:none}
.logo{font-weight:600;font-size:20px}
main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);padding:clamp(56px,8vw,120px) var(--g) clamp(80px,10vw,160px)}
.side{grid-column:1/4}
.side p+p{margin-top:6px;color:var(--ink2)}
article{grid-column:4/11}
h1{font-weight:500;font-size:clamp(34px,4.4vw,72px);line-height:1;letter-spacing:-.04em;margin-bottom:clamp(32px,4vw,56px)}
h3{font-weight:500;font-size:18px;letter-spacing:-.01em;margin:28px 0 10px}
h2{font-weight:500;font-size:22px;letter-spacing:-.02em;margin:48px 0 14px;padding-top:14px;border-top:1px solid var(--rule)}
p,li{max-width:68ch}
p+p,ul,ol{margin-top:10px}
ul,ol{padding-left:1.2em}
li+li{margin-top:6px}
.note{margin-bottom:40px;padding:14px 16px;border-left:2px solid var(--red);background:rgba(226,59,31,.06);color:var(--ink2);font-size:15px}
.ph{color:var(--red)}
@media (max-width:900px){.side,article{grid-column:1/13}.side{margin-bottom:32px}}

/* 404 */
.nf{min-height:calc(100vh - 60px);min-height:calc(100svh - 60px);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--g);gap:28px}
.nf__code{font-weight:500;font-size:clamp(120px,30vw,420px);line-height:.8;letter-spacing:-.06em}
.nf__code i{color:var(--red);font-style:normal}
.nf p{font-size:clamp(20px,2vw,28px);letter-spacing:-.02em;max-width:26ch}
.nf a{text-decoration:none;border-bottom:1px solid var(--rule)}
.nf a:hover{border-color:var(--red)}