:root{
  --night:#15110d;--night-2:#1e1914;--smoke:#efe6d8;--ash:#a89c8c;--lamp:#e9b46a;
  --line:rgba(239,230,216,.14);
  --f-neon:"Josefin Sans","Avenir Next","Helvetica Neue",sans-serif;
  --f-head:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;
  --f-body:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic",sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--night);color:var(--smoke);font-family:var(--f-body);font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.top{padding-top:28px;padding-bottom:8px}
.logo{font-family:var(--f-neon);font-weight:200;font-size:30px;letter-spacing:.3em;color:var(--smoke);text-decoration:none;text-shadow:0 0 12px rgba(233,180,106,.45)}
main{padding-top:32px;padding-bottom:56px}
.eyebrow{font-family:var(--f-neon);font-weight:300;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--lamp);margin:0 0 8px}
h1{font-family:var(--f-head);font-weight:700;font-size:clamp(24px,6vw,34px);line-height:1.4;margin:0 0 20px;letter-spacing:.04em}
h2{font-family:var(--f-head);font-weight:700;font-size:19px;margin:36px 0 10px;padding-top:20px;border-top:1px solid var(--line);letter-spacing:.04em}
p{margin:0 0 12px}
.lead{color:var(--smoke)}
ul{margin:0 0 12px;padding-left:1.3em}
li{margin:4px 0}
a{color:var(--lamp);overflow-wrap:anywhere}
.links{list-style:none;padding:0;margin:28px 0}
.links a{display:inline-block;padding:10px 0;font-weight:500}
.note,.date{color:var(--ash);font-size:14px}
.date{margin-top:32px}
.foot{color:var(--ash);font-size:13px;padding-bottom:32px;border-top:1px solid var(--line);padding-top:16px}