html{scroll-behavior:smooth}body{color:#fff;background:#111;font-family:Arial,Helvetica,sans-serif}button{font:inherit}img{max-width:100%;display:block}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#111;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:#fff;text-decoration:none}.navbar{z-index:100;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:35px;left:40px;right:40px}.logo{flex-direction:column;align-items:center;display:flex}.logo img{width:135px;height:auto}.logo-text{text-align:center;width:200px;margin-top:10px}.logo-text h1,.logo-text h2{letter-spacing:3px;white-space:nowrap;font-family:Georgia,serif;font-size:10px;font-weight:400;line-height:1.1}nav{gap:42px;margin-top:50px;display:flex}nav a{font-size:18px}nav a:hover{color:#d8a43b}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;display:flex}.hero-content{text-align:center;max-width:900px;padding-top:120px}.subtitle{color:#d8a43b;letter-spacing:3px;margin-bottom:20px;font-size:24px}.hero-content h1{margin-bottom:30px;font-size:88px;line-height:.95}.description{color:#ddd;margin-bottom:50px;font-size:24px;line-height:1.6}button{color:#fff;cursor:pointer;background:#d8a43b;border:none;border-radius:40px;padding:18px 45px;font-size:20px}.character-carousel{text-align:center;background:0 0;padding:20px 40px 40px}.character-carousel h2{margin-bottom:10px;font-size:42px}.circle-carousel{width:1100px;height:420px;margin:0 auto;position:relative;overflow:visible;transform:translate(-120px)translateY(-120px)}.circle-item{text-align:center;cursor:pointer;transform-origin:bottom;will-change:transform;width:320px;margin-top:-230px;margin-left:-160px;position:absolute;top:50%;left:50%}.circle-item img{object-fit:contain;object-position:bottom center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:360px;display:block}.circle-item h3{color:#fff;margin-top:6px;font-size:20px;font-weight:500}.circle-item:hover{filter:drop-shadow(0 0 18px #d8a43b59)}.characters-page{color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100vh;padding:220px 8% 80px}.characters-content{max-width:700px}.characters-content h1{margin-bottom:20px;font-size:72px}.characters-content p{color:#ddd;font-size:24px}.subpage{color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100vh;padding:240px 7% 80px}.subpage-content{max-width:520px}.subpage-content h1{margin-bottom:8px;font-size:38px}.subpage-content p{color:#f0f0f0;font-size:19px;line-height:1.5}.contact-container{justify-content:space-between;align-items:flex-start;gap:80px;margin-top:40px;display:flex}.contact-info{width:35%}.contact-info h1{margin-bottom:25px;font-size:60px}.contact-info p{color:#ddd;margin-bottom:35px;font-size:20px;line-height:1.7}.contact-form{flex-direction:column;gap:12px;width:55%;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:10px;padding:12px;font-size:15px}.contact-form textarea{resize:none;height:120px}.contact-form button{color:#fff;cursor:pointer;background:#d8a43b;border:none;border-radius:35px;width:200px;padding:14px;font-size:15px}.contact-form button:hover{background:#b88827}.contact-form button:disabled{opacity:.6;cursor:not-allowed}.contact-status{color:#fff;margin-top:4px;font-size:15px;line-height:1.4}.contact-info a{color:#fff}.contact-info a:hover{color:#d8a43b}
