/* Chesherie — one stylesheet. No JS. */
@font-face{font-family:"Satoshi";src:url("fonts/Satoshi-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Satoshi";src:url("fonts/Satoshi-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:#57141B;color:#F2EDE6;font-family:"Satoshi","Helvetica Neue",Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
a{color:#C7C5C0;text-decoration:none;border:0}
a:hover{color:#F2EDE6}
a:focus-visible{outline:2px solid #F2EDE6;outline-offset:4px;border-radius:1px}
::selection{background:#7E2A32;color:#F2EDE6}

/* ---- viewport one ---- */
.stage{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8vh 5vw}
.wordmark{margin:0;width:min(75vw,900px);display:flex;justify-content:center;font-weight:400}
.wordmark .mark{width:100%;aspect-ratio:1800/695;background:#F2EDE6;-webkit-mask:url("assets/hand-mask.png") center/contain no-repeat;mask:url("assets/hand-mask.png") center/contain no-repeat}
.stage .set{margin:0;margin-top:clamp(2rem,5vh,3.5rem);font-size:15px;letter-spacing:.42em;text-indent:.42em;color:#F2EDE6}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lede{max-width:34rem;margin-top:clamp(3.5rem,9vh,7rem);text-align:center;font-size:14px;line-height:1.85;letter-spacing:.055em;color:#F2EDE6}

/* ---- viewport two: colophon ---- */
.colophon{min-height:40svh;display:flex;align-items:flex-end;padding:0 5vw 10vh}
.colophon ul{list-style:none;font-size:13px;line-height:2.4;letter-spacing:.11em;color:#B58F8C;max-width:30rem}
.colophon li+li{margin-top:2.4em}
.colophon a{display:inline-block;padding:.35em 0}
.colophon a{color:#B58F8C}
.colophon a:hover{color:#F2EDE6}
a:focus-visible{outline:2px solid #F2EDE6;outline-offset:4px;border-radius:1px}
.colophon .legal a{color:#C7C5C0}
.colophon .legal a:hover{color:#F2EDE6}
a:focus-visible{outline:2px solid #F2EDE6;outline-offset:4px;border-radius:1px}

/* ---- legal pages ---- */
body.doc{background:#FAF8F5;color:#141210}
.doc main{max-width:38rem;margin:0 auto;padding:12vh 6vw 8vh}
.doc h1{font-family:"Satoshi","Helvetica Neue",Arial,sans-serif;font-weight:500;font-size:26px;letter-spacing:.01em;color:#57141B;line-height:1.25}
.doc .eff{margin-top:.9rem;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#57141B}
.doc h2{margin-top:2.9rem;font-weight:500;font-size:15px;letter-spacing:.09em;text-transform:uppercase;color:#57141B}
.doc p,.doc li{font-size:15px;line-height:1.75;margin-top:1rem;text-wrap:pretty}
.doc ul{padding-left:1.15rem}
.doc li{margin-top:.5rem}
.doc a{color:#57141B;text-decoration:underline;text-underline-offset:2px}
.doc a:hover{color:#400E14}
.doc a:focus-visible{outline:2px solid #57141B;outline-offset:3px}
.doc .backfoot{max-width:38rem;margin:0 auto;padding:0 6vw 10vh}
.doc .backfoot ul{list-style:none;font-size:13px;line-height:2.4;letter-spacing:.11em;color:#57141B}
.doc .backfoot li+li{margin-top:2.4em}
.doc .backfoot a{display:inline-block;padding:.35em 0}
.doc .backfoot a{color:#57141B}

@media (max-width:600px){
  .lede{font-size:13.5px}
  .colophon{padding-bottom:9vh}
}
@media print{
  body.doc{background:#fff}
  .doc main{padding:0;max-width:none}
  .doc a{color:#141210;text-decoration:none}
}