:root{--g:#000;--a:#FFA400;--i:#fff;--r:#FF3D00;--dot:#8A3A0C;--t:#2A0C04;--t2:#3A1206;--mut:#b9a58a}
*{box-sizing:border-box}
html,body{margin:0;background:var(--g);color:var(--i);font-family:'Schibsted Grotesk',sans-serif}
body{background-image:radial-gradient(circle,var(--dot) 1.8px,transparent 2.2px);background-size:12px 12px;padding:18px;min-height:100vh}
a{color:var(--a);text-decoration:none}
.frame{border:2px solid var(--a);padding:8px;margin:0 auto}
.panel{border:2px solid var(--a);background:var(--g);position:relative;overflow:hidden}
.eyebrow{font-family:'Antonio',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--a);font-size:15px}
.wm{font-family:'Rubik Glitch',sans-serif;line-height:.9;color:#fff}
.disp{letter-spacing:-.04em;line-height:1.02;color:var(--a);font-weight:400}
.stw{font-family:'Antonio',sans-serif;font-weight:700;line-height:.86;font-size:28px;display:flex;align-items:flex-end;gap:4px}
.pat{position:absolute;inset:0;width:100%;height:100%}
.hero{position:relative;overflow:hidden;display:flex;flex-direction:column}
.hero>*:not(svg){position:relative}
footer{border-top:2px solid var(--a);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.lock{display:flex;align-items:center;gap:14px}.lock span{color:var(--a)}.lock img{height:22px}
.lock .wm{font-size:30px;text-shadow:-2px 0 var(--r),2px 0 var(--a)}