body{padding:0;margin:0;background-color:#0f0f0f;font-family:Poppins,Noto Sans JP,sans-serif}.App{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:#0f0f0f}.App:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#16a085;transform:translateY(100%);transition:transform .6s cubic-bezier(.215,.61,.355,1);pointer-events:none}.App.background-revealed:before{transform:translateY(0)}.tomato-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:start center;overflow:hidden;pointer-events:none;z-index:0}.tomato-filters{position:absolute}.tomato-entrance{margin-top:15vh}.tomato-arriving{animation:tomato-drop .55s ease-in both}@keyframes tomato-drop{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}.tomato{--tomato-size: min(804px, 100vw, 100vh);width:var(--tomato-size);height:var(--tomato-size);background:url(/assets/tomato_join-BiA2NLUg.png) no-repeat 0 0 / 1600% 100%}.tomato-exploding{animation:tomato-explosion .8s steps(15) forwards}.tomato-exploded{background-position:100% 0}@keyframes tomato-explosion{0%{background-position:0 0}to{background-position:100% 0}}.content{display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;width:97vw;padding-left:3vw;height:100vh;z-index:1;font-size:3vh;color:#fff}.content a{color:#fff;text-decoration:none}.content h1{font-size:10vh;cursor:default}.lab-nav-button{position:absolute;right:6vw;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:700;padding:1rem 1.5rem;border-radius:8px;background-color:transparent;transition:transform .25s ease,background-color .25s ease;z-index:10}.lab-nav-button:hover{transform:translateY(-50%) translate(10px)}@media screen and (min-width:599px){.content a:not(.lab-nav-button):hover{background-color:#ffffff80}}@media screen and (max-width:600px){.tomato-stage{top:0;right:0;bottom:0;left:0;place-items:center}.tomato-entrance{margin-top:0}.content h1{font-size:18vw}.content a{font-size:6vw}.lab-nav-button{position:static;transform:none;margin-top:1.5rem;padding:.5rem 0;font-size:7vw}.lab-nav-button:hover{transform:translate(6px)}}.lab-page{position:relative;width:100vw;min-height:100vh;background-color:#f4c430;overflow:hidden}.lab-content{position:relative;display:flex;width:100vw;min-height:100vh;box-sizing:border-box}.lab-left{flex:1;display:flex;flex-direction:column;justify-content:center;padding:5vh 5vw;color:#4a2e18;z-index:3}.lab-back-link{display:inline-flex;align-items:center;gap:.5rem;color:#4a2e18;text-decoration:none;font-size:1.5rem;margin-bottom:2rem;font-weight:700;transition:transform .2s ease,opacity .2s ease;width:fit-content}.lab-back-link:hover{transform:translate(-6px);opacity:.8}.lab-title{font-size:clamp(2.5rem,6vw,5rem);margin:0 0 1rem;color:#4a2e18;letter-spacing:-.02em}.lab-subtitle{font-size:1.1rem;color:#4a2e18;opacity:.85;margin:0 0 3rem;font-weight:700}.lab-links-list{display:flex;flex-direction:column;gap:1.25rem}.lab-link-card{display:block;text-decoration:none;color:#4a2e18;padding:.8rem 1.2rem;border-radius:8px;background-color:transparent;transition:background-color .2s ease,transform .2s ease;width:fit-content;max-width:90%}.lab-link-card:hover{background-color:#fff;transform:translate(8px)}.lab-link-title{font-size:1.4rem;font-weight:700;margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.lab-link-desc{font-size:.95rem;opacity:.8;margin:0}.lab-right{flex:1;display:flex;align-items:flex-end;justify-content:center;position:relative;padding-bottom:0;pointer-events:auto}.giraffe-stage{position:relative;width:min(380px,45vw);height:min(600px,75vh);display:flex;align-items:flex-end;justify-content:center}.giraffe-entrance{width:100%;height:100%;transform:translateY(115%);transition:transform .8s cubic-bezier(.25,1,.5,1);display:flex;align-items:flex-end;justify-content:center}.giraffe-entrance.entered{transform:translateY(24px)}.giraffe-puppet{width:100%;height:100%;transform-origin:bottom center;transform:rotate(0);will-change:transform}.giraffe-puppet>svg{display:block;width:100%;height:100%}.giraffe-puppet.entry-wobble{animation:giraffe-entrance-wobble .9s cubic-bezier(.25,1,.5,1) .5s}@keyframes giraffe-entrance-wobble{0%{transform:rotate(0)}25%{transform:rotate(-9deg)}50%{transform:rotate(7deg)}75%{transform:rotate(-3deg)}90%{transform:rotate(1.5deg)}to{transform:rotate(0)}}@media screen and (max-width:768px){.lab-content{flex-direction:column-reverse;justify-content:flex-end;min-height:100vh}.lab-left{padding:2rem 1.5rem 4rem}.lab-right{flex:none;height:35vh;min-height:220px;align-items:flex-end}.giraffe-stage{width:220px;height:100%}.lab-title{font-size:2.5rem}.lab-link-card{max-width:100%}}.site-container{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:#0f0f0f}.top-view-wrapper{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;transform:translate(0);transition:transform .8s cubic-bezier(.215,.61,.355,1),visibility .8s;will-change:transform;z-index:1;visibility:visible;pointer-events:auto}.top-view-wrapper.on-lab{transform:translate(-100%);visibility:hidden;pointer-events:none}.lab-view-wrapper{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;transform:translate(100%);transition:transform .8s cubic-bezier(.215,.61,.355,1),visibility .8s;will-change:transform;z-index:2;visibility:hidden;pointer-events:none}.lab-view-wrapper.on-lab{transform:translate(0);visibility:visible;pointer-events:auto}