#works{padding-top:90px;padding-bottom:80px}
.works-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:8px}
.works-brand{display:flex;align-items:flex-end;gap:22px;flex:none}
.works-bear{width:116px;height:130px;object-fit:contain;filter:drop-shadow(0 2px 0 #fffdf7) drop-shadow(1px 4px 2px #27292522)}
.works-heading-text{padding-bottom:8px}
.works-tag,.works-original,.works-footer .depth-controls button,.works-footer .depth-controls span{border:2px solid var(--ink);border-radius:999px;background:#fffdf7;box-shadow:0 0 0 3px #fffdf7,2px 4px 0 2px #cbc9be,2px 6px 9px #27292512}
.works-tag{display:inline-block;font-size:13px;letter-spacing:.13em;padding:8px 16px;font-weight:600;margin-bottom:16px}
#works-title{font-family:BearBody,'Microsoft YaHei',sans-serif;font-weight:700;font-size:clamp(36px,4.4vw,64px);line-height:1.15;text-shadow:0 4px 0 #acd8e8;letter-spacing:.02em}
.works-slogan{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,28px);font-weight:600;margin:44px 0 0;white-space:nowrap}
.works-slogan span{width:9px;height:9px;border-radius:50%;background:#78bcd5;flex:none}
#works .circular-gallery{height:540px;margin:0;outline-offset:4px}
.works-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #879da455;padding-top:28px;min-height:116px}
.works-info{display:flex;align-items:center;gap:24px;flex:1;min-width:0}
.works-info .gallery-current-title{margin:0;text-align:left;font-size:20px;font-weight:500;line-height:1.5;max-width:none;flex:1;min-width:0;min-height:3em;display:flex;align-items:center;background:none;border:0;box-shadow:none;text-wrap:pretty}
.works-original{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 20px;background:var(--blue);white-space:nowrap;font-size:14px;flex:none}
.works-footer .depth-controls{display:flex;align-items:center;gap:14px;margin:0;flex:none}
.works-footer .depth-controls button{width:48px;height:48px;display:grid;place-items:center;padding:0;font-size:24px;color:var(--ink)}
.works-footer .depth-controls span{display:grid;place-items:center;min-width:94px;min-height:46px;padding:6px 15px;font-variant-numeric:tabular-nums;background:var(--blue);font-size:18px}
.works-original,.works-footer button{transition:background .18s,box-shadow .18s,translate .18s}
.works-original:hover,.works-footer button:hover{background:#dce9eb}
.works-original:active,.works-footer button:active{translate:0 2px;box-shadow:0 0 0 3px #fffdf7,1px 2px 0 1px #cbc9be}
#works>.plain-link{display:none}
@media(max-width:900px){.works-brand{gap:16px}.works-bear{width:88px;height:110px}.works-tag{font-size:11px;padding:7px 11px}.works-slogan{font-size:18px}.works-footer{gap:22px;flex-wrap:wrap}.works-info{flex-basis:100%}.works-footer .depth-controls{margin-left:auto}}
@media(max-width:600px){#works{padding-block:64px}.works-heading{display:block}.works-brand{gap:14px}.works-bear{width:80px;height:105px}.works-tag{font-size:10px;letter-spacing:.09em;margin-bottom:12px}#works-title{font-size:38px}.works-slogan{margin:22px 0 0 94px;white-space:normal;font-size:17px;gap:6px}.works-slogan span{width:7px;height:7px}#works .circular-gallery{height:410px}.works-footer{padding-top:24px;gap:24px}.works-info{display:grid;grid-template-columns:1fr;gap:12px}.works-info .gallery-current-title{font-size:17px;min-height:4.5em}.works-original{justify-self:start}.works-footer .depth-controls{width:100%;justify-content:flex-end}.works-footer .depth-controls button{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.works-original,.works-footer button{transition:none}}
@media(min-width:901px){.works-info .gallery-current-title{flex:0 1 540px;width:clamp(280px,36vw,540px)}}