:root{--background: #1C1E21;--primary-text: #F5E9DC;--accent: #4E342E;--highlight: #D2691E;--secondary-bg: #2C2F33;--link: #9C7EBA}*{box-sizing:border-box}html,body{height:100%;scroll-snap-type:y mandatory;overflow-y:scroll;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--background);color:var(--primary-text);font-family:Inter,Arial,sans-serif;display:flex;flex-direction:column}a{color:var(--link);text-decoration:none}a:hover{color:var(--highlight)}.site-header{background:var(--secondary-bg);padding:1.5rem 2rem;display:flex;justify-content:center;box-shadow:0 2px 4px #0003}.header-container{max-width:900px;margin:0 auto;width:100%;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.top-nav{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:var(--secondary-bg);display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;box-shadow:0 2px 5px #0003}.top-nav .brand{font-weight:700;font-size:1.6rem;font-family:Fredoka,Varela Round,"Baloo 2",sans-serif;color:var(--primary-text)}.top-nav .dot{color:var(--highlight)}.top-nav ul{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.top-nav ul li a{color:var(--primary-text);font-weight:500;font-family:Fredoka,Varela Round,"Baloo 2",sans-serif}@media screen and (max-width: 768px){.header-container li{display:none}.header-container a{margin:0 auto;text-align:center}}.hero{display:flex;justify-content:center;align-items:center;gap:3rem}.hero-text{font-size:3rem;font-weight:700;line-height:1.2;font-family:Fredoka,Varela Round,"Baloo 2",sans-serif;margin-bottom:1rem}.hero-left{flex:0 0 auto}.hero-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;max-width:500px}.subtitle{font-size:.95rem;color:var(--highlight);margin-bottom:2rem}.cta-button{background:transparent;border:2px solid var(--primary-text);color:var(--primary-text);padding:.5rem 1.5rem;text-decoration:none;font-weight:700;font-size:.95rem;border-radius:4px;margin-top:1rem;transition:all .2s ease-in-out}.cta-button:hover{background-color:var(--primary-text);color:var(--background)}.hero-left img.logo{max-width:420px;height:auto;animation:shiver .6s infinite}.button-wrapper{width:100%;display:flex}.hero-text_l1{font-size:2.8rem}.hero-text_l2{font-size:3.7rem}.hero-text_l3{font-size:4rem}.hero-text_l4{font-size:6rem}@keyframes shiver{0%,to{transform:rotate(0)}25%{transform:rotate(1deg)}50%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}@media screen and (max-width: 768px){.steam{position:absolute;top:52px;left:50%;transform:translate(-50%);width:10px;height:30px;z-index:1}.steam:before,.steam:after{content:"";position:absolute;width:4px;height:20px;background:var(--highlight);border-radius:50%;opacity:0;animation:steamRise 2s ease-in-out infinite}.steam:before{left:-4px;animation-delay:0s}.steam:after{left:8px;animation-delay:1s}}@media screen and (max-width: 768px){.hero{flex-direction:column;align-items:center;text-align:center;gap:0rem}.hero-left img.logo{margin-top:2rem;max-width:140px}.hero-left,.hero-right{align-items:center;text-align:center}.hero-text{font-size:2.2rem;text-align:center}.cta-button{margin:1rem auto 0}.hero-right{max-width:400px}.hero-text_l1{font-size:1.3rem}.hero-text_l2{font-size:1.9rem}.hero-text_l3{font-size:2.3rem}.hero-text_l4{font-size:2.8rem}}.footer{position:fixed;bottom:0;left:0;width:100%;z-index:100;background-color:var(--secondary-bg);text-align:center;font-size:.9rem;color:var(--primary-text);box-shadow:0 -2px 5px #0003;padding:.4rem}.social-icons{margin-top:.4rem;display:flex;justify-content:center;gap:1rem}.social-icons img{width:24px;height:24px;opacity:.8;transition:opacity .2s ease}.social-icons img:hover{opacity:1}@media screen and (max-width: 768px){.top-nav{flex-direction:column;align-items:flex-start;gap:1rem}}.scroll-section{height:100vh;scroll-snap-align:start;display:flex;justify-content:center;align-items:center}.section-inner{max-width:700px;padding:2rem;text-align:center}.section-inner h2{font-size:2rem;margin-bottom:1rem}.about-inner{display:flex;gap:3rem;align-items:center;max-width:900px;padding:2rem;flex-wrap:wrap}.about-image img{width:380px;height:380px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-text)}.about-text{flex:1;padding:2rem;min-width:250px}.about-text h2{margin-bottom:1rem;font-family:Fredoka,Varela Round,"Baloo 2",sans-serif}.about-text p{margin-bottom:1rem;line-height:1.6}@media screen and (max-width: 768px){.about-inner{flex-direction:column-reverse}.about-image img{display:none}.about-text{margin-bottom:0;padding-bottom:0}.about-text p:last-child{margin-bottom:0}}.rant-section{text-align:center;padding:0;margin:0;color:#e8d3a5}.rant-title{margin:1rem 0}.section-inner h2{font-size:1.3rem}.rant-viewer{position:relative;display:inline-block;max-width:100%}.rant-image{height:75vh;width:auto;border-radius:1rem;box-shadow:0 0 40px #00000080;display:block;margin:0 auto}.nav{font-size:2rem;color:#e8d3a5;text-decoration:none;padding:1rem;background:#5c3a24;border-radius:.5rem;transition:transform .1s ease}.nav:hover{transform:scale(1.1);background-color:#a14c3a}.nav.left,.nav.right{position:absolute;top:50%;transform:translateY(-50%)}.nav.left{right:100%;margin-right:50px}.nav.right{left:100%;margin-left:50px}.rant-image{transition:opacity .4s ease,transform .4s ease;opacity:1}.rant-image.fade-out{opacity:0;transform:scale(.95)}.nav.disabled{opacity:.1;pointer-events:none;cursor:default}.swipe-balloon{position:fixed;top:70px;left:50%;transform:translate(-50%);background-color:#1c3529;color:#e8d3a5;padding:10px 16px;border-radius:8px;font-size:.9rem;z-index:999;box-shadow:0 2px 6px #0006;opacity:0;transition:opacity .4s ease}.swipe-balloon.show{opacity:1}.swipe-balloon.hidden{display:none}.last-balloon{position:absolute;bottom:100px;right:20px;background-color:#1c3529;color:#e8d3a5;border:2px solid #000;padding:12px 16px;font-size:14px;font-family:monospace;border-radius:6px;z-index:100;max-width:240px;box-shadow:0 4px 8px #0006}.hidden{display:none}@media screen and (max-width: 768px){.nav.left,.nav.right{display:none}.section-inner h2{font-size:1rem}.rant-image{margin-top:20px;height:73vh;width:auto}}