:root{--a:#FF6B1A;--g:#B0B0B0}
*{box-sizing:border-box}
body{margin:0;background:#000;color:var(--g);font:500 18px/1.6 Rajdhani,'Roboto Condensed','Arial Narrow',system-ui,sans-serif}
a{color:var(--a)}
header,main,footer{max-width:880px;margin:0 auto;padding:24px}
h1,h2{color:var(--a);font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.1}
h1{font-size:clamp(44px,9vw,84px);margin:.2em 0}
h2{font-size:28px;margin-top:2em;border-top:1px solid #FF6B1A40;padding-top:.8em}
.hero{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:center;padding:32px 0}
.hero img{width:min(320px,80vw);border-radius:50%;box-shadow:0 0 60px #FF6B1A30}
.btn{display:inline-block;border:2px solid var(--a);color:var(--a);padding:10px 26px;text-decoration:none;font-weight:700;letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.btn:hover{background:var(--a);color:#000}
.shots{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.shots img{width:200px;border-radius:50%}
ul{padding-left:1.2em}li{margin:.3em 0}
footer{font-size:15px;border-top:1px solid #FF6B1A40;margin-top:48px}
