@font-face{font-family:Ratata;src:url(assets/inter-300.ttf);font-weight:300;font-display:swap}@font-face{font-family:Ratata;src:url(assets/inter-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:Kana;src:url(assets/katakana.woff2);font-weight:900;font-display:swap}
:root{--green:#43ec86;--paper:#f1efe8;--ink:#141513;--pink:#eb008b;--soft:#f6a7d5;--blue:#243ce0;--pad:3.5vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--green);color:var(--ink);font:300 18px/1.2 Ratata,Arial,sans-serif;letter-spacing:-.04em}main{overflow:clip}h1,h2,h3,p{margin:0;font-weight:300}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.15em}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:var(--pink);color:var(--paper)}.brand{display:block;width:100%;height:100%;background:currentColor;mask:url(assets/ratata-logo.png) center/contain no-repeat;-webkit-mask:url(assets/ratata-logo.png) center/contain no-repeat}.skip{position:absolute;top:-100px;z-index:99;background:var(--paper);padding:15px}.skip:focus{top:10px}header{height:90px;padding:20px var(--pad);display:flex;align-items:flex-start;justify-content:space-between}.signature{width:65px;height:50px;color:var(--pink)}.header-note{font-size:14px;line-height:1.12;margin-left:auto;margin-right:14vw}nav{display:flex;gap:30px;font-size:18px}.opening{position:relative;min-height:700px;padding:32px var(--pad) 0;isolation:isolate}.opening h1{position:relative;z-index:3;pointer-events:none;letter-spacing:-.087em;line-height:.87}.think{display:block;font-size:11.4vw}.make{display:block;position:relative;font-size:15vw;margin-top:18px;width:max-content;color:var(--pink)}.make:before{content:attr(data-text) / '';position:absolute;inset:0;color:var(--blue);transform:translate(7px,0);clip-path:inset(58% 0 34%);pointer-events:none}.japan-scene{position:absolute;right:-5%;top:190px;width:64%;height:590px;border:0;background:none;transform:rotate(-7deg);isolation:isolate;padding:0}.room-plane{display:block;position:absolute;inset:0;transform:skewY(-3deg);overflow:hidden;clip-path:polygon(3% 0,98% 8%,100% 94%,3% 100%)}.room-plane img{width:100%;height:100%;object-fit:fill;display:block}.room-plane:after{content:'';position:absolute;inset:0;background:url(assets/japan-room.svg) center/100% 100%;clip-path:polygon(0 33%,100% 33%,100% 37%,0 37%,0 67%,100% 67%,100% 70%,0 70%);transform:translateX(12px);filter:hue-rotate(135deg)}.room-ring{position:absolute;left:25%;top:21%;width:42%;height:43%;border:35px solid var(--pink);border-radius:50%;transform:rotate(-20deg) skewY(-18deg);box-shadow:inset 6px 4px 0 #f6a7d5,8px 9px 0 #72006c;z-index:2}.room-sign{position:absolute;left:41%;top:43%;width:29%;height:28%;background:var(--paper);color:var(--pink);padding:10px;transform:rotate(18deg);box-shadow:9px 9px 0 var(--blue);z-index:3}.scene-note{position:absolute;right:20%;bottom:12%;background:var(--pink);color:var(--paper);font-size:15px;padding:12px 17px;transform:rotate(12deg);z-index:4}.kana{position:absolute;right:11%;top:15%;writing-mode:vertical-rl;font:900 47px/1 Kana,serif;color:var(--soft);z-index:3}.japan-scene[data-signal="1"] .room-plane{filter:hue-rotate(65deg)}.japan-scene[data-signal="1"] .room-ring{transform:rotate(35deg) skewY(15deg);border-color:var(--blue)}.japan-scene[data-signal="2"] .room-plane{filter:hue-rotate(190deg)}.japan-scene[data-signal="2"] .room-sign{transform:rotate(-17deg);background:var(--pink);color:var(--paper)}.room-ring,.room-sign,.room-plane{transition:transform .35s,filter .35s,border-color .35s}.opening-description{position:relative;z-index:4;margin-top:45px;width:30%;font-size:31px;line-height:1.04;letter-spacing:-.06em}.opening-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:22px;display:flex;justify-content:space-between;align-items:flex-end;font-size:12px;z-index:5}.opening-foot>a{background:var(--green);padding:7px 10px;font-size:16px}.studio{padding:105px var(--pad) 70px;position:relative}.margin-label{font-size:16px;margin-bottom:30px}.studio h2{font-size:12vw;line-height:.95;letter-spacing:-.085em;position:relative;z-index:2}.studio h2 span{display:inline-block;color:var(--blue);margin-left:8%;transform:rotate(-4deg)}.studio:before{content:'';position:absolute;left:-3%;top:21%;width:43%;height:56%;background:repeating-linear-gradient(70deg,var(--pink) 0 8px,transparent 8px 19px);clip-path:ellipse(49% 50%);opacity:.5;transform:rotate(15deg)}.studio-copy{position:relative;margin:60px 0 0 45%;width:50%;font-size:3vw;line-height:1.08;letter-spacing:-.055em}.studio-copy p+p{margin-top:22px}.practice{padding:55px var(--pad) 0}.practice-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.practice-heading h2{font-size:18px}.practice-heading span{font-size:13px}.format-menu{display:flex;flex-wrap:wrap;gap:12px 4vw;align-items:baseline}.format-menu button{font:300 8.4vw/1 Ratata,Arial,sans-serif;letter-spacing:-.08em;border:0;background:none;padding:0}.format-menu button:nth-child(2){transform:rotate(-5deg)}.format-menu button:nth-child(4){margin-left:17%}.format-menu button[aria-pressed=true]{color:var(--paper);background:var(--blue);padding:0 .07em;transform:rotate(3deg);text-shadow:3px 0 var(--pink)}.format-menu button:hover{color:var(--pink)}.practice-sheet{display:grid;grid-template-columns:55% 1fr;gap:8%;align-items:center;margin-top:45px;min-height:520px}.format-art{position:relative;aspect-ratio:1.35;background:var(--blue);overflow:hidden;transform:rotate(-5deg)}.format-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--soft) 0 12%,var(--pink) 12% 25%,var(--blue) 25% 38%,var(--green) 38% 50%);transform:skewY(-12deg) scale(1.3)}.format-art:after{content:'';position:absolute;inset:44% 0 41%;background:repeating-linear-gradient(90deg,var(--green) 0 8%,var(--blue) 8% 19%,var(--soft) 19% 30%);transform:translateX(13px);mix-blend-mode:difference}.art-brand{position:absolute;width:47%;height:63%;left:29%;top:20%;color:var(--ink);z-index:2;transform:rotate(10deg)}.art-wordmark{display:none}.art-type{display:none;position:absolute;top:12%;left:8%;font-size:7vw;line-height:.9;z-index:3}.art-kana{position:absolute;right:2%;top:4%;font:900 7vw/.9 Kana,serif;writing-mode:vertical-rl;color:var(--paper);z-index:1}.art-caption{position:absolute;bottom:16px;left:16px;background:var(--paper);padding:5px 8px;font-size:11px;z-index:4}.practice-sheet[data-format=design] .format-art{background:var(--soft);transform:rotate(4deg)}.practice-sheet[data-format=design] .format-art:before{background:repeating-radial-gradient(ellipse at 30% 40%,var(--pink) 0 8px,var(--soft) 8px 19px);transform:scale(1.4) skewY(15deg)}.practice-sheet[data-format=web] .format-art{background:var(--paper);transform:none}.practice-sheet[data-format=web] .format-art:before{background:linear-gradient(90deg,transparent 97%,var(--blue) 97%),linear-gradient(transparent 97%,var(--blue) 97%);background-size:28px 28px;transform:perspective(600px) rotateX(30deg) scale(1.4)}.practice-sheet[data-format=web] .art-brand{display:none}.practice-sheet[data-format=web] .art-type{display:block;color:var(--blue)}.practice-sheet[data-format=web] .art-kana{color:var(--pink)}.practice-sheet[data-format=merch] .format-art{border-radius:50%;aspect-ratio:1;width:90%;transform:rotate(8deg)}.practice-sheet[data-format=merch] .format-art:before{background:var(--pink)}.practice-sheet[data-format=merch] .art-brand{color:var(--paper)}.practice-sheet[data-format=merch] .art-kana{color:var(--blue);right:11%}.format-text h3{font-size:3.4vw;line-height:1.02;letter-spacing:-.06em}.format-text p{font-size:21px;line-height:1.2;margin:25px 0 35px;max-width:340px}.format-text a{border-bottom:1px solid;padding-bottom:5px;font-size:19px}.format-text>div{margin-bottom:30px}.js .format-text>div{display:none}.js .format-text>div.is-active{display:block}.agency{font-size:35px!important}.aside{padding:110px var(--pad) 65px;position:relative}.aside>p{font-size:24px;margin-left:6%}.aside h2{font-size:24vw;line-height:1;letter-spacing:-.085em;color:var(--pink);transform:rotate(-6deg)}.aside>div{margin:30px 0 0 57%;font-size:26px;line-height:1.1}.aside a{display:inline-block;font-size:18px;margin-top:24px;border-bottom:1px solid;padding-bottom:5px}.person{margin:65px var(--pad) 90px;display:flex;justify-content:space-between;align-items:baseline;gap:30px}.person>span{font-size:4.4vw;letter-spacing:-.065em}.person p{font-size:18px;margin-right:8%}footer{background:var(--blue);color:var(--soft);padding:35px var(--pad) 25px}.contact-head{display:flex;justify-content:space-between;font-size:17px}.contact-head p{font-size:16px;line-height:1.2}.contact-invitation{display:block;font-size:18vw;letter-spacing:-.09em;line-height:.87;margin:85px 0 75px;transform:rotate(-2deg)}.contact-invitation span{margin-left:20%}.contact-invitation:hover{text-decoration:none;color:var(--green);text-shadow:8px 0 var(--pink)}.footer-links{display:flex;justify-content:space-between;gap:25px;font-size:17px}.footer-links>div{display:flex;gap:28px}.footer-signature{display:flex;justify-content:space-between;align-items:flex-end;margin-top:55px;font-size:12px}.footer-signature .brand{width:80px;height:62px}
.signal-hit .room-plane,.signal-hit .format-art:before{animation:color-tear .45s steps(1,end)}.signal-hit .make:before{animation:word-tear .45s steps(1,end)}
@keyframes color-tear{0%,100%{translate:0;filter:hue-rotate(0)}18%{translate:-14px 3px;filter:hue-rotate(140deg)}38%{translate:9px -2px;filter:hue-rotate(300deg)}56%{translate:-4px 0;filter:hue-rotate(65deg)}78%{translate:12px 0;filter:hue-rotate(180deg)}}@keyframes word-tear{20%{transform:translate(-18px,2px);clip-path:inset(20% 0 70%)}45%{transform:translate(12px,0);clip-path:inset(66% 0 20%)}75%{transform:translate(-6px,0)}}
@media(min-width:1600px){.opening{min-height:850px}.japan-scene{height:700px;top:230px}.think{font-size:185px}.make{font-size:240px}}
@media(max-width:800px){header{height:85px}.header-note{display:none}nav{font-size:16px;gap:18px}.signature{width:55px;height:43px}.opening{min-height:900px}.think{font-size:11.6vw}.make{font-size:21vw}.japan-scene{width:100%;height:520px;top:310px;right:-13%}.opening-description{width:60%;font-size:28px}.studio{padding-top:55px}.studio-copy{width:75%;margin-left:22%;font-size:28px}.format-menu button{font-size:15vw}.format-menu button:nth-child(4){margin-left:0}.practice-sheet{grid-template-columns:1fr;gap:40px;min-height:0}.format-art{width:90%;margin-left:5%}.format-text{width:76%;margin-left:24%}.format-text h3{font-size:42px}.art-kana{font-size:13vw}.art-type{font-size:14vw}.person{flex-direction:column;gap:15px}.person>span{font-size:7vw}.aside>div{margin-left:38%}.contact-invitation{font-size:22vw}.contact-invitation span{margin-left:0}.footer-links{flex-wrap:wrap;font-size:15px}}
@media(max-width:480px){:root{--pad:5vw}.opening{min-height:820px;padding-top:30px}.think{font-size:11.5vw}.make{font-size:22.5vw;margin-top:17px}.opening-description{font-size:23px;margin-top:30px;width:75%}.opening-description br{display:none}.japan-scene{top:300px;width:115%;height:440px;right:-16%}.room-ring{border-width:24px}.room-sign{padding:5px}.kana{font-size:30px;right:19%}.scene-note{font-size:13px;right:30%;bottom:8%;padding:9px 13px}.opening-foot{font-size:11px;bottom:15px}.opening-foot>a{font-size:13px}.studio h2{font-size:12.2vw}.studio h2 span{margin-left:0}.margin-label{font-size:14px}.studio-copy{width:88%;margin:35px 0 0 12%;font-size:26px}.practice{padding-top:30px}.practice-heading{margin-bottom:25px}.practice-heading h2{font-size:16px}.practice-heading span{font-size:11px;max-width:140px;text-align:right}.format-menu{gap:15px 6vw}.format-menu button{font-size:12.5vw}.format-text{width:86%;margin-left:14%}.format-text h3{font-size:34px}.format-text p{font-size:19px}.aside{padding-top:75px}.aside h2{font-size:25vw}.aside>div{margin-left:23%;font-size:22px}.person>span{font-size:8vw}.person p{font-size:16px}.contact-head{font-size:14px}.contact-head p{font-size:13px;max-width:210px}.contact-invitation{font-size:22vw;margin:70px 0 60px}.footer-links{font-size:14px}.footer-links>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Text signature only: illustrated logos removed throughout the page. */
header .signature{width:auto;height:auto;font-size:25px;line-height:1;letter-spacing:-.055em;white-space:nowrap;margin-top:3px}.footer-signature>span:first-child{font-size:22px;letter-spacing:-.055em}
@media(max-width:480px){header .signature{font-size:20px}nav{gap:14px;font-size:15px}}