:root{color-scheme:dark;background:#1b211e;color:#ffd536;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;position:relative;overflow-x:hidden}
main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;padding:60px 28px;gap:40px}
img{display:block;width:min(440px,76vw);height:auto}
h1{margin:0;font-size:clamp(15px,2.2vw,20px);font-weight:700;letter-spacing:.32em;line-height:1.5;text-align:center;padding-left:.32em}
.tread{position:absolute;right:0;bottom:0;width:320px;height:340px;overflow:hidden;opacity:.045;pointer-events:none}
.tread:before,.tread:after{content:"";position:absolute;width:65px;height:520px;bottom:-140px;background:repeating-linear-gradient(160deg,#ffd536 0 18px,transparent 18px 34px);transform:rotate(35deg);right:40px}
.tread:after{right:114px;background:repeating-linear-gradient(20deg,#ffd536 0 18px,transparent 18px 34px)}
@media(max-width:600px){main{gap:32px;padding:45px 24px}.tread{width:210px;height:260px}}
@media(max-height:600px) and (min-width:601px){img{width:280px}main{gap:24px;padding:25px}}