:root{font-family:Hiragino Maru Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif;color:#6d675e;background:#fff4ba}*{box-sizing:border-box}html,body,#root{min-height:100%;background:#fff4b8}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background:#fff4b8}button{font:inherit}.site-shell{min-height:100vh;overflow:hidden;background:#fff4b8}.hero{position:relative;width:min(100vw,1927px);min-height:min(100vw,1927px);margin:0 auto;overflow:hidden;background:#fff4b8 url(/assets/fv-background.png) center top / cover no-repeat}.top-scene{position:relative;z-index:6;height:min(25.8vw,497px);min-height:172px}.deco{position:absolute;display:block;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.deco-bunting{top:0;left:0;width:17.5%}.deco-logo{top:4.1%;left:19.6%;width:14.6%}.top-nav{position:absolute;top:2.6%;left:35.1%;z-index:9;display:flex;gap:min(1.05vw,20px);width:45%;height:min(6.5vw,125px)}.nav-item{position:relative;display:block;flex:0 0 min(6.55vw,126px);height:min(6.5vw,125px);min-width:48px;min-height:48px;border-radius:min(1.9vw,36px);transition:transform .24s cubic-bezier(.2,.9,.25,1.3),filter .22s ease}.nav-item:hover,.nav-item:focus-visible,.nav-item:hover .nav-window,.nav-item:focus-visible .nav-window{transform:translateY(-4px) scale(1.018);filter:drop-shadow(0 7px 7px rgba(184,137,81,.13))}.nav-window{transition:transform .24s cubic-bezier(.2,.9,.25,1.3),filter .22s ease}.nav-item:focus-visible{outline:4px solid rgba(101,189,239,.55);outline-offset:4px}.nav-window{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.nav-window img{position:absolute;top:0;left:0;width:687.3%;max-width:none;height:100%;transform:translate(var(--nav-offset));pointer-events:none}.mobile-nav{display:none}.deco-left-books{top:11.5%;left:4.2%;width:16.7%}.deco-small-books{top:48%;left:8.7%;width:7.3%}.deco-title{top:28.5%;left:21.2%;width:60.5%}.deco-right-branch{top:7.4%;right:.2%;width:28.2%}.deco-tree-left{right:78.1%;bottom:-3.5%;width:5.5%}.deco-tree-right{right:5.6%;bottom:-1%;width:11.2%}.photo-stage{position:relative;z-index:3;width:100%;height:clamp(300px,44.4vw,855px);margin-top:calc(-1.1% - 80px)}.slider-artwork{display:block;width:100%;height:100%;filter:saturate(1.035)}.slider-photo-group image{transform-box:fill-box;transform-origin:center}.slider-photo-group>g{clip-rule:nonzero}.main-photo-group{animation:none}.slider-flow-next .slider-photo-group image{animation:slideFlowNext 1.38s cubic-bezier(.22,.74,.25,1) both}.slider-flow-prev .slider-photo-group image{animation:slideFlowPrev 1.38s cubic-bezier(.22,.74,.25,1) both}.slider-button{position:absolute;z-index:10;top:39.9%;display:grid;place-items:center;width:clamp(48px,5vw,96px);height:clamp(48px,5vw,96px);padding:0;border:0;border-radius:999px;color:#ded652;background:#fffffff0;box-shadow:0 7px #e6de7b9e,0 14px 24px #a9935029;cursor:pointer;transition:none}.slider-button:hover{transform:none;background:#fffffff0;box-shadow:0 7px #e6de7b9e,0 14px 24px #a9935029}.slider-button:active{transform:none;box-shadow:0 7px #e6de7b9e,0 14px 24px #a9935029}.slider-button:focus-visible{outline:4px solid rgba(101,189,239,.55);outline-offset:4px}.slider-button span{display:block;margin-top:-.08em;font-size:clamp(58px,5.3vw,102px);font-weight:800;line-height:.68}.slider-button-prev{left:26.2%}.slider-button-next{right:23.7%}.main-characters{position:absolute;z-index:8;top:48.8%;left:29.3%;width:40.7%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:auto}.deco-bottom-left{z-index:7;top:63.3%;left:4.1%;width:20.7%}.deco-running-kids{z-index:7;top:65%;right:4.4%;width:24.5%}.welcome-copy{position:relative;z-index:6;width:50%;margin:clamp(102px,calc(2.5vw + 80px),128px) auto 0;padding-bottom:min(10vw,190px);color:#716a5f;text-align:center}.welcome-copy:before,.welcome-copy:after{position:absolute;top:clamp(48px,5.1vw,98px);width:clamp(44px,5.2vw,100px);height:clamp(2px,.22vw,4px);content:"";background:#64c6f3}.welcome-copy:before{left:-7%;transform:rotate(52deg)}.welcome-copy:after{right:-7%;transform:rotate(-52deg)}.welcome-lead{margin:0 0 .05em;color:#f07a55;font-size:clamp(22px,3.2vw,62px);font-weight:900;letter-spacing:.08em;line-height:1;text-shadow:0 4px 0 #fff,4px 0 0 #fff,-4px 0 0 #fff,0 -4px 0 #fff}.welcome-copy h1{margin:0 0 clamp(14px,1.4vw,28px);color:#57bdf4;font-size:clamp(24px,3.55vw,68px);font-weight:900;letter-spacing:.04em;line-height:1.08;text-shadow:0 5px 0 #fff,5px 0 0 #fff,-5px 0 0 #fff,0 -5px 0 #fff}.welcome-copy p:last-child{margin:0 auto;max-width:780px;font-size:clamp(10px,.95vw,18px);font-weight:700;line-height:2.15;text-align:left}@keyframes softIn{0%{opacity:.78}to{opacity:1}}@keyframes slideFlowNext{0%{opacity:.96;transform:translate(7%)}to{opacity:1;transform:translate(0)}}@keyframes slideFlowPrev{0%{opacity:.96;transform:translate(-7%)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.top-nav{display:none}.mobile-nav{position:absolute;top:2.8%;right:4.4%;z-index:20;display:block}.hamburger-button{position:relative;z-index:2;display:grid;gap:5px;place-content:center;width:clamp(48px,8.6vw,72px);height:clamp(48px,8.6vw,72px);padding:0;border:3px dashed #ffb7bd;border-radius:22px;background:#fffffff0;box-shadow:0 6px 14px #bb914e21;cursor:pointer}.hamburger-button span{display:block;width:clamp(22px,4.5vw,34px);height:3px;border-radius:999px;background:#69b9ef;transition:transform .22s ease,opacity .18s ease}.mobile-nav.is-open .hamburger-button span:nth-child(1){transform:translateY(8px) rotate(38deg)}.mobile-nav.is-open .hamburger-button span:nth-child(2){opacity:0}.mobile-nav.is-open .hamburger-button span:nth-child(3){transform:translateY(-8px) rotate(-38deg)}.mobile-menu{position:absolute;top:calc(100% + 10px);right:0;display:grid;gap:8px;width:min(68vw,280px);padding:16px;border:3px dashed #ffb7bd;border-radius:24px;background:#fffffff5;box-shadow:0 14px 28px #a8814626;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease}.mobile-nav.is-open .mobile-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu a{display:block;padding:12px 14px;border-radius:16px;color:#5faee9;font-size:clamp(14px,2.7vw,18px);font-weight:900;letter-spacing:.04em;text-align:center;text-decoration:none;background:#fff7d9}.mobile-menu a:hover,.mobile-menu a:focus-visible{color:#ef7c83;background:#fff0f2}}@media(max-width:760px){.hero{width:150vw;min-height:150vw;margin-left:50%;transform:translate(-50%)}.top-scene{min-height:160px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}