*{box-sizing:border-box}
html{background:#000;color:#dedede;color-scheme:dark;-webkit-text-size-adjust:100%}
body{margin:0;width:100%;font-family:"Courier New",Courier,monospace;background:#000}
.page{width:calc(100% - 48px);width:min(calc(100% - 48px),111.111111vh,2000px);max-width:2000px;margin:0 auto;min-width:0;overflow-wrap:break-word}
.portrait{width:100%;max-width:1120px;margin:0 auto;padding:32px 64px 0}
.portrait img{display:block;width:100%;max-width:520px;height:auto;margin:0 auto}
article{display:block;width:100%;max-width:1120px;margin:0 auto;padding:32px 64px 24px;font-size:20px;line-height:1.85;min-width:0}
.eyebrow{font-size:13px;color:#999;letter-spacing:.04em;text-align:left;margin:0 0 20px}
h1{font-size:34px;font-weight:400;line-height:1.5;margin:12px 0 24px}
h2{font-size:25px;line-height:1.55;font-weight:400;color:#eee;margin:0 0 24px}
p{margin:0 0 1.6em;text-align:justify;text-justify:inter-word}
article section{margin-top:42px;padding-top:32px;border-top:1px solid #333}
a{color:inherit}
.closing{margin-top:42px;padding-top:32px;border-top:1px solid #333}
.closing a{text-decoration:none;border-bottom:1px solid #777;padding-bottom:2px}
footer{text-align:center;padding:40px 24px 100px}
.back{display:inline-block;width:auto;max-width:100%;font-size:clamp(16px,1.2vw,24px);font-weight:400;line-height:1.5;padding:10px 0;color:#eee;border-bottom:1px solid #666;text-decoration:none}
.back:hover{color:#fff;border-color:#aaa}
a:focus-visible{outline:1px solid #ddd;outline-offset:6px}
@media(max-width:800px){
 .page{width:100%;max-width:2000px}
 .portrait{padding:24px 22px 0}
 .portrait img{max-width:400px}
 article{padding:28px 22px 24px;font-size:18px;line-height:1.8}
 .eyebrow{font-size:12px}
 h1{font-size:30px}
 h2{font-size:23px}
 p{text-align:left}
 article section{margin-top:34px;padding-top:28px}
 footer{padding:32px 22px 64px}
 .back{width:auto;font-size:16px;min-height:44px}
}