:root{--paper:#fff;--ink:#111;--soft-ink:#666;--line:#d8d8d8;--panel:#f3f3f1;--mono:"IBM Plex Mono", "Roboto Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--serif-cn:SimSun, "Songti SC", "Noto Serif CJK SC", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0}button,a,audio,video{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{color:inherit}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.portfolio-app{background:var(--paper);min-height:100vh}.mute-button{z-index:50;border:1px solid var(--ink);font:10px/1 var(--mono);letter-spacing:.06em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:999px;padding:8px 10px;position:fixed;bottom:20px;right:22px}.intro-screen{min-height:100vh;padding:clamp(20px,3vw,40px) clamp(36px,6vw,84px);position:relative;overflow:hidden}.intro-header,.site-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.coury-logo{object-fit:contain;width:clamp(92px,11vw,150px);height:58px}.my-work-mark{object-fit:contain;width:clamp(130px,16vw,210px);height:70px}.intro-work-brand{justify-items:end;display:grid}.intro-work-brand p{font:11px/1.4 var(--serif-cn);margin:-7px 2px 0 0}.intro-layout{grid-template-columns:minmax(190px,.24fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,64px);min-height:calc(100vh - 120px);display:grid}.intro-side{width:100%;height:clamp(286px,63vh,510px);margin-top:10px;position:relative}.identity-block{width:min(100%,230px);position:absolute;top:-18px;left:0}.identity-heading{font-family:var(--serif-cn);align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.identity-heading p{margin:0;font-size:12px;line-height:1.2}.identity-heading .identity-name{font-size:clamp(17px,1.5vw,21px);font-weight:700}.identity-lines{font-family:var(--serif-cn);gap:6px;display:grid}.identity-lines p{margin:0;font-size:12px;line-height:1.45}.identity-lines a{border-bottom:1px solid #0000;text-decoration:none}.identity-lines a:hover{border-color:var(--ink)}.wave-stage{justify-self:end;width:min(54vw,650px);height:clamp(286px,63vh,510px);min-height:286px;margin-top:10px;position:relative}.wave-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%}.sequence{z-index:2;text-align:right;pointer-events:none;gap:5px;display:grid;position:absolute;top:8px;right:8px}.sequence span,.experience-hint{color:var(--soft-ink);font:9px/1.4 var(--mono);letter-spacing:.08em}.sequence strong{font:500 13px/1 var(--mono);letter-spacing:.25em}.experience-hint{z-index:2;margin:0;position:absolute;top:0;left:0}.entry-handwritten{object-fit:contain;width:min(100%,230px);height:auto;position:absolute;bottom:14.2857%;left:0;transform:translateY(7px)}.wave-transition{z-index:45;background:var(--paper);pointer-events:auto;position:fixed;inset:0;overflow:hidden}.wave-transition canvas{width:100%;height:100%;display:block}.overview-screen{flex-direction:column;min-height:100vh;padding:clamp(18px,3vw,42px);display:flex}.site-header button{cursor:pointer;background:0 0;border:0;padding:0}.site-header button img{object-fit:contain;width:clamp(92px,11vw,150px);height:58px}.header-work-mark{object-fit:contain;width:clamp(130px,16vw,210px);height:70px}.overview-intro{grid-template-columns:minmax(0,1fr) minmax(170px,28vw);align-items:end;gap:30px;min-height:39vh;padding:30px 0 18px;display:grid}.overview-intro>div{max-width:620px}.overview-intro .eyebrow{letter-spacing:.12em;color:var(--soft-ink);margin:0 0 16px;font-size:9px}.overview-title-asset{object-fit:contain;object-position:left center;width:min(48vw,460px);height:clamp(70px,8vw,108px);margin:0 0 8px}.overview-intro p:not(.eyebrow){max-width:520px;font:15px/1.75 var(--serif-cn);margin:0}.overview-intro>img{object-fit:contain;object-position:right bottom;justify-self:end;width:min(100%,360px);max-height:270px}.piano-nav{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);flex:0 0 clamp(190px,29vh,250px);min-height:190px;display:flex}.piano-nav button{border:0;border-right:1px solid var(--ink);text-align:left;cursor:pointer;background:#f7f7f5;flex:1 1 0;min-width:0;padding:16px 12px;transition:flex .38s cubic-bezier(.25,.9,.25,1),opacity .28s,background .28s;position:relative;overflow:hidden}.piano-nav button:first-child{border-left:1px solid var(--ink)}:is(.piano-nav:has(button:hover) button:not(:hover),.piano-nav:has(button:focus-visible) button:not(:focus-visible)){opacity:.34}.piano-nav button.is-active{background:#dededb;flex:2.4 1 0}.key-number{color:var(--soft-ink);font-size:9px;display:block}.key-label{writing-mode:vertical-rl;white-space:nowrap;max-width:calc(100% - 28px);font-size:clamp(11px,1.15vw,16px);position:absolute;bottom:18px;left:14px;transform:rotate(180deg)}.piano-nav button.is-active .key-label{writing-mode:horizontal-tb;font-size:clamp(14px,1.7vw,24px);transform:none}.key-action{opacity:0;font-size:9px;transition:opacity .2s;position:absolute;top:15px;right:14px}.piano-nav button.is-active .key-action{opacity:1}.category-screen{min-height:100vh;padding:clamp(28px,5vw,72px) clamp(30px,7vw,112px)}.category-header{align-items:flex-start}.category-work-brand{justify-items:end;display:grid}.category-work-brand .header-work-mark{object-fit:contain;width:clamp(130px,16vw,210px);height:70px}.back-to-works{letter-spacing:.08em;border-bottom:1px solid var(--ink)!important;font:10px/1.5 var(--mono)!important}.category-work-brand .back-to-works{margin-top:-8px}.category-hero{text-align:center;width:100%;margin:clamp(46px,8vw,105px) auto clamp(58px,7vw,90px)}.category-title-wrap{place-items:center;min-height:clamp(100px,14vw,180px);display:grid;position:relative}.category-title-wrap>img{object-fit:contain;transform-origin:50%;width:min(70vw,700px);height:clamp(82px,13vw,170px);margin:0 auto}.category-title-wrap.is-vibrating>img{animation:.62s ease-out title-vibrate}.section-string{z-index:2;cursor:crosshair;background:0 0;border:0;width:100%;padding:22px 0;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.section-string span{background:var(--ink);transform-origin:50%;height:1px;display:block}.section-string:hover span,.section-string.is-vibrating span{animation:.58s ease-out string-vibrate}@keyframes string-vibrate{0%{transform:scaleY(1)skewY(0)}18%{transform:scaleY(7)skewY(.35deg)}36%{transform:scaleY(3)skewY(-.25deg)}58%{transform:scaleY(5)skewY(.13deg)}to{transform:scaleY(1)skewY(0)}}@keyframes title-vibrate{0%,to{transform:translateY(0)rotate(0)}18%{transform:translateY(-4px)rotate(-.3deg)}38%{transform:translateY(3px)rotate(.22deg)}60%{transform:translateY(-2px)rotate(-.12deg)}}.works-frame{border:1px solid var(--ink);border-radius:18px;width:100%;padding:clamp(24px,4vw,58px)}.groups{width:100%;margin:0 auto}.work-group{margin:0 0 90px}.work-group:last-child{margin-bottom:0}.group-title{border-bottom:1px solid var(--ink);align-items:baseline;gap:14px;margin-bottom:22px;padding-bottom:9px;display:flex}.group-title span{color:var(--soft-ink);font-size:9px}.group-title h2{font:500 13px/1 var(--mono);letter-spacing:.06em;margin:0}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(34px,5vw,76px) clamp(26px,4vw,60px);display:grid}.work-grid.has-odd-tail .work-card:last-child{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(26px,4vw,60px);display:grid}.work-grid.has-odd-tail .work-card:last-child .work-copy{padding-top:4px}.work-card{min-width:0;transition:transform .24s}.work-card:hover{transform:translateY(-5px)}.card-link-media{text-decoration:none;display:block}.card-gallery,.work-card video{aspect-ratio:16/10;border:1px solid var(--ink);background:#f4f4f1;border-radius:10px;width:100%;overflow:hidden}.card-gallery{align-items:stretch;display:flex}.card-gallery img{object-fit:contain;width:100%;height:100%;transition:transform .24s}.card-gallery.is-multiple img{width:50%}.card-link-media:hover img{transform:scale(1.018)}.work-card video{object-fit:contain;background:#000;display:block}.work-copy{padding:16px 3px 0}.work-copy h3{font:700 15px/1.45 var(--serif-cn);margin:0 0 9px}.work-copy p{font:14px/1.75 var(--serif-cn);color:#2c2c2c;margin:0}.work-copy audio{filter:grayscale();width:100%;height:38px;margin-top:16px}.work-actions{min-height:28px;margin-top:16px}.work-actions a,.no-link{font:9px/1.4 var(--mono);letter-spacing:.06em;text-decoration:none}.work-actions a{border-bottom:1px solid var(--ink);gap:9px;padding-bottom:3px;display:inline-flex}.no-link{color:#999}.qr-detail{font:10px/1.4 var(--mono);margin-top:15px}.qr-detail summary{cursor:pointer}.qr-detail img{border:1px solid var(--ink);width:150px;margin-top:10px}.site-footer{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;gap:20px;width:100%;margin:40px auto 0;padding:18px 0 0;font-size:9px;display:flex}.site-footer button{cursor:pointer;background:0 0;border:0}@media (width<=620px){.mute-button{bottom:12px;right:12px}.intro-screen{padding:24px}.overview-screen,.category-screen{padding:18px}.intro-layout{grid-template-columns:1fr;gap:10px;padding:12px 0 28px}.intro-side{height:auto;margin-top:12px}.identity-block{width:min(100%,230px);position:static}.identity-heading{margin-bottom:10px}.wave-stage{width:92%;height:42vh;min-height:290px;margin-top:8px}.overview-intro{grid-template-columns:1fr 120px;min-height:27vh;padding:32px 4px 14px}.overview-title-asset{width:92%;height:66px}.overview-intro p:not(.eyebrow){font-size:13px}.piano-nav{border-bottom:0;flex-direction:column;min-height:0}.piano-nav button,.piano-nav button.is-active{border-left:1px solid var(--ink);border-bottom:1px solid var(--ink);flex:none;min-height:64px}.piano-nav button.is-active{min-height:112px}.key-label,.piano-nav button.is-active .key-label{writing-mode:horizontal-tb;font-size:12px;bottom:21px;left:48px;transform:none}.piano-nav button.is-active .key-label{font-size:17px}.category-screen{padding:22px}.category-hero{margin-top:44px;margin-bottom:66px}.category-title-wrap>img{width:88vw}.works-frame{border-radius:14px;padding:20px 16px}.work-grid{grid-template-columns:1fr}.work-grid.has-odd-tail .work-card:last-child{grid-column:auto;display:block}.work-grid.has-odd-tail .work-card:last-child .work-copy{padding-top:16px}.work-group{margin-bottom:64px}.work-card:hover{transform:none}}@media (width<=470px){.intro-header .my-work-mark{width:112px}.intro-work-brand p{text-align:right;max-width:130px;margin-top:-9px;font-size:9px}.identity-block{display:block}.wave-stage{height:36vh;min-height:260px}.entry-handwritten{width:175px;margin-top:22px;position:static;transform:none}.overview-intro{grid-template-columns:1fr 92px;gap:12px}.overview-intro>img{align-self:end}.header-work-mark,.category-work-brand .header-work-mark{width:110px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}