@font-face{font-family:"Fraunces";font-weight:700;font-display:swap;src:url(fonts/fraunces-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-weight:300;font-display:swap;src:url(fonts/jost-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-weight:500;font-display:swap;src:url(fonts/jost-latin-500-normal.woff2) format("woff2")}
:root{color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:#0b0804;color:#e9dfcc;font:300 1.05rem/1.65 "Jost","Helvetica Neue",Arial,sans-serif}
main{max-width:46rem;margin:0 auto;padding:2.2rem clamp(1.3rem,5vw,3rem) 3rem}
.mark{display:inline-block}.mark img{display:block;width:clamp(150px,30vw,200px);height:auto}
h1{font:700 clamp(2rem,6vw,3rem)/1.1 "Fraunces",Georgia,serif;color:#f3ebdd;margin:1.4rem 0 1.6rem}
h2{font:700 1.3rem/1.3 "Fraunces",Georgia,serif;color:#ecd08a;margin:2.2rem 0 .6rem}
h3{font-weight:500;font-size:1.05rem;margin:1.4rem 0 .3rem;color:#f3ebdd}
a{color:#ecd08a}a:focus-visible{outline:2px solid #ecd08a;outline-offset:2px}
strong{font-weight:500;color:#f3ebdd}
.todo{background:#5a3d0c;color:#fff;padding:0 .3em}
footer{margin-top:3rem;font-size:.9rem;color:#9b8a64}