@font-face{font-family:'DirtyEnough';src:url(fonts/DirtyEnough.ttf) format('truetype');font-display:swap}
:root{--orange:#D48400;--pink:#F5559B;--black:#000;--text:#e6e6e6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Open Sans',system-ui,sans-serif;color:var(--text);background:#150d11 url(images/background.jpg) center/cover fixed no-repeat}
body::before{content:"";position:fixed;inset:0;background:rgba(10,5,8,.75);z-index:-1}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid #fff;outline-offset:2px}

.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;flex-wrap:wrap}
.socials{display:flex;align-items:center;gap:12px}
.socials .label{font-family:'DirtyEnough','Comic Sans MS',cursive;font-size:2rem;color:#fff;margin-right:6px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}
.socials a{display:block;width:44px;height:44px;transition:transform .08s ease}
.socials a:active{transform:scale(.9)}
.socials img{width:100%;height:100%;object-fit:contain}

.btn{transition:transform .08s ease,background .1s;display:flex;align-items:center;width:100%;min-height:96px;background:var(--orange);color:var(--text);font-size:1.7rem;font-weight:600;margin-bottom:10px;text-align:center;cursor:pointer}
.btn:hover{background:var(--pink)}
.btn:active{background:var(--black);transform:scale(.96)}
.btn .icon{height:100%;min-height:inherit;width:96px;object-fit:contain;flex:none;align-self:stretch}
.btn span{flex:1;padding-right:96px}
.btn.small{min-height:48px;font-size:1.1rem;width:auto;margin:0}
.btn.small .icon{width:48px}
.btn.small span{padding-right:20px}

main{max-width:900px;margin:0 auto;padding:16px 20px 64px}
.hero{text-align:center;padding:24px 0 8px}
h1.title,h2{font-family:'DirtyEnough','Comic Sans MS',cursive;font-weight:400;color:#fff;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}
h1.title{font-size:clamp(3rem,9vw,6rem);line-height:1.05;margin:0 0 20px}
.hero p{font-size:1.15rem;max-width:560px;margin:0 auto 28px}
.menu{max-width:640px;margin:0 auto}
section{margin-top:56px}
h2{font-size:2.6rem;margin:0 0 16px}
section p,.features{line-height:1.7;font-size:1.05rem}
.about{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.about img,.gallery img{width:100%;display:block;background:#222;min-height:160px;object-fit:cover}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.features{padding-left:22px;margin:0}
footer{text-align:center;padding:24px;opacity:.6}
@media(max-width:700px){.about{grid-template-columns:1fr}.btn{font-size:1.3rem;min-height:72px}.btn .icon{width:72px}.btn span{padding-right:72px}}
img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
.btn .icon{pointer-events:none}
.video{aspect-ratio:16/9;width:100%;background:#000}
.video video{width:100%;height:100%;display:block;background:#000}