:root{color:#111;background:#fff;font-family:Helvetica Neue,Inter,Arial,PingFang SC,Source Han Sans SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page-padding: clamp(28px, 4vw, 58px);--secondary: #777777;--line: #e5e5e5;--ease: cubic-bezier(.76, 0, .24, 1)}*{box-sizing:border-box}html{background:#fff;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:#fff;color:#111;font-size:24px;font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased}button,a{color:inherit;font:inherit}a{text-decoration:none}button{margin:0;padding:0;border:0;background:none;cursor:pointer}:focus-visible{outline:1px solid #777777;outline-offset:4px}.site{position:relative;min-height:100vh;overflow-x:clip}.site.is-transitioning{height:100vh;overflow:hidden}.route-stage,.route-layer{min-height:100vh}.route-stage{position:relative}.route-layer{width:100%;background:#fff}.route-outgoing,.route-incoming{position:absolute;top:0;right:0;bottom:0;left:0;min-height:100vh}.route-outgoing{z-index:1;pointer-events:none}.route-incoming{z-index:2}.direction-up .route-outgoing{animation:pageOutUp .72s var(--ease) both}.direction-up .route-incoming{animation:pageInUp .72s var(--ease) both}.direction-down .route-outgoing{animation:pageOutDown .72s var(--ease) both}.direction-down .route-incoming{animation:pageInDown .72s var(--ease) both}.direction-left .route-outgoing{animation:pageOutLeft .62s var(--ease) both}.direction-left .route-incoming{animation:pageInLeft .62s var(--ease) both}.direction-right .route-outgoing{animation:pageOutRight .62s var(--ease) both}.direction-right .route-incoming{animation:pageInRight .62s var(--ease) both}@keyframes pageOutUp{to{opacity:.28;transform:translateY(-100vh)}}@keyframes pageInUp{0%{opacity:.35;transform:translateY(100vh)}}@keyframes pageOutDown{to{opacity:.28;transform:translateY(100vh)}}@keyframes pageInDown{0%{opacity:.35;transform:translateY(-100vh)}}@keyframes pageOutLeft{to{opacity:0;transform:translate(-6vw)}}@keyframes pageInLeft{0%{opacity:0;transform:translate(6vw)}}@keyframes pageOutRight{to{opacity:0;transform:translate(6vw)}}@keyframes pageInRight{0%{opacity:0;transform:translate(-6vw)}}.placeholder{background:#806553}.brown-1{background:#6d5040}.brown-2{background:#826753}.brown-3{background:#987b65}.brown-4{background:#5d4438}.brown-5{background:#aa8c72}.brown-6{background:#765d4e}.language-toggle{position:fixed;z-index:40;top:28px;right:var(--page-padding);display:flex;gap:10px;align-items:center;color:#b8b8b8;font-size:20px;letter-spacing:.01em;transition:color .18s ease}.language-toggle:hover{color:#777}.language-toggle .selected{color:#111}.language-divider{color:#b8b8b8}.home-page{position:relative;display:grid;min-height:100vh;place-items:center}.home-logo-menu-group{position:relative;display:flex;flex-direction:column;align-items:center;min-width:360px;text-align:center}.home-logo-menu-group:after{position:absolute;top:100%;left:50%;width:252px;height:48px;content:"";transform:translate(-50%)}.home-mark{display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.home-logo-image{display:block;width:224.84px;height:auto;opacity:.47;transition:opacity .25s ease}.home-mark:hover,.home-mark:focus-visible{transform:scale(1.03)}.home-mark:hover .home-logo-image,.home-mark:focus-visible .home-logo-image{opacity:1}.overlay-mark{display:flex;align-items:center;justify-content:center;transition:transform .35s var(--ease)}.overlay-mark:hover{transform:scale(1.03)}.overlay-logo-image{display:block;width:224.84px;height:auto;opacity:.47;transition:opacity .25s ease}.overlay-mark:hover .overlay-logo-image,.overlay-mark:focus-visible .overlay-logo-image{opacity:1}.home-hover-menu{position:absolute;top:100%;left:50%;display:flex;flex-direction:column;align-items:center;gap:24px;width:360px;margin-top:48px;font-size:24px;line-height:1.4;opacity:0;pointer-events:none;transform:translate(-50%,6px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.home-logo-menu-group:hover .home-hover-menu,.home-logo-menu-group:has(.home-mark:focus-visible) .home-hover-menu,.home-logo-menu-group:has(.home-hover-menu a:focus-visible) .home-hover-menu,.home-logo-menu-group.is-open .home-hover-menu{opacity:1;pointer-events:auto;transform:translate(-50%);transition-duration:.42s;transition-timing-function:ease-out}.home-hover-menu a{color:#8a8a8a;transform:scale(1);transition:color .22s ease,transform .22s ease}.home-hover-menu a:hover,.home-hover-menu a:focus-visible{color:#111;transform:scale(1.04)}.left-rail{position:fixed;z-index:30;top:26px;left:var(--page-padding);display:grid;justify-items:start;gap:14px}.rail-mark{display:block;line-height:1;transition:opacity .18s ease}.rail-logo-image{display:block;width:89px;height:auto}.rail-menu{display:flex;align-items:center;color:#777;line-height:1;transition:color .18s ease}.rail-menu span{display:none}.rail-mark:hover,.rail-menu:hover,.section-step a:hover{color:#999}.rail-mark:hover{opacity:.45}.section-step{position:fixed;z-index:30;left:50%;font-size:22px;line-height:1;transform:translate(-50%)}.section-step a{color:#777;transition:color .18s ease}.section-step-top{top:28px}.section-step-bottom{bottom:28px}.menu-overlay{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;background:#fff;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .44s ease,transform .44s var(--ease)}.menu-overlay.open{opacity:1;pointer-events:auto;transform:translateY(0)}.overlay-close{position:absolute;z-index:2;top:26px;left:var(--page-padding);display:grid;width:48px;height:48px;place-items:center;color:#777}.overlay-center{display:grid;align-content:center;justify-items:center;margin-top:-14px;text-align:center}.overlay-mark{color:#b2b2b2}.overlay-center nav{display:grid;gap:18px;margin-top:46px}.overlay-center nav a{color:#8d8d8d;font-size:24px;line-height:1;transition:color .18s ease,transform .18s ease}.overlay-center nav a:hover,.overlay-center nav a.active{color:#111;transform:translate(2px)}.section-page{position:relative;width:min(calc(100% - (var(--page-padding) * 2)),2320px);min-height:100vh;margin:0 auto;padding:112px 0 78px}.page-title{margin:0;font-size:clamp(44px,4vw,56px);font-weight:300;letter-spacing:-.025em;line-height:1;text-align:center}.about-layout{display:grid;grid-template-columns:580px 540px;gap:clamp(84px,12vw,164px);align-items:center;width:max-content;max-width:100%;margin:clamp(108px,16vh,164px) auto 0}.about-image{width:580px;max-width:100%;aspect-ratio:1 / 1.06}.about-copy{width:540px;max-width:100%}.about-intro{font-size:22px;line-height:1.75}.about-intro p{margin:0 0 26px}.about-intro .about-name{margin-bottom:24px;font-weight:500}.studio-details{display:grid;gap:26px;margin:60px 0 0}dt,dd{margin:0}.studio-details dt,.contact-content dt{margin-bottom:2px;font-size:20px}.studio-details dd,.contact-content dd{font-size:20px;line-height:1.45}.studio-details a,.contact-content a,.all-projects-link{transition:color .18s ease}.studio-details a:hover,.contact-content a:hover,.all-projects-link:hover{color:#777}.project-page{display:flex;flex-direction:column}.project-browser{position:relative;width:min(1540px,calc(100vw - 190px));margin:auto auto 0}.project-track{display:flex;gap:52px;overflow-x:auto;padding:4px 2px 16px;cursor:grab;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-y;-webkit-user-select:none;user-select:none}.project-track::-webkit-scrollbar{display:none}.project-track.dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.project-card{flex:0 0 344px;min-width:0;scroll-snap-align:start}.project-image-link{display:block;overflow:hidden;width:100%}.project-image{width:100%;aspect-ratio:.78 / 1;transition:opacity .3s ease,transform .52s var(--ease)}.project-image-link:hover .project-image,.project-image-link:focus-visible .project-image{opacity:.82;transform:scale(1.018)}.project-name{display:block;margin-top:16px;overflow:hidden;font-size:20px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;transition:color .18s ease}.project-name:hover{color:#777}.project-card>p{margin:6px 0 0;color:#777;font-size:18px;line-height:1.3}.track-arrow{position:absolute;z-index:4;top:42%;display:grid;width:76px;height:104px;transform:translateY(-50%);place-items:center;color:#777;opacity:.35;transition:color .18s ease,opacity .18s ease,transform .18s ease}.project-browser:hover .track-arrow,.track-arrow:focus-visible{opacity:1}.track-arrow.previous{left:-110px}.track-arrow.next{right:-110px}.track-arrow.previous:hover{color:#111;transform:translate(-3px,-50%)}.track-arrow.next:hover{color:#111;transform:translate(3px,-50%)}.interaction-hint{align-self:center;margin:52px 0 84px;color:#b2b2b2;font-size:18px;line-height:1;opacity:0;transition:opacity .18s ease}.project-page:hover .interaction-hint{opacity:1}.others-page{display:flex;flex-direction:column}.others-composition{display:grid;grid-template-columns:500px 336px 336px;grid-template-rows:116px 356px;gap:44px 48px;width:max-content;max-width:100%;margin:auto}.other-feature{grid-row:1 / 3}.other-feature .other-image{width:500px;height:516px}.other-audio{grid-column:2 / 4;display:grid;grid-template-columns:56px 256px 1fr auto;gap:20px;align-items:center;height:116px;padding:0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.audio-control{display:grid;width:48px;height:48px;place-items:center}.audio-copy p,.other-feature p,.other-small p{margin:16px 0 0;font-size:20px;line-height:1.2}.audio-copy p{margin:0}.audio-copy span,.other-feature span,.other-small span{display:block;margin-top:6px;color:#777;font-size:18px;line-height:1.2}.audio-line{height:1px;overflow:hidden;background:var(--line)}.audio-line span{display:block;width:35%;height:100%;background:#111}.audio-line.playing span{animation:audioProgress 8s linear infinite}@keyframes audioProgress{0%{transform:translate(-100%)}to{transform:translate(285%)}}.other-audio time{color:#777;font-size:18px}.other-small{align-self:end}.other-small .other-image{width:336px;height:284px}.other-image{transition:opacity .3s ease,transform .52s var(--ease)}.other-feature:hover .other-image,.other-small:hover .other-image{opacity:.82;transform:scale(1.01)}.contact-page{display:flex;flex-direction:column}.contact-content{width:720px;max-width:100%;margin:auto;padding:72px 0 56px}.contact-intro{margin:0 0 84px;font-size:22px;line-height:1.55}.contact-content dl{display:grid;gap:42px}.contact-signoff{margin:0 auto 6px;color:#777;font-size:18px}.detail-page{position:relative;width:min(calc(100% - (var(--page-padding) * 2)),1780px);min-height:100vh;margin:0 auto;padding:112px 0 74px}.detail-intro{width:min(1520px,100%);margin:0 auto}.detail-number{margin:0 0 10px;color:#777;font-size:18px}.detail-intro h1{margin:0;font-size:clamp(48px,5vw,64px);font-weight:300;letter-spacing:-.035em;line-height:1.08}.detail-cn-title{margin:14px 0 0;color:#777;font-size:24px}.detail-columns{display:grid;grid-template-columns:380px 1fr;gap:96px;margin-top:60px}.project-facts{display:grid;gap:12px;margin:0}.project-facts div{display:grid;grid-template-columns:116px 1fr;gap:16px}.project-facts dt,.project-facts dd{font-size:18px;line-height:1.4}.project-facts dt{color:#777}.project-description{max-width:840px;margin:0;font-size:20px;line-height:1.65}.detail-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:min(1520px,100%);margin:104px auto 0}.detail-image{aspect-ratio:1.45 / 1;transition:opacity .26s ease}.detail-image:hover{opacity:.84}.detail-arrow{position:fixed;z-index:20;top:50%;display:grid;gap:4px;justify-items:center;color:#999;transform:translateY(-50%);transition:color .18s ease,transform .18s ease}.detail-arrow span{font-size:16px}.detail-arrow-previous{left:var(--page-padding)}.detail-arrow-next{right:var(--page-padding)}.detail-arrow:hover{color:#111}.detail-arrow-previous:hover{transform:translate(-3px,-50%)}.detail-arrow-next:hover{transform:translate(3px,-50%)}.all-projects-link{position:fixed;z-index:20;right:var(--page-padding);bottom:28px;color:#777;font-size:18px}@media(max-width:900px){.project-browser{width:min(1240px,calc(100vw - 150px))}.project-card{flex-basis:calc((100% - 52px)/2)}.others-composition{grid-template-columns:440px 296px 296px}.other-feature .other-image{width:440px}.other-small .other-image{width:296px}}@media(max-width:640px){:root{--page-padding: 20px}.language-toggle{top:22px}.left-rail{top:20px}.rail-menu{gap:12px}.rail-menu span{display:block;font-size:18px}.section-step-top{top:23px}.section-step-bottom{bottom:22px}.overlay-mark{font-size:84px}.home-logo-image{width:224.84px}.section-page{min-height:100svh;padding:94px 0 72px}.page-title{font-size:44px}.about-page{min-height:auto}.about-layout{grid-template-columns:1fr;gap:68px;width:100%;margin-top:96px}.about-image,.about-copy{width:100%}.about-image{aspect-ratio:1.08 / 1}.about-intro{font-size:24px}.studio-details dt,.studio-details dd{font-size:22px}.project-browser{width:calc(100vw - 92px)}.project-card{flex-basis:100%}.project-track{gap:36px}.track-arrow.previous{left:-76px}.track-arrow.next{right:-76px}.project-name{font-size:22px}.interaction-hint{opacity:1}.others-page{min-height:auto}.others-composition{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:64px 28px;width:100%;margin-top:96px}.other-feature{grid-row:auto;grid-column:1 / 3}.other-feature .other-image{width:100%;height:auto;aspect-ratio:1.2 / 1}.other-audio{grid-column:1 / 3;grid-row:auto;grid-template-columns:56px 1fr auto;padding:0 12px}.audio-line{display:none}.other-small{align-self:start}.other-small .other-image{width:100%;height:auto;aspect-ratio:.9 / 1}.contact-content{width:100%;margin:110px 0 0;padding:0}.contact-intro{font-size:24px}.contact-content dt,.contact-content dd{font-size:22px}.contact-signoff{margin-top:auto}.detail-page{width:100%;min-height:auto;padding:98px 20px 78px}.detail-intro{width:100%}.detail-intro h1{font-size:50px}.detail-columns{grid-template-columns:1fr;gap:52px;margin-top:54px}.project-facts div{grid-template-columns:144px 1fr}.project-facts dt,.project-facts dd,.project-description{font-size:20px}.detail-image-grid{grid-template-columns:1fr;gap:20px;margin-top:76px}.detail-image{aspect-ratio:1.28 / 1}.detail-arrow{top:auto;bottom:20px;display:flex;gap:12px;align-items:center;transform:none}.detail-arrow:hover{transform:none}.all-projects-link{right:50%;bottom:24px;transform:translate(50%)}.overlay-close{top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}