*{margin:0;padding:0;box-sizing:border-box}
html,body{min-height:100%}
body{background:#0a1fd6;color:#dfe4ff;font-family:"Courier New",ui-monospace,monospace;font-size:11px;line-height:1.7;letter-spacing:.06em;text-transform:lowercase;overflow-x:hidden;cursor:crosshair}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:line-through}
::selection{background:#dfe4ff;color:#0a1fd6}
.mark{position:fixed;top:18px;left:22px;z-index:3}
nav{position:fixed;top:18px;right:22px;display:flex;gap:26px;z-index:3}
nav a.on{text-decoration:line-through}
.side{position:fixed;left:22px;bottom:22px;writing-mode:vertical-rl;transform:rotate(180deg);opacity:.55;z-index:3}
.corner{position:fixed;right:22px;bottom:22px;opacity:.55;text-align:right;z-index:3}
section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}
.dot{width:7px;height:7px;background:#ffb547;border-radius:50%;animation:b 2.4s steps(2) infinite}
@keyframes b{50%{opacity:0}}
.solo{max-width:340px}
.list div{display:flex;justify-content:space-between;gap:60px;padding:3px 0}
.dim{opacity:.55}
.wrap{padding:120px 22px 120px 22%;max-width:1100px}
.photo{width:min(46vw,520px);filter:grayscale(1) contrast(1.15);mix-blend-mode:luminosity;opacity:.92;display:block}
.photo:hover{filter:none;mix-blend-mode:normal}
.cols{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:start}
.blk{margin-top:42px}
.cover{width:220px;height:220px;border:1px solid #dfe4ff;display:flex;align-items:center;justify-content:center;opacity:.7}
@media(max-width:720px){nav{gap:14px}.wrap{padding:90px 22px}.cols{grid-template-columns:1fr}.photo{width:100%}.side{display:none}}