*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:"Lato","Helvetica Neue",sans-serif;font-weight:400;line-height:1.6;color:#3C3C3C;background-color:#F5E6D3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L30 60M0 30L60 30' stroke='%238B7355' stroke-width='0.3' opacity='0.08'/%3E%3C/svg%3E");min-height:100vh;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{font-family:"Playfair Display",Georgia,serif;font-weight:600;line-height:1.2;color:#704214;margin-bottom:1rem}h1{font-size:clamp(2.5rem, 5vw, 4rem)}h2{font-size:clamp(2rem, 4vw, 3rem)}h3{font-size:clamp(1.5rem, 3vw, 2rem)}p{margin-bottom:1rem}a{color:#B87333;text-decoration:none;transition:color 0.2s ease}a:hover{color:#C9A227}img{max-width:100%;height:auto;display:block}.text-center{text-align:center}.section-title{text-align:center;margin-bottom:3rem;position:relative;color:#704214}.section-title::after{content:'';display:block;width:120px;height:3px;background:linear-gradient(90deg, transparent, #C9A227, #B87333, #C9A227, transparent);margin:1rem auto 0}.ornament{display:block;text-align:center;color:#C9A227;font-size:1.5rem;letter-spacing:0.5rem;opacity:0.6}.decorative-line{height:1px;background:linear-gradient(90deg, transparent, #C9A227, transparent);margin:2rem 0}.vintage-frame{position:relative;border:2px solid #C4A574;padding:2rem}.vintage-frame::before,.vintage-frame::after{content:'';position:absolute;width:20px;height:20px;border:2px solid #C9A227}.vintage-frame::before{top:-4px;left:-4px;border-right:none;border-bottom:none}.vintage-frame::after{bottom:-4px;right:-4px;border-left:none;border-top:none}.parallax-section{position:relative;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden}@media (max-width: 768px){.parallax-section{background-attachment:scroll}}.floating-decor{position:absolute;pointer-events:none;opacity:0.15;z-index:0;transition:transform 0.3s ease-out}.floating-decor.left{left:-5%}.floating-decor.right{right:-5%}.floating-decor img{max-width:200px;filter:sepia(30%) contrast(90%)}@media (max-width: 768px){.floating-decor{display:none}}.sepia-image{filter:sepia(20%) contrast(95%) brightness(105%);transition:filter 0.3s ease}.sepia-image:hover{filter:sepia(0%) contrast(100%) brightness(100%)}.site-header{background:linear-gradient(180deg, #704214 0%, #8B7355 100%);position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px rgba(112,66,20,0.15)}.header-ornament{height:4px;background:linear-gradient(90deg, #8B7355, #B87333, #C9A227, #B87333, #8B7355)}.header-ornament.bottom{height:2px;opacity:0.6}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.logo{display:flex;align-items:center;gap:.5rem;color:#F5E6D3;font-family:"Playfair Display",Georgia,serif;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color 0.2s ease}.logo:hover{color:#C9A227}.logo .logo-icon{font-size:1.8rem;color:#C9A227}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.nav-toggle .hamburger{display:block;width:25px;height:2px;background:#F5E6D3;position:relative;transition:background 0.2s ease}.nav-toggle .hamburger::before,.nav-toggle .hamburger::after{content:'';position:absolute;left:0;width:100%;height:2px;background:#F5E6D3;transition:transform 0.2s ease}.nav-toggle .hamburger::before{top:-8px}.nav-toggle .hamburger::after{top:8px}.nav-toggle.active .hamburger{background:transparent}.nav-toggle.active .hamburger::before{transform:rotate(45deg) translate(5px, 6px)}.nav-toggle.active .hamburger::after{transform:rotate(-45deg) translate(5px, -6px)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:#F5E6D3;font-family:"Lato","Helvetica Neue",sans-serif;font-weight:400;font-size:1rem;text-transform:uppercase;letter-spacing:0.1em;padding:.5rem 1rem;position:relative;transition:color 0.2s ease}.nav-links a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#C9A227;transition:all 0.2s ease;transform:translateX(-50%)}.nav-links a:hover,.nav-links a.active{color:#C9A227}.nav-links a:hover::after,.nav-links a.active::after{width:100%}@media (max-width: 768px){.nav-toggle{display:block}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#704214;padding:2rem;gap:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease}.nav-links.active{max-height:300px}.nav-links a{display:block;padding:1rem;text-align:center}}.site-footer{background:linear-gradient(180deg, #8B7355 0%, #704214 100%);color:#F5E6D3;margin-top:auto;position:relative}.footer-ornament{height:4px;background:linear-gradient(90deg, #8B7355, #B87333, #C9A227, #B87333, #8B7355)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding:5rem 0 3rem}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;text-align:center}}.footer-brand .logo-icon{font-size:2rem;color:#C9A227}.footer-brand .logo-text{font-family:"Playfair Display",Georgia,serif;font-size:1.5rem;font-weight:700;margin-left:.5rem}.footer-brand .footer-tagline{color:rgba(245,230,211,0.7);font-style:italic;margin-top:1rem}.footer-games h4,.footer-links h4{font-family:"Playfair Display",Georgia,serif;font-size:1.1rem;color:#C9A227;margin-bottom:1rem;text-transform:uppercase;letter-spacing:0.1em}.footer-games ul,.footer-links ul{list-style:none}.footer-games li,.footer-links li{margin-bottom:.5rem}.footer-games a,.footer-links a{color:rgba(245,230,211,0.8);transition:color 0.2s ease}.footer-games a:hover,.footer-links a:hover{color:#C9A227}.footer-bottom{text-align:center;padding-bottom:2rem}.footer-bottom .decorative-line{background:linear-gradient(90deg, transparent, rgba(201,162,39,0.5), transparent);margin-bottom:2rem}.footer-bottom .copyright{font-size:0.9rem;color:rgba(245,230,211,0.6);margin-bottom:.5rem}.footer-bottom .footer-motto{font-family:"Playfair Display",Georgia,serif;font-style:italic;color:rgba(201,162,39,0.6);font-size:0.85rem}.footer-decor{position:absolute;right:5%;top:-30px;width:80px;opacity:0.3;pointer-events:none}.footer-decor img{width:100%;filter:sepia(30%) brightness(150%)}@media (max-width: 768px){.footer-decor{display:none}}.hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background-color:#E8DCC8}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.hero-background::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg, rgba(232,220,200,0.3) 0%, rgba(232,220,200,0.5) 40%, rgba(245,230,211,0.85) 100%);z-index:1}.hero-background img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:sepia(15%) contrast(95%)}.hero-content{position:relative;z-index:2;max-width:900px;padding:5rem 2rem}.hero-title{font-size:clamp(3rem, 8vw, 5.5rem);color:#704214;text-shadow:2px 2px 0 rgba(245,230,211,0.8);margin-bottom:1rem;letter-spacing:0.02em}.hero-title .highlight{color:#B87333;display:block;background:linear-gradient(135deg, #B87333 0%, #C9A227 50%, #B87333 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.2rem, 3vw, 1.8rem);color:#8B7355;font-weight:400;font-style:italic;margin-bottom:3rem}.hero-cta{display:inline-flex;gap:1rem;flex-wrap:wrap;justify-content:center}.hero-decor{position:absolute;z-index:1;opacity:0.4;animation:float 8s ease-in-out infinite}.hero-decor.top-left{top:10%;left:5%;width:120px;animation-delay:0s}.hero-decor.top-right{top:15%;right:8%;width:80px;animation-delay:2s}.hero-decor.bottom-left{bottom:20%;left:3%;width:100px;animation-delay:4s}.hero-decor img{width:100%;filter:sepia(40%) contrast(80%)}@media (max-width: 768px){.hero-decor{display:none}}@keyframes float{0%, 100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}}.btn{display:inline-block;padding:1rem 2rem;font-family:"Lato","Helvetica Neue",sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;text-decoration:none;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all 0.2s ease;position:relative;overflow:hidden}.btn.btn-primary{background:linear-gradient(135deg, #B87333 0%, #C9A227 50%, #B87333 100%);color:#FFFEF9;border-color:#C9A227;box-shadow:0 2px 10px rgba(112,66,20,0.1)}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(201,162,39,0.3)}.btn.btn-secondary{background:transparent;color:#704214;border-color:#8B7355}.btn.btn-secondary:hover{background:#704214;color:#F5E6D3;border-color:#704214}.parallax-divider{position:relative;height:300px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.parallax-divider{background-attachment:scroll;height:250px}}.parallax-divider::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg, rgba(245,230,211,0.9) 0%, rgba(232,220,200,0.7) 50%, rgba(245,230,211,0.9) 100%)}.parallax-divider .parallax-content{position:relative;z-index:1;text-align:center;color:#704214}.parallax-divider .parallax-content .quote{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.5rem, 3vw, 2rem);font-style:italic;max-width:700px;margin:0 auto;line-height:1.6}.parallax-divider .parallax-content .quote-ornament{color:#C9A227;font-size:2rem;margin:1rem 0}.games-section{padding:5rem 0;background:#F5E6D3;position:relative;overflow:hidden}.games-section::before,.games-section::after{content:'';position:absolute;width:150px;height:150px;border:2px solid rgba(201,162,39,0.2);pointer-events:none}.games-section::before{top:20px;left:20px;border-right:none;border-bottom:none}.games-section::after{bottom:20px;right:20px;border-left:none;border-top:none}.games-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:3rem;margin-top:3rem;position:relative;z-index:1}.game-card{background:#FFFEF9;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(112,66,20,0.15);transition:all 0.3s ease;position:relative;border:1px solid rgba(196,165,116,0.3)}.game-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #8B7355, #B87333, #C9A227, #B87333, #8B7355)}.game-card:hover{transform:translateY(-8px);box-shadow:0 8px 40px rgba(112,66,20,0.2),0 0 30px rgba(201,162,39,0.3)}.game-card:hover .game-card-image img{transform:scale(1.05);filter:sepia(0%)}.game-card-image{position:relative;height:220px;overflow:hidden;background:linear-gradient(135deg, #E8DCC8 0%, #F5E6D3 100%)}.game-card-image img{width:100%;height:100%;object-fit:cover;transition:all 0.5s ease;filter:sepia(15%)}.game-card-image .game-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(transparent, rgba(112,66,20,0.85))}.game-card-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg, #C9A227 0%, #B87333 100%);color:#FFFEF9;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;border-radius:4px}.game-card-content{padding:2rem;background:linear-gradient(180deg, #FFFEF9 0%, #E8DCC8 100%)}.game-card-title{font-size:1.5rem;margin-bottom:.5rem;color:#704214}.game-card-description{color:#5C5347;font-size:0.95rem;line-height:1.7;margin-bottom:2rem}.game-card-platforms{display:flex;gap:.5rem;flex-wrap:wrap}.game-card-platforms .platform-tag{padding:.5rem 1rem;background:#D4C4A8;color:#704214;font-size:0.8rem;font-weight:600;border-radius:4px;border:1px solid #C4A574}.game-card-link{display:block;text-align:center;padding:1rem;background:#E8DCC8;color:#B87333;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;transition:all 0.2s ease;border-top:1px solid rgba(196,165,116,0.3)}.game-card-link:hover{background:linear-gradient(135deg, #B87333 0%, #C9A227 100%);color:#FFFEF9}.about-section{padding:5rem 0;background:linear-gradient(180deg, #E8DCC8 0%, #F5E6D3 100%);position:relative}.about-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:3px;background:linear-gradient(90deg, transparent, #C9A227, transparent)}.about-content{max-width:800px;margin:0 auto;text-align:center;position:relative}.about-content p{font-size:1.1rem;line-height:1.8;color:#5C5347}.decor-strip{display:flex;justify-content:center;gap:3rem;padding:3rem 0;background:#E8DCC8;position:relative;overflow:hidden}.decor-strip::before,.decor-strip::after{content:'';position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg, transparent, #C9A227, transparent)}.decor-strip::before{top:0}.decor-strip::after{bottom:0}.decor-strip .decor-item{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #C9A227;box-shadow:0 2px 10px rgba(112,66,20,0.1);transition:all 0.3s ease}.decor-strip .decor-item:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 0 30px rgba(201,162,39,0.3)}.decor-strip .decor-item img{width:100%;height:100%;object-fit:cover;filter:sepia(20%)}@media (max-width: 768px){.decor-strip{gap:1rem}.decor-strip .decor-item{width:70px;height:70px}}.feature-showcase{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:400px}@media (max-width: 768px){.feature-showcase{grid-template-columns:1fr}}.feature-showcase .feature-image{position:relative;overflow:hidden}.feature-showcase .feature-image img{width:100%;height:100%;object-fit:cover;filter:sepia(10%);transition:all 0.5s ease}.feature-showcase .feature-image:hover img{transform:scale(1.02);filter:sepia(0%)}.feature-showcase .feature-image::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent 0%, rgba(245,230,211,0.3) 100%)}.feature-showcase .feature-content{display:flex;flex-direction:column;justify-content:center;padding:5rem;background:#F5E6D3}.feature-showcase .feature-content h3{color:#704214;margin-bottom:2rem}.feature-showcase .feature-content p{color:#5C5347;line-height:1.8}.feature-showcase.reverse .feature-image{order:2}.feature-showcase.reverse .feature-image::after{background:linear-gradient(270deg, transparent 0%, rgba(245,230,211,0.3) 100%)}.feature-showcase.reverse .feature-content{order:1}@media (max-width: 768px){.feature-showcase.reverse .feature-image,.feature-showcase.reverse .feature-content{order:unset}}.game-page .game-header{background:linear-gradient(135deg, #1A252F 0%, #2C3E50 100%);padding:5rem 0;text-align:center;position:relative}.game-page .game-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #8B6914, #C9A227, #D4AF37, #C9A227, #8B6914)}.game-page .game-title{font-size:clamp(2.5rem, 6vw, 4rem);color:#F5E6D3;margin-bottom:.5rem}.game-page .game-tagline{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:1.3rem;color:#C9A227}.game-hero{padding:5rem 0;background:#E8DCC8}.game-hero .hero-image-wrapper{max-width:800px;margin:0 auto 3rem;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px rgba(112,66,20,0.2);border:4px solid #FFFEF9}.game-hero .hero-image-wrapper img{width:100%;display:block}.game-platforms{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.platform-badge{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:#1A252F;color:#F5E6D3;border-radius:8px;text-decoration:none;transition:all 0.2s ease;border:2px solid #2C3E50}.platform-badge:hover{transform:translateY(-3px);box-shadow:0 4px 20px rgba(112,66,20,0.15);border-color:#C9A227}.platform-badge.android{background:linear-gradient(135deg, #3DDC84 0%, #2CA65F 100%);border-color:#3DDC84}.platform-badge.android:hover{background:linear-gradient(135deg, #4CE795 0%, #3DDC84 100%)}.platform-badge.web{background:linear-gradient(135deg, #6B8E9F 0%, #2C3E50 100%)}.platform-badge .platform-icon{font-size:1.5rem}.platform-badge .platform-text{display:flex;flex-direction:column;text-align:left}.platform-badge .platform-text small{font-size:0.7rem;opacity:0.8;text-transform:uppercase;letter-spacing:0.05em}.platform-badge .platform-text strong{font-size:1rem}.game-content{padding:5rem 0;background:#F5E6D3}.game-content h2{color:#1A252F;margin-top:3rem;margin-bottom:1rem}.game-content h2:first-child{margin-top:0}.game-content p{font-size:1.1rem;line-height:1.8;max-width:800px}.game-content ul,.game-content ol{margin:1rem 0 2rem 2rem;line-height:1.8}.game-content ul li,.game-content ol li{margin-bottom:.5rem}.game-screenshots{padding:5rem 0;background:#E8DCC8}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem}.screenshot-item{border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(112,66,20,0.15);transition:transform 0.2s ease}.screenshot-item:hover{transform:scale(1.02)}.screenshot-item img{width:100%;display:block}.game-features{padding:5rem 0;background:#F5E6D3}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem}.feature-card{background:#FFFEF9;padding:2rem;border-radius:8px;box-shadow:0 2px 10px rgba(112,66,20,0.1);border-left:4px solid #C9A227;transition:all 0.2s ease}.feature-card:hover{transform:translateX(5px);box-shadow:0 4px 20px rgba(112,66,20,0.15)}.feature-card h3{font-size:1.2rem;color:#1A252F;margin-bottom:.5rem}.feature-card p{color:#3C3C3C;font-size:0.95rem;margin:0}.about-page .page-header{background:linear-gradient(135deg, #1A252F 0%, #2C3E50 100%);padding:5rem 0;text-align:center;position:relative}.about-page .page-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #8B6914, #C9A227, #D4AF37, #C9A227, #8B6914)}.about-page .page-header h1{color:#F5E6D3;margin-bottom:.5rem}.about-page .page-header .page-subtitle{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:1.2rem;color:#C9A227}.about-page .about-intro{padding:5rem 0;background:#E8DCC8}.about-page .about-intro .intro-content{max-width:800px;margin:0 auto;text-align:center}.about-page .about-intro .intro-content p{font-size:1.2rem;line-height:1.8;color:#3C3C3C}.about-page .about-mission{padding:5rem 0;background:#F5E6D3}.about-page .about-mission .mission-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}@media (max-width: 768px){.about-page .about-mission .mission-content{grid-template-columns:1fr}}.about-page .about-mission .mission-text h2{color:#1A252F;margin-bottom:2rem}.about-page .about-mission .mission-text p{font-size:1.1rem;line-height:1.8}.about-page .about-mission .mission-values{display:grid;gap:1rem}.about-page .about-mission .mission-values .value-item{background:#FFFEF9;padding:2rem;border-radius:8px;border-left:4px solid #C9A227;box-shadow:0 2px 10px rgba(112,66,20,0.1)}.about-page .about-mission .mission-values .value-item h3{color:#2C3E50;font-size:1.1rem;margin-bottom:.5rem}.about-page .about-mission .mission-values .value-item p{margin:0;color:#3C3C3C;font-size:0.95rem}.about-page .about-contact{padding:5rem 0;background:#E8DCC8;text-align:center}.about-page .about-contact h2{margin-bottom:2rem}.about-page .about-contact p{font-size:1.1rem;max-width:600px;margin:0 auto 2rem}.about-page .about-contact .contact-email{display:inline-block;font-size:1.2rem;color:#8B6914;font-weight:600}.about-page .about-contact .contact-email:hover{color:#C9A227}.main-content{min-height:calc(100vh - 200px)}