:root{--beige:#f5e6d3;--sand:#e8d8c3;--brown:#a67c52;--text-dark:#2b2b2b;--light:#fffaf3}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;color:var(--text-dark);line-height:1.5;text-align:center;background-color:#000;position:relative;margin:0}.page-bg{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:0}h1,h2,h3,h4,h5,h6{font-family:"Georgia",serif}.navbar{display:flex;justify-content:center;align-items:center;width:100%;height:154px;margin:0 auto;position:relative;top:50px;z-index:1}.menu-bar-bg{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:0}.nav-container{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:1}#menu-toggle{display:none}.hamburger{display:flex;flex-direction:column;justify-content:space-around;width:32px;height:24px;cursor:pointer}.hamburger span{display:block;height:3px;background:var(--brown);border-radius:3px;transition:.3s ease}.nav-links{list-style:none;display:flex;flex-direction:row;align-items:center;gap:0;margin-top:0;transform:translateX(30px);flex-wrap:nowrap}.nav-links li{display:flex;align-items:center}.nav-links a{text-decoration:none;color:#5b3324;padding:.5rem .25rem;border-radius:4px;transition:color .3s ease,background-color .3s ease;font-size:1.8rem;font-weight:700}.nav-links a:hover,.nav-links a:active{background-color:#5b3324;color:#cdaf85}.nav-links li+li::before{content:"-";margin:0 .375rem;color:#5b3324;font-size:1.8rem;line-height:1;display:inline-block}#menu-toggle:checked+.hamburger+.nav-links{display:flex}.hero{padding:2rem 1rem;margin:0 auto;position:relative;z-index:1}.hero-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-right img{width:100%;max-width:400px}@media (min-width:768px){.hamburger{display:none}.hero-content{flex-direction:row;justify-content:center;align-items:center;text-align:center;gap:2rem}}.hero-section{position:absolute;z-index:2;top:220px;left:50%;transform:translateX(-50%)}.hero-section img{display:block}.hero-section .hero-anim{position:absolute;top:-60px;left:20px}.hero-section .logo{position:absolute;top:0;left:-500px;transform:scale(.6);transform-origin:top left;z-index:10}.hero-section .social-buttons{position:absolute;top:350px;left:-465px;display:flex;gap:2.5px;z-index:10}.hero-section .social-buttons img{display:block;transform:scale(1);transform-origin:top left}.hero-section .play-button{position:absolute;top:430px;left:-465px;display:block;z-index:10}.hero-section .play-button img{display:block;transform:scale(1);transform-origin:top left}.hero-section .play-button .play-button-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;display:inline-block;padding:.5rem .25rem;font-family:inherit;font-size:2.7rem;font-weight:700;color:#5b3324;border-radius:4px;transition:color .3s ease,background-color .3s ease}.hero-section .play-button:hover .play-button-label,.hero-section .play-button:active .play-button-label{color:#cdaf85;background-color:#5b3324}.downpage-bg{position:absolute;left:50%;transform:translateX(-50%);z-index:0}