/* White editorial canvas; colour lives in the objects. */
:root{--paper:#fff}body{background:#fff}header{align-items:center;gap:24px;height:100px}.header-note{margin-right:auto;margin-left:auto}.language-switch{display:flex;gap:2px;transform:rotate(-5deg);border:1px solid var(--ink);padding:3px;background:var(--green)}.language-switch button{background:none;border:0;padding:7px;font-size:12px}.language-switch button[aria-pressed=true]{background:var(--ink);color:white}.signature{color:var(--pink)}nav{gap:20px;font-size:16px}.studio:before{background:repeating-linear-gradient(70deg,var(--green) 0 8px,transparent 8px 19px);opacity:1}.opening-foot>a{background:var(--green)}.format-menu{gap:7vw}.format-menu button:nth-child(2){margin-left:0}.format-menu button[aria-pressed=true]{background:var(--green);color:var(--ink);text-shadow:none}.aside{padding-bottom:110px}.aside>p{display:inline-block;background:var(--green);padding:5px 12px;transform:rotate(4deg)}footer{background:white;color:var(--ink);border-top:1px solid var(--ink)}.contact-invitation{color:var(--blue)}.contact-invitation span{color:var(--pink)}.footer-signature{border-top:8px solid var(--green);padding-top:20px}.anchor-alias{display:block;position:relative}.agency{font-size:28px!important}
.signal-slice{position:absolute;inset:0;background:url(assets/japan-room.svg) center/100% 100%;pointer-events:none;opacity:0;z-index:5}.slice-one{clip-path:inset(28% 0 59%)}.slice-two{clip-path:inset(70% 0 23%)}.make:after{content:attr(data-text) / '';position:absolute;inset:0;color:var(--green);clip-path:inset(30% 0 61%);transform:translate(-5px,0);pointer-events:none}.signal-hit .slice-one{animation:signal-slice-a 620ms steps(1,end)}.signal-hit .slice-two{animation:signal-slice-b 620ms steps(1,end)}.signal-hit .room-ring{animation:ring-offset 620ms steps(1,end)}.signal-hit .make:after{animation:type-offset 620ms steps(1,end)}.signal-hit .format-art:after{animation:signal-slice-a 620ms steps(1,end)}
@keyframes signal-slice-a{0%{opacity:0}12%,38%{opacity:1;translate:25px 0;filter:hue-rotate(95deg)}60%{opacity:1;translate:-17px 0;filter:none}85%,100%{opacity:0;translate:0}}
@keyframes signal-slice-b{0%,20%{opacity:0}40%{opacity:1;translate:-29px 0;filter:hue-rotate(180deg)}65%{opacity:1;translate:13px 0}90%,100%{opacity:0;translate:0}}
@keyframes ring-offset{0%,100%{translate:0;filter:none}20%{translate:-8px 0;filter:drop-shadow(12px 0 #43ec86)}55%{translate:6px 0;filter:drop-shadow(-9px 0 #243ce0)}80%{translate:0;filter:none}}
@keyframes type-offset{0%,100%{translate:0}22%{translate:15px 0;clip-path:inset(13% 0 75%)}50%{translate:-10px 0;clip-path:inset(70% 0 19%)}}
@media(max-width:800px){header{gap:12px;flex-wrap:wrap;height:auto;min-height:100px}.header-note{display:none}header .signature{margin-right:auto}nav{order:3;width:100%;justify-content:space-between}.language-switch{margin-left:auto}.contact-head{gap:20px}.footer-links{overflow-wrap:anywhere}}
@media(max-width:480px){.opening{min-height:820px}.format-menu button{font-size:20vw}.format-menu{gap:10vw}.opening-description{max-width:75%}.contact-head p{max-width:190px}.footer-links>div{gap:22px}.studio:before{width:35%;opacity:.7}html[lang=en] .think{font-size:15vw}html[lang=en] .make{font-size:24vw}}
@media(prefers-reduced-motion:reduce){.signal-slice{display:none}.signal-hit *,.signal-hit *:before,.signal-hit *:after{animation:none!important}}
@media(min-width:801px){.opening-foot{right:auto;gap:35px}.opening-foot>a{font-size:14px;max-width:170px}}
html[lang=en] .aside h2{font-size:17vw}
@media(max-width:480px){.opening-foot{gap:15px}.opening-foot>a{font-size:12px;max-width:140px}}