@font-face{font-family:Marker;src:url('fonts/Marker.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Xiaolai;src:url('fonts/Xiaolai.woff2') format('woff2');font-display:swap;font-weight:400}
.lab .ex-experiment-head h2>span{display:inline-block;white-space:nowrap}
.ex-next-arrow{display:flex;align-items:center;gap:16px;border:1px solid currentColor;padding:10px 15px;background:var(--next-bg);font-size:32px;line-height:1;z-index:6;transition:transform .25s}
.ex-next-arrow small{font:500 13px/1.5 'Noto Sans SC',sans-serif;letter-spacing:0}.ex-next-arrow b{font-weight:400}.ex-next:hover .ex-next-arrow{transform:translate(3px,-3px)}
.ex-next-art>.ex-between-word{font:850 clamp(64px,9vw,140px)/.9 Archivo,sans-serif;letter-spacing:-.07em}
.ex-case-harvest .at-title,.ex-case-harvest .ex-prologue h2,.ex-case-harvest .cv-story-step h2,.ex-case-harvest .lab .ex-experiment-head h2,.ex-case-harvest .sf-intro h2{font-family:Marker,'Noto Sans SC',sans-serif;font-weight:400;letter-spacing:0;line-height:1.3}
.ex-case-harvest .at-title{font-size:clamp(48px,8vw,116px)}.ex-case-harvest .lab,.ex-case-harvest .ex-prologue{background:#fffdf5}.ex-case-harvest .lab .ex-experiment-head h2{font-size:clamp(36px,3.9vw,57px)}
.lab[data-lab=harvest] .lab-panel h3,.lab[data-lab=chuodui] .lab-panel h3{font-family:Marker,'Noto Sans SC',sans-serif;font-size:21px;font-weight:400}
.lab[data-lab=chuodui] .ex-experiment-head h2{font-family:Marker,'Noto Sans SC',sans-serif;font-weight:400;letter-spacing:0;font-size:clamp(34px,3.8vw,54px)}
.lab[data-lab=harvest] .lab-field input,.lab[data-lab=chuodui] .lab-field input{font-family:Xiaolai,'Noto Sans SC',sans-serif;font-size:20px;line-height:1.2}
.lab[data-lab=harvest] .lab-canvas,.lab[data-lab=chuodui] .lab-canvas{background:#fffdf5}
.lab[data-lab=tilt] .lab-canvas{background:#f4ede3}.lab[data-lab=tilt] .ex-experiment-head h2{font-weight:500;letter-spacing:-.055em}
.lab[data-lab=offclock] .lab-canvas{cursor:default}.lab[data-lab=offclock].lab-drawing .lab-canvas{cursor:crosshair}
@media(max-width:759px){.ex-next-arrow{gap:10px;right:16px;top:18px;padding:10px 11px;font-size:26px}.ex-next-arrow small{font-size:11px}.ex-next>div:first-child{padding-top:49px}.ex-next h2{margin-top:10px}.lab[data-lab=harvest] .ex-experiment-head h2,.lab[data-lab=chuodui] .ex-experiment-head h2{font-size:32px}.ex-case-harvest .cv-story-step h2{font-size:42px}.lab[data-lab=chuodui] .lab-options{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.ex-next-arrow{transition:none}}
/* Keep the invitation and project summary above the preview on narrow screens. */
@media(max-width:759px){.ex-next{min-height:540px;height:auto;padding-bottom:300px}.ex-next-art{width:86%;height:265px;right:6%;bottom:18px}.ex-next p{max-width:25em}.ex-next-art .ex-between-word{font-size:70px!important}}