:root{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background-color:#0f0f0f;color:#f5f5f5}#root,.app{min-height:100vh;width:100%}.app{position:relative;overflow-x:hidden}.hero-section,.about-section{height:100vh;width:100vw}.hero-section{position:relative;overflow:hidden}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.hero-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;gap:clamp(1rem,4vw,2.5rem);height:100%;padding:0 1.5rem}.about-section{position:relative;background:#2294b3;overflow:hidden}.about-section .container{padding-top:62.5%;position:absolute;width:100%;bottom:0;left:0}.about-section img,.about-section .mound-group,.about-section .houses-group,.about-section .flbottom-group,.about-section .blbottom-group,.about-section .brleg,.about-section .frleg,.about-section .blleg,.about-section .flleg{position:absolute;transform-style:preserve-3d}.about-section .castle-container{position:absolute;left:100%;bottom:0%;will-change:transform}.about-section .castle{position:absolute;top:0;left:0;width:600px;height:750px;perspective:1000px;transform-origin:50% 70%;transform:translate(-50%,-70%) rotate(9deg)}.about-section .brleg{left:400px;top:625px;transform-origin:10px -10px;transform:rotate(0)}.about-section .brfoot{left:-18px;top:82px;transform-origin:56% 44%;transform:rotate(0)}.about-section .frleg{left:240px;top:653px;transform-origin:8px -10px;transform:rotate(0)}.about-section .frfoot{left:-18px;top:51px;transform-origin:56% 44%;transform:rotate(0)}.about-section .chimney3{left:400px;top:30px;transform-origin:45% 120%;transform:rotate(0)}.about-section .houses-group{left:305px;top:130px;transform-origin:-50px 300px;transform:rotate(1deg)}.about-section .point6{left:84px;top:19px;transform-origin:40% 120%;transform:rotate(0)}.about-section .point5{left:70px;top:-23px;transform-origin:-40% 200%;transform:rotate(0)}.about-section .point4{left:40px;top:-17px;transform-origin:0% 100%;transform:rotate(0)}.about-section .treehouse{left:220px;top:10px;transform-origin:50% 150%;transform:rotate(0)}.about-section .chimney2{left:430px;top:120px;transform-origin:0% 90%;transform:rotate(0)}.about-section .chimney1{left:420px;top:90px;transform-origin:-10% 90%;transform:rotate(0)}.about-section .wing{left:420px;top:370px;transform-origin:0% 50%;transform:rotate(0)}.about-section .antenna{left:-100px;top:90px;transform-origin:100% 65%;transform:rotate(0)}.about-section .mound-group{left:115px;top:110px;transform-origin:110px 220px;transform:rotate(0)}.about-section .point3{left:125px;top:-13px;transform-origin:50% 400%;transform:rotate(0)}.about-section .point2{left:50px;top:-22px;transform-origin:120% 200%;transform:rotate(0)}.about-section .point1{left:4px;top:55px;transform-origin:150% 150%;transform:rotate(0)}.about-section .wind{left:400px;top:260px;transform-origin:0% 90%;transform:rotate(0)}.about-section .cannon{left:30px;top:460px;transform-origin:100% 60%;transform:rotate(0)}.about-section .main{left:80px;top:230px;transform-origin:50% 50%;transform:rotate(0)}.about-section .blleg{left:410px;top:615px;transform-origin:10px 15px;transform:rotate(0)}.about-section .blbottom-group{left:0;top:60px;transform-origin:10px 0px;transform:rotate(0)}.about-section .blfoot{left:-19px;top:68px;transform-origin:56% 44%;transform:rotate(0)}.about-section .blcover{left:360px;top:573px}.about-section .knob{left:214px;top:524px;transform-origin:30% 63%;transform:rotate(0)}.about-section .tele{left:90px;top:430px;transform-origin:90% 50%;transform:rotate(0)}.about-section .telecover{left:161px;top:399px}.about-section .flleg{left:250px;top:615px;transform-origin:10px 15px;transform:rotate(0)}.about-section .flbottom-group{left:0;top:60px;transform-origin:10px 0px;transform:rotate(0)}.about-section .flfoot{left:-19px;top:68px;transform-origin:56% 44%;transform:rotate(0)}.about-section .flcover{left:244px;top:567px}.about-section .foreground{position:absolute;bottom:0;left:0;width:100%}.about-section .about-portrait{position:absolute;bottom:0;left:clamp(1rem,4vw,4rem);width:clamp(160px,22vw,280px);height:auto;z-index:3;pointer-events:none}.about-section .about-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(560px,80vw);z-index:4;text-align:center;font-size:clamp(1.4rem,2.8vw,2.4rem);font-weight:800;line-height:1.4;color:#fff6d1;text-shadow:0 10px 30px rgba(0,0,0,.55);letter-spacing:.02em;background:#00000026;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:clamp(1rem,3vw,2rem) clamp(1.5rem,4vw,3rem);border-radius:16px;border:1px solid rgba(255,255,255,.08)}.about-section .about-text p{margin:0 0 .5rem}.about-section .about-text p:last-child{margin-bottom:0}.about-section .background{position:absolute;bottom:25.5%;left:0;width:100%}.about-section .cloud-bg,.about-section .cloud-bg2{bottom:17%;width:80%;right:100%}.about-section .cloud-shadow1{bottom:43%;right:100%;width:80%;transform:rotate(5deg)}.about-section .cloud1{bottom:30%;right:100%;width:80%}.about-section .cloud-shadow2{bottom:12%;left:36%;width:80%;transform:rotate(5deg)}.about-section .cloud-shadow3{bottom:31%;left:-30%;width:80%;transform:rotate(5deg)}.about-section .cloud2{bottom:46%;left:-29%;width:80%}.about-section .cloud3{bottom:38%;left:17%;width:80%}.about-section .cloud4{bottom:18%;left:-18%;width:80%}.about-section .cloud5{bottom:8%;left:40%;width:80%}.about-section .load-gate{position:absolute;top:0;right:0;bottom:0;left:0;background:#2294b3;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,Arial,sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:.25em;color:#fff6d1b3}.hero-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(2rem,6.5vw,5rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#ffffffd9;text-align:center;white-space:nowrap;max-width:none;padding:0 1rem;z-index:1;pointer-events:none;text-shadow:0 8px 24px rgba(0,0,0,.4);animation:title-rise .5s linear forwards}@keyframes title-rise{0%{transform:translate(-50%,340%)}to{transform:translate(-50%,-220%)}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:3;pointer-events:none}.scroll-indicator span{display:block;width:24px;height:24px;border-right:2px solid rgba(255,255,255,.6);border-bottom:2px solid rgba(255,255,255,.6);transform:rotate(45deg);animation:scroll-bounce 2s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:rotate(45deg) translateY(0);opacity:.6}50%{transform:rotate(45deg) translateY(8px);opacity:1}}.hero-portrait{height:100%;width:auto;max-height:100%;display:block;align-self:flex-end}.hero-portrait-wrap{position:relative;height:100%;display:flex;align-items:flex-end;cursor:crosshair}.hero-portrait-overlay{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;max-height:100%;pointer-events:none;object-fit:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}@media (max-width: 900px){.hero-content{flex-direction:column;align-items:flex-end;justify-content:flex-end;padding:1.5rem 1.25rem 2.5rem}.hero-portrait{width:100%;height:auto;max-width:100%;max-height:85vh;align-self:center;object-fit:contain}.hero-portrait-wrap{height:auto;width:100%;max-width:100%}.hero-portrait-overlay{width:100%;height:auto;max-width:100%;max-height:85vh}}