@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-variable.ttf)format("truetype")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#e5e4e0;--ink:#131313;--muted:#8a8984;--quiet:#a9a8a3;--line:#cbcac5;--font:"DM Sans","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;--edge:clamp(18px,2.4vw,36px)}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:1px solid var(--ink);outline-offset:4px}::selection{background:#13131322}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--edge);z-index:50;background:var(--ink);color:var(--paper);padding:8px 12px;font-size:12px;position:fixed;top:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.poster{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.is-hero.poster{--cx:50%;--cy:51%;--r:min(36vh,30vw);height:100svh}.poster-top,.poster-bottom{left:var(--edge);right:var(--edge);z-index:3;letter-spacing:.01em;grid-template-columns:48% 25% 1fr auto;font-size:11px;line-height:1.45;display:grid;position:absolute}.poster-top{top:var(--edge);grid-template-columns:1fr auto 1fr}.poster-top>:nth-child(2){color:var(--quiet);text-align:center}.poster-top>:last-child{text-align:right}.poster-top .brand{font-weight:500}.poster-bottom{bottom:var(--edge);align-items:start}.poster-bottom strong,.poster-bottom a.label{margin-bottom:6px;font-weight:500;display:block}.poster-bottom p{max-width:24ch;color:var(--quiet);margin:0;font-size:9.5px;line-height:1.5}.poster-bottom>:first-child p{color:var(--muted)}.poster-bottom>:last-child{text-align:right}.poster-bottom a.label:hover,.poster-bottom [aria-current=page]{text-underline-offset:3px;text-decoration:underline}.poster-statement{left:50%;top:var(--cy);z-index:0;letter-spacing:-.055em;color:var(--ink);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;margin:0;font-size:clamp(56px,min(10.4vw,17.5vh),200px);font-weight:600;line-height:.86;display:flex;position:absolute;transform:translate(-50%,-50%)}.poster-statement span{display:block}.poster-statement span:first-child{margin-left:-.02em}.poster-sub{right:var(--edge);top:calc(var(--cy) + min(13vw,22vh,250px));z-index:3;text-align:right;color:var(--muted);flex-direction:column;gap:2px;margin:0;font-size:11px;line-height:1.45;display:flex;position:absolute}.poster-sub span:last-child{color:var(--ink)}.poster-lines{z-index:0;pointer-events:none;position:absolute;inset:0}.poster-lines .circle{left:var(--cx);top:var(--cy);width:calc(var(--r)*2);height:calc(var(--r)*2);border:1px solid var(--line);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.poster-lines .tick{left:var(--cx);top:var(--cy);height:1px;width:calc(var(--r)*var(--len,.42));background:var(--line);transform-origin:0;transform:rotate(var(--a)) translateX(calc(var(--r) + var(--r)*.14));position:absolute}.poster-lines .rule{top:var(--cy);background:var(--line);width:13vw;height:1px;position:absolute}.poster-lines .rule.left{left:var(--edge)}.poster-lines .rule.right{right:var(--edge)}.world-key{z-index:1;pointer-events:none;position:absolute;inset:0}.world-key-stage{left:var(--cx);top:var(--cy);width:calc(var(--r)*1.72);aspect-ratio:1;position:absolute;transform:translate(-50%,-50%)}.world-key-still{width:100%;height:100%;transition:opacity .5s;display:block;position:absolute;inset:0}.world-key[data-ready=true] .world-key-still{opacity:0}@media (min-width:701px){.is-page .poster-top,.is-page .poster-bottom{position:fixed}.is-page .poster-top{background:linear-gradient(var(--paper) 60%,transparent);padding-bottom:18px;padding-top:var(--edge);top:0}.is-page .poster-bottom{background:linear-gradient(transparent,var(--paper) 45%);padding-top:34px;padding-bottom:var(--edge);bottom:0}}.poster-body{z-index:2;position:relative}.is-page .poster-body{min-height:100svh;padding:calc(var(--edge) + 64px) var(--edge) calc(var(--edge) + 120px)}.world-content{max-width:860px;margin:0 auto}.scene{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:min(70svh,640px);padding:4vh 0;display:flex}.eyebrow{letter-spacing:.01em;color:var(--muted);margin:0 0 18px;font-size:11px;font-weight:500}.scene h1{letter-spacing:-.04em;margin:0 0 24px;font-size:clamp(34px,5vw,72px);font-weight:400;line-height:1.02}.scene h1 em{color:var(--muted);font-style:normal}.japanese-lead{letter-spacing:.18em;color:var(--ink);margin:0;font-size:clamp(15px,1.4vw,19px)}.about-content .scene>p:not(.eyebrow):not(.japanese-lead):not(.preview-note){color:#3d3c39;margin:0 0 16px;font-size:14px;line-height:2.1}.company-details{justify-content:center;gap:9%;width:100%;margin:0;display:flex}.company-details dt{color:var(--muted);margin-bottom:8px;font-size:10px}.company-details dd{margin:0;font-size:14px}.preview-note{color:var(--quiet);margin-top:26px;font-size:10px}.project-list{flex-direction:column;align-items:center;gap:4px;display:flex}.project-list a{align-items:baseline;gap:14px;padding:6px 0;display:flex}.project-list small{color:var(--muted);font-size:11px}.project-list strong{letter-spacing:-.035em;font-size:clamp(30px,4vw,56px);font-weight:400}.project-list a>span{color:var(--muted);font-size:10px}.project-list a:hover strong{color:var(--muted)}.works-content h1{color:var(--muted);font-size:clamp(20px,2vw,28px)}.works-content h1 em{color:var(--muted)}.contact-intro p{color:#3d3c39;margin:0 0 14px;font-size:15px}.contact-intro a{border-bottom:1px solid var(--ink);font-size:clamp(18px,2vw,26px)}.contact-form{text-align:left;width:min(560px,100%)}.contact-form label{color:var(--muted);flex-direction:column;gap:8px;margin-bottom:22px;font-size:10px;display:flex}.form-pair{gap:24px;display:flex}.form-pair>label{flex:1}.contact-form input,.contact-form textarea{border:0;border-bottom:1px solid var(--line);color:var(--ink);outline-offset:4px;background:0 0;border-radius:0;padding:8px 0 12px;font-size:15px}.contact-form textarea{resize:vertical}.form-bottom{color:var(--quiet);justify-content:space-between;align-items:center;gap:18px;font-size:10px;display:flex}.text-link{border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;padding-bottom:4px;font-size:12px;font-weight:500}.form-status{color:var(--muted);min-height:16px;font-size:12px}.project-tagline{margin:0;font-size:clamp(16px,1.6vw,22px)}.project-description{color:#3d3c39;max-width:46ch;margin:0 0 8px;line-height:2}.project-period{color:var(--muted)}.project-art{height:150px;color:var(--muted);justify-content:center;align-items:center;gap:12px;margin:20px 0;display:flex}.project-art-rubicon>span{background:var(--ink);width:36px;height:110px}.project-art-rubicon>span:nth-child(2){align-self:flex-end;height:66px}.project-art-rubicon>span:nth-child(3){border:1px solid var(--ink);background:0 0}.project-art-bi>i{font-family:Georgia,serif;font-size:120px;font-style:italic}.project-art-on>i{font-size:96px;font-style:normal}.project-art-on i>span{background:var(--ink);border-radius:50%;width:12px;height:12px;margin-left:6px;display:inline-block}.unknown-content h1{overflow-wrap:anywhere;font-size:clamp(48px,8vw,120px)}.unknown-content h1 span{color:var(--muted)}.unknown-line{letter-spacing:.2em;color:var(--muted);margin:0 0 26px;font-size:11px}@media (max-width:700px){.poster-top{grid-template-columns:1fr 1fr;row-gap:4px}.poster-top>:nth-child(2){display:none}.poster-statement{font-size:17vw}.poster-sub{top:auto;bottom:calc(var(--edge) + 150px);right:var(--edge)}.is-hero.poster{--cy:52%;--r:min(40vw,30vh)}.poster-lines .rule{width:9vw}.poster-bottom{grid-template-columns:1fr 1fr;row-gap:18px}.poster-bottom>:last-child{text-align:left}.poster-bottom p{font-size:9px}.is-page .poster-body{padding-bottom:calc(var(--edge) + 200px)}.form-pair{flex-direction:column;gap:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
