@font-face{font-family:Syne;src:url('/assets/syne.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{--paper:#e8e8e6;--ink:#111;--muted:#686866;--line:#bdbdb9;--pad:clamp(20px,3.3vw,64px);--display:Syne,Arial,sans-serif;--body:Arial,'PingFang SC','Microsoft YaHei',sans-serif;--mono:'Courier New',Consolas,monospace;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border-radius:0}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:6px}button,a{touch-action:manipulation}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:800}button{background:none}img{display:block;max-width:100%;height:auto}::selection{background:var(--ink);color:var(--paper)}[hidden]{display:none!important}.micro{font-family:var(--mono);font-size:10px;font-weight:400;line-height:1.6;letter-spacing:.045em}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:12px;background:#fff;color:#000;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{height:96px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.identity{display:flex;align-items:center;gap:24px}.logo{font:800 40px/.9 var(--display);letter-spacing:-5px}.logo-mark{font:400 11px/1 var(--body);letter-spacing:0;vertical-align:top;margin-left:7px}.identity-text{font:9px/1.5 var(--mono);letter-spacing:.02em}.site-header nav{display:flex;align-items:center;gap:35px}.site-header nav a{font:500 11px var(--display);padding:14px 0;position:relative}.site-header nav a:after{content:'';height:1px;background:currentColor;position:absolute;left:0;right:0;bottom:5px;transform:scaleX(0);transform-origin:right;transition:transform .25s}.site-header nav a:hover:after{transform:scaleX(1);transform-origin:left}.nav-index{font:9px var(--mono);opacity:.5;margin-right:6px;vertical-align:super}
.hero{padding:0 var(--pad)}.hero-top{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between}.hero-composition{position:relative;isolation:isolate;min-height:610px;height:min(48vw,780px);display:flex;align-items:center}.hero h1{position:relative;z-index:3;width:100%;font-family:var(--display);font-weight:800;letter-spacing:-.075em;line-height:.79;color:#fff;mix-blend-mode:difference;pointer-events:none}.hero-line{display:block;font-size:clamp(100px,13.2vw,220px);width:max-content}.middle-line{padding-left:8.5%;margin-top:14px;position:relative}.title-asterisk{font:400 .55em/.8 var(--body);display:inline-block;margin-left:.45em;vertical-align:.09em}.last-line{font-size:clamp(100px,12.1vw,204px);margin-top:15px;letter-spacing:-.073em}.period{letter-spacing:-.08em}.sculpture-stage{position:absolute;z-index:1;right:-1.8vw;top:-.5vw;width:min(55vw,820px);height:100%}.sculpture-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0;cursor:grab;touch-action:pan-y}.sculpture-stage canvas:active{cursor:grabbing}.sculpture-fallback{position:absolute;width:100%;height:100%;inset:0}.sculpture-stage:has(canvas[data-ready=true]) .sculpture-fallback{visibility:hidden}.object-label{position:absolute;bottom:8%;right:2.5vw;font-size:9px;pointer-events:none}.hero-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:end;padding:30px 0 40px}.hero-statement{font-size:14px;line-height:1.9;letter-spacing:.02em}.hero-statement span{color:var(--muted)}.object-controls{justify-self:center;display:flex;align-items:center;gap:15px;flex-wrap:wrap;max-width:230px}.text-button{font-size:11px;line-height:1.6;border:0;border-bottom:1px solid currentColor;padding:10px 0;display:inline-flex;align-items:center;gap:25px}.icon-button{border:1px solid var(--line);height:34px;width:34px;font-size:16px;display:grid;place-items:center}.icon-button:hover{background:var(--ink);color:var(--paper)}.drag-hint{flex:1 0 100%;font-size:8px;color:var(--muted)}.explore-link{justify-self:end;display:flex;align-items:center;gap:32px}.round-arrow{border:1px solid var(--ink);border-radius:50%;width:61px;height:61px;display:grid;place-items:center;font:300 30px var(--body);transition:background .3s,color .3s,transform .3s}.explore-link:hover .round-arrow{color:var(--paper);background:var(--ink);transform:translateY(4px)}.hero-foot{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line);font-size:9px}
.work-section{background:var(--ink);color:var(--paper);padding:65px var(--pad) 48px;margin-top:0}.section-kicker{display:flex;justify-content:space-between;gap:20px}.work-heading{display:flex;justify-content:space-between;align-items:end;margin:65px 0 90px;gap:30px}.work-heading h2{font:800 clamp(55px,7.4vw,120px)/.87 var(--display);letter-spacing:-.065em;position:relative}.work-heading h2>span{margin-left:7vw}.work-heading sup{font:400 14px var(--mono);letter-spacing:0;position:absolute;right:-48px;top:0}.work-heading>p{font-size:12px;line-height:1.9;flex-shrink:0;padding-bottom:5px}.project-visual{display:block;position:relative;overflow:hidden;background:#ccc;isolation:isolate}.project-visual img{width:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1);object-fit:cover}.project-visual:hover img{transform:scale(1.035)}.project-visual:focus-visible{outline-offset:8px}.project-open{position:absolute;bottom:24px;right:24px;background:var(--paper);color:var(--ink);padding:15px 20px;display:flex;gap:28px;align-items:center;transform:translateY(90px);transition:transform .4s cubic-bezier(.2,.7,.2,1)}.project-open>span:last-child{font-size:30px;line-height:1}.project-visual:hover .project-open,.project-visual:focus-visible .project-open{transform:translateY(0)}.image-failure{display:none;position:absolute;inset:0;place-content:center;font-size:14px}.project-visual.failed .image-failure{display:grid}.project-visual.failed img{visibility:hidden}.ulab-visual{padding:32px 6% 45px;background:#d3d3d0}.ulab-visual img{box-shadow:0 12px 35px #0001;aspect-ratio:16/9;object-fit:contain;max-width:1500px;margin:auto}.frame-top{display:flex;justify-content:space-between;padding-bottom:25px;color:#333;font-size:9px}.frame-dots{letter-spacing:6px;font-size:6px}.project-caption{display:grid;grid-template-columns:100px 1fr auto;gap:24px;align-items:start;padding-top:25px}.project-number{padding-top:9px;opacity:.6;font-size:9px}.project-caption h3{font:700 clamp(34px,4.5vw,72px)/1 var(--display);letter-spacing:-.05em}.small-arrow{font-family:var(--body);font-size:.45em;vertical-align:top;margin-left:12px;display:inline-block;transition:transform .2s}.project-caption h3 a:hover .small-arrow{transform:translate(4px,-4px)}.project-caption p{font-size:12px;line-height:1.8;margin-top:14px;color:#aaa}.project-discipline{text-align:right;padding-top:7px;font-size:9px}.project-discipline span{display:inline-block;color:#999;margin-top:7px;letter-spacing:0}.project-offbeat{display:grid;grid-template-columns:1fr 3fr;gap:40px;margin-top:150px}.side-label{align-self:center;max-width:170px;letter-spacing:.1em;line-height:1.9;position:relative;padding-top:100px}.side-label:before{content:'↗';position:absolute;top:-50px;left:0;font:400 140px/1 var(--body)}.project-offbeat .project-visual{aspect-ratio:1.35}.project-offbeat img{height:100%;object-fit:cover}.project-offbeat .project-caption{grid-template-columns:85px 1fr auto;gap:18px}.project-offbeat h3{font-size:clamp(34px,4.2vw,72px)}.project-pair{display:grid;grid-template-columns:1.06fr 1fr;gap:8vw;margin-top:150px}.project-pair .project-visual{aspect-ratio:1/1.13}.project-pair .project-visual img{height:100%;object-fit:cover}.project-pair .project-caption{grid-template-columns:85px 1fr;gap:10px}.project-pair h3{font-size:clamp(30px,4.3vw,70px)}.project-detail{padding-left:95px;margin-top:24px;color:#999;font-size:9px}.project-pause{padding-top:170px}.pair-note{display:block;font:500 clamp(30px,3.7vw,60px)/1 var(--display);letter-spacing:-.04em;margin-bottom:58px}.pair-note em{font-family:Georgia,serif;font-weight:400}.work-note{margin-top:100px;padding-top:25px;border-top:1px solid #3c3c3a;font-size:9px;color:#999}
.about-section{padding:60px var(--pad) 90px}.about-intro{display:grid;grid-template-columns:1.8fr 1fr;gap:7vw;margin-top:95px}.about-intro h2{font:800 clamp(42px,5.8vw,98px)/.99 var(--display);letter-spacing:-.055em}.outline-type{-webkit-text-stroke:1px var(--ink);color:transparent;font-size:1.4em;display:block;margin-top:10px}.about-copy{padding-top:0}.about-symbol{font:300 85px/.8 var(--body);display:block;margin-bottom:35px}.chinese-statement{font-size:25px!important;line-height:1.5!important;font-weight:700;letter-spacing:-.02em;margin-bottom:26px!important}.about-copy>p{font-size:13px;line-height:2;margin-bottom:24px;max-width:340px}.about-copy>.micro{font-size:9px;display:block;margin-top:30px}.practice-list{margin-top:85px}.practice-list>div{border-top:1px solid var(--line);display:grid;grid-template-columns:10% 1fr auto;align-items:center;padding:25px 0;gap:20px}.practice-list>div:last-child{border-bottom:1px solid var(--line)}.practice-list h3{font:500 clamp(17px,2.8vw,46px)/1.1 var(--display);letter-spacing:-.04em}.practice-list>div>span:last-child{font-size:11px;color:var(--muted)}
.type-experiment{margin-top:100px;border:1px solid var(--ink);overflow:hidden;--amount:.35}.experiment-top{display:flex;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--ink);font-size:9px}.experiment-type{padding:60px 5% 65px;position:relative;min-height:290px;display:flex;align-items:center;justify-content:center;gap:2%;isolation:isolate;overflow:hidden}.experiment-type>span{font:800 clamp(35px,6.1vw,110px)/.92 var(--display);letter-spacing:-.065em;display:block;position:relative;z-index:1;transition:transform .15s;mix-blend-mode:difference;color:#fff}.experiment-type>span:first-child{transform:translateY(calc(var(--amount) * -38px)) rotate(calc(var(--amount) * -13deg))}.experiment-type>span:nth-child(2){transform:translateY(calc(var(--amount) * 33px)) rotate(calc(var(--amount) * 18deg))}.experiment-type>span:nth-child(3){transform:translateY(calc(var(--amount) * -6px)) rotate(calc(var(--amount) * -6deg))}.experiment-type>i{font:normal clamp(130px,20vw,360px)/1 Arial;position:absolute;right:18%;bottom:0;z-index:0;transform:rotate(calc(var(--amount) * 180deg));transition:transform .15s}.experiment-controls{display:flex;align-items:center;justify-content:center;border-top:1px solid var(--ink);gap:24px;padding:20px 24px;font-size:11px}.experiment-controls label>span{font-size:8px;display:block;margin-top:5px}.experiment-controls input{width:min(45%,360px);height:28px;accent-color:#111;cursor:ew-resize}.experiment-controls output{width:30px;margin-left:15px}
.contact-section{background:var(--ink);color:var(--paper);padding:55px var(--pad) 0;overflow:hidden}.contact-heading{margin:90px 0 60px}.contact-heading h2{font:800 clamp(48px,9vw,155px)/.88 var(--display);letter-spacing:-.065em}.contact-last{font-size:.86em;display:inline-flex;align-items:baseline;gap:.2em}.contact-last>span{font-family:var(--body);font-weight:400;font-size:1.05em}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px;padding-bottom:60px}.contact-bottom>p{font-size:15px;line-height:1.8}.contact-status{font-size:11px;display:flex;gap:12px;align-items:center;color:#aaa;padding-bottom:4px}.status-dot{height:6px;width:6px;border:1px solid #aaa;border-radius:50%}.back-top{font:10px var(--mono);padding:12px 0;border-bottom:1px solid #777;white-space:nowrap}.back-top>span{font-size:18px;margin-left:15px}.site-footer{border-top:1px solid #444;padding:23px 0;display:flex;justify-content:space-between;color:#999;font-size:9px}
.case-mode{background:var(--paper)}#case-view{padding:0 var(--pad)}.case-top{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:25px 0}.case-intro{padding:60px 0}.case-intro h1{font:800 clamp(65px,13vw,200px)/.9 var(--display);letter-spacing:-.06em;margin-bottom:24px;overflow-wrap:anywhere}.case-subtitle{font-size:20px;line-height:1.6}.case-meta{display:flex;gap:38px;margin-top:40px;border-top:1px solid var(--line);padding-top:18px;font-size:10px}.case-lead{max-width:680px;font-size:clamp(18px,2vw,29px);line-height:1.75;margin:65px 0 60px auto}.case-image{margin:0 0 35px}.case-image img{width:100%;background:#ddd}.case-image figcaption{display:flex;justify-content:space-between;gap:25px;margin-top:14px;color:var(--muted);font-size:10px;line-height:1.8}.case-decisions{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:90px 0}.case-decisions>div{padding-top:24px;border-top:1px solid var(--line)}.case-decisions h2{font-size:22px;font-weight:500;margin-bottom:20px}.case-decisions p{font-size:14px;line-height:2;color:var(--muted);max-width:480px}.case-disclosure{font-size:11px;color:var(--muted);line-height:1.9;border-top:1px solid var(--line);padding-top:20px;margin-top:55px}.next-project{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:90px;padding:45px 0;border-top:1px solid var(--ink);gap:15px}.next-project>.micro{grid-column:1/-1}.next-project>#next-title{font:700 clamp(48px,7vw,110px)/1 var(--display);letter-spacing:-.055em}.next-project>span:last-child{font:400 70px/1 var(--body);transition:transform .3s}.next-project:hover>span:last-child{transform:translate(8px,-8px)}.case-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;color:var(--muted)}.noscript{padding:25px var(--pad);font-size:13px}
@media(min-width:1800px){.hero,.site-header,.work-section,.about-section,.contact-section,#case-view{padding-left:max(var(--pad),calc((100vw - 1700px)/2));padding-right:max(var(--pad),calc((100vw - 1700px)/2))}.hero-composition{height:780px;min-height:0}.hero-line{font-size:220px}.last-line{font-size:204px}.sculpture-stage{right:0;width:800px}}
@media(max-width:1100px){.site-header{height:82px}.hero-composition{min-height:490px;height:49vw}.hero-line{font-size:13.2vw}.last-line{font-size:12.1vw}.hero-bottom{padding-top:25px}.work-heading{display:block}.work-heading>p{margin-top:32px;padding-left:7vw}.work-heading h2{max-width:85%}.project-caption{grid-template-columns:70px 1fr auto;gap:12px}.project-offbeat .project-caption{grid-template-columns:60px 1fr;gap:10px}.project-offbeat .project-discipline{grid-column:2;text-align:left}.project-pair .project-caption{grid-template-columns:1fr}.project-pair .project-number{padding:0}.project-detail{padding-left:0}.project-offbeat{gap:20px}.about-intro{gap:40px;grid-template-columns:1.7fr 1fr}.about-copy>p{font-size:12px}.contact-bottom{flex-wrap:wrap}.contact-status{padding-bottom:10px}.object-label{bottom:10%;font-size:8px}.project-open{transform:translateY(0);padding:10px 14px;bottom:16px;right:16px}.project-open>.micro{font-size:8px}.project-open>span:last-child{font-size:22px}}
@media(max-width:767px){:root{--pad:20px}html{scroll-padding-top:24px}.site-header{height:78px}.logo{font-size:34px}.identity-text{display:none}.site-header nav{gap:20px}.site-header nav a{font-size:9px}.nav-index{display:none}.hero-top{padding:18px 0;font-size:8px;gap:12px}.hero-edition{font-size:7px;white-space:nowrap}.hero-composition{min-height:440px;height:110vw;max-height:630px;align-items:flex-start;padding-top:25px}.hero h1{line-height:.85}.hero-line{font-size:15vw;letter-spacing:-.073em}.middle-line{margin-top:12px;padding-left:0;font-size:16vw}.last-line{position:absolute;top:72vw;font-size:12.5vw;letter-spacing:-.079em;margin:0}.sculpture-stage{width:94vw;height:90vw;max-height:540px;right:-8vw;top:12vw}.title-asterisk{font-size:.5em;margin-left:.6em}.object-label{right:8vw;bottom:4%;font-size:7px}.hero-bottom{grid-template-columns:1fr auto;gap:26px;padding:15px 0 30px;align-items:center}.hero-statement{font-size:11px;line-height:1.9}.object-controls{grid-column:1;grid-row:2;justify-self:start;gap:12px;max-width:none}.text-button{font-size:10px;gap:15px;padding:8px 0}.icon-button{width:32px;height:32px}.drag-hint{display:none}.explore-link{grid-column:2;grid-row:1/3;gap:0}.explore-link>.micro{display:none}.round-arrow{width:54px;height:54px;font-size:27px}.hero-foot{font-size:7px;padding:17px 0}.hero-foot>span:nth-child(2){display:none}.work-section{padding-top:35px;padding-bottom:30px}.section-kicker{font-size:8px}.section-kicker>span:last-child{text-align:right}.work-heading{margin:48px 0}.work-heading h2{font-size:10vw;max-width:90%;line-height:.97}.work-heading h2>span{margin-left:3vw}.work-heading sup{font-size:10px;right:-30px;top:0}.work-heading>p{font-size:11px;margin-top:28px;padding-left:3vw}.ulab-visual{padding:15px 12px 24px}.frame-top{font-size:6px;padding-bottom:14px}.frame-dots{font-size:4px;letter-spacing:3px}.project-caption{grid-template-columns:1fr;gap:9px;padding-top:20px}.project-number{font-size:8px;padding:0}.project-caption h3{font-size:40px}.project-caption p{font-size:11px;margin-top:12px}.project-discipline{text-align:left;padding:0;font-size:8px;margin-top:9px}.project-discipline br{display:none}.project-discipline span{margin:0 0 0 15px}.project-open{padding:8px 10px;right:10px;bottom:10px;gap:12px}.project-open>.micro{font-size:6px}.project-open>span:last-child{font-size:19px}.project-offbeat{display:block;margin-top:65px}.side-label{display:none}.project-offbeat .project-visual{aspect-ratio:1/1.12}.project-offbeat .project-caption{grid-template-columns:1fr}.project-offbeat .project-discipline{grid-column:1}.project-offbeat h3{font-size:40px}.project-pair{display:block;margin-top:65px}.project-pair .project-visual{aspect-ratio:1/1}.project-pair h3{font-size:40px}.project-detail{font-size:8px;margin-top:18px}.project-pause{padding-top:0;margin-top:65px}.pair-note{display:none}.work-note{margin-top:50px;font-size:8px;line-height:1.8}.about-section{padding-top:35px;padding-bottom:55px}.about-intro{display:block;margin-top:55px}.about-intro h2{font-size:10vw;line-height:1.04}.outline-type{font-size:1.5em}.about-copy{margin-top:40px;position:relative;padding-left:25%}.about-symbol{position:absolute;left:0;font-size:64px;top:0}.chinese-statement{font-size:23px!important;margin-bottom:20px!important}.about-copy>p{font-size:12px;line-height:1.9}.about-copy>.micro{font-size:8px}.practice-list{margin-top:50px}.practice-list>div{grid-template-columns:30px 1fr;gap:12px;padding:22px 0}.practice-list h3{font-size:19px;letter-spacing:-.05em}.practice-list>div>span:last-child{grid-column:2;font-size:10px}.practice-list .micro{font-size:8px}.type-experiment{margin-top:55px}.experiment-top{padding:15px;font-size:7px}.experiment-top>span:last-child{display:none}.experiment-type{padding:65px 10px;min-height:220px;gap:2%}.experiment-type>span{font-size:7vw;letter-spacing:-.08em}.experiment-type>i{font-size:150px;right:17%;bottom:25px}.experiment-controls{gap:12px;padding:14px;font-size:10px}.experiment-controls label>span{font-size:6px}.experiment-controls input{width:45%}.experiment-controls output{font-size:8px;margin-left:0;width:22px}.contact-section{padding-top:35px}.contact-heading{margin:60px 0 40px}.contact-heading h2{font-size:11.8vw;line-height:.95;letter-spacing:-.06em}.contact-last{font-size:.78em;gap:.12em}.contact-bottom{display:grid;grid-template-columns:1fr auto;gap:30px;padding-bottom:35px;align-items:start}.contact-bottom>p{font-size:12px}.contact-status{grid-column:1;font-size:10px;padding:0}.back-top{grid-column:2;grid-row:1/3;font-size:8px}.back-top>span{margin-left:8px;font-size:16px}.site-footer{font-size:7px;padding:20px 0;gap:20px}.site-footer>span:last-child{display:none}.case-top{padding:20px 0}.case-top .micro{font-size:8px}.case-intro{padding:40px 0 20px}.case-intro h1{font-size:17vw}.case-subtitle{font-size:16px}.case-meta{gap:18px;flex-wrap:wrap;font-size:8px;margin-top:25px}.case-lead{font-size:18px;line-height:1.8;margin:25px 0 35px}.case-image{margin-bottom:28px}.case-image figcaption{font-size:8px;gap:15px}.case-decisions{display:block;margin:50px 0}.case-decisions>div+div{margin-top:35px}.case-decisions h2{font-size:19px}.case-decisions p{font-size:12px}.case-disclosure{font-size:10px;margin-top:35px}.next-project{margin-top:50px;padding:35px 0}.next-project>#next-title{font-size:12vw}.next-project>span:last-child{font-size:40px}.case-footer{font-size:8px}}
@media(max-width:370px){.site-header nav{gap:15px}.hero-composition{min-height:405px}.hero-statement{font-size:10px}.hero-foot{font-size:6px}.practice-list h3{font-size:16px}}
.hero-composition{container-type:inline-size;background:var(--paper);overflow:clip}
.hero-line{font-size:13cqw}
.last-line{font-size:10.65cqw}
.work-heading{container-type:inline-size}
.work-heading h2{font-size:6.6cqw}
.work-heading h2>span{margin-left:4cqw}
.work-heading sup{right:-36px;font-size:12px}
.type-experiment{background:var(--paper)}
.experiment-type{background:var(--paper)}
@media(max-width:767px){.hero-line{font-size:13cqw}.middle-line{font-size:17cqw}.last-line{font-size:10.65cqw;top:81cqw}.sculpture-stage{right:-15px;width:100%;top:40px;height:390px}.work-heading h2{font-size:8.45cqw;max-width:94%}.work-heading sup{right:-23px;font-size:8px}.work-heading h2>span{margin-left:0}.project-caption h3,.project-offbeat h3,.project-pair h3{font-size:10vw}.about-intro h2{font-size:8.8vw}.contact-heading h2{font-size:10.2vw}.contact-last{font-size:.76em}.hero-composition{height:110vw;min-height:400px}.object-label{right:18px;bottom:20px}.experiment-type>span{font-size:6.25vw}.practice-list h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}
.next-project{grid-template-columns:minmax(0,1fr) auto;container-type:inline-size}.next-project>#next-title{min-width:0;font-size:clamp(28px,7cqw,110px);overflow-wrap:anywhere}.case-meta{flex-wrap:wrap}.case-image figcaption>a{flex-shrink:0}@media(max-width:767px){.next-project>#next-title{font-size:8.5cqw}.case-intro h1{font-size:14vw}}
.project-moprobo .project-visual{aspect-ratio:16/9}.project-offbeat .project-visual{aspect-ratio:16/10}.project-pair .project-visual{aspect-ratio:1/1}.project-dayoff img{object-position:45% center}.project-pause img{object-position:52% center}.archive-heading{display:flex;justify-content:space-between;margin-top:110px;padding-bottom:24px;border-bottom:1px solid #555}.index-row{display:grid;grid-template-columns:85px minmax(0,1fr) 150px 50px;align-items:center;gap:26px;padding:28px 0;border-bottom:1px solid #3b3b3b;transition:padding .25s,background .25s}.index-row:hover{padding-left:14px;padding-right:14px;background:#1e1e1e}.index-row>.micro{color:#999}.index-title{font:600 clamp(22px,2.8vw,44px)/1.15 var(--display);letter-spacing:-.04em}.index-title small{display:block;font:11px/1.7 var(--body);letter-spacing:0;color:#aaa;margin-top:14px}.index-row img{width:150px;aspect-ratio:16/9;object-fit:cover}.index-arrow{font:36px var(--body);text-align:right}.contact-email{font:500 clamp(16px,2.2vw,30px) var(--display);letter-spacing:-.02em;border-bottom:1px solid #777;padding-bottom:12px}.contact-email span{padding-left:18px}.project-caption h3{overflow-wrap:anywhere}.project-pair h3{font-size:3.5vw}@media(max-width:767px){.project-offbeat .project-visual{aspect-ratio:16/10}.project-pair h3{font-size:8vw}.archive-heading{margin-top:70px;font-size:7px}.index-row{grid-template-columns:28px minmax(0,1fr) 70px 18px;gap:12px;padding:22px 0}.index-title{font-size:19px;overflow-wrap:anywhere}.index-title small{font-size:9px;margin-top:10px}.index-row img{width:70px;aspect-ratio:1/1}.index-row>.micro{font-size:8px}.index-arrow{font-size:22px}.contact-email{grid-column:1;font-size:18px;justify-self:start}.contact-bottom{grid-template-columns:minmax(0,1fr) auto}.index-row:hover{padding-left:0;padding-right:0}}
.project-pair .project-caption{grid-template-columns:1fr;gap:18px}.project-pair .project-detail{padding-left:0}.project-pair .project-caption h3{font-size:3.5vw}.about-intro h2{font-size:4.5vw;line-height:1.08}@media(max-width:767px){.project-pair .project-caption h3{font-size:8vw}.about-intro h2{font-size:8.8vw}}
.project-pause .project-visual{aspect-ratio:16/10}.project-pause .project-visual img{object-fit:cover}@media(max-width:767px){.project-pause .project-visual{aspect-ratio:16/10}}
.contact-last{font-size:.79em}@media(max-width:767px){.contact-last{font-size:.69em}}
.case-intro{container-type:inline-size}.case-intro h1{font-size:clamp(25px,var(--case-title-size,10cqw),200px)}
.case-intro h1{font-size:clamp(18px,var(--case-title-size,10cqw),200px)}@media(max-width:370px){.site-header nav{gap:10px}.site-header nav a{font-size:8px;white-space:nowrap}.logo{font-size:29px}.site-header{gap:12px}.logo-mark{font-size:9px}}