@font-face{font-family:Archivo;src:url('fonts/Archivo.woff2') format('woff2');font-weight:100 900;font-stretch:62.5% 125%;font-display:swap}
@font-face{font-family:Han;src:url('fonts/NotoSansSC-Regular.woff2?v=11') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Han;src:url('fonts/NotoSansSC-Bold.woff2?v=11') format('woff2');font-weight:800;font-display:swap}
:root{--paper:#f0f1f2;--ink:#171717;--blue:#153dda;--line:#c7c9cd;--pad:clamp(22px,4vw,80px);--sans:Archivo,Han,'Microsoft YaHei',sans-serif;--acid:#153dda}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button:disabled{opacity:.3;cursor:default}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.1}::selection{background:var(--blue);color:white}.skip{position:fixed;left:20px;top:-100px;padding:10px 20px;background:white;z-index:150}.skip:focus{top:10px}
.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);position:fixed;inset:0 0 auto;z-index:50;transition:background .3s}.has-scrolled .topbar{background:rgba(240,241,242,.96);backdrop-filter:blur(16px)}.wordmark{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;line-height:1.1}.wordmark small{display:block;font-size:10px;font-weight:500;margin-top:4px;letter-spacing:.05em}.mark{height:32px;width:27px;display:flex;align-items:flex-start;gap:3px;transform:skew(-12deg)}.mark i{width:7px;height:100%;display:block;background:var(--blue)}.mark i:nth-child(2){height:72%}.mark i:nth-child(3){height:44%}.topbar nav{display:flex;gap:40px;font-size:13px}.topbar nav a{position:relative}.topbar nav a:after{content:'';position:absolute;bottom:-7px;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:var(--blue);transition:transform .3s}.topbar nav a:hover:after{transform:scaleX(1)}.nav-tools{display:flex;align-items:center;gap:28px}#motion{font-size:10px;display:flex;gap:7px;align-items:center}#motion i{height:7px;width:7px;background:var(--blue);border-radius:50%}#motion[aria-pressed=false] i{background:none;border:1px solid}#index-button{padding:10px 0;width:25px;display:grid;gap:7px}#index-button span{height:2px;background:currentColor;display:block}.page-progress{position:fixed;inset:0 0 auto;height:2px;z-index:60;pointer-events:none}.page-progress span{display:block;height:100%;width:0;background:var(--blue)}
/* One continuous opening scene: scattered planes settle into an exhibition wall. */
.opening{height:245vh;min-height:1500px;position:relative}.opening-pin{position:sticky;top:0;height:100vh;height:100svh;min-height:600px;overflow:hidden;isolation:isolate;background:var(--paper)}.opening-caption{position:absolute;top:108px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:12px;line-height:1.6;z-index:20;pointer-events:none}.opening-caption p:first-child{font-weight:600}.opening-caption p:last-child{text-align:right}.opening-type{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:45px 1.4vw 0;color:var(--blue);font:900 clamp(170px,34vw,620px)/1 Han,sans-serif;letter-spacing:-.08em;pointer-events:none}.opening-type span{display:block;will-change:transform}.planes{position:absolute;inset:0;perspective:1400px;transform-style:preserve-3d;pointer-events:none}.plane{position:absolute;left:50%;top:53%;aspect-ratio:1.45;display:block;will-change:transform,width;pointer-events:auto;contain:layout;outline-offset:5px}.plane-inner{width:100%;height:100%;position:relative;transform:translate(-50%,-50%);box-shadow:0 12px 30px #101c2b18;transition:box-shadow .3s,translate .4s;background:var(--plane-bg);overflow:hidden}.plane:hover .plane-inner,.plane:focus-visible .plane-inner{box-shadow:0 22px 50px #101c2b3c;translate:0 -10px}.plane img{width:100%;height:100%;object-fit:cover}.plane-caption{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;background:#fff;display:flex;gap:12px;align-items:center;font-size:10px;opacity:var(--label-opacity,0);transition:opacity .25s}.plane-caption b{font-weight:400;font-size:9px;opacity:.6}.plane-caption span{margin-left:auto}.plane:hover .plane-caption,.plane:focus-visible .plane-caption{opacity:1}.opening-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:28px;display:flex;justify-content:space-between;align-items:end;z-index:20}.opening-bottom>div p{font-size:19px;font-weight:700;line-height:1.45}.opening-bottom>div>span{font-size:11px;display:block;margin-top:5px}.skip-opening{font-size:12px;background:var(--paper);padding:10px 0}.skip-opening span{margin-left:20px;font-size:20px}.scroll-guide{font-size:10px;display:flex;gap:10px;align-items:center}.scroll-guide i{width:4px;height:35px;display:block;background:var(--blue);transform-origin:top;animation:guide 2.3s ease-in-out infinite}.wall-caption{position:absolute;top:95px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:end;opacity:0;pointer-events:none}.wall-caption h2{font-size:clamp(22px,2.5vw,44px);font-weight:600;line-height:1.35;letter-spacing:-.05em}.wall-caption a{font-size:12px;pointer-events:auto}.is-wall .opening-bottom{pointer-events:none}.is-wall .plane-inner{box-shadow:none}.between-cover{height:100%;background:var(--blue);color:white;display:flex;flex-direction:column;justify-content:center;padding:8%;gap:15px}.between-cover svg{width:100%;height:auto;overflow:visible}.between-cover>span{font-size:10px}.plane .between-cover>span{display:none}
/* Project titles are handles of the expanding exhibition. */
.works{padding:65px var(--pad) 100px;background:white;position:relative}.works-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:30px}.works-heading h2{font-size:clamp(42px,6vw,94px);font-weight:800;letter-spacing:-.065em}.works-heading h2 span{display:block;font:500 15px/1.5 Archivo,sans-serif;letter-spacing:-.03em;margin-top:14px}.works-heading p{font-size:13px;line-height:1.85;max-width:340px}.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}.filters{display:flex;gap:23px;flex-wrap:wrap}.filters button{font-size:12px;opacity:.5;padding:8px 0;position:relative}.filters button[aria-pressed=true]{opacity:1}.filters button[aria-pressed=true]:after{content:'';height:3px;width:18px;position:absolute;bottom:0;left:0;background:var(--blue)}.view-switch{display:flex;gap:4px;font-size:11px;background:var(--paper);padding:4px}.view-switch button{padding:5px 13px}.view-switch button[aria-pressed=true]{background:var(--ink);color:white}.work{border-top:1px solid var(--line);min-width:0}.work:last-child{border-bottom:1px solid var(--line)}.work-heading{display:flex;align-items:center;width:100%;text-align:left;gap:22px;min-height:115px;padding:22px 0}.work-heading h3{font-weight:600;font-size:clamp(28px,4.8vw,76px);letter-spacing:-.055em;transition:color .3s;line-height:1.2}.work-num{align-self:center;width:28px;flex-shrink:0;font-size:12px}.work-en{margin-left:auto;font-size:13px;max-width:150px;line-height:1.3}.work-plus{font-size:38px;font-weight:300;width:40px;text-align:right;transition:transform .5s}.work-heading:hover h3{color:var(--blue)}.is-open .work-plus{transform:rotate(45deg)}.work-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.22,1,.36,1);visibility:hidden}.work-panel-inner{overflow:hidden;min-height:0;display:grid;grid-template-columns:1fr 2.3fr 1.5fr;align-items:stretch;gap:24px}.work-summary{display:flex;flex-direction:column;align-items:flex-start;padding:16px 0 35px}.work-summary>p{font-size:19px;max-width:200px;font-weight:500;line-height:1.65}.work-summary>span{font-size:11px;margin-top:18px;max-width:180px;color:#666}.enter-project{margin-top:auto;padding-top:45px;display:flex;align-items:center;gap:20px;font-size:12px}.enter-project b{display:grid;place-items:center;border:1px solid var(--line);width:44px;height:44px;font-size:22px;border-radius:50%;font-weight:400}.enter-project:hover b{background:var(--blue);color:white;border-color:var(--blue)}.work-main-image,.work-detail-image{display:block;position:relative;overflow:hidden;height:330px;margin-bottom:32px;transform:translateY(35px);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .3s;background:var(--project-color)}.work-detail-image{height:260px;align-self:end;transition-delay:.07s}.work-main-image img,.work-detail-image img{width:100%;height:100%;object-fit:cover}.is-open .work-panel{grid-template-rows:1fr;visibility:visible}.is-open .work-main-image,.is-open .work-detail-image{transform:none;opacity:1}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 35px}.projects-grid .work{display:flex;flex-direction:column;border:0}.projects-grid .work-heading{order:2;min-height:0;gap:13px;padding:20px 0 0}.projects-grid .work-heading h3{font-size:25px}.projects-grid .work-en,.projects-grid .work-plus{display:none}.projects-grid .work-panel{display:block;visibility:visible}.projects-grid .work-panel-inner{display:block;position:relative;overflow:visible}.projects-grid .work-main-image{height:auto;aspect-ratio:1.4;margin:0;opacity:1;transform:none}.projects-grid .work-detail-image,.projects-grid .work-summary{display:none}.projects-grid .work:nth-child(4n+2),.projects-grid .work:nth-child(4n+3){padding-top:75px}.projects-grid .work-num{color:#777}.projects-grid .work-main-image:hover img{filter:saturate(1.08)}
.interlude{padding:80px var(--pad);background:#dce2ef;color:#153dda;overflow:hidden}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.section-head h2{font-size:clamp(32px,5vw,72px);font-weight:700;letter-spacing:-.065em;line-height:1.25}.section-head p{max-width:350px;font-size:12px;line-height:1.8}.lab{display:grid;grid-template-columns:1fr 2.2fr;gap:70px;align-items:center}.lab-inputs label{font-size:11px;display:block;margin-bottom:10px}.lab-inputs input[type=text]{font:500 32px/1.2 Archivo,sans-serif;width:100%;color:inherit;border:0;border-bottom:2px solid var(--blue);background:none;padding:10px 0 15px;margin-bottom:30px;border-radius:0}.lab-inputs input[type=range]{width:100%;accent-color:var(--blue);margin:10px 0 25px}.lab-buttons{display:flex;gap:20px;flex-wrap:wrap}.text-button{border-bottom:1px solid currentColor;font-size:12px;padding:8px 0;display:inline-flex}.text-button:hover{opacity:.65}.glyph-stage{height:340px;display:flex;flex-direction:column;justify-content:space-between;background:var(--blue);color:white;padding:24px;transition:background .3s,color .3s}.glyph-stage>span{font-size:10px}.glyph-stage svg{width:100%;height:auto;max-height:220px;overflow:visible}.about{padding:90px var(--pad);background:var(--paper)}.about-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:65px}.about-heading h2{font-size:clamp(50px,9vw,144px);font-weight:800;letter-spacing:-.07em;line-height:1.1}.about-heading>span{font-size:17px;line-height:1.7}.about-content{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:start}.about-art img{width:100%;height:420px;object-fit:cover;object-position:center}.about-art>span{font-size:10px;display:block;margin-top:12px;color:#666}.about-copy p{font-size:13px;line-height:2;max-width:520px;margin-bottom:23px}.about-copy p.lead{font-size:21px;line-height:1.75;font-weight:500}.about-copy dl{margin:30px 0}.about-copy dl>div{display:grid;grid-template-columns:80px 1fr;gap:20px;font-size:11px;padding:12px 0;border-top:1px solid var(--line)}.about-copy dd{margin:0}.about-copy dt{color:#777}.contact{background:var(--blue);color:white;padding:55px var(--pad) 40px;overflow:hidden}.contact-intro{display:flex;justify-content:space-between;gap:30px;font-size:12px}.contact-title{display:block;font-weight:800;font-size:clamp(44px,8.1vw,134px);line-height:1.2;letter-spacing:-.06em;margin:50px 0 65px;position:relative}.contact-title>span{display:block}.contact-title>b{position:absolute;right:0;top:20%;font:400 1.3em Archivo;transition:transform .5s}.contact-title:hover>b{transform:rotate(45deg)}.contact-bottom{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:25px;font-size:14px}.contact-bottom small{display:block;font-size:10px;opacity:.6;margin-bottom:6px}.copy-email{text-align:left}.copy-email span{font-size:9px;opacity:.6;margin-left:6px}#site-footer{display:flex;justify-content:space-between;gap:20px;padding:25px var(--pad);font-size:10px;background:var(--blue);color:#fff9}
/* Case palette and rhythm come from each project. */
.project{padding-top:78px}.case-top{padding:25px var(--pad) 0;background:var(--accent);color:var(--case-ink);overflow:hidden}.case-meta{display:flex;justify-content:space-between;gap:20px;font-size:11px}.case-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:38px 0}.case-title h1{font-size:clamp(50px,9.5vw,156px);font-weight:800;letter-spacing:-.07em;line-height:1.15}.case-title p{font-size:15px;line-height:1.6;max-width:230px}.case-title p span{font-size:12px}.case-hero{height:65vw;max-height:660px;overflow:hidden;margin:0 calc(-1 * var(--pad));background:var(--accent)}.case-hero>img{width:100%;height:100%;object-fit:cover}.case-hero .between-cover{padding:10% 12%}.case-nav{position:sticky;top:78px;z-index:35;display:flex;justify-content:space-between;padding:16px var(--pad);gap:25px;background:var(--paper);border-bottom:1px solid var(--line);font-size:11px}.case-nav>span{font-weight:700}.case-nav>div{display:flex;gap:30px}.case-nav a:hover{color:var(--blue)}.project section[id]{scroll-margin-top:145px}.case-intro{display:grid;grid-template-columns:1fr 2.2fr;gap:75px;padding:70px var(--pad) 85px}.case-intro aside{font-size:11px}.case-intro aside>p{font-size:11px;line-height:1.8}.case-intro dl{margin:35px 0}.case-intro dl>div{margin-bottom:25px}.case-intro dt{color:#777;font-size:10px;margin-bottom:7px}.case-intro dd{margin:0}.case-intro h2{font-size:clamp(28px,3.5vw,52px);font-weight:600;letter-spacing:-.04em;line-height:1.4;margin-bottom:30px;max-width:750px}.case-intro p{font-size:14px;line-height:2;max-width:700px}.case-intro p+p{margin-top:18px}.case-intro p.note{font-size:11px;line-height:1.8;color:#707070;margin-top:28px}.case-system{padding:0 var(--pad) 85px}.system-title{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}.system-title h2{font-size:32px;font-weight:600;letter-spacing:-.04em}.system-title>span{font-size:11px;color:#666}.system-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:55px;align-items:stretch}.system-tabs{display:flex;flex-direction:column}.system-tab{position:relative;text-align:left;padding:24px 40px 24px 36px;border-top:1px solid var(--line);flex:1;transition:background .35s}.system-tab:last-child{border-bottom:1px solid var(--line)}.system-tab>span{position:absolute;left:0;top:27px;font-size:11px}.system-tab h3{font-size:23px;font-weight:500;line-height:1.5;letter-spacing:-.025em}.system-tab p{font-size:12px;line-height:1.9;max-width:340px;margin-top:12px;color:#666}.system-tab>b{position:absolute;right:12px;top:26px;font-size:22px;font-weight:400;opacity:0}.system-tab.active h3,.system-tab.active>span{color:var(--blue)}.system-tab.active>b{opacity:1;color:var(--blue)}.system-picture{min-width:0;height:100%;background:var(--accent)}.system-picture button{display:block;position:relative;width:100%;height:100%;min-height:440px;overflow:hidden}.system-picture img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.system-picture span{position:absolute;left:16px;bottom:16px;background:var(--paper);color:var(--ink);padding:8px 12px;font-size:11px}.art-gallery{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:0 var(--pad) 80px}.art-gallery figure:nth-child(3){grid-column:span 2;width:80%;margin-left:auto}.art-gallery figure:first-child:last-child{grid-column:span 2}.art-gallery button{display:block;width:100%;background:var(--accent);overflow:hidden}.art-gallery img{width:100%;height:auto;max-height:730px;object-fit:contain}.art-gallery figcaption{display:flex;justify-content:space-between;padding:12px 0;font-size:11px}.art-gallery figcaption span{font-size:20px;line-height:1}.case-aftergrowth .art-gallery{grid-template-columns:repeat(3,1fr);background:#e1e5df;padding-top:60px;margin-bottom:70px}.case-aftergrowth .art-gallery figure:nth-child(3){grid-column:auto;width:auto}.case-aftergrowth .art-gallery img{height:480px;object-fit:cover}.case-tilt .art-gallery{grid-template-columns:1fr 1fr;background:#d1c4b7;padding-top:50px;margin-bottom:70px}.case-chuodui .case-system{background-image:url('assets/paper_texture.webp');background-size:750px;padding-top:45px;margin-bottom:55px}.boards{padding:0 var(--pad) 80px}.boards-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.boards-head h2{font-size:clamp(34px,4.5vw,68px);font-weight:700;letter-spacing:-.05em}.boards-head>div>span{display:block;font-size:11px;color:#666;margin-top:12px}.boards-head>p{font-size:11px;max-width:300px}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.board:first-child{grid-column:span 2}.board button{display:block;width:100%;overflow:hidden;background:#ddd}.board img{width:100%;height:auto}.board:first-child img{max-height:800px;object-fit:contain}.board figcaption{display:flex;justify-content:space-between;gap:20px;padding:12px 0;font-size:11px}.board figcaption>span:last-child{font-size:20px;line-height:1}.next-project{position:relative;display:grid;grid-template-columns:1fr 40%;gap:50px;padding:60px var(--pad);background:var(--next-color);color:var(--next-ink);align-items:center;overflow:hidden}.next-project>div>span{font-size:12px}.next-project h2{font-size:clamp(35px,6vw,90px);font-weight:700;letter-spacing:-.05em;margin:18px 0}.next-project p{font-size:13px}.next-image{height:260px;transform:rotate(6deg);transition:transform .6s}.next-image>img{width:100%;height:100%;object-fit:cover}.next-project:hover .next-image{transform:rotate(0deg)}.next-project>b{position:absolute;bottom:30px;right:var(--pad);font-size:40px;font-weight:400}.back-all{display:block;text-align:center;padding:22px;font-size:12px;background:var(--paper)}.project .interlude{margin-bottom:70px}
/* Native dialogs preserve keyboard navigation and normal page scrolling. */
dialog{border:0;color:var(--ink);background:var(--paper);max-width:none;max-height:none}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}dialog .close{font-size:12px;padding:10px 0}.index-dialog{inset:0;width:100vw;height:100vh;height:100dvh;margin:0;padding:80px var(--pad) 40px;overflow:auto}.index-dialog[open]{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;animation:index-open .5s cubic-bezier(.22,1,.36,1)}.index-dialog>.close{position:absolute;top:22px;right:var(--pad)}.index-heading h2{font-size:clamp(60px,8vw,130px);font-weight:800;letter-spacing:-.07em;margin-bottom:25px}.index-heading p{font-size:11px}.index-heading #index-preview{width:90%;margin-top:30px;aspect-ratio:1.5;overflow:hidden}.index-heading img{width:100%;height:100%;object-fit:cover}.index-row{padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:30px 1fr 25px;gap:15px;align-items:center}.index-row .idx{font-size:11px}.index-row strong{font-size:clamp(23px,2.8vw,44px);font-weight:600;letter-spacing:-.04em}.index-row small{font-size:10px;display:block;color:#777;margin-top:3px}.index-row:hover{color:var(--blue)}#lightbox{inset:0;margin:0;width:100vw;height:100vh;height:100dvh;background:#181818;color:white;padding:0;overflow:hidden}#lightbox[open]{display:flex;flex-direction:column;animation:index-open .35s cubic-bezier(.22,1,.36,1)}.reader-top,.reader-bottom{height:62px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;font-size:12px;gap:25px}.reader-top>div{display:flex;gap:30px}.reader-viewport{flex:1;min-height:0;overflow:auto;padding:10px 20px;display:flex;align-items:center;justify-content:center}.reader-viewport img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.reader-viewport.zoom{display:block}.reader-viewport.zoom img{max-width:none;max-height:none;width:1800px;height:auto;margin:auto}.reader-bottom button{padding:8px 12px}.reader-bottom button:hover{background:#fff2}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 22px;z-index:200;font-size:12px;opacity:0;pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes guide{0%,100%{transform:scaleY(.35);opacity:.4}50%{transform:scaleY(1);opacity:1}}@keyframes index-open{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .opening{height:100vh;height:100svh;min-height:600px}.motion-off .scroll-guide{display:none}
.opening-caption{top:95px}.wall-caption{right:auto;top:42%;width:23%;display:block}.wall-caption h2{font-size:clamp(23px,2.3vw,39px)}.wall-caption a{display:block;margin-top:30px;font-size:11px}.is-wall .plane-caption{font-size:9px;padding:7px 9px}.work-heading{scroll-margin-top:95px}.case-between .case-title h1,.case-tilt .case-title h1{font-stretch:75%;letter-spacing:-.04em}#lightbox[open]{animation:none}
@media(min-width:1600px){.work-main-image{height:430px}.work-detail-image{height:350px}.opening-caption{top:120px}}
@media(max-width:1000px){.opening-type{font-size:39vw}.work-en{display:none}.work-panel-inner{grid-template-columns:1fr 2.4fr 1.6fr;gap:18px}.work-main-image{height:290px}.work-detail-image{height:230px}.work-summary>p{font-size:16px}.lab{gap:35px}.system-layout{gap:30px}.system-tab h3{font-size:20px}.system-tab p{font-size:11px}.case-intro{gap:35px}.about-content{gap:45px}.about-art img{height:380px}.case-title h1{font-size:9vw}.case-title p{font-size:12px}.contact-bottom{font-size:12px}.contact-title{font-size:8vw}}
@media(max-width:759px){
 :root{--pad:22px}html{scroll-padding-top:75px}.topbar{height:68px}.wordmark{font-size:18px}.wordmark small{font-size:9px}.mark{width:23px;height:27px;gap:3px}.mark i{width:6px}.topbar nav{gap:20px;font-size:11px}.topbar nav a:nth-child(2){display:none}.nav-tools{gap:18px}#motion span{display:none}#index-button{width:22px}.opening{height:100vh;height:100svh;min-height:680px}.opening-pin{height:100vh;height:100svh;min-height:680px}.opening-caption{top:95px;font-size:10px}.opening-caption p:first-child{display:none}.opening-caption p:last-child{text-align:left}.opening-type{font-size:54vw;padding:70px 0 0}.planes .plane{top:52%}.opening-bottom{bottom:26px;gap:20px}.opening-bottom>div p{font-size:18px}.opening-bottom>div>span{font-size:10px}.scroll-guide{display:none}.skip-opening{font-size:11px}.wall-caption{display:none}.plane-caption{font-size:8px;padding:5px}.plane-caption span,.plane-caption b{display:none}.plane .plane-inner{box-shadow:0 10px 20px #1112}.works{padding-top:45px;padding-bottom:55px}.works-heading{display:block;margin-bottom:24px}.works-heading h2{font-size:45px}.works-heading h2 span{display:inline;font-size:11px;margin-left:12px}.works-heading p{margin-top:22px;font-size:11px}.work-toolbar{display:block;margin-bottom:18px}.filters{gap:16px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:8px}.filters button{font-size:10px}.view-switch{margin-top:10px;width:max-content;margin-left:auto;font-size:10px}.work-heading{gap:12px;min-height:86px;padding:20px 0}.work-heading h3{font-size:29px;letter-spacing:-.05em}.work-num{font-size:10px;width:20px}.work-plus{margin-left:auto;width:25px;font-size:28px}.work-panel-inner{grid-template-columns:1.5fr 1fr;gap:12px}.work-summary{grid-column:span 2;display:flex;flex-direction:row;align-items:center;padding:0 0 17px;gap:15px}.work-summary>p{font-size:13px;max-width:none}.work-summary>span{display:none}.enter-project{margin:0 0 0 auto;padding:0;gap:10px;font-size:10px;white-space:nowrap}.enter-project b{width:29px;height:29px;font-size:17px}.work-main-image{height:210px;margin-bottom:22px}.work-detail-image{height:165px;margin-bottom:22px}.projects-grid{gap:28px 16px}.projects-grid .work-heading h3{font-size:19px}.projects-grid .work-heading{padding-top:12px;gap:7px;align-items:start}.projects-grid .work-num{width:16px;font-size:8px;padding-top:3px}.projects-grid .work:nth-child(n){padding-top:0}.projects-grid .work-main-image{aspect-ratio:1.03}.projects-grid .work-summary{display:none}.interlude{padding:45px var(--pad)}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:34px;line-height:1.35}.section-head p{font-size:11px;margin-top:18px}.lab{grid-template-columns:1fr;gap:25px}.lab-inputs{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.lab-inputs label{font-size:10px}.lab-inputs label:first-child{grid-column:1;grid-row:1}.lab-inputs input[type=text]{grid-column:1;grid-row:2;font-size:23px;margin:0;padding-bottom:10px;max-width:100%}.lab-inputs label[for=type-gap]{grid-column:2;grid-row:1}.lab-inputs input[type=range]{grid-column:2;grid-row:2}.lab-buttons{grid-column:span 2;margin-top:15px}.text-button{font-size:11px}.glyph-stage{height:235px;padding:20px}.glyph-stage svg{max-height:150px}.about{padding:50px var(--pad)}.about-heading{margin-bottom:35px;gap:20px}.about-heading h2{font-size:55px}.about-heading>span{font-size:12px}.about-content{grid-template-columns:1fr;gap:28px}.about-art img{height:300px}.about-copy p.lead{font-size:18px}.about-copy p{font-size:12px}.about-copy dl>div{font-size:10px;grid-template-columns:65px 1fr}.contact{padding-top:35px}.contact-intro{font-size:10px}.contact-title{font-size:11vw;margin:35px 0 45px;line-height:1.3}.contact-title>b{font-size:1.2em;top:0}.contact-bottom{grid-template-columns:1fr 1fr;font-size:11px;gap:25px 15px}.contact-bottom>div:first-child{grid-column:span 2}.contact-bottom small{font-size:9px}#site-footer{font-size:9px;padding:20px var(--pad)}#site-footer>span:nth-child(2){display:none}
 .project{padding-top:68px}.case-meta{font-size:9px;gap:12px}.case-meta>span:last-child{max-width:130px;text-align:right}.case-title{display:block;margin:30px 0 25px}.case-title h1{font-size:13vw;letter-spacing:-.06em}.case-title p{margin-top:18px;max-width:none;font-size:11px}.case-title p>span{font-size:11px}.case-hero{height:75vw}.case-nav{top:68px;font-size:10px;padding:14px var(--pad)}.case-nav>span{display:none}.case-nav>div{justify-content:space-between;gap:20px;width:100%}.project section[id]{scroll-margin-top:125px}.case-intro{display:flex;flex-direction:column;gap:25px;padding:35px var(--pad) 45px}.case-intro aside{display:flex;justify-content:space-between;gap:15px}.case-intro aside>p{font-size:10px;max-width:100px}.case-intro aside dl{display:flex;gap:25px;margin:0}.case-intro aside dl>div{margin:0;font-size:10px}.case-intro h2{font-size:29px;line-height:1.4;margin-bottom:20px}.case-intro p{font-size:12px}.case-intro p.note{font-size:10px}.case-system{padding-bottom:45px}.system-title{display:block;margin-bottom:25px}.system-title h2{font-size:28px}.system-title>span{display:block;margin-top:12px;font-size:10px}.system-layout{grid-template-columns:1fr;gap:20px}.system-tab{padding:17px 30px 17px 32px}.system-tab>span{top:21px}.system-tab h3{font-size:20px}.system-tab p{font-size:11px;max-width:none;margin-top:7px}.system-tab:not(.active) p{display:none}.system-tab>b{top:18px}.system-picture button{min-height:300px}.art-gallery{gap:20px;padding-bottom:45px;display:block}.art-gallery figure,.art-gallery figure:nth-child(3){width:100%;margin:0 0 25px}.art-gallery img{max-height:500px}.art-gallery figcaption{font-size:10px}.case-aftergrowth .art-gallery{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:30px;margin-bottom:40px}.case-aftergrowth .art-gallery figure:nth-child(3){grid-column:span 2}.case-aftergrowth .art-gallery img{height:250px}.case-aftergrowth .art-gallery figure:nth-child(3) img{height:350px}.case-tilt .art-gallery{padding-top:30px;margin-bottom:40px}.case-chuodui .case-system{margin-bottom:30px}.boards{padding-bottom:45px}.boards-head{display:block;margin-bottom:25px}.boards-head h2{font-size:36px}.boards-head>p{margin-top:18px;font-size:10px}.board-grid{grid-template-columns:1fr;gap:20px}.board:first-child{grid-column:auto}.board figcaption{font-size:10px}.next-project{padding:35px var(--pad);grid-template-columns:1fr 35%;gap:20px;min-height:220px}.next-project>div>span{font-size:10px}.next-project h2{font-size:29px;margin:15px 0}.next-project p{font-size:10px}.next-image{height:130px}.next-project>b{font-size:25px;bottom:18px}.project .interlude{margin-bottom:45px}.index-dialog[open]{display:block;padding:70px var(--pad) 30px}.index-heading h2{font-size:48px;margin-bottom:12px}.index-heading h2 br{display:none}.index-heading #index-preview{display:none}.index-heading p{font-size:10px;margin-bottom:25px}.index-row{padding:14px 0}.index-row strong{font-size:25px}.index-row small{font-size:9px}.reader-top,.reader-bottom{padding:12px 16px;font-size:10px;height:60px;gap:15px}.reader-top>span{max-width:53%}.reader-top>div{gap:17px}.reader-top button{font-size:10px}.reader-viewport{padding:4px}.reader-viewport.zoom img{width:1300px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.opening{height:100vh;height:100svh;min-height:680px}.scroll-guide{display:none}}